@charset "utf-8"; @import "/sites/style-guide/style/css/style.css"; #header {position:relative;z-index:2;} #header:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; z-index:-1;} /*logo*/ #header .container {margin:0 auto; width:1400px; } #header .container .wrap-logo {display:inline-block;} #header .container .wrap-logo h1 a em {font-size:30px; display:inline-block; margin:0 0 0 10px; color:#000;letter-spacing:-2px;padding-top:33px;font-family: 'Noto Regular';} /*header-gnb*/ #menuUItop .top_div .ul_1:after {content:""; display:block; clear:both;} #menuUItop .top_div .ul_1 .li_1 {position:relative;} #menuUItop .top_div .ul_1 .li_1 .a_1 {display:block; position:relative;} /* 상단 유틸존*/ #header .container .wrap-gnb {} #header .container .wrap-gnb .util-area {} #header .container .wrap-gnb .util-area .top-his-link {position:absolute; left:0; top:0;} #header .container .wrap-gnb .util-area .top-his-link a {display:inline-block; padding:8px 15px; color:#e1e7ef; position:relative;} #header .container .wrap-gnb .util-area .top-his-link a:first-child {background: url(./../images/util_home.png) 10px center no-repeat; background-color:#183a6a; padding-left:30px; color: #FFF;} #header .container .wrap-gnb .util-area .top-his-link a:last-child:before {content:""; display:block; width:1px; height:10px; background-color:#666c74; position:absolute; left:0; top:11px;} #header .container .wrap-gnb .util-area .top-link {} #header .container .wrap-gnb .util-area .top-link a {display:inline-block; padding:8px 10px; color:#b5b5b5; position:relative; font-weight:600;} #header .container .wrap-gnb .util-area .top-link a:last-child {background-color:#5380be; color:#FFF;} #header .container .wrap-gnb .util-area .top-link a + a:before {content:""; display:block; width:1px; height:10px; background-color:#666c74; position:absolute; left:0; top:11px;} #header .container .wrap-gnb .util-area .top-link a:last-child:before {background: none;} /*sub-content*/ #visual {height:295px; background:url(../images/sub-visual.jpg) center top no-repeat;} #visual .container {width:1400px; margin:0 auto; overflow:hidden;} /*footer design*/ #footer{background-color:#19181e;} #footer .wrap-policy {border-bottom: 1px solid rgba(255,255,255,0.1);} #footer .wrap-policy .container {width:1400px; margin:0 auto; position:relative;} #footer .wrap-policy .container .policy-title {float:left; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0 35px 0 15px; margin-right:10px; font-size:16px; line-height:45px; font-weight:600; background:url(./../images/policy-title-bg.png) 85px center no-repeat; } #footer .wrap-policy .container ul li {display:inline-block;position:relative;margin-top: 5px;vertical-align:top;} #footer .wrap-policy .container ul li + li:before {content:"";display:block;position:absolute;width:1px;height:10px;background-color:#999;left:0;top: 24px;} #footer .wrap-policy .container ul li a {display:table-cell;vertical-align:middle;font-size: 16px;color: #cbcbcb;line-height: 58px;margin:0 10px;padding:0 10px;} #footer .wrap-policy .container ul li a b {color:#0aa0dc;} #footer .wrap-policy .container .family-site {position:absolute; right:0; top:8px;} #footer .wrap-policy .container .family-site input[type=submit] {display:inline-block; vertical-align:middle; background-color:#3c4e60; padding:0 10px; line-height:30px; color:#fff; font-weight:600;} #footer .wrap-address .container {position:relative; padding:30px 0 50px; width:1400px; margin:0 auto;} #footer .wrap-address .container > form {position:absolute;top:30px;right:0;} #footer .wrap-address .container > form > select {font-size: 14px;color: #666;height: 45px;width: 265px;padding: 0 15px;} #footer .wrap-address .container > form > input[type="submit"] {width:75px;height:45px;background:#606060 url('./../images/rel_arrow.png') no-repeat center;text-indent:-9999px;margin-left:-4px;} #footer .wrap-address .container:after {position:absolute;width:160px;height:45px;background:url(./../images/footer-logo.png) no-repeat;right:0;top:10px;} #footer .wrap-address .container .address {font-size:16px; color:#a5a2a2; line-height:1.6;} #footer .wrap-address .container .address span {display:block;} .blind {position:fixed; width:100%; height:100%; background-color:#000; left:0; top:0; z-index:1; opacity:0;} /* sub Contents */ #visual .container .visual-title {font-size: 44px;color:#fff;margin: 100px 0 0 0;position:relative;text-align: center;} #visual .container .visual-title:after {content:'';width:30px;height:3px;background-color:#fff;position:absolute;left:0;top:0;display: none;} #visual .container .visual-title span {font-size: 22px;display:block;margin-top: 12px;} #subContent .page-info {padding-bottom: 17px;margin: 30px 0 30px 0;overflow:hidden;} #subContent .page-title {font-size: 40px;color: #151515; position:relative; float:left; margin:45px 0 0;font-family:'Noto Bold';} /* tab 메뉴 style */ #menuUItab {margin-bottom: 30px;} #menuUItab > .tab_div .ul_3 {overflow: hidden;} #menuUItab > .tab_div .ul_3 > li {float: left;} #menuUItab > .tab_div .ul_3 > li > a {display: block;color: #494949;background-color: #f8f8f8;padding: 10px 25px;border: 1px solid #d2d2d2; box-sizing: border-box; font-size:1.1em; margin:1px;} #menuUItab .tab_div .ul_3 li._1st .a_3 {border-left: 1px solid #d2d2d2;} #menuUItab .tab_div .ul_3 > li > a._active {color: #fff; background-color: #5a7797; border: 1px solid #5a7797;} #menuUItab > .tab_div .ul_3 .div_4 {position:absolute;} #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4 {float:left; position:relative;} #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4:before {content:''; display:block; position:absolute; right:0; top:18px; height:10px; width:1px; background-color:#999;} #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4:last-child:before {display:none;} #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4 .a_4 {display:block; padding:15px; font-size:1.0em;} /* 회원가입 및 사이트맵 메뉴 숨김*/ #menuUItop .top_div .ul_1 .li_1.eQ06 {display:none;} #menuUItop .top_div .ul_1 .li_1.eQ07 {display:none;}