@charset "utf-8";

/* ³ª´®ÆùÆ® Àû¿ë */

@font-face {
  font-family: 'nanum';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/NanumBarunGothicLight.eot');
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url('/fonts/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumBarunGothicLight.woff2') format('woff2'),
       url('/fonts/NanumBarunGothicLight.woff') format('woff'),
       url('/fonts/NanumBarunGothicLight.ttf') format('truetype');
}

/*


@font-face {
	font-family:'nanum';
	src:url('/fonts/NanumGothic.eot');
	src:url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/NanumGothic.woff') format('woff');
}
@font-face {
	font-family:'nanum';
	src:url('/fonts/NanumGothicBold.eot');
	src:url('/fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
  		url('/fonts/NanumGothicBold.woff') format('woff');
}
@font-face {
	font-family:'nanumE';
	src:url('/fonts/NanumGothicExtraBold.eot');
	src:url('/fonts/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/NanumGothicExtraBold.woff') format('woff');
}


@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/NanumBarunGothicLight.eot');
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url('/fonts/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumBarunGothicLight.woff2') format('woff2'),
       url('/fonts/NanumBarunGothicLight.woff') format('woff'),
       url('/fonts/NanumBarunGothicLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/NanumBarunGothic.eot');
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url('/fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumBarunGothic.woff2') format('woff2'),
       url('/fonts/NanumBarunGothic.woff') format('woff'),
       url('/fonts/NanumBarunGothic.ttf') format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/NanumBarunGothicBold.eot');
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url('/fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumBarunGothicBold.woff2') format('woff2'),
       url('/fonts/NanumBarunGothicBold.woff') format('woff'),
       url('/fonts/NanumBarunGothicBold.ttf') format('truetype');
}



font-family:'nanum';
font-family:'nanum';
font-family:'nanumE';
font-family:'¸¼Àº °íµñ', Malgun Gothic
*/

/* reset */
html,body{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0;padding:0}
body {background:#fff;font-family:'dotum'; letter-spacing:-1px;font-size:16px;line-height:160%;color:#525252;text-align:left;word-break:break-all;-ms-word-break:break-all;}
dl,ul,ol,li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:middle;}
hr {display:none;}
input,textarea,select{font-size:14px;color:#333;vertical-align:top;    font-family: "Malgun gothic";}
table {width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show;}
legend, caption {width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;}
em, address {font-style:normal;}
a {cursor:pointer;}

/* common */
a:link, a:visited {text-decoration:none;color:#525252;}
a:hover, a:active {text-decoration:none;color:#e07171;}



.left {float:left;}
.right {float:right;}
.clear {clear:both; content:""; display:block; }
.txtLef {text-align:left !important;}
.txtCen {text-align:center !important;}
.txtRig {text-align:right !important;}
.txtJus {text-align:justify !important;}

/*
font-family:'nanum';
font-family:'nanum';
font-family:'nanumE';
font-family:'¸¼Àº °íµñ', Malgun Gothic
*/

/* ---------------------------------------------------------------------
	wrap
----------------------------------------------------------------------*/

.wrap {width:1026px;margin:0 auto;}

#topmnArea {background:url(/layouts/default/image/common/h_bg.gif) repeat-x; color:#fff;  height:35px;}
#topmnArea .wrap {width:1026px;margin:0 auto;position:relative;}
#topmnArea .wrap .log{position:absolute; top:0px; right:194px; z-index:1;}
#topmnArea .wrap .log a{padding:0 9px 0 9px; color:#fff; font-size:13px; font-weight:500; line-height:35px;  background:url(/layouts/default/image/common/log_line.gif) right 4px no-repeat;}
#topmnArea .wrap .log a.last{background:none;}

#topmnArea .wrap .search {position:absolute; top:4px; right:0; width:186px; border:0px solid #5d676b; overflow:hidden;}
#topmnArea .wrap .search label {display:none;}
#topmnArea .wrap .search .keyword {float:left; width:147px; height:25px; line-height:25px; font-size:13px; text-indent:15px; border:0 none; color:#333; background:url(/layouts/default/image/common/search_bg.png) no-repeat 0; letter-spacing:-0.7px;}
#topmnArea .wrap .search .keyword:focus {    font-family: "Malgun gothic";font-size:13px;color:#222222;}
#topmnArea .wrap .search .sbtn {float:right; width:39px;}







#topmenu {position:relative; }
#tmbg {width:100%; background:#fff;border-bottom:1px solid #dddddd; }
.gnbFixed {position: fixed; top: 0px;  z-index:9999;  }

#topmenu .wrap {height:72px; font-family:'nanum'; position:relative; }
#topmenu .wrap .logo {position:absolute; top:13px; left:4px;}
#gnb_1dul {margin-left:270px;}
#gnb_1dul ul {padding:0;margin:0;list-style-type:none;}
#gnb_1dul li {float:left;padding:0px;margin:0;position:relative;}
#gnb_1dul li a {display:block;height:72px;font-size:18px;line-height:72px;color:#3f3f3f; font-weight:bold;padding:0px 20px 0px 20px; letter-spacing:-0.5px; }
#gnb_1dul li a:hover {color:#dc5555; background:url(/layouts/default/image/common/bg_nav01.png) center 63px no-repeat; background-size:72% 1px;}
#gnb_subMenuBox {position:absolute;width:100%; top:72px; left:0px; z-index:999996;}
#gnb_subMenuBox .bg{display:none;position:absolute;left:0px; width:100%; height:41px;  background:#000; z-index:999997;opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);  }
#gnb_subMenuBox .submenuA{position:absolute;width:1026px;left:50%; margin-left:-513px; z-index:999999;padding:0px 0px 0px 0px;}
#gnb_subMenuBox dl{ display:inline-block; } 
#gnb_subMenuBox #tmwid1 {margin-left:270px; width:130px;}
#gnb_subMenuBox #tmwid2 {margin-left:400px;width:180px;}
#gnb_subMenuBox #tmwid3 {margin-left:572px; width:140px;}
#gnb_subMenuBox #tmwid4 {margin-left:670px;width:170px;}
#gnb_subMenuBox #tmwid5 {margin-left:832px;width:142px;}
#gnb_subMenuBox dt {display:block; }
#gnb_subMenuBox dt a{display:block; height:41px; text-align:center; font-size:15px; letter-spacing:-1.5px; line-height:40px;color:#505050; background:#fff; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; border-left:1px solid #dddddd;  font-family: "Malgun gothic"; }
#gnb_subMenuBox dt a:hover {color:#fff; background:#dc5555; text-decoration:none; border-right:1px solid #dc5555; border-left:1px solid #dc5555; border-bottom:1px solid #dc5555;  }
#gnb_subMenuBox dt.tt a{display:block;padding:22px 22px 5px 22px; text-align:left; line-height:16px;color:#d16060;font-weight:normal;   }
#gnb_subMenuBox dt.tt a:hover {color:#e46744; text-decoration:none; }






/* ---------------------------------------------------------------------
	navbar
----------------------------------------------------------------------*/
#navbar{position:relative; width:1026px; height:100px; margin:0 auto;}

/* ---------------------------------------------------------------------
	contents
----------------------------------------------------------------------*/
#contents{width:100%; background-color:#f6f4f7;}


/* ---------------------------------------------------------------------
	footer
----------------------------------------------------------------------*/
#footer{width:100%; margin:0 auto; background-color:#fff; border-top:1px solid #ddd;}
#footerCon{position:relative; width:1026px; height:213px; margin:0 auto;}
#footerCon .f_logo{position:absolute; top:39px; left:6px;}
#footerCon .copy{padding:42px 0 0 233px; font-family:'nanum'; color:#555;font-size:12px; letter-spacing:-0.5px; line-height:20px;}
#footerCon .copy p{padding-bottom:20px}
#footerCon .copy a{padding:0 12px 0 13px; font-family:'nanum'; color:#727272; font-size:13px; background:url(/layouts/default/image/common/f_line.gif) no-repeat 0 3px;}
#footerCon .copy a.first{padding-left:0; background:none;}


#footerCon .family{position:absolute; top:82px; right:133px; cursor:pointer;}
#footerCon .family dd{ width:237px; border:1px solid #d7d7d7; position:absolute; left:0px; bottom:40px; background-color:#fff; padding:5px 0 5px 5px; display:none;}
#footerCon .family dd li{ padding-left:12px;height:30px; line-height:30px; font-size:12px; list-style:none;}
#footerCon .family dd li a{ color:#666; font-size:12px;}
#footerCon .family dd li a:hover{color:#e54e4e;  }
#footerCon a.f_top_btn{position:absolute; top:0; right:8px; display:block; width:65px; height:39px; font-family:'nanum'; line-height:50px; font-size:11px; text-align:center; color:#fff; background:url(/layouts/default/image/common/f_top_arrow.gif) no-repeat center 8px #e54e4e;}


#sitemap_quick .map_quick{position:relative; cursor:pointer;}
#sitemap_quick .map_quick dd{ width:237px; border:1px solid #d7d7d7; position:absolute; left:0px; top:40px; background-color:#fff; padding:5px 0 5px 5px; display:none;}
#sitemap_quick .map_quick dd li{ padding-left:12px;height:30px; line-height:30px; font-size:12px; list-style:none;}
#sitemap_quick .map_quick dd li a{ color:#666; font-size:12px;}
#sitemap_quick .map_quick dd li a:hover{color:#e54e4e; font-family:'nanum'; }
#sitemap_quick a.f_top_btn{position:absolute; top:0; right:8px; display:block; width:65px; height:39px; font-family:'nanum'; line-height:50px; font-size:11px; text-align:center; color:#fff; background:url(/layouts/default/image/common/f_top_arrow.gif) no-repeat center 8px #e54e4e;}

.cl_bo{clear:both;}
.fl_le{float:left;}
.po_re{position:relative}
.ba_co_w{background-color:#fff;}