@charset "utf-8";
/* 나눔폰트 적용 */
@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:'nanumB';
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-square-r';
src: url('/fonts/nanumsquarer.eot');
src: url('/fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
url('/fonts/nanumsquarer.woff2') format('woff2'),
url('/fonts/nanumsquarer.woff') format('woff'),
url('/fonts/nanumsquarer.ttf') format('truetype'),
url('/fonts/nanumsquarer.svg#nanumsquarerregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'nanum-square-b';
src: url('/fonts/nanumsquareb.eot');
src: url('/fonts/nanumsquareb.eot?#iefix') format('embedded-opentype'),
url('/fonts/nanumsquareb.woff2') format('woff2'),
url('/fonts/nanumsquareb.woff') format('woff'),
url('/fonts/nanumsquareb.ttf') format('truetype'),
url('/fonts/nanumsquareb.svg#nanumsquarebregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* 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:'nanum'; letter-spacing:-0.5px;font-size:14px;line-height:160%;color:#525252;text-align:left;word-break:break-all;-ms-word-break:break-all; overflow-x:hidden; }
dl,ul,ol,li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr {display:none;}
input,textarea,select{font-size:14px;color:#333;vertical-align:top;font-family:'nanum';}
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:#e46744;}
.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:'nanumB';
font-family:'nanumE';
font-family:'맑은 고딕', Malgun Gothic
*/
/* ---------------------------------------------------------------------
wrap
----------------------------------------------------------------------*/
.wrap {width:1100px;margin:0 auto;overflow:hidden;}
#header {height:35px; }
#header .login {float:right;position:relative;}
#header .login a {color:#fff;display:inline-block; padding:0px 7px; font-size:14px; font-family:'nanumB'; height:35px; line-height:35px; letter-spacing:-0.5px;}
#topmenu {position:relative; width:1100px; margin:0 auto; z-index:99; }
#tmbg {width:1100px; margin:0 auto; background:#fff; }
/*.gnbFixed {position: fixed; top: 0px; z-index:99; } */
#topmenu .wrap {height:62px; }
#topmenu .logo{position:absolute; left:40px;top:18px; }
#topmenu .loca{position:absolute; right:0px;top:0px; }
#gnb_1dul {padding:0px 62px 0px 300px;}
#gnb_1dul ul {padding:0;margin:0;list-style-type:none;}
#gnb_1dul li {float:left;padding:0px;margin:0;}
#gnb_1dul li a {display:block;height:62px;font-size:18px;font-family:'nanum-square-b';line-height:62px;color:#313131;padding:0px 36px;letter-spacing:-0.5px; }
#gnb_1dul li:first-child a {background:none;}
#gnb_1dul li a:hover {color:#e2d6db;}
#gnb_subMenuBox {position:absolute;width:100%; height:215px;top:62px; left:0px; z-index:999996;}
#gnb_subMenuBox .bg{position:absolute;left:0px; width:100%; height:215px; background:url(/layouts/default/image/bg_navi.png) 30px 25px no-repeat #004d42; z-index:999997;opacity:0.95; -moz-opacity:0.95; filter: alpha(opacity=95); border-bottom:1px solid #004d42; }
#gnb_subMenuBox .submenuA{position:absolute;width:1000px;left:50%; margin-left:-500px; z-index:999999;padding:8px 0px 10px 0px;}
#gnb_subMenuBox dl{float:left; display:inline-block; }
#gnb_subMenuBox dt a{display:block; text-align:center; line-height:28px; font-size:14px; color:#fff;letter-spacing:-1px;}
#gnb_subMenuBox dt a:hover {color:#54c2b1; text-decoration:none; font-family:'nanumB';}
#gnb_subMenuBox dl.tmwid1 {margin-left:255px;width:119px}
#gnb_subMenuBox dl.tmwid2 {width:119px;}
#gnb_subMenuBox dl.tmwid3 {width:135px;}
#gnb_subMenuBox dl.tmwid4 {width:135px;}
#gnb_subMenuBox dl.tmwid5 {width:135px;}
#gnb_subMenuBox dl.tmwid6 {width:125px;}
/* ---------------------------------------------------------------------
navbar
----------------------------------------------------------------------*/
#navbar{position:relative; width:1000px; height:46px;}
#navbar .nav{position:relative; overflow:hidden;}
#navbar .nav li{float:left; font-size:16px; line-height:44px; list-style:none; font-family:'nanumB'; letter-spacing:-0.5px;}
#navbar .nav li a{display:block; padding:0 50px 0; color:#fff; text-decoration:none;}
#navbar .nav li a:hover, #navbar .nav li a.on{}
#navbar .nav li.nav01{padding:0 30px 0}
/* snb_wrap */
#snb_wrap{display:none; position:absolute; top:146px; z-index:200;}
#snb_wrap .snb div{position:relative;}
#snb_wrap .snb span.dot{position:absolute; top:-8px; left:82px;}
#snb_wrap .snb ul{padding:14px 0;}
#snb_wrap .snb ul li{font-family:'nanumB'; font-size:14px; text-align:center; list-style:none;}
#snb_wrap .snb ul li a{display:block; padding:6px 0; color:#3a3a3a; text-decoration:none;}
#snb_wrap .snb ul li a:hover{color:#af4e9d;}
#snb_wrap .snb dd{width:168px; margin:0 auto;}
#snb_wrap .snb .snb01{margin-left:20px; width:168px; border:1px solid #61b000; border-top:0 none; background-color:#fff;}
#snb_wrap .snb .snb02{margin-left:224px; width:168px; border:1px solid #61b000; border-top:0 none; background-color:#fff;}
#snb_wrap .snb .snb03{margin-left:412px; width:168px; border:1px solid #61b000; border-top:0 none; background-color:#fff;}
#snb_wrap .snb .snb04{margin-left:586px;}
#snb_wrap .snb .snb05{margin-left:762px;}
/* ---------------------------------------------------------------------
contents
----------------------------------------------------------------------*/
#contents{width:100%; margin:0 auto; overflow:hidden; position:relative; }
/* ---------------------------------------------------------------------
footer
----------------------------------------------------------------------*/
#footer{clear:both; width:100%; background:#141a18;margin-top:50px; padding-bottom:30px;}
#footer .copy {float:left; display:inline-block; }
#footer .info{font-size:14px; color:#fff; line-height:23px; padding:30px 0px 0px 0px; }
#footer .info strong.txt01{font-family:'nanumB'; font-weight:normal;}
#footer .cr {font-family:'nanum'; font-size:12px; color:#a0a0a0;}
#footer .cr strong{color:#fff; font-weight:normal;}
#footer .agrement {float:right; display:inline-block;padding:30px 0px 0px 0px; }
#footer .agrement a{color:#888}
/* 화면상단,하단가기 */
#page_top_down, .page_top_down { position: fixed; right: 30px; bottom: 30px; z-index: 900; }
#page_top_down.min_fixed, .page_top_down.min_fixed { right: auto; left: 0; margin-left: 920px; }
#page_top_down a, .page_top_down a { display: block; width: 50px; height: 50px; background: url(/layouts/default/image/sp_top_down.png) no-repeat; text-indent: -999em; }
#page_top_down a.top:hover, .page_top_down a.top:hover { background-position: -51px 0; }
#page_top_down a.down, .page_top_down a.down { margin-top: 1px; background-position: 0 -51px; }
#page_top_down a.down:hover, .page_top_down a.down:hover { background-position: -51px -51px; }
.ready{text-indent:-99999px; display:block; width:400px; height:240px; margin:40px auto;background:url(/layouts/default/image/i_ready.png) center bottom no-repeat; }