
body{overflow-x:hidden}

#header{width:100%; height:auto}
#header .nav{width:1024px;height:140px;margin:0 auto; position: relative;}
#header .nav a{position: absolute; top:10%; height:200px; width: 400px; left:50%;}
#header .nav a img{position: absolute; top: -8%; margin-left:-215px;}
/* #header .nav ul li:nth-child(2){position: absolute; top:35%;} */
/* #header .nav p { position:absolute; color:#fff; background-color:#f99434; line-height: 30px; border-radius: 10px; padding: 3px 50px; bottom: 5%; right: 0%;} */
.menu {
  position: relative;
  height: 68px;
  background: #fff;
  width: auto;
  border-top:1px solid #d6d6d6;
  border-bottom:4px solid #afd450;
  box-sizing:border-box;
}
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
.menu > ul {
  position: relative;
  display: block;
  width: 100%;
  z-index: 500;
  width: 1024px;
  margin: 0 auto;
}
.menu:after, .menu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.menu.align-right > ul > li {
  float: right;
}
.menu.align-center ul {
  text-align: center;
}
.menu.align-center ul ul {
  text-align: left;
}
.menu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 16%;
  text-align: center;
  background:url('../img_n/nav_line.gif') right 50% no-repeat;
}
.menu > ul > li:nth-child(6){background:none}

.menu > ul > #menu-button {
  display: none;
}
.menu ul li a {
  display: block;
  text-decoration: none;
  border-top:3px solid #fff;
}
.menu > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  color: #999;
  line-height: 60px;
}
.menu > ul > li:hover > a {
  color: #faa61a;
  border-top:3px solid #afd450;
  box-sizing:border-box
}
.menu li.sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.menu > ul > li:hover::after {
  border-top-color: #ffffff;
}
.menu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
.menu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
.menu ul ul li {
  position: relative;
  top: 16px;
}
.menu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
.menu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
.menu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
.menu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
.menu ul ul li a {
  width: 145px;
  border-bottom: 1px solid #eeeeee;
  padding: 20px;
  font-size: 12px;
  color: #9ea2a5;
  background: #ffffff;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
.menu.align-right ul ul li a {
  text-align: right;
}
.menu ul ul li:hover > a {
  background: #f2f2f2;
  color: #8c9195;
}
.menu ul ul li:last-child > a, .menu ul ul li.last > a {
  border: 0;
}
.menu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}
.menu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}

.menu.align-right ul ul li.sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
.menu ul ul li.sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.menu.align-right ul ul li.sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/*main_slide*/
p {line-height:1.4; margin-bottom:12px}
#wrapper {width:100%;height:668px;margin: 0 auto;}

.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slideshow {float:left; width:100%; height:711px;}
#slides {position:relative; width:100%; height:711px; list-style:none; overflow:auto}
#slides li {width:100%; height:711px}
#slides li img{width:100%; height:auto;}

.page_wrap{width:90%; height:100px; top:70%; margin:0 auto; position: relative;}
.pagination {list-style:none; height:20px; margin: 0 auto;z-index: 99;position: absolute;right:0; }
.pagination li {float:left; cursor:pointer; width:50px;height:20px;border-radius:10px; background:#fff; margin:0 8px 0 0; color:rgba(255,255,255,0)}
.pagination li:hover {background:#afd450; color:rgba(175,212,80,0)}
li.current {background:#afd450;}

li#content {width:464px; height:270px; padding:15px 18px 15px 18px; background:#fff}
#content h1 {font:22px; margin-bottom:15px; color:#036}


/*contents*/

#contents{width:100%; margin:0 auto}
#contents .sub_01_banner{ width:100%; text-align: center;}
#contents .sub_01_banner img{ position:relative; width:1000px; text-align: center; margin-top:50px;}

#contents .contents_wrap{ width:1000px; margin:100px auto;}
/*#contents .sub_01{background:url('../img_n/img_sub01_02.png') 0 0 no-repeat;height:450px;  position:relative;} */

#contents .sub_01 { width:100%; height:400px; }
#contents .sub_01 .hello { width:100%; height:auto; position:relative; top: 0px; z-index:1;}
#contents .sub_01 .hello_txt { width:100%; height:384px; position:relative; top: -384px; z-index:2;}

#contents .sub_01 dl:nth-child(1){position:absolute;top:50px;left:350px;}
#contents .sub_01 dl:nth-child(1) dt{font-size:44px;color:#000;font-family: 'Nanum Myeongjo', serif;letter-spacing:-1.5px;line-height:60px;margin-bottom:6px;}
#contents .sub_01 dl:nth-child(1) dd{font-size:24px;color:#222;font-family: 'Nanum Myeongjo', serif;letter-spacing:-1.5px; line-height:40px;}

#contents .sub_01 dl:nth-child(2){position:absolute; top:216px; left:350px;}
#contents .sub_01 dl:nth-child(2) dt{font-size:22px; color:#faa61a; margin-top:15px; margin-bottom:2px;}
#contents .sub_01 dl:nth-child(2) dd{font-size:18px; color:#555;}


/*footer*/
#footer{width:100%;height:120px;border-top:1px solid #ddd;padding: 30px 0;box-sizing: border-box;}
#footer .footer_wrap{width:1000px;margin:0 auto;}
#footer .footer_wrap .footer1{font-size:14px;color:#999;text-align:center;width: 1000px;overflow: hidden;}
#footer .footer_wrap .footer1 li{float:left;margin: 0 14.5px;}
#footer .footer_wrap .footer1 li .black{color:#464646;font-weight:600;margin-right:10px;}
#footer .footer_wrap .footer2{color:#999;text-align:center;margin-top: 10px;}
.green{color:#93b932}





.article_s6 {
	position: relative;
	width: 1024px; height: 420px;
	left: 50px;
}

.img_tour{
	position: absolute;
	top:0px; left: 5%;
	width: 45%; auto;
}

.img_tour img{
	width: 100%;
}




.txt_tour{
	position: absolute;
	top:20px; left: 53%;
	width: 45%; height: 100%;

}


.txt_tour span {
	position: absolute;
	top:5px; left:0px;
	
	margin-right: 20px;
	font-size: 18px; color: #346500; opacity: 0.7;
	width: 30%;

}

.txt_tour h3 {
	position: absolute;
	top: 15px;
	
	font-size: 30px; line-height: 77px;
	color: #1f1f1f; font-weight: bold;
}

.txt_tour p {
    position: absolute;	
	font-size: 14px; line-height: 24px;
    width: 100%; height: 100%;
    top: 90px; left: 0px;
	text-align: justify;
  }
  
.txt_tour a {
	position: absolute;
	top: 230px; line-height: 18px;
	color: #4b4b4b;
	cursor: pointer;
}
.txt_tour i {
	color : #afd450; font-size: 1.5em;

