@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {font-family: 'Nanum Gothic', sans-serif; }

/* header */
.header {position:relative; width:1200px; height:70px; margin:0 auto; padding-top:16px; border-bottom:1px solid #dadada; text-align:center; }
.header h1 {display:inline-block; }
.header ul {position:absolute; bottom:15px; right:0; overflow:hidden; }
.header ul li {display:inline-block; }
.header ul li:before {content:""; display:inline-block; margin:0 10px; width:1px; height:12px; background:#ababab; vertical-align:middle; }
.header ul li:first-child:before {display:none; }
.header ul li a {font-size:13px; color:#8f8f8f; font-style:italic; }
.gnb {position:relative; width:1200px; height:47px; margin:0 auto; border-bottom:3px solid #8dc641; z-index:99999999;  }
.gnb > ul {width:1078px; margin:0 auto; }
.gnb_1li {position:relative; float:left; width:215px; text-align:center; }
.gnb_1a {display:block; padding:16px 0; color:#4c4c4c; font-size:15px; font-weight:bold; }
.gnbover {position:absolute; top:50px; width:100%; height:410px; background:#fafafa; display:none; border-bottom:1px solid #dadada; }
.gnbover_in {width:1078px; margin:0 auto; }
.gnb_2ul {position:relative; display:block; float:left; width:215px; height:410px; }
.gnb_2ul:nth-child(5) {border:none; }
.gnb_2ul .first {margin-top:17px; }
.gnb_2ul em {display:block; font-size:17px; color:#8dc641; line-height:25px; font-weight:bold; padding-left:5px; }
.gnb_2ul em strong {color:#61aa00; }
.gnb_2a {display:block; font-size:14px; color:#666666; text-align:left; padding:7px 0 7px 44px; font-weight:bold; }
.gnb_2a2 {display:block; font-size:13px; color:#999999; padding:7px 0 7px 44px;}
#header #select_box {position: absolute; top:52px; right:278px; width:100px; height:20px; background: url('/images/main/arrow2.png') 85px center no-repeat;
	border:1px solid #acacac;}
 #header #select_box label {position: absolute; width:67px; height:20px; font-size:12px; color:#acacac; top:0; left:4px; line-height:20px; }
#header #select_box #color {width:100%; height: 20px; min-height: 20px; line-height: 20px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); }
.gnb_1li .current {background: url('/images/main/arrow3.png')  center 39px no-repeat; }
#header #select_box #color option {font-size:13px; color:#acacac; }

/* container */
#container {position:relative;}
.visual {width:1200px; margin:0 auto; }
.visual .bxslider {position:relative; z-index:99999;  height: 652px;  overflow:hidden;}

/* footer */
#footer {position:relative; overflow:hidden; height:93px; width:1200px; margin:0 auto; border-top:3px solid #8dc641; }
#footer.bd {border-top: 3px solid #8dc641;}
#footer h2 {position:absolute; left:0; top:30px; }
#footer ul {float:left; padding-left:17%; padding-top:27px; }
#footer ul li {font-size:13px; color:#9b9b9b; line-height:25px; }
#footer em {font-size:13px; color:#fff; background-color:#b4b4b4; padding:3px 7px; margin-left:12px; }
#footer em img {padding-top:3px; }
#footer #select_box {position: absolute; top:28px; right:125px; width:100px; height:25px; background: url('/images/main/arrow.png') 88px 9px no-repeat;
	border:1px solid #acacac;}
 #footer #select_box label {position: absolute; width:67px; height:25px; font-size:13px; color:#acacac; top:0; left:7px; line-height:23px; }
#footer #select_box #color {width:100%; height: 25px; min-height: 25px; line-height: 25px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); }
#footer #select_box option { font-size:13px; color:#acacac; margin-left:-20px; }
#google_translate_element {position: absolute; top:28px; right:19px; width:102px; height:25px;}
.goog-te-gadget {font-size:13px !important; color:#acacac !important; }
.goog-te-gadget .goog-te-combo {border:1px solid #acacac; width:118px; height:27px;  margin:0 !important; font-size:13px; color:#acacac; }
.goog-te-gadget .goog-te-combo option {font-size:13px; color:#acacac; }
.goog-te-gadget span {display:inline-block; margin-top:3px;}
#footer #select_box2 label {position: absolute; width:67px; height:25px; font-size:13px; color:#acacac; top:0; left:7px; line-height:23px;
	border-right:1px solid #acacac; }
#footer #select_box2 #color {width:100%; height: 25px; min-height: 25px; line-height: 25px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); }
.contents {overflow: hidden; background: url('/images/contents/bg_lnb.jpg') repeat-y left top;}

/*lnb*/
.lnb {
	float: left;
	width: 178px;
	border-right: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
}
.lnbD1 {border-bottom: 1px solid #e7e7e7; }
.lnb h2 {
	padding-top: 56px;
	padding-bottom: 49px;
	text-align: center;
	font-size: 20px;
	color: #1e1e1e;
	font-weight: bold;
	background: #fff;
	border-bottom:1px solid #e7e7e7;
}
.lnb h2 span {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	color: #d1d1d1;
}
.lnb .lnbD1 > li.current > a {
	color: #fff;
	background: #8cbd3a url('/images/contents/left_arrow.png') 145px 7px  no-repeat ;
	font-weight: bold;
}
.lnb .lnbD1 > li > a {
	padding-left: 21px;
	display: block;
	width: 157px;
	border-top: 1px solid #e7e7e7;
	font-size: 14px;
	color: #000;
	line-height: 36px;
}
.lnb .lnbD1 > li:first-child > a {
	border-top: 0;
}
.lnbD2 {
	background: #fff;
}
.lnbD2 li:first-child {
	border-top: 1px solid #e7e7e7;
}
.lnbD2 li {
	padding-left: 21px;
	font-size: 13px;
	line-height: 30px;
}
.lnbD1 li a {background: #fff; color: #777777;}
.lnbD2 li.current a {color: #000; font-weight:bold; }

/* scrolltop */
.scrolltop {position:absolute; right:35px; bottom:25px;}
@media screen and (max-width:1240px) {
	.scrolltop {position:absolute; left:1230px; bottom:25px;}
}
@media screen and (min-width:1241px) and (max-width:1370px) {
	.scrolltop {position:absolute; left:1280px; bottom:25px;}
}