@charset "euc-kr";

/* Web font 
@font-face {
	font-family:"NG";
	src: url('../fonts/NanumGothic.eot');
	src: url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic.ttf') format('truetype');
}

@font-face {
	font-family:"NGBold";
	src: url('../fonts/NanumGothicBold.eot');
	src: url('../fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothicBold.ttf') format('truetype');
}
*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);



/* Reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,hr {margin:0;padding:0;}
html, body {width:100%; min-width:1000px;}
html { -webkit-text-size-adjust: none; }
body {background-color:#fff;font-size:13px;line-height:1.5;font-family:Nanum Gothic,'³ª´®°íµñ',NG,'³ª´®°íµñ',Dotum,Sans-serif;color:#555;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
input,textarea,select,button,table {font-size:1em;}
fieldset,img {border:0;}
img,input,select,button {vertical-align:middle;}
ol,ul {list-style:none;}
em,address {font-style:normal;}
a {color:#333;text-decoration:none;}
a:active,a:hover,a:focus {text-decoration:none;}
button {display:inline-block;overflow:hidden;border:0;background:none;cursor:pointer;}
table {border-collapse:collapse;border-spacing:0;width:100%;}
legend,caption {overflow:hidden;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}
textarea {resize:none;vertical-align:middle;}
label {cursor:pointer;}
hr {display:none;}
dt {font-family:NanumGothic,'³ª´®°íµñ',NG,'³ª´®°íµñ',Dotum,Sans-serif;}

/* Layout */
#skipNav {position:absolute;top:0;left:0;width:100%;z-index:25;}
#skipNav a {display:block;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:1px;margin-top:-1px;text-align:center;z-index:500;}
#skipNav a:hover, #skipNav a:active, #skipNav a:focus {position:absolute;top:0;width:100%;height:auto;padding:13px 0;background-color:#e8e8e8;font-weight:bold;color:#444;z-index:500;}

#wrap {position:relative;width:100%;}
#header {position:relative; top:0; z-index:88988; width:100%;}
.header_inner {position:relative;width:1000px;margin:0 auto;height:110px}
.header_inner h1 {position:absolute;left:0;top:35px}
.util {position:relative;}
.util_mb {position:absolute;top:10px;right:0;height:23px;}
.util_mb li {float:left;height:23px;padding:0 0 0 14px; margin-left:14px;line-height:23px;background:url(../images/common/bar_util.gif) no-repeat 0 50%;}
.util_mb li:first-child { background:none;}
.util_mb li+li+li { background:none;}
.util_mb .sitemap {}
.util_mb .join {padding:0 18px 0 37px; background:#c7c7c7 url(../images/common/btnJoin_icon.gif) no-repeat 19px 7px; border-radius:12px;-moz-border-radius:12px; -webkit-border-radius:12px;-ms-border-radius:12px;behavior: url( ../css/PIE.htc );}
.util_mb a {display:inline-block;color:#333;font-size:11px;}
.util_mb a .user {margin:0 0 0 10px;}
.util_mb a .user strong {color:#127150;font-weight:normal; font-weight:bold;}



#gnb {position:absolute;top:65px; right:0; width:620px;z-index:10; box-sizing:border-box;}
#gnb > ul {*zoom:1}
#gnb > ul:after {content:"";display:block;clear:both}
#gnb > ul > li {float:left;width:18.9%; text-align:left;}
#gnb > ul > li:nth-child(4) {margin-left:30px;}
#gnb > ul > li > a {display:block;height:50px;font-size:16px;font-weight:600;color:#333;padding-left:15px}
#gnb > ul > li > a:hover {color:#006687}
#gnb > ul > li > ul {display:none;position:relative;height:180px;padding-top:10px;z-index:100;background-size:0 2px;box-sizing:border-box}
#gnb > ul > li > ul > li {text-align:left; width:150px;}
#gnb > ul > li > ul > li > a {display:block;padding:5px 0 5px 15px;font-size:13px;font-weight:600;color:#fff;}
#gnb > ul > li > ul > li > a:hover,
#gnb > ul > li > ul > li > a.active {color:#5bc3d5;background:url(../images/icon/gnb_arrow.png) no-repeat 85% 50%}
.gnb-bg {display:none;position:absolute;left:0%;top:110px; z-index:8; width:100%;height:220px;background:#2e354f; padding-bottom:15px; border-bottom:1px solid #111; box-sizing:border-box;}



#footer {height:100%;overflow:hidden;border-top:solid 1px #c40100;}
.footer_inner {width:1000px;height:40px;margin:0 auto;padding:45px 0 0 0;background:url(/images/common/h1_logo.gif) no-repeat 0 27px; text-align:right;}
.footer_info { margin-left:205px;font-size:12px;color:#adadad;line-height:1.3;}
.footer_info .copyright {margin:3px 0 0 0;font-size:11px;color:#7c7c7c;}

.footer_menu {overflow:hidden;border:1px solid #373737;background-color:#fff;}
.footer_menu .inner {width:1000px;height:44px;margin:0 auto;line-height:44px;}
.footer_menu li {float:left;padding:0 29px 0 29px;background:url(../images/common/bar_footer.gif) no-repeat 100% 50%;}
.footer_menu li a {color:#555;}
.footer_menu li.first {padding-left:0;font-family:NanumGothicBold,'³ª´®°íµñ',NGBold,'³ª´®°íµñ',Dotum,Sans-serif;}
.footer_menu li.first a {color:#127150;}
.footer_menu li.last {background:none;}

.footer_menu .page_top a {float:right;width:137px;background:#127150 url(../images/common/bu_top.gif) no-repeat 85px 21px;text-align:center;color:#fff;}

/* lnb
#lnb {float:left;width:185px;overflow:hidden;}
#lnb .lnb_tit {height:42px;margin:0 0 2px 0;border-bottom:3px solid #c40100;}
#lnb .lnb_tit h3 {font-size:32px;color:#363636;font-family:NanumGothicBold,'?????????',NGBold,'????',Dotum,Sans-serif;line-height:1;}
#lnb ul li a {display:block;}
#lnb > ul > li > a {height:45px;padding:0 0 0 12px;background:url(../images/common/ico_lnb_1depth.gif) no-repeat 0 1px;font-size:15px;color:#2b2b2b;line-height:45px;font-family:NanumGothicBold,'?????????',NGBold,'????',Dotum,Sans-serif;letter-spacing:-1px;}
#lnb > ul > li > a:hover {background:#ccc;}
#lnb > ul > li a.on {height:45px;background:#2e354f;color:#fff;}
#lnb ul li ul {padding:1px 0 3px 0;border-bottom:1px solid #d9d9d9;}
#lnb ul li li a {padding:0 0 0 20px;background:none;font-size:13px;line-height:30px;letter-spacing:-1px;}
#lnb ul li li a.selected,#lnb ul li li a:hover {color:#127150;text-decoration:underline;}
#lnb .banner {margin:20px 0 0 0;}
#lnb .banner li {margin:0 0 5px 0;}
#lnb .banner li:first-child {margin:0 0 10px 0;}

.content {float:right;width:770px;min-height:750px;margin-bottom:80px;overflow:hidden;}
.content h4,.content_etc h3 {margin:0 0 13px 0;font-size:30px;color:#2e354f;font-family:NanumGothicBold,'?????????',NGBold,'????',Dotum,Sans-serif;line-height:1;letter-spacing:-1px;}
#content {float:right;width:770px;min-height:750px;margin-bottom:80px;overflow:hidden;}
#content h4 {margin:0 0 13px 0;font-size:30px;color:#127150;font-family:NanumGothicBold,'?????????',NGBold,'????',Dotum,Sans-serif;line-height:1;letter-spacing:-1px;}
.content_top {height:78px;margin:0 0 42px 0;background:url(../images/common/line.gif) repeat-x 0 100%;}
.content_top p {color:#737373;line-height:1;}
 */



/* Common */
.hide {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;} /* ??Ã¼ÅØ??Æ®°¡ ??´Ñ ??±Ù??À» ??ÇÑ ??????½º???? ??°ø??¶§ */
.fL {float:left}
.fR {float:right}
.clear {clear:both;}
.relative {position:relative;}
.absolute {position:absolute;}
.bg_none {background:none;}
.none {display:none}

/* Font */
.bold {font-weight:bold;}
.lts_1 {letter-spacing:-1px;}
.lh_20 {line-height:20px;}
.txt_uline {text-decoration:underline;}
.txt_none {text-decoration:none;}
.fs_12 {font-size:12px;}

.tC {text-align:center;}
.tL {text-align:left !important;}
.tR {text-align:right;}

/* Space */
.pT10 {padding-top:10px;}
.pT20 {padding-top:20px;}
.pR10 {padding-right:10px;}
.pB10 {padding-bottom:10px;}
.pL10 {padding-left:10px;}

.mT0 {margin-top:0;}
.mT10 {margin-top:10px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mT40 {margin-top:40px;}
.mT50 {margin-top:50px;}
.mT60 {margin-top:60px;}

.mR10 {margin-right:10px;}
.mB5 {margin-bottom:5px;}
.mB10 {margin-bottom:10px;}
.mB20 {margin-bottom:20px;}
.mB30 {margin-bottom:30px;}
.mB40 {margin-bottom:40px;}
.mB0 {margin-bottom:50px;}
.mL10 {margin-left:10px;}
.mL20 {margin-left:20px;}

