@charset "UTF-8";

*, h1, h2, h3, h4, h5, h6, a:hover, a, b, em, i, address {font-weight:400;}
strong{font-weight:500;}
html {overflow-x:hidden;overflow-y:scroll;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html, body {height:100%;color:#303030;font-size:16px; font-family:'Noto Sans KR';}
input, button, select, textarea {font-size:16px;color:#737373;font-family:ntk}
input {height:30px;padding:0px 5px;display:inline-block;line-height:30px;border:1px solid #cdcdcd}
select {height:30px;display:inline-block;padding:5px 5px 5px 3px;border:1px solid #cdcdcd}
textarea {width:100%;border:1px solid #cdcdcd;padding:5px 3px;line-height:22px}
input[type="radio"], input[type="checkbox"] {width:16px;height:16px !important;padding:0 !important;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
input[type="radio"] {border-radius:30px}
iframe {width:100%}

/* layout */
#wrap{min-width:1000px; width:100%; position:relative; min-height:100%;}
#wrap, #container {position:relative;width:100%; }
#container { height: 100%;width: 100%;margin: 0 auto;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#container { height: 100%;width: 100%;margin: 0 auto; padding-top:0px;}
}
#contents {position:relative;}
.grid {margin:0px auto;max-width:1000px; background:yellow; height:166px;}
.grid:after {clear:both;display:block;content:''}
.col-full {width:100%;float:none;clear:both;}
.col-half {width:50%;display:block;float:left;}
.col-last {padding-right:0 !important;}

/* header */
#header{height:144px;width: 100%;min-width: 1000px; position:relative; border-top:4px solid #1e75cd;}
#header.subhr{height:95px;width: 100%;min-width: 1000px; position:relative; border-top:4px solid #1e75cd; border-bottom:1px solid #bdc8d2;}

#header .head-grid{width: 100%;height:95px; max-width:1000px; margin:0 auto; position: relative;}
#header .head-grid .util-box{float:right;position: relative;height: 30px; text-align: right; font-size: 0;line-height: 0; float:right;top:0;}
#header .head-grid .util-box a{font-size:13px; line-height:18px; letter-spacing:-0.0025em;}
#header .head-grid .logo{float:left; width:160px; height:52px; margin-top:24px; background:url('/img/com/logo.png') no-repeat center; display:inline-block;}
#header .head-grid .logo a{text-indent:-999em; display:inline-block; width:160px; height:52px;}
.gnb-wrap{height:100%;}
/*util-box*/
#header .head-grid .util-box ul{width:100%; display:inline-block; height:24px; margin-top:4px; position:relative;}
#header .head-grid .util-box ul li{float:left; }
#header .head-grid .util-box a.login{height: 18px;display: inline-block;background: url(/img/front/icon/line.gif) no-repeat right;text-align: left; padding:0px 10px;}
#header .head-grid .util-box a.join{padding:0px 10px; display: inline-block;background: url('/img/front/icon/line.gif') no-repeat right;text-align: left;}
#header .head-grid .util-box a.logout{display: inline-block;background: url('/img/front/icon/line.gif') no-repeat right; text-align: left;padding:0px 10px;}
#header .head-grid .util-box a.sitemap{padding:0px 0px 0px 10px; display: inline-block;text-align: right;}

/*주메뉴*/
.nav_bg{position:relative; margin-left:236px;}
.nav_wrap_bg{ top:91px !important; background-color:#f5f5f5;position:absolute;left:0; height:210px !important; z-index:4; border-bottom:1px solid #1f75cd; width:4000px; left:-100%;}
.nav_wrap_bg .sapnservice{position:absolute;display:inline-block; width:300px; height:210px;  left:529px; background:url('/img/front/main/spanservice.png') no-repeat 0px 0px;}
.nav_wrap_bg .sapnservice span{font-size: 18px;line-height: 25px;margin-top: 33px; width: 220px;display: inline-block;height: 40px; color:#333333;}
.gnb{width:100%;margin:0 auto; max-width:1000px; position: absolute; top:30px;}
.gnb > ul > li > a{font-size:19px;  color:#333; font-weight:400; height:60px;}
.gnb > ul{margin-left:20px;}
.gnb > ul:after{content:"";display:block;clear:both;}
.gnb > ul > li{float:left;width:25%;position:relative; z-index:5;}
.gnb > ul > li > a{display:block;text-align:center;padding:9px 0; z-index:5;}
.gnb > ul > li > a.ch{color:#1e75cd;}

.bl, .gnb .menu.bl{border-left:1px solid #d8d8d8;}
.gnb .menu{position:absolute; width:100%; background:url('/img/front/main/gnb-barright01.png') no-repeat right; height:210px; top:60px;}
.gnb .menu.ch{background:#fff; top:60px; position:absolute; width:100%; height:210px; border-right:1px solid #d8d8d8;}
.gnb .menu.ch ul{width:100%; height:210px; position:absolute; top:0px; background:url('/img/front/main/gnb-topbar.png') no-repeat top;}
.gnb .menu.ch ul:frist-child{}
.gnb .menu ul li{height:30px; width:100%; padding:30px 30px 10px 30px;}
.gnb .menu ul li a{display:inline-block;color:#333333; text-align:center;}
.gnb .menu ul li a:hover{color:#005cb9; border-bottom:1px solid #005cb9;}

/*footer*/
#footer{width:100%; height:auto; background:#fff;}
#footer .bg{position:relative;margin:0 auto;width:1000px; height:60px; padding:30px 0px;}
#footer .bg{zoom:1;}
.bx-viewport{width:910px; height:87px; position:relative; overflow:hidden;}
.banner-txt{position: relative;right: 12px;top: -67px;font-size: 16px;float: right;color: #333333;}

/*footer banner*/
 #footer .con1{height:105px;  position:relative; margin:0 auto; width:1000px; overflow:hidden;}
.bx-wrapper {position: relative; margin: 0 auto; padding: 0; *zoom: 1;}
.bx-wrapper img {max-width: 100%; display: block;}
#footer .con1 .banner-lst {overflow: hidden; margin-right: 110px}
#footer .con1 .bx-viewport > div {height: 65px;margin-top: 20px; }
#footer .con1 .bx-viewport div.btBanner {height:64px;margin-top:1px;float: left; width: 176px; text-align:center; border:1px solid #d1d1d1; margin-right:6px; }
#footer .con1 .bx-viewport div img {margin:0 auto;}
#footer .con1 .bx-viewport ul {width: 10000px; height: 65px;overflow: hidden;margin-top: 20px; position: relative;}
#footer .con1 .bx-viewport li {height:64px;margin-top:1px;float: left; width: 176px; text-align:center; border:1px solid #d1d1d1; margin-right:6px;}
#footer .con1 .bx-viewport li img {margin:0 auto;}
#footer .con1 .banner-ctrl {position: absolute; right: 0px; top:55px; width: 82px; height: 28px; background: url('/img/front/main/banner-ctrl.jpg') no-repeat; overflow:hidden;}
#footer .con1 .play { background: url('/img/front/main/banner-ctrl2.jpg') no-repeat; }
#footer .con1 .banner-ctrl a {float:left; width: 27px; height: 100%; text-indent: -999px; overflow: hidden; cursor: pointer;}

#footer .bg:after{display:block;clear:both;content:''}
#footer .con2{background-color:#ffffff;border-top:1px solid #dddcdc; height:171px;}
#footer .con2 .ls{display:inline-block; height:21px; width:600px;}
#footer .con2 .ls a{font-size:15px; color:#666666; display:inline-block;float:left;background:url('/img/front/main/ico_bar2.png') 0 50% no-repeat;padding:0 15px 0 15px;}
#footer .con2 .ls a.noline{background:none; padding:0px 15px 0px 0px;}
#footer .con2 .iTop{text-align:center;color:#fff;float:right;background:#656565;padding:0;border-left:1px solid #eaeaea;width:56px;line-height:34px;height:34px; }
#footer .btnFamily{float:left;display:block;background:url('/img/front/main/k_relate.png') 0 0 no-repeat;color:#666;font-size:14px;padding:0 0 0 13px;width:183px;line-height:34px;height:34px;}
#footer .btnFamily:hover{text-decoration:none;}
#footer .con2 .gRt{float:right; position:relative;}
#footer .con2 .btnFamily{float:left;}
#footer address span{font-size:15px; line-height:25px; color:#333333; font-weight:400; display:inline-block;}
#footer address i{font-size:14px; line-height:22px; color:#666666; display:block;}


/*footer sitemap*/
.mFamily .on{display:block;}
.mFamily{display:none;position:absolute;bottom:140px;left:50%;background:url(/img/front/main/k_family.png) 0 0 repeat-y #fff;border:1px solid #005cb9;margin:0 0 0 -500px;width:1000px;z-index:100;}
.mFamily .iClose{position:absolute;top:0;right:0;background:url('/img/front/main/ico_close1.png') 50% 50% no-repeat;text-indent:-9999px;font-size:0;width:46px;height:46px;}
.mFamily h3{background-color:#005cb9;color:#fff;font-size:16px;padding:0 0 0 30px;line-height:46px;height:46px;}
.mFamily .col{float:left;width:247px;}
.mFamily .col1{border-left:0;}
.mFamily .col3{width:233px;}
.mFamily .col4{width:268px;}
.mFamily .tit{border-bottom:1px solid #eaeaea;color:#5e5e5e;font-size:14.7px;text-align:center;zoom:1;}
.mFamily .tit .col{display:block;padding:10px 0;}
.mFamily .tit:after{display:block;clear:both;content:''}
.mFamily .lst{height:184px;overflow:hidden;overflow-y:auto; border-right:1px solid #d8d8d8;}
.mFamily .lst ul{padding:15px 0 10px 35px; height:1048px; border-right:1px solid #d8d8d8;}
.mFamily .lst li{margin:0 0 9px;}
.mFamily .lst .col4{width:251px;}
.mFamily .lst .col4 ul{padding-left:40px;}