/*========================================================================================================================= * 프로젝트: * 파일명: layout.css 사이트 전체레이아웃 css * 작업자: 한정성 * 작업일: 2018. 4 ~ =========================================================================================================================*/ @charset "utf-8"; /* 스킵네비게이션 */ #skipNavi{position:relative; z-index:3000;} #skipNavi .skipLink{position: absolute; top: -46px; left: 0; padding: 7.5px 0; width: 100%; background-color: #000; font-size: 16px; line-height: 30px; color: #fff; text-align: center; transition: 0.4s;} #skipNavi .skipLink:focus, #skipNavi .skipLink:active{top:0;text-decoration:none;} #wrap {position:relative; width:100%; min-width:1200px; height: 100%; margin:0; overflow:hidden;} #header-wrap {position:relative; width:100%; height:135px;} #mcontainer-wrap,#container {position:relative;width:100%!important;} /* global */ #global {position:relative; width:100%; height:45px; background:#173974; z-index:700;} #global .global-wrap {position:relative;max-width:1200px;margin:0 auto;} #global .global-wrap .top-lnk {float:left;} #global .global-wrap .top-lnk a {float:left;font-size:13px;text-align:center;padding:11px 30px 10px 30px;} #global .global-wrap .top-lnk a:focus {text-decoration:underline;} #global .global-wrap .top-lnk a span {display:inline-block;position:relative;} #global .global-wrap .top-lnk a.lnk01 {background:#0493cc;color:#fff;} #global .global-wrap .top-lnk a.lnk02 {background:#F05E07;color:#fff;} #global .global-wrap .top-lnk a.lnk03 {background:#1D9980;color:#fff;} #global .global-wrap .top-lnk a.lnk04 {background:#e9573f;color:#fff;} #global .global-wrap .top-lnk a.lnk05 {background:#e73e97;color:#fff;} /*WCAG 기준*/ #global .global-wrap .top-lnk a.lnk01 {background:#0779cd;color:#fff;} #global .global-wrap .top-lnk a.lnk02 {background:#cb4f00;color:#fff;} #global .global-wrap .top-lnk a.lnk03 {background:#0b856c;color:#fff;} #global .global-wrap .top-lnk a.lnk04 {background:#d33a21;color:#fff;} #global .global-wrap .top-lnk a.lnk05 {background:#db137d;color:#fff;} #global .global-wrap .svcbtn-box {float:right;position:relative;} #global .member-lnk {float:left;} #global .member-lnk {margin-right:130px;} #global .member-lnk li {float:left;} #global .member-lnk li a {display:block; color:#fff; padding:9px 15px 7px 15px; height:29px; font-size:12px;} #global .member-lnk li a:focus, #global .member-lnk li a:focus span{text-decoration:underline;} #global .member-lnk li a span {display:inline-block;position:relative;font-size:12px;} #global .member-lnk .language, #global .member-lnk .sns{position:relative;} #global .member-lnk .language ul{position:absolute; left:0; top:45px; width:100%; padding:5px 0; background:#173974; z-index:600;} #global .member-lnk .language ul li{width: 100%;} #global .member-lnk .language ul li a{display:block; margin:0;padding:0 0 0 10px;color:#fff;} #global .member-lnk .language ul li a i { display: inline-block; padding-left:5px; font-size: 10px; } #global .member-lnk .sns ul{position:absolute; left:-2px; top:45px; width:110px; padding:5px 0; background:#173974; z-index:1000;} #global .member-lnk .sns ul li{width: 100%;} #global .member-lnk .sns ul li a{display:block; margin:0;padding:0 15px;color:#fff;} #global .member-lnk .language a.lang_off {background: url(/images/site/main/icon_arrow.png) no-repeat right 18px;} #global .member-lnk .sns a.lang_off {background: url(/images/site/main/icon_arrow.png) no-repeat right 18px;} #global .member-lnk .language > ul, #global .member-lnk .sns > ul{display: none;} #global .member-lnk .language.active > ul, #global .member-lnk .sns.active > ul{display: block;} /* 메인 */ /* 1단 상단팝업 */ #toppop {position:relative;width:100%;height:0;background:#0c2247; height:240px;} #global .toppop-ctrl {position:absolute;top:0;right:0;} .isSub #global .toppop-ctrl {display:none;} #global .toppop-ctrl button {border:0; width:90px; height:45px; text-align:left; padding-left:15px; color:#0c2247; font-size:12px; display:inline-block; /* background:#5C7D96 url(/images/site/main/popbtn_close.png) no-repeat 55px center; */ background:#5C7D96 url(/images/site/main/popbtn_open.png) no-repeat 55px center; } #global .toppop-ctrl button span {display:inline-block; color:#fff; font-size:13px; background:#5C7D96;} #global .toppop-ctrl button:focus span {text-decoration:underline;} /* .pop-open #global .toppop-ctrl button span {background:#5C7D96 url(/images/site/main/popbtn_open.png) no-repeat 55px center;} */ .popups {position:relative;overflow:hidden;height:0px;z-index:2000; width:1200px; margin:0 auto;} .toppop .wpop-list {overflow:hidden;padding:136px 0 0 20px;} .toppop .wpop-list li {float:left;width:50%;} .popups .wpcont {position:absolute;top:0;left:0;width:500px;height:160px;overflow:hidden;} .popups .wpcont img {width:auto;height:160px;display:block;} .isSub #global .toppop-ctrl {/*display:none;*/} #global .toppop-ctrl .btn_close {border:0; width:90px; height:45px; text-align:left; padding-left:15px; color:#0c2247; font-size:12px; display:inline-block; background:#5C7D96 url(/images/site/main/popbtn_close.png) no-repeat 55px center;} #global .toppop-ctrl .btn_open {border:0; width:90px; height:45px; text-align:left; padding-left:15px; color:#0c2247; font-size:12px; display:inline-block; background:#5C7D96 url(/images/site/main/popbtn_open.png) no-repeat 55px center;} /*상단팝업*/ .top-wide-popups {overflow:hidden;height:0px;background:#053257 url(/images/site/main/wpopup_bg1.gif) repeat 0 0;z-index:2000;} .top-wide-popups img {max-width:100%;} .tpop-topwide {position:relative;margin-left:auto;margin-right:auto;max-width:1200px;padding-top:24px;padding-bottom:30px;} /* .tpop-topwide:after {content:'';position: absolute;left:-115px;top: 0;width:222px;height:133px;} */ .tpop-list-wrap {max-width:1200px;margin-left:auto;margin-right:auto;overflow:hidden;position:relative;height:115px; margin-top:25px;padding-bottom:35px;} .tpop-list-wrap ul {width:100%;box-sizing:border-box;padding-left:48px;padding-right:48px;} .tpop-list-wrap ul:after {content:"";display:block;clear:both;} .top-wide-popups button {border:0;} .tpop-list-wrap ul li a { display: block; } .tpop-list-wrap ul li:focus, .tpop-list-wrap ul li a:focus {border:1px solid gold} .top-wpop-btns {min-width:100%;height:30px;position:absolute;right:0;bottom:15px;z-index:200;} .top-wpop-btns * {vertical-align:center} .tpop-topwide .close-btns {position:absolute;right:10px;bottom:25px;z-index:10;font-size:13px;line-height:1.15em;color:#9faab9;} .tpop-topwide .close-btns * {vertical-align:middle;} .tpop-topwide .close-btns button {background:none;cursor:pointer;width:30px;height:30px;background:url(/images/site/main/twidepop_close.png) no-repeat 50% 50%;margin-left:5px;} .tpop-topwide .close-btns button:focus {border:1px solid gold;border-radius:100% !important;} #chk-close-wpopups:focus {border:1px solid gold} .wpop-go-btns {padding:7px 10px;text-align:left;} .wpop-go-btns button {border:0;padding:0;cursor:pointer;} .wpop-go-btns button, .wpop-go-btns a {width:22px;height:22px;background:url(/images/site/main/arr_btns_w.png) no-repeat;overflow:hidden;margin-right:4px;vertical-align:middle;} .wpop-go-btns .btn-play {background-position:-108px -23px;} .wpop-go-btns .btn-stop {background-position:-108px 0;} .wpop-go-btns button span, .wpop-go-btns a span {white-space:nowrap;padding-left:40px;display:inline-block;cursor:pointer;} .wpop-go-btns a {background-position:left 0px;} .wpop-go-btns a:hover, .wpop-go-btns a.over, .wpop-go-btns a.is-over {background-position:left -60px;} .top-wide-popups .wpop-ctrl-btns {margin-top:15px; text-align: center;} .top-wide-popups .nicons {display:inline-block;} .top-wide-popups .nicons button {width:13px;height:13px;overflow:hidden;border:0;background:url(/images/site/main/arr_btns_w_.png) no-repeat -35px 0} .top-wide-popups .nicons button span {padding-left:20px;white-space:nowrap;cursor:pointer;} .top-wide-popups .nicons button.over, .top-wide-popups .nicons button.is-over {background-position:0 0; width:28px;} /*.top-wide-popups .wpop-ctrl-btns .btn-stop, .top-wide-popups .wpop-ctrl-btns .btn-play {width:22px;height:22px;background:url(/images/site/main/arr_btns_w.png) no-repeat; overflow:hidden;margin-right:4px;vertical-align:middle;} .top-wide-popups .wpop-ctrl-btns .btn-stop {background-position:-108px 0;} .top-wide-popups .wpop-ctrl-btns .btn-play {background-position:-108px -23px;}*/ .top-wide-popups .wpop-ctrl-btns button span {white-space:nowrap;padding-left:40px;display:inline-block;cursor:pointer;} .wpop-item .slick-prev.slick-arrow { width:48px; height:48px; display:block; background-image:url("/images/site/main/top-banner-prev.png"); background-repeat:no-repeat; background-position:center center; position: absolute; left:0;top:40px; text-indent: -9999px; z-index:9999; background-color: transparent; } .wpop-item .slick-next.slick-arrow { width:48px; height:48px; display:block; background-image:url("/images/site/main/top-banner-next.png"); background-repeat:no-repeat; background-position:center center; position: absolute; right:0;top:40px; text-indent: -9999px; background-color: transparent; } .wpop-item .slick-next.slick-arrow:hover, .wpop-item .slick-next.slick-arrow:focus, .wpop-item .slick-prev.slick-arrow:hover, .wpop-item .slick-prev.slick-arrow:focus{ opacity:0.8 } /* .wpop-item__prev { width:48px; height:48px; display:block; background-image:url("/images/site/main/top-banner-prev.png"); background-repeat:no-repeat; background-position:center center; position: absolute; left:0;top:40px; text-indent: -9999px; z-index:9999 } .wpop-item__next { width:48px; height:48px; display:block; background-image:url("/images/site/main/top-banner-next.png"); background-repeat:no-repeat; background-position:center center; position: absolute; right:0;top:40px; text-indent: -9999px; } */ .wpop-item__prev:hover, .wpop-item__prev:focus, .wpop-item__next:hover, .wpop-item__next:focus{ opacity:0.8 } /* .wpop-item .slick-prev.slick-arrow {display:none !important;} .wpop-item .slick-next.slick-arrow {display:none !important;} */ .top-dots-wrap { position:relative; } .top-dots-wrap .slick-dots:after { content:' '; clear:both; visibility:hidden; display:block; } .top-dots-wrap .slick-dots {position: absolute;top:23px;right:0;text-align:center;} .top-dots-wrap .slick-dots li {float:none;margin-right:5px; display: inline-block;} .top-dots-wrap .slick-dots button { background-color: transparent; display: inline-block; color: gold; vertical-align: middle; overflow: visible; border: 2px solid #fff; width: 10px; height: 10px; line-height:8px; border-radius: 22px !important; font-size: 0; } .top-dots-wrap .slick-dots li.slick-active button {background-color: #fff;border: 2px solid #fff;width: 32px;} .top-dots-wrap .slick-dots li button:focus {background-color:gold;} .top-dots-wrap .slick-dots li.slick-active button:focus {background-color:#fff;} /*상단 팝업 컨텐츠 .wpop-item{float:left; overflow:hidden; margin-left:20px;} .wpop-item .wpop-cont{width:300px;color:#fff;float:left; margin-right:65px;} */ .tpop-topwide .bx-pager.bx-default-pager {padding:10px 0 30px;bottom:-75px;text-align:center;} .tpop-topwide .bx-pager a {display:block;width:13px;height:13px;overflow:hidden;border:0;background:url(/images/site/main/arr_btns_w_.png) no-repeat -35px 0;margin:0 3px;} .tpop-topwide .bx-pager a.active {background: url(/images/site/main/arr_btns_w_.png) no-repeat 0 0;width:29px;} @media screen and (min-width:1px) and (max-width:768px) { #toppop {height:auto;} .tpop-list-wrap {height:auto;margin-top:0px;} .tpop-list-wrap ul {padding-left:10px;padding-right:10px;} .wpop-item .slick-prev.slick-arrow{display:none !important;} .wpop-item .slick-next.slick-arrow{display:none !important;} .tpop-topwide {padding-bottom:0;} .tpop-topwide .close-btns {bottom:unset;top:4px;} .top-dots-wrap .slick-dots {top:7px;} .top-wide-popups img {height:auto !important;max-width:100% !important;} } /*헤더*/ #header {width:100%; height:90px;z-index:700;background:#fff} #header .header_area {width:1200px; margin:0 auto; position:relative;} #header .header_area:after {content:"";clear:both;display:block;} #header .header_area .logo {float:left; height:70px; margin-right:60px; margin-top:23px; line-height:1; overflow:hidden;/* filter:grayscale(1); */} #header .header_area .logo a:focus {border:1px solid gold;display:block;} #header .header_area .nav {float:left; margin:23px 2px 0 0;} /* #header .gnb_bg {display:none;background:#fff url(/images/site/main/bg_gnb.gif) repeat-y center;border-top:3px solid #173974;position:absolute;top:136px;left:0;z-index:103;width:100%;height:450px;box-shadow:0px 2px 12px 0px rgba(0,13,57,0.1);} */ #header .gnb_bgwrap{display:none;} #header .gnb_bg {display:block;background:#fff url(/images/site/main/bg_gnb.gif) repeat-y center;border-top:3px solid #173974;position:absolute;top:136px;left:0;z-index:100;width:100%;height:auto;box-shadow:0px 2px 12px 0px rgba(0,13,57,0.1); /*10개일때min-height:480px;*/ /*11개일때min-height:515px;*/ /*12개일때*/min-height:555px; } #header .naviDimd{position:absolute;top:0;left:0; background: rgba(0, 0, 0, .5);display:block;z-index:-1;width:100%;height:3254px} #gnavigation {clear:both;width:100%;} #gnavigation > li {float:left;white-space:nowrap;} #gnavigation > li:first-child{margin-left:0;} #gnavigation > li > a {position: relative;display: block;padding:12px 31px 14px;text-align: center;line-height: 1.2;font-size:18px; color:#333;font-family: "Noto Sans KR", sans-serif;font-weight:500} #gnavigation > li > a span{position:relative;display:inline-block;padding-bottom:20px} #gnavigation > li > a span:after{ content: ""; display: block; height: 4px; width: 0px; position: absolute; bottom: 0; left: 50%;} #gnavigation > li > a:hover span,#gnavigation > li > a:focus span,#gnavigation > li > a.active span{color:#1b4692; } #gnavigation > li > a:focus span {text-decoration:underline;} #gnavigation > li > a:hover span:after,#gnavigation > li > a.active span:after{color:#1b4692;width: 50%; background: #173974; left: 0; padding-left: 50%; opacity: 1; -webkit-opacity: 1;} #gnavigation > li > a span:after{transition: all 0.4s ease; -webkit-transition: all 0.4s ease;} #gnavigation .depth {display:none;position:absolute;top:90px;left:0;z-index:130;width:1200px;padding-top:20px;overflow:hidden;} #gnavigation .depth a:focus {text-decoration:underline;} #gnavigation .depth h3 {float:left;width:217px;font-size:35px;color:#fff;text-align:center;padding-top:25px;font-family: "Noto Sans KR", sans-serif;background:url(/images/site/main/bg_gnb_depth01.gif) no-repeat center bottom;padding-bottom:140px;} #gnavigation .depth h3 span {display:block;font-size:13px;background:url(/images/site/main/bg_gnb_tt.gif) no-repeat top center;padding-top:27px;margin-top:30px;} #gnavigation .depth ul.dpt2 {float:left;padding-left:30px;width:260px;padding-right:30px;border-right:1px solid #aab2bd; /*10개일때height:440px;*/ /*11개일때height:480px;*/ /*12개일때*/height:525px; } #gnavigation .depth ul.dpt2 > li {margin-bottom:6px;} #gnavigation .depth ul.dpt2 > li a {display:block;border:1px solid #c6cbd4;padding:6px 15px;font-size:15px;color:#4e555f;position:relative} #gnavigation .depth ul.dpt2 > li a.active {border:1px solid #173974!important;background:#173974 ;color:#fff;} #gnavigation .depth ul.dpt2 > li a:hover {border:1px solid #097acb!important;background:#097acb;color:#fff;} #gnavigation .depth ul.dpt2 > li.dep_t a {background:#fff url(/images/site/main/gnb_depth_off.gif) no-repeat 95% center;} #gnavigation .depth ul.dpt2 > li.dep_t a:hover {background:#097acb url(/images/site/main/gnb_depth_on.png) no-repeat 95% center;} #gnavigation .depth ul.dpt2 > li.dep_t a.active{background:#097acb url(/images/site/main/gnb_depth_on.png) no-repeat 95% center;} #gnavigation .depth ul.dpt2 li .m-scroll-wrap{position:absolute;top:23px;left:562px;width:300px;height:400px;display:none;} #gnavigation .depth ul.dpt2 li ul.dpt3 li {margin-bottom:5px;} #gnavigation .depth ul.dpt2 li ul.dpt3 li a {font-size:14px;color:#464646;padding:1px 15px;display:block;background:#fff;border:1px solid #fff;position:relative} #gnavigation .depth ul.dpt2 li ul.dpt3 li a:hover {border:1px solid #7d9bc0!important;background:#5e7897;color:#fff;} #gnavigation .depth ul.dpt2 li ul.dpt3 li a.active {border:1px solid #7d9bc0!important;background:#5e7897!important;color:#fff;} #gnavigation .depth ul.dpt2 li ul.dpt3 li a.active:after{ content: "\f068";;display:inline-block;position:absolute;top:20%;right:20px; font-family: 'FontAwesome';} #gnavigation .depth .bn_box {float:right;position:relative;} #gnavigation .depth .bn_box .bn_link {position:absolute;top:187px;left:0;width:100%;} #gnavigation .depth .bn_box .bn_link a {display:block;padding:8px 0 9px 10px;width:185px;font-size:15px;color:#156f93;background:#cef6ff;margin:0 auto 10px;font-family: "Noto Sans KR", sans-serif;} /*상단 서브메뉴*/ /*.layerSnb {display:none; position:relative;top:-20px; left:0; right:0; bottom:0; background:#fff; z-index:10000; border-top:3px solid #173974; height:370px;} .layerSnb .util {display:none;} .layerSnb:before{position:absolute;top:0;left: -1340px;content:'';clear:both;display:block;width: 100%;height:370px;background:#173974;z-index:10;} .layerSnb .wrapCnt {position:relative;top:1px !important;width:1200px; z-index:9999;margin: 0 auto; overflow: hidden;} .layerSnb .wrapCnt .left{width:160px; float:left; padding:30px 20px;} .layerSnb .wrapCnt .left strong {padding:20px 0 0 0; font-size:40px; color:#fff; letter-spacing: -0.5px;} .layerSnb .wrapCnt .left .bar{display:block;background:#fff; width:50px;height:3px;text-align:center; margin:0 auto;} .layerSnb .wrapCnt .left p{display:block;text-align:center;color:#fff;font-size:13px;margin-bottom:110px; margin-top:30px;} .layerSnb .wrapCnt .bg1{background:url(/images/site/main/icon_snb_img01.png) no-repeat center bottom;}*/ .layerSnb .wrapCnt .right{float:left; margin-left:30px; padding:20px; border:1px solid red;} .layerSnb .snb > ul {overflow:hidden; float: left;} .layerSnb .snb > ul > li {float:left;} .layerSnb .snb > ul > li > strong {display:table-cell; position:relative; min-width:210px; padding:45px 35px 0 0; font-size:40px; color:#fff; letter-spacing: -0.5px; vertical-align:top; cursor:default;} .layerSnb .snb > ul > li > span{display:block; margin:30px 0;} .layerSnb .snb > ul > li > .snb_text{display:block; text-align:center; color:#fff; font-size:13px;} .layerSnb .snb > ul > li > ul{float:left;margin-left: 220px;} /*상단 전체메뉴, 상단 통합검색*/ #header .header_area .header-all-menu {position: absolute; right:90px; top:32px;} #header .header_area .header-all-menu > a {display:block; line-height:0; font-size:0;} #header .header_area .header-all-menu > a:focus {border:1px solid gold} #header .header_area .srch-btn{position:absolute; right:0; top:32px; z-index:500;} #header .header_area .srch-btn > a {display:block; line-height:0; font-size:0;} #header .header_area .srch-btn > a:focus {border:1px solid gold} /*전체메뉴*/ .all-menu-list {display:none; position:fixed; top:3%;left:50%; width:1200px; margin-left:-600px; z-index:99999; background-color:#fff; padding:0 30px 30px 30px;box-sizing:border-box;height:90%;overflow:scroll;overflow-x:hidden} #all-menu-list.active {display: block;} .all-menu-title {width:1170px; height: 70px; text-align: center; color:#000;background:#fff;position:fixed;z-index:100;border-bottom:3px solid #000;padding-top:15px;box-sizing:border-box;font-size:25px} .all-menu-wrap{border-top:2px solid #000; border-bottom:2px solid #000;padding-top:70px} .all-menu-wrap .menu-set {overflow: hidden; padding-bottom:100px;} .allMenuArea {position:relative; display: block; padding-left:200px; border-bottom: 1px solid #dfdfdf; /*height:200px;*/ overflow:hidden; box-sizing: border-box; width: 1150px;} .allMenuArea:hover{background:#f5fcff} .allMenuArea h2{position:absolute; top:0; left:0; width:210px; height:100%; line-height:120%; color:#1b4692; font-size:25px; text-align:left; padding:25px 50px 40px 10px; box-sizing: border-box; word-break: keep-all; font-weight: 700; font-family: "Noto Sans KR", sans-serif;} .allMenuArea .allMenuBox {padding: 30px 0 30px 0; overflow:hidden;} .allMenuArea .allMenuBox > ul{overflow: hidden;border-left:1px dashed #ccc;padding-left:20px} /* .allMenuArea .allMenuBox > ul > li {float:left;width:25%;padding-right: 50px;box-sizing:border-box;text-align:left;min-height:150px} */ .allMenuArea .allMenuBox > ul > li {display:inline-block;vertical-align:top;width:32%;padding-right: 40px;box-sizing:border-box;text-align:left;min-height:150px} .allMenuArea:nth-child(2) .allMenuBox > ul > li{min-height:450px} .allMenuArea .allMenuBox > ul > li:nth-child(3n){padding-right:0} .allMenuArea .allMenuBox > ul > li > a {display:block;vertical-align:top; font-size:20px;font-weight:500; line-height:20px;font-family: "Noto Sans KR", sans-serif;color:#000;word-break:keep-all;leter-spacing:-0.05em} .allMenuArea .allMenuBox > ul > li > a:hover {color:#137cbd;} .allMenuArea .allMenuBox > ul > li > a:focus {color:#137cbd;text-decoration:underline;} .allMenuArea .allMenuBox > ul > li > ul{margin-bottom:35px} .allMenuArea .allMenuBox > ul > li > ul > li{margin-left:5px;background: url(/images/site/main/li1bg.png) no-repeat 0 .37em;margin:.33em 0;padding: 0 0 0 0.5em; line-height: 20px;word-break:keep-all} .allMenuArea .allMenuBox > ul > li > ul > li > a {/* display:block; */color:#000; font-family: "Noto Sans KR", sans-serif; font-size:14px; position:relative;;leter-spacing:-0.05em} .allMenuArea .allMenuBox > ul > li > ul > li > a:focus {text-decoration:underline;} .all-menu-close {position:absolute;top:15px;right:30px;z-index:99999} /*통합검색 창*/ .searchWrap {display:none;position:absolute;top:135px;left:0;right:0;width:100%; margin:0 auto;z-index:800;background: #fff;border-top:3px solid #e9573f; box-shadow:2px 2px 5px grey;} .searchInner {position:relative;width:1200px;margin:0 auto;text-align:center;;background:#fff;padding: 30px 0;} .searchInner:after{display:block;content:'';clear:both} .searchInner .gSection {box-sizing: border-box; position: relative;float: left;padding-left: 30px;} .searchInner .btnSearchClose {position:absolute;top:40px;right:20px;width:64px;height:35px;display:block; background: url(/images/site/main/icon_searchclose.gif) no-repeat 0 0; text-indent: -9999px;} .searchInner .totalSearchInput {width:900px; font-size:18px !important; color:#000 !important;text-indent:5px !important; border:2px solid #e9573f;} .searchInner .totalSearchInput:focus{outline: 2px solid #000;} .searchInner .gSection span{color:#e9573f; font-weight:bold; margin-right:15px;} input.totalSearchInput::-webkit-input-placeholder {color:#757575;} .totalSearchBtn{width:51px;height:50px;margin:10px 3px 0 0 !important;border: 0;position:absolute;top:-10px; right:-52px;} /*WCAG 기준*/ .searchInner .totalSearchInput{border-color:#cf4538;} .searchInner .gSection span{color:#cf4538;} .container {width:100%;padding:0;margin:0 auto;} .searchInner .btnSearchClose:focus {border:1px solid gold;} /* 자동완성 */ .m_auto_result{position:absolute;top:48px;left:107px;border:2px solid #e9573f;width:895px;padding:10px 0;background:#fff;z-index:100} .m_auto_result li{padding:0 0} .m_auto_result li a{color:#000;display:block;padding:2px 10px;text-align:left} .m_auto_result li a:hover{background:#e7ecf2} .m_auto_result li a strong{color:#059eda} .m_auto_result ul:nth-child(2){border-top:1px dashed #ccd1d9;margin-top:5px} /*location 메뉴*/ .location{background:url(/images/site/main/container_bg.gif) repeat-x center top; width:100%; height:auto; margin-top:5px; } .location.fixed{position:fixed; top:0; z-index:999;margin-top:0} .location .inner {height:47px; margin: 0 auto; width:1200px; position: relative;} .location .inner:after{display:block;content:'';clear:both} .location .inner .path{position:absolute;top:0;left:0} .location .inner .path span{float:left; display:inline-block; vertical-align:top; padding:0 10px 0 10px; color:#666; font-weight:normal;} .location .inner .path span.home {text-indent:-9999px; overflow:hidden;width:40px;height:45px;line-height:45px; background:#1b4694 url(/images/site/main/path_home_ico.png) no-repeat center center;} .location .inner .path > ul {float:left;} .location .inner .path > ul > li {position: relative; float: left; box-sizing: border-box; margin: 0; height:45px;margin-left:-1px; font-size:14px;line-height:45px; } .location .inner .path > ul > li.topNaviMenu1{min-width:190px;} .location .inner .path > ul > li.topNaviMenu1 a{min-width:190px; background: url(/images/site/main/bul_location.png) 165px center no-repeat;cursor: context-menu; padding:0; padding-left:20px; box-sizing:border-box; } .location .inner .path > ul > li.topNaviMenu1 a:after { background:none; } */.location .inner .path > ul > li.topNaviMenu2, .location .inner .path > ul > li.topNaviMenu3{min-width:130px;} .location .inner .path > ul > li > a { min-width:130px; color:#4a515d; display:block; vertical-align:middle; padding:0 40px 0 20px; font-size:14px; border-right:1px solid #eaebed; position: relative; } .location .inner .path > ul > li > a:after { content:''; width: 15px; height: 15px; background: url(/images/site/main/bul_location_more.png) 0 center no-repeat; display: inline-block; position: absolute; right:15px; top: 15px; } .location .inner .path > ul > li > ul {display:none; z-index: 91; position: absolute; border:1px solid #eaebed; background:#fff; z-index:10; width:100%; box-sizing:border-box;} .location .inner .path > ul > li > ul > li{border-bottom:1px solid #eaebed;} .location .inner .path > ul > li > ul > li > a {color:#333; display:block; font-size:13px; padding:10px 20px;/* margin: 5px 0; */ word-break:keep-all; } .location .inner .path > ul > li > ul > li > a:hover{font-weight:500;background:#5fc2eb;color:#fff} .location .inner .path > ul > li > ul.on {display:block;} .location .inner .path > ul > li > a.show {font-weight:700; color:#097acb;} /*.location .inner .breadcrumb {float:left; padding-right:14px;font-size: 13px;} .location .inner .breadcrumb > li {float:left; position: relative; height:47px;margin-left:-1px; font-size:14px;line-height:47px; border-right:1px solid #ccc;} .location .inner .breadcrumb > li:last-child{border-right:0;} .location .inner .breadcrumb > li > a {display:block; min-width:74px; padding:0 40px 0 30px; color:#989ba1;} .location .inner .breadcrumb > li.is-sub {display:none;} .location .inner .breadcrumb > li.is-sub > a {background:url(/images/site/main/bul_location_more.png) 110px center no-repeat} .location .inner .breadcrumb > li > ul {display:none; position:relative; border:1px solid #ccc; background:#fff; z-index:10; width:170px;} .location .inner .breadcrumb > li > ul > li > a {padding:0 15px 0 27px; display:block; color:#666; line-height:26px} .location .inner .breadcrumb > li > ul > li > a:hover, .location .inner .breadcrumb > li > ul > li > a:focus {color:#333} .location .inner .breadcrumb > li.is-sub.show {position:relative; display:block;} .location .inner .breadcrumb > li.is-sub.show:after {position:absolute; right:0; top:0; content:''; clear:both; display:block; width:16px; height:46px; border-right:1px solid #ccc; z-index:10} .location .inner .breadcrumb > li.is-sub.show > a {font-weight:700; color:#097acb;} .footer-util .location .breadcrumb > li.is-sub > a {background:none}*/ .location .inner .nsnBtn{position: absolute;top:1px; right: 0; border-left:1px solid #eaebed;} .location .inner .nsnBtn .legibility{float:left;margin-left:20px;color:#000; font-size:13px; line-height:45px;} .location .inner .nsnBtn .legibility {display:none;} /*202308 동작불가에 의한 임시 감춤*/ .location .inner .nsnBtn .legibility span {display: inline-block;margin-left:10px;margin-right:10px;overflow: hidden;vertical-align: top;position: relative;top: 12px;} .location .inner .nsnBtn .legibility span a {float:left; font-size:0px !important; letter-spacing:-9999px; width:18px; height:18px; border:1px solid #e9ebef; border-left:0; background:url(/images/site/main/btn_zoomout.gif) no-repeat center} .location .inner .nsnBtn .legibility span a:first-child {width: 18px; border-left:1px solid #e9ebef; background: url(/images/site/main/btn_zoomIn.gif) no-repeat center;} .location .inner .nsnBtn .legibility span a:focus { border:1px solid gold; } .location .inner .nsnBtn a {display:block; float:left; width:48px; height:45px; border-right: 1px solid #ddd; padding:0; background:#3c98c4;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;} .location .inner .nsnBtn .sns{display:inline} .location .inner .nsnBtn .sns a{;box-shadow: 0 2px 2px rgba(102, 102, 102, 0.2) inset; -webkit-box-shadow: 0 2px 2px rgba(102, 102, 102, 0.2) inset; -moz-box-shadow: 0 2px 2px rgba(102, 102, 102, 0.2) inset;} .location .inner .nsnBtn a:hover, .location .inner .nsnBtn a:focus, .location .inner .nsnBtn a:active {background:#2f8ab5;} .location .inner .nsnBtn a img {margin:15px auto 0 auto; display:block;} /*sublayout*/ .sublayout{width:1200px; margin:0 auto; padding-top:40px; padding-bottom:70px;} .sublayout:after{content:'';display:block;clear:both} /*레프트메뉴*/ .sublayout .lnb{float:left; width:250px;} #side_title { display: block;position:relative; height:110px; line-height: 110px; background:#1b4694; color: #fff; font-weight: 500; font-size:25px; text-align:center;} #snb1 {padding:2px 0 50px;} #snb1 > ul > li {display: inline;} #snb1 > ul > li > a {display: block; padding:10px 30px 10px 20px;border-top:3px solid #fff; background: #f4f5f9; color:#4a515d; font-weight:normal; font-size: 15px; } #snb1 > ul >li > a:hover{background:#e7ecf2;color:#000} #snb1 > ul > li.hasSub > a:hover{color:#000;background: #e7ecf2 url(/images/site/main/snb1d2bg1has.png) no-repeat 91% center;} #snb1 > ul > li.hasSub > a {background: #f4f5f9 url(/images/site/main/snb1d2bg1has.png) no-repeat 91% center;} #snb1 > ul >li > a:hover{color:#0077cc;} #snb1 > ul > li.on > a ,#snb1 > ul > li.on > a:hover{background-color:#097acb;/*background-color:#059eda;*/color:#fff; font-weight:600;} #snb1 > ul > li.hasSub.on > a {background-image: url(/images/site/main/snb1d2bg1has_active.png);} #snb1 div.d3 {display:none; margin-top: 2px; padding:15px 20px; background:#fff; border:1px solid #097acb;} #snb1 div.d3 > ul >.on > a,#snb1 div.d3 > ul >.sub_on > a {color:#006699; background: url(/images/site/main/snb1d3bg1.png) no-repeat 10px 15px;} #snb1 div.d3 > ul > li > a {display: block;margin: 0 -10px;padding: 4px 10px 4px 20px;color:#4a515d;font-weight:normal;font-size: 15px; word-break:keep-all;} #snb1 div.d3 > ul > li > a:focus {text-decoration:underline;} .content{float:left; padding-left:40px; height:auto; width:910px;} .content .sub_title{border-bottom:1px solid #1b4692; position:relative; background: url(/images/site/main/sub_title_logo.gif) no-repeat right 65px;margin-bottom:30px} .content .sub_title .icon{position:absolute; top:0; left:218px;} .content .sub_title h3 {font-weight:500;font-family: "Noto Sans KR", sans-serif;color:#000;font-size:35px;position:relative;display:inline-block;letter-spacing:-0.05em} .content .sub_title h3:after{display:block;position:absolute;top:-5px ;right:-20px;content:'';background:url(/images/site/main/icon_title.png)0 0 no-repeat;width:20px;height:20px} .content .sub_title p.text { font-size: 14px; color: #656d78; line-height: 140%; padding: 10px 0 20px; font-family: "Noto Sans KR", sans-serif; } /*컨텐츠 2018-04-06:김수연*/ .ctt-wrap {font-size: 15px;min-height:400px} .ctt-wrap{position:relative;min-width:910px;top:0;left:0;word-break:keep-all} .ctt-wrap *{box-sizing:border-box} .ctt-wrap .ctt h4{font-size:30px;font-weight:300;margin-bottom:20px;position:relative;letter-spacing:-0.03em} .ctt-wrap .ctt h4:before{position:absolute;top:0;left:0;background:#1f5dca;width:25px;height:4px;display:inline-block;content:''} .ctt-wrap .ctt h4>span{font-size:18px} .ctt-wrap .ctt h5{background:url(/images/site/main/h5_tit.png)0 center no-repeat;padding-left:10px;color:#1b4692;font-size:20px;font-weight:500;margin-bottom:10px} .ctt{margin-bottom:50px} .ctt:after{clear:both;display:block;content:''} .ctt a[href^="http://"]{position:relative;padding-right:35px;display:inline-block;font-weight:300} .ctt a[href^="http://"]:after{position:absolute;top:5px;right:10px;content:' \f08e' ; font-family: 'FontAwesome';} .ctt a[href^="https://"]{position:relative;padding-right:35px;display:inline-block;font-weight:300} .ctt a[href^="https://"]:after{position:absolute;top:5px;right:10px;content:' \f08e' ; font-family: 'FontAwesome';} .box_blue{border:1px solid #ccd0e1;border-top:2px solid #097acb;border-bottom:1px solid #a2a5b2;padding:25px 20px 25px;vertical-align:middle;margin-bottom:40px} .box_gray{background:#f4f5f9;padding:20px;} .txt_cnt{text-align:center!important} .list_gray li{background:url(/images/site/main/dot_gray.png) 0 8px no-repeat;padding-left:13px;margin-bottom:5px} .list_gray li strong{font-weight:300} .box{border:1px solid #ccd0e1;border-bottom:1px solid #a2a5b2;position:relative;padding:25px 20px} .bar_blue:before {width:80%;height:5px;position:absolute;top:-1px;left:50%;margin-left:-40%;background:#1b4692;display:inline-block;content:''} .bar_sky:before {width:80%;height:5px;position:absolute;top:-1px;left:50%;margin-left:-40%;background:#097acb;display:inline-block;content:''} .ctt a:focus {text-decoration:underline;} /*float*/ .fl{float:left} .fl{float:right} .half{width:48%;float:left;margin-left:30px} .third{width:30%;float:left;margin-left:35px} .half:first-child,.third:first-child{margin-left:0} /* contact 2018-04-12 : 김수연 */ .hash{margin-top:100px;background:url(/images/site/main/hash_ic.png)0 5px no-repeat;padding-left:35px;font-size:14px} .hash a{display:inline-block;padding:2px 5px;margin:0 3px;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;} .hash a:hover{background:#dde8ed;border-radius:3px} .hash a:hover span{text-decoration:none} .contact{border:1px solid #dfdfdf;border-bottom:1px solid #a9a9a9;background:#fff;margin-top:20px} .contact ul{overflow:hidden;padding:15px 35px 15px} .contact ul li{float:left;margin-right:15px;font-size:14px;height:25px} .contact ul li strong{font-weight:500;padding-left:27px;height:25px;display:inline-block} .contact ul li:nth-child(1) strong{background:url(/images/site/main/cnt_ic_01.png)0 0 no-repeat;} .contact ul li:nth-child(2) strong{background:url(/images/site/main/cnt_ic_02.png)0 0 no-repeat;} .contact ul li:nth-child(3) strong{background:url(/images/site/main/cnt_ic_03.png)0 0 no-repeat;} .contact ul li:nth-child(4) strong{background:url(/images/site/main/cnt_ic_04.png)0 0 no-repeat;} .contact ul li:nth-child(5) {float:right;margin-right:0;font-size:13px;letter-spacing:-0.05em} .contact .satis{background:#f5f7f9;padding:15px 15px 15px;border-top:1px solid #e1e1e1;overflow:hidden;position:relative} .contact .satis p{font-weight:500;letter-spacing:-0.03em;font-size:14px;float:left;height:25px;line-height:25px;vertical-align:middle} .contact .satis form{margin-left:10px;float:left} .contact .satis form label{font-size:14px;margin-right:10px;cursor:pointer} .contact .satis form label,.contact .satis form input{;height:25px;line-height:25px;vertical-align:middle} .contact .satis .opinion{position:absolute;top:15px;right:15px} .contact .satis .opinion input{border:1px solid #c7cfdc;height:30px;} .contact .satis .opinion input[type="text"]{border-right:none} .contact .satis .opinion input[type="submit"]{background:#6b7482;color:#fff;font-size:13px;padding:0 10px} /* 푸터 */ #footer-wrap {position:relative; line-height:1.2; overflow: hidden; clear:both;} #footer-wrap .banner-wrap{height:60px; width:100%; background:#e2e5ea;} #footer-wrap .bx-wrapper .bx-controls-direction a{z-index:1} .banner-wrap .banner{position:relative;display:flex;align-items: stretch;width:1200px;height:60px;margin:0 auto;overflow: hidden;box-sizing:border-box;} .banner-wrap .banner strong {width: 140px;flex-shrink: 0;color: #393939;font-size: 17px;line-height: 60px;} .banner-wrap .banner .f_banner_wrap{overflow: hidden;padding: 0 30px 0 0;} .banner-wrap .banner .f_banner_wrap .fb_swiper{overflow:hidden;padding-top:18px;} .banner-wrap .banner .f_banner_wrap .fb_swiper .swiper-wrapper .swiper-slide{width: auto !important;display: flex;align-items: center;} .banner-wrap .banner .f_banner_wrap .fb_swiper .swiper-wrapper .swiper-slide a{display: block;font-size: 13px;color: #4a505b;background: url(/images/site/main/icon_one.gif) no-repeat 0 center;padding-left: 10px;white-space: nowrap;} .banner-wrap .banner .f_banner_control{display: flex;align-items: center;justify-content: center;z-index: 1;border-right: none;padding: 0 0 0 12px;} .f_banner_control .swiper-button-prev, .f_banner_control .swiper-button-pause, .f_banner_control .swiper-button-next{background: none;position: static;width: auto;height: 0;margin: 0;cursor: pointer;font-size: 0;} .f_banner_control .swiper-button-prev:after, .f_banner_control .swiper-button-pause:after, .f_banner_control .swiper-button-next:after{content:unset;} .f_banner_control .swiper-button-prev{background: url(/images/site/main/bn_prev.gif) no-repeat;width:17px;height:17px;} .f_banner_control .swiper-button-next{background: url(/images/site/main/bn_next.gif) no-repeat;width:17px;height:17px;} .f_banner_control .swiper-button-pause{background: url(/images/site/main/bn_stop.gif) no-repeat;width:17px;height:17px;} .f_banner_control .swiper-button-pause.active{background: url(/images/site/main/bn_start.gif) no-repeat;} .banner-wrap .banner ul li a:focus {text-decoration:underline;} .banner-wrap .banner .bx-controls .bx-controls-direction .bx-prev {background:url(/images/site/main/bn_prev.gif) no-repeat;width:17px;height:17px;display:block;top:21px;left:-92px;} .banner-wrap .banner .bx-controls .bx-controls-direction .bx-next {background:url(/images/site/main/bn_next.gif) no-repeat;width:17px;height:17px;display:block;top:21px;left:-42px;left:-76px;} .banner-wrap .banner .bx-controls-auto {bottom:2px;left:-75px;width:34px;left:-59px;} .banner-wrap .banner .bx-start {background:url(/images/site/main/bn_stop.gif) no-repeat;width:17px;height:17px;display:block;} .banner-wrap .banner .bx-stop {background:url(/images/site/main/bn_start.gif) no-repeat;width:17px;height:17px;display:block;} #footer-wrap .footer {width:100%; background:#edf0f4;} #footer-wrap .footer .footerArea{width:1200px; margin:0 auto; padding-bottom:30px; overflow:hidden;} .footerSubWrap {float:left;position:relative;} .footerSubMenu { margin-top:25px;overflow:hidden} .footerSubMenu li {float:left; padding-right:20px;} .footerSubMenu li a {display:block;color:#354257;font-size:12px;font-weight:500;font-family: "Noto Sans KR", sans-serif;margin:5px 0;} .footerSubMenu li a:focus{text-decoration:underline;} .footerSubMenu li.no02 a{color:#0d54d5;} .footerInfo {float:left;line-height:13px; margin-top:5px;} .footerInfo address, .footerInfo .copyrigyht{font-family: "Noto Sans KR", sans-serif; font-size:12px; color:#354257;} .footerLinkWrap {float:right; position:relative; margin-top: 25px;} .footerLinkWrap .selectLink {float:right; margin-top:50px;} .footerLinkWrap .selectLink p {width:100%; background:#c8d0db;} .footerLinkWrap .selectLink p a {display:block;width:160px;height:10px;line-height:10px;padding:10px 9px;font-size:12px; font-weight:500; font-family: "Noto Sans KR", sans-serif;color:#000;border:1px solid #e1e2e2; background:url(/images/site/main/bg_selectbox_arrow@2x.png) no-repeat 130px -8px; background-size:54px 52px;} .footerLinkWrap .selectLink ul{border:1px solid #c8d0db; border-top:0;} .footerLinkWrap .selectLink ul li{padding-left:10px;} .footerLinkWrap .selectLink ul li a{font-size:12px; color:#000;} /*2023*/ .banner .bx-controls-direction a:focus, .banner .bx-controls-auto a:focus{ border:1px solid gold; box-sizing:border-box; } /* 로그인 2018.06.21 : 김수연 */ .loginArea{border:1px solid #d2dae5;background:#f5f7fb} .loginArea .lgn_m_divide{background:url(/images/site/main/lgn_tit.png)80px center no-repeat #173974;padding:30px 0 30px 340px} .lgn_m_divide ul{overflow:hidden} .lgn_m_divide ul li{float:left} .lgn_m_divide ul li{margin-left:50px} .login{padding:55px 45px 55px 340px;background:url(/images/site/main/lgn_bg_pic.png)45px center no-repeat;position:relative} .login ul {position:relative} .login ul li input[type="text"], .login ul li input[type="password"]{height:50px;width:325px} .login ul li input::placeholder {color: #000;font-size:16px;font-weight:700} .login .btn_login{position:absolute;top:0;right:0;display:block;width:176px;height:110px;} .login .btn_login input{display:block;text-align:center;line-height:100px;font-weight:700;font-size:20px;color:#fff;border-radius:3px;background:#0b9edb;width:176px;cursor:pointer;position:relative;padding-top:10px} .login .btn_login:after{display:block;position:absolute;top:20px;left:45%;content:'\f023'; font-family: 'FontAwesome';color:#fff} .login .btn_login input *{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;} .login .btn_login input:hover{background:#0b8adb} .login .btn_login input:hover i{margin-right:10px} .login .btn_login input:focus{background:#0b8adb;text-decoration:underline;} .login .lgn_btn{border-top:1px solid #cbd3e4;padding-top:20px;margin-top:10px} .login .lgn_btn a{border:1px solid #586b94;background:#8292b4;color:#fff;font-size:1rem;display:inline-block;text-align:center;width:245px;padding:10px 0;border-radius:3px} .login .lgn_btn a:hover{background:#576a93} .login .lgn_btn a:first-child{margin-right:20px} .lgn_m_divide .form-checkbox{position:relative;text-align:left;cursor:pointer;overflow:hidden;display:inline-block} .lgn_m_divide .form-checkbox.divide input { width: 25px; height: 25px;} .lgn_m_divide .form-checkbox input{ position: absolute; top: 50%; left: 0; margin-top: -10px; opacity: 0; filter: alpha(opacity=0); width: 20px; height: 20px; cursor: pointer; z-index: 2;} .lgn_m_divide .form-checkbox input{ position: absolute; top: 50%; left: 0; margin-top: -10px; opacity: 0; filter: alpha(opacity=0); width: 20px; height: 20px; cursor: pointer; z-index: 2;} .lgn_m_divide .form-checkbox input[type="radio"] { box-sizing: border-box; padding: 0;} .lgn_m_divide .form-checkbox.divide label { padding-left: 34px; /* font-size: 20px; */ font-size: 18px; line-height: 30px;color:#c0cadb;font-weight:300} .lgn_m_divide .form-checkbox label{height: 30px; padding-left: 25px; vertical-align: middle; cursor: pointer; font-weight: bold;} .lgn_m_divide .form-checkbox label:after{ content: ''; position: absolute; top: 50%; left: 1px; z-index: 1; margin-top: -10px; width: 25px; height: 25px; background-repeat: no-repeat; background-size: 20px; display: inline-block;} .lgn_m_divide .form-checkbox.divide label:after { margin-top: -12px; width: 25px; height: 25px; background: url(/images/site/main/lgn_m_chk.png)0 0 no-repeat; } .lgn_m_divide .form-checkbox input:checked + label:after { background-position: 0 bottom;} .lgn_m_divide .form-checkbox input:checked + label{color:#fff} .lgn_m_divide .form-checkbox input:focus + label {text-decoration:underline;} .login .form-checkbox{position:relative;text-align:left;cursor:pointer;overflow:hidden;margin-top:10px;display:inline-block} .login .form-checkbox.save input { margin-top: -12px; width: 20px; height: 20px;} .login .form-checkbox input{ position: absolute; top: 50%; left: 0; margin-top: -10px; opacity: 0; filter: alpha(opacity=0); width: 20px; height: 20px; cursor: pointer; z-index: 2;} .login .form-checkbox input{ position: absolute; top: 50%; left: 0; margin-top: -10px; opacity: 0; filter: alpha(opacity=0); width: 20px; height: 20px; cursor: pointer; z-index: 2;} .login .form-checkbox input[type="checkbox"] { box-sizing: border-box; padding: 0;} .login .form-checkbox.save label { padding-left: 34px; /* font-size: 20px; */ font-size: 0.875rem; line-height: 24px;color:#656d78;font-weight:300} .login .form-checkbox label{height: 25px; padding-left: 25px; vertical-align: middle; cursor: pointer; font-weight: bold;} .login .form-checkbox label:after{ content: ''; position: absolute; top: 50%; left: 1px; z-index: 1; margin-top: -10px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 20px; display: inline-block;} .login .form-checkbox.save label:after { width: 20px; height: 20px; background-image: url(/images/site/main/lgn_chk.png); background-size: 20px;} .login .form-checkbox input:checked + label:after { background-position: 0 bottom;} .login .form-checkbox input:checked + label{color:#000} .login .form-checkbox input:focus + label:after {border:1px solid #000} /* 회원탈퇴 */ .memout{padding:55px 45px 55px 340px;background:url(/images/site/main/memout_bg_pic.png)45px center no-repeat;position:relative} .memout ul {position:relative} .memout ul li input[type="text"], .memout ul li input[type="password"]{height:50px;width:325px} .memout ul li input::placeholder {color: #000;font-size:16px;font-weight:700} .memout .btn_out{position:absolute;top:0;right:0;display:block;width:176px;height:100px;} .memout .btn_out a{display:block;text-align:center;line-height:100px;font-weight:700;font-size:20px;color:#fff;border-radius:3px;background:#0b9edb;width:176px;cursor:pointer;position:relative;} .memout .btn_out a *{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;} .memout .btn_out a:hover{background:#0b8adb} .memout .btn_out a:hover i{margin-right:10px} /*tabArea*/ .tab_Area{overflow:hidden;margin-bottom:50px} .tab_Area:after{content:'';display:block;clear:both} .tab_Area li{float:left;display: table; margin-left: -1px; height: 100%; vertical-align: middle; height: 100%;} .tab_Area li a{display: table-cell; position: relative; padding: 15px 10px; word-wrap: break-word; word-break: keep-all; border: 1px solid transparent; border-color: #ddd; border-bottom-color: #949494; color: #333; font-size: 1rem; line-height: 1; height: 40px;transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;text-align:center} .tab_Area li.on a,.tab_Area li a:hover,.tab_Area li a:focus,.tab_Area li a:active{ border-color: #004993; border-bottom-color: #004993; background-color: #004993; color: #fff;} .tab_Area.tab-col-2 li{width:50%} .tab_Area.tab-col-3 li{width:33.3%} .touch{display:none!important} /* uijequery */ .ui-tooltip-content,.ui-tooltip{display:none!important} /* 전체메뉴 */ .allMenuArea a h2{color:#f00!important;display:none} .allMenuArea a ~.allMenuBox{display:none} .all-menu-wrap .allMenuArea:nth-child(8) .allMenuBox ul li:nth-child(2){display:none} /*스크린 리더 접근성 숨기기*/ .hidden,.sr-only,.hidden_word{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;} #bbs_cn img {max-width:100%} .tbl-basic a:focus {text-decoration:underline;}