@charset "utf-8"; @import "/sites/style-guide/style/css/style.css"; .main ._contentBuilder ._obj._objHtml ul li, .main ._contentBuilder ._obj._objTag ul li {margin-top: 0;padding-left:0;} #header {position:relative; width: 100%; z-index:3;} #header:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; z-index:-1;} /*logo*/ #header .container {margin:0 auto; width:1200px; padding-top:35px; padding-bottom: 5px;} #header .container .wrap-logo {display:inline-block; margin:22px 0;} #header .container .wrap-logo h1 a em {font-size:0.96em; display:inline-block; margin:0 0 0 10px; color:#3f424c;} /*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 {overflow:hidden; width:100%; position:absolute; top:0; left:0; background-color: #1a2a42;} #header .container .wrap-gnb .util-area {position:relative; width:1200px; margin:0 auto;} #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:#333; position:relative;} #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 {float:right;} #header .container .wrap-gnb .util-area .top-link a {display:inline-block; padding:10px 10px 11px; color:#fff; position:relative; font-weight:600;} #header .container .wrap-gnb .util-area .top-link a:last-child { background: #00c0bd url(../images/util-area_arrow.png) 92% center no-repeat; color: #FFF; padding-right: 23px;} #header .container .wrap-gnb .util-area .top-link a + a:before {content:""; display:block; width:1px; height:10px; background-color:#314055; position:absolute; left:0; top:11px;} #header .container .wrap-gnb .util-area .top-link a:last-child:before {background: none;} .sitemap {background-color: #12558c;margin-right: -4px;} #header .container .wrap-gnb .util-area .top-link a + a.sitemap:before {display: none;} /*footer design*/ #footer {background-color: #393939;} #footer .wrap-policy {border-bottom:1px solid #4a4a4a;} #footer .wrap-policy .container {width:1200px; 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;} #footer .wrap-policy .container ul li + li:before {content:""; display:block; position:absolute; width:1px; height:10px; background-color:#999; left:0; top:18px;} #footer .wrap-policy .container ul li a {display:table-cell; vertical-align:middle; font-size:13px; color:#fff; font-weight: bold; line-height:46px; margin:0 10px; padding:0 10px;} #footer .wrap-policy .container ul li:first-child a {color: #00c4c6; } #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:#305ca7; padding:0 10px; line-height:30px; color:#fff; font-weight:600;} #footer .wrap-address .container {position:relative; padding:20px 0; width:1200px; margin:0 auto;} #footer .wrap-address .container .address {font-size:14px; color:#959595; line-height:1.6;} #footer .wrap-address .container .address .address-copy {display:block; color:#969696; font-size:12px;} .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:1.6rem;line-height:3rem; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.5); margin:70px 0 0 0; padding-top: 20px; position:relative; text-align: right;} #visual .container .visual-title:after {content:''; width:30px; height:3px; background-color:#fff; position:absolute; right:0; top:0;} #visual .container .visual-title span {font-size:1.3rem;line-height:1.5rem; display:block;} #subContent .page-info {padding-bottom: 17px; margin:50px 0 30px 0; overflow:hidden;} #subContent .page-title {font-size: 1.8rem;color: #262626; position:relative; border-bottom:3px solid #4d4d4d; float:left; padding-bottom:20px;} /* tab 메뉴 style */ #menuUItab {margin-bottom: 30px;} #menuUItab > .tab_div .ul_3 {overflow: hidden;} #menuUItab > .tab_div .ul_3 > li {float: left; width:20%;} #menuUItab > .tab_div .ul_3 > li > a {display: block;color: #494949;background-color: #f8f8f8;padding: 10px 10px;border: 1px solid #d2d2d2; box-sizing: border-box; font-size:1.1em; margin:1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align:center;} #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;} #visual {height:200px; background:url(../images/s_bg.jpg) center top no-repeat;} /* 회원가입 및 사이트맵 메뉴 숨김*/ #menuUItop .top_div .ul_1 .li_1.eQ05 {display:none;} #menuUItop .top_div .ul_1 .li_1.eQ06 {display:none;}