@charset "utf-8"; html{overflow-x:hidden;background-color: #fafafa} body{overflow-x:hidden} #header,#container{/*background-color: #ffffff*/} /* header fake 이미지 작업 완료 후 삭제 해주세요. */ #header .fake1{display:block;margin:0 auto;max-width:1440px;height:168px;text-align:center} #header .fake1 img{display:block;width:100%;height:100%} #header .fake2{display:none;margin:0 auto;height:50px;text-align:center} #header .fake2 img{display:block;margin:0 auto;width:auto;height:100%} .layout1024 #header .fake1{max-width:1220px} .layout800 #header .fake1{display:none} .layout800 #header .fake2{display:block} /* header */ #header{*zoom:1;position:relative;width:100%;height:155px;background-color:#ffffff} #header:after{content:"";display:block;position:absolute;top:0;width:100%;height:34px;border-bottom:1px solid #d0d3d7;background-color:#1e2768} #header .header-wrap{margin:0 auto;min-width:1281px;max-width:1440px; }/*width 설정*/ #header .header-wrap h1{position:absolute;top:50px;margin-left:24px; width:140px;height:50px;z-index:201;background: url('/www/@resource/images/common/logo.gif') 0 0 no-repeat} #header .header-wrap h1 a{*zoom:1;display:block;width: 100%; height: 100%} #header .header-wrap h2{visibility:hidden;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:0;line-height:0} #header .header-wrap .acount{display: none} #header .other-services{position:relative;z-index:202} #header .other-services:after{content:"";display:block;clear:both;height:0;visibility:hidden} #header .other-services .quick-application{width:396px;height:34px;line-height:34px;text-align:center;border-left:1px solid #586097} #header .other-services .quick-application:after{content:"";display:block;clear:both;height:0;visibility:hidden} #header .other-services .quick-application a{display:block;float:left;width:24%;font-size:14px;font-weight:bold;letter-spacing:-0.03em;color:#fff;border-right:1px solid #586097} #header .other-services .quick-application a img{margin-top:4px;vertical-align:top} #header .other-services .quick-application a:first-child{border-bottom:1px solid #fff;} #header .other-services .util{position:absolute;top:0;right:0;font-size:12px;color:#fff} #header .other-services .util:after{content:"";display:block;clear:both;height:0;visibility:hidden} #header .other-services .util .log{float:left;position:relative;padding:0 12px;margin-left:30px;line-height:36px} #header .other-services .util .log:after{content:"";display:block;position:absolute;top:11px;right:0;width:1px;height:12px;background-color:#586097} #header .other-services .util .join{float:left;position:relative;padding:0 12px;line-height:36px} #header .other-services .util .join:after{content:"";display:block;position:absolute;top:11px;right:0;width:1px;height:12px;background-color:#586097} #header .other-services .util .sitemap{float:left;position:relative;padding:0 12px;line-height:36px} #header .other-services .util .sitemap:after{content:"";display:block;position:absolute;top:11px;right:0;width:1px;height:12px;background-color:#586097} #header .other-services .util .select-lang{float: left;/* position:absolute;top:0;right:0 */} #header .other-services .util .select-lang .selector{border:0 none;background-color:transparent} #header .other-services .util .select-lang .selectric{background-color:transparent !important} #header .other-services .util .select-lang .selectric .button{right:0} #header .other-services .util .select-lang .selectric .label{padding-top:9px} #header .other-services .util .sns{float:none;position:absolute;top:51px;right:0; width: 80px} #header .other-services .util .sns a{display:block;float:left;margin-left:9px;width:30px;height:30px} #header .other-services .util .search-open{display:none} #header .other-services .search-input{float:none;position:absolute;top:100px;right:0;width:213px} #header .other-services .search-input .input-text{padding:0} #header .other-services .search-input .input-text input{padding:0 8px} #header .other-services .search-input input:hover, #header .other-services .search-input input:focus{background-color:#fafafa} #header .other-services .menu{display: none} #header .gnb{*zoom:1;overflow:hidden;position:absolute;top:84px;left:0;width:100%;min-width:1440px;height:50px;background:url('/www/@resource/images/common/bg_submenu.png') 0 71px repeat-x;z-index:200}/*width 설정*/ #header .gnb:after{content:"";display:block;clear:both;height:0;visibility:hidden} #header .gnb .nav{*zoom:1;position:relative;padding-left:300px;margin:0 auto;width:1440px;box-sizing:border-box}/*width 설정*/ #header .gnb.type{top:70px;} #header .gnb .nav:after{content:"";display:block;clear:both;height:0;visibility:hidden} #header .gnb .nav .wrap{float:left;width:148px} #header .gnb .nav .wrap{width:180px} #header .gnb .nav .wrap + .wrap{width:132px} #header .gnb.type .nav .wrap + .wrap{width:180px;} #header .gnb .nav h3{font-size:16px;font-weight:bold;line-height:32px;color:#222222} #header .gnb.type .nav h3{line-height:28px;} #header .gnb .nav h3 a{display:block;position:relative;padding-left:1px;width:100px;height:50px;box-sizing:border-box} #header .gnb.type .nav h3 a{height:50px; line-height: 50px} #header .gnb .nav h3 a:after, #header .gnb .nav h3 span.ir{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff url('/www/@resource/images/common/nav_gnb.gif');background-repeat:no-repeat;background-position:0 0} #header .gnb.type .nav h3 a:after, #header .gnb.type .nav h3 span.ir{background:0 none;} #header .gnb .wrap h3:hover a:after, #header .gnb.type .wrap h3 a.active:after, #header .gnb.type .wrap h3:hover span.ir, #header .gnb.type .wrap h3 a.active span.ir{background-image:url('/www/@resource/images/common/nav_gnb_active.gif')} #header .gnb.type .wrap h3:hover a:after, #header .gnb.type .wrap h3 a.active:after, #header .gnb.type .wrap h3:hover span.ir, #header .gnb.type .wrap h3 a.active span.ir{background:0 none;} #header .gnb .nav .wrap h3 a:after, #header .gnb .nav .wrap h3 a:after{background-position:left 0} #header .gnb .nav .wrap + .wrap h3 a:after, #header .gnb .nav .wrap + .wrap h3 span.ir{background-position:left -50px} #header .gnb .nav .wrap + .wrap + .wrap h3 a:after, #header .gnb .nav .wrap + .wrap + .wrap h3 span.ir{background-position:left -100px} #header .gnb .nav .wrap + .wrap + .wrap + .wrap h3 a:after, #header .gnb .nav .wrap + .wrap + .wrap + .wrap h3 span.ir{background-position:left -150px} #header .gnb .nav .wrap + .wrap + .wrap + .wrap + .wrap h3 a:after, #header .gnb .nav .wrap + .wrap + .wrap + .wrap + .wrap h3 span.ir{background-position:left -200px} #header .gnb .nav .wrap .submenu{width:145px} #header .gnb .nav .wrap .submenu .depth2{padding-top:25px;z-index:1} #header .gnb .nav .wrap .depth2 li{display:block;font-size:14px;line-height:14px; padding: 7px 0;} #header .gnb .nav .wrap .depth2 li a{display:block; /* font-weight:bold; */color:#444} #header .gnb .nav .wrap .depth2 li a:hover{text-decoration:underline; font-weight:bold;} #header .gnb .gnb_banner{position: absolute; left: 30px; top:90px; display: none} #header .gnb .gnb_banner a{display: block; width: 150px; height: 50px} #header .gnb .gnb_banner a + a {margin-top: 10px} #header .gnb .gnb_banner a .mobile{display: none;} #header .header-wrap .full-menu .mobile-util{display: none} #header .header-wrap .biendate{position: absolute; top: 96px; margin-left: 71px; z-index: 3} #header .header-wrap .biendate .date{margin-bottom: 5px; font-size: 10px; color: #e84e1b; letter-spacing: -0.6px} #header .header-wrap .biendate .date > span{display: inline-block; vertical-align: middle} #header .header-wrap .biendate .date > span:first-child{position: relative; padding-right: 5px; margin-right: 3px} #header .header-wrap .biendate .date > span:first-child:after{content: '';display: block;position: absolute; top: 50%; right: 0; width: 1px; height: 6px; background-color: #e84e1b;transform: translateY(-50%); z-index: 3} #header .header-wrap .biendate .date > span.none{display: none} #header .header-wrap .biendate .date b{font-size: 15px} #header .header-wrap .biendate .d-day{color: #e84e1b; font-weight: 600; font-size: 26px} /* container */ #container{position:relative;margin-bottom:35px;/*background-color:#ffffff*/} #container:after{content:"";display:block;clear:both;height:0;visibility:hidden} #container:before{content:"";display:block;position:absolute;top:0;width:100%;border:1px dotted #eeeeee} #container .container-wrap{position:relative;margin:0 auto;min-width:1281px;max-width:1440px;box-sizing:border-box}/*width 설정*/ #container .container-wrap:after{content:"";display:block;clear:both;height:0;visibility:hidden} #container .section{position:relative} /* #container .location{padding:15px 0 0 5px;line-height:13px;font-size:14px;color:#767676; margin-top: 52px; } */ #container .location{padding:15px 0 0 5px;line-height:13px;font-size:14px;color:#767676;} #container .location .home{position:relative;margin-right:2px;width:17px;height:14px} #container .location .home.type{padding-left:20px;} #container .location .home.ir span, #container .location .home:after{content:"";display:block;position:absolute;top:0;left:0;width:17px;height:14px;background:#fff url('/www/@resource/images/common/ico_home.png') 0 2px no-repeat} #container .location .flow{position:relative;width:5px;height:14px} #container .location .flow.ir span, #container .location .flow:after{content:"";display:block;position:absolute;top:0;left:0;width:5px;height:14px;background:#fff url('/www/@resource/images/common/ico_location_arrow.png') 0 2px no-repeat} #container .location .step{margin:0 4px} #container .location strong.step{color:#222222} #container .cont-header{position:relative;margin:16px 0 70px;height:220px} #container .cont-header .title{height:220px;text-align:center} #container .cont-header .title strong{display:block;padding-top:27px} #container .cont-header .title span{display:block;margin-top:15px;font-size:13px;line-height:16px;color:#ffffff} #container .cont-wrap{min-height:435px;margin-bottom:40px} #container .cont-wrap:after{content:"";display:block;clear:both;height:0;visibility:hidden} /* content */ #content{position:relative;padding:0 190px 0 250px;min-height:600px} #content:after{content:"";display:block;clear:both;height:0;visibility:hidden} /* contAside */ #content .cont-aside{position:absolute;top:0;left:0;width:200px;text-align:right} #content .cont-aside h2{margin:0 12px 27px 0;font-size:30px;line-height:34px;color:#000; letter-spacing:-1px;} #content .cont-aside .lnb{border-bottom:1px solid #9c9c9c} #content .cont-aside .lnb h3{padding-right:36px;height:47px;line-height:51px;font-size:18px;font-weight:normal;color:#767676;border-top:1px solid #9c9c9c} #content .cont-aside .lnb h3:hover, #content .cont-aside .lnb h3.active{height:48px;font-weight:bold;color:#fff;border-top:0 none;background:#222 url('/www/@resource/images/common/bg_lnb_h3.png') 178px 19px no-repeat} #content .cont-aside .lnb h3.active + ul{display:block} #content .cont-aside.type .lnb h3{padding:14px 36px 14px 0;height:auto;line-height:normal;font-size:18px;font-weight:normal;color:#767676;border-top:1px solid #9c9c9c} #content .cont-aside.type .lnb h3:hover, #content .cont-aside.type .lnb h3.active{padding:14px 36px 15px 0; height:auto;font-weight:bold;color:#fff;border-top:0 none;background:#222 url('/www/@resource/images/common/bg_lnb_h3.png') 178px 19px no-repeat} #content .cont-aside.type .lnb h3.active + ul{display:block} #content .cont-aside .lnb ul{display:none;margin:8px 35px 7px 0} #content .cont-aside .lnb ul li{font-size:14px;line-height:24px} #content .cont-aside .lnb ul li a{color:#767676} #content .cont-aside .lnb ul li:hover a, #content .cont-aside .lnb ul li.active a{color:#000;border-bottom:1px solid #000} #content .cont-aside .direct{margin-top:12px} #content .cont-aside .direct:after{content:"";display:block;clear:both;height:0;visibility:hidden} #content .cont-aside .direct a{float:left;display:block;width:60px;height:73px;font-size:13px;line-height:15px;text-align:center;color:#222222;border:1px solid #9c9c9c} #content .cont-aside .direct a + a{margin-left:7px} #content .cont-aside .direct a span{display:block;background:url('/www/@resource/images/common/ico_direct.png') no-repeat} #content .cont-aside .direct a span.drt1{padding-top:44px;background-position:0 0} #content .cont-aside .direct a span.drt2{padding-top:39px;background-position:0 -80px} #content .cont-aside .direct a span.drt3{padding-top:44px;background-position:0-160px} /* cont-primary */ #content .cont-primary{float:left;width:100%} #content .cont-primary:after{content:"";display:block;clear:both;height:0;visibility:hidden} #content .cont-primary h3{position:relative;display:block;margin-bottom:52px;height:30px;line-height:20px;font-size:20px;color:#222222} #content .cont-primary h3 strong{position:relative} #content .cont-primary h3 strong:after{content:"";display:block;position:absolute;bottom:-10px;width:100%;height:3px;background-color:#222222} #content .cont-primary .section:after{content:"";display:block;clear:both;height:0;visibility:hidden} /* sidebar */ #content .cont-sidebar{overflow:hidden;position:absolute;top:0;right:0;width:140px} #content .cont-sidebar .menu-list{border-top:1px solid #e5e5e5} #content .cont-sidebar .menu-list li{width:100%;height:47px;line-height:51px;font-size:15px;border-bottom:1px solid #e5e5e5;background-color:#fafafa} #content .cont-sidebar .menu-list li:hover, #content .cont-sidebar .menu-list li.active{height:48px;border-bottom:0 none;background-color:#444444} #content .cont-sidebar .menu-list li a{display:block;color:#767676} #content .cont-sidebar .menu-list li:hover a, #content .cont-sidebar .menu-list li.active a{display:block;color:#ffffff} #content .cont-sidebar .menu-list li a span{display:block;height:100%;padding-left:45px;background:url('/www/@resource/images/common/ico_sidebar.png') 0 0 no-repeat} #content .cont-sidebar .menu-list li:hover a span, #content .cont-sidebar .menu-list li.active a span{background-image:url('/www/@resource/images/common/ico_sidebar_active.png')} #content .cont-sidebar .menu-list li a span.sm1{background-position:12px 0} #content .cont-sidebar .menu-list li a span.sm2{background-position:12px -48px} #content .cont-sidebar .menu-list li a span.sm3{background-position:12px -96px} #content .cont-sidebar .menu-list li a span.sm4{background-position:12px -144px} #content .cont-sidebar .menu-list li a span.sm5{background-position:12px -192px} #content .cont-sidebar .menu-list li a span.sm6{background-position:12px -240px} #content .cont-sidebar .menu-list li a span.sm7{background-position:12px -284px} #content .cont-sidebar .menu-list li a span.sm8{background-position:12px -332px} #content .cont-sidebar .menu-list li a span.sm9{background-position:12px -380px} #content .cont-sidebar.type .menu-list li{height:auto; min-height:30px; padding:10px 0; line-height:normal;} #content .cont-sidebar.type .menu-list li:hover, #content .cont-sidebar.type .menu-list li.active{height:auto;border-bottom:0 none;background-color:#444444} #content .cont-sidebar.type .menu-list li a span.sm3{background-position:12px -103px} #content .cont-sidebar.type .menu-list li a span.sm4{padding-top:6px; background-position:12px -153px} #content .cont-sidebar.type .menu-list li a span.sm5{padding-top:6px; background-position:12px -201px} #content .cont-sidebar.type .menu-list li a span.sm6{padding-top:6px; background-position:12px -250px} #content .cont-sidebar.type .menu-list li a span.sm7{padding-top:6px; background-position:12px -295px} #content .cont-sidebar.type .menu-list li a span.sm8{padding-top:6px; background-position:12px -344px} /* spon */ #container .spon{position:relative;margin:150px 0 25px 0;height:50px;background:#fff;text-align:center} #container .spon h2{visibility:hidden;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:0;line-height:0} #container .spon:after{content:"";display:block;clear:both;height:0;visibility:hidden} #container .spon .slider-wrap{position:relative;margin:0 auto} #container .spon .slider-wrap:after{content:"";display:block;clear:both;height:0;visibility:hidden} #container .spon .slider{overflow:hidden;margin:0 50px;height:50px} #container .spon ul:after{content:"";display:block;clear:both;height:0;visibility:hidden} #container .spon ul li{display:block;margin:0 20px;width:130px !important;height:50px;text-align:left} #container .spon ul li img{/*display:block;*/width:130px;height:50px} #container .spon .direction:after{content:"";display:block;clear:both;height:0;visibility:hidden} #container .spon .direction a span.ir, #container .spon .direction a{display:block;position:absolute;top:0;width:24px;height:50px;text-indent: 999em; overflow: hidden;} #container .spon .direction a.prev{left:0} #container .spon .direction a.next{right:0} #container .spon .direction a span.ir, #container .spon .direction a:after{content:"";display:block;position:absolute;top:0;width:24px;height:50px;background-color:#fff;background-image:url('/www/@resource/images/common/btn_spon_arrow.png');background-repeat:no-repeat} #container .spon .direction a.prev span.ir, #container .spon .direction a.prev:after{background-position:0 0} #container .spon .direction a.next span.ir, #container .spon .direction a.next:after{background-position:0 100%} /*footer*/ #footer{width:100%;height:175px;background-color:#fafafa} #footer .footer-wrap{margin:0 auto;min-width:1281px;max-width:1440px;text-align:center; position:relative;}/*width 설정*/ #footer .footer-wrap h2{visibility:hidden;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:0;line-height:0} #footer .footer-wrap:after{content:"";display:block;clear:both;height:0;visibility:hidden} #footer .support{position:relative;padding:39px 5px 0 8px;font-size:14px;font-weight:bold;color:#222222} #footer .support li{display:inline-block;position:relative;padding:0 5px 0 9px} #footer .support li + li:after{content:"";display:block;position:absolute;top:2px;left:0;height:11px;border-left:1px solid #222222} #footer .company-data{margin:0 auto; padding-top: 26px;text-align:center;color:#747474} #footer .company-data:after{content:"";display:block;clear:both;height:0;visibility:hidden} #footer .company-data span{display:inline-block;margin-left: 4px} #footer .company-data span.tel{} #footer .copyright{margin-top:5px;color:#6780a0} #footer .copyright:after{content:"";display:block;clear:both;height:0;visibility:hidden} #footer .wa_mark{position:absolute; right:30px; top:40px;} /*laout1024===================================================================================================== */ .layout1024 #header .header-wrap{min-width:1024px;max-width:1280px} .layout1024 #header .other-services .util .search-form{width:200px !important} .layout1024 #header .gnb{min-width:1080px} .layout1024 #header .gnb .nav{padding-left:270px;width:1280px} .layout1024 #header .gnb .nav .wrap{width:128px !important} .layout1024 #header .gnb .nav .wrap{width:160px !important} .layout1024 #header .gnb .nav .wrap + .wrap{width:112px !important} .layout1024 #container .container-wrap{min-width:1024px;max-width:1280px; margin: 0 20px} .layout1024 #content .cont-sidebar{width: 45px} .layout1024 #content .section.first .sec-wrap1 .sec-box1 .banner .bx-viewport{height:100% !important} .layout1024 #footer .footer-wrap{min-width:1024px;max-width:1280px} /*laout800===================================================================================================== */ .layout800 .sky-scraper{display:none} .layout800 #header{height:auto; min-height:50px;background-color:#222222} .layout800 #header:after{content:"";display:block;clear:both;height:0;visibility:hidden} .layout800 #header .header-wrap{position:relative;min-width:320px;border-top: 1px solid transparent; margin-top: -1px} .layout800 #header .header-wrap:after{content:"";display:block;clear:both;height:0;visibility:hidden} .layout800 #header .header-wrap h1{top:13px;left:50%;margin:0 0 0 -47px;width:93px;height:25px;z-index:300; background: url('/www/@resource/images/common/m_logo.gif') 0 0 no-repeat; background-size: 93px auto} .layout800 #header .header-wrap h1 a{display:block;width:93px;height:25px} .layout800 #header .header-wrap h1 img{width:93px;height:25px} .layout800 #header .header-wrap .acount{display: block} .layout800 #header .header-wrap .other-services{min-height:50px; border-top: 1px solid transparent; margin-top: -1px} .layout800 #header .header-wrap .other-services:after{content:"";display:block;clear:both;height:0;visibility:hidden} .layout800 #header .header-wrap .other-services .util{width: 100%} .layout800 #header .header-wrap .other-services .util>div{display: none} .layout800 #header .header-wrap .other-services .util .menu{display: block; float:right;margin:15px 10px 0 0} .layout800 #header .header-wrap .other-services .menu a{display:block;float:left} .layout800 #header .header-wrap .other-services .menu img{width:25px;height:25px} .layout800 #header .header-wrap .other-services .menu .search-open{width:25px;height:25px; background: url('/www/@resource/images/common/ico_search_open.png') 0 0 no-repeat; background-size: 25px;} .layout800 #header .header-wrap .other-services .quick-application{display: none; width:auto;height:auto;border-left:0 none} .layout800 #header .header-wrap .other-services .quick-application a{float:none;border-right:0 none} .layout800 #header .header-wrap .other-services .quick-application a:first-child{float:none;width:auto;border-bottom:0 none;background:none} .layout800 #header .header-wrap .search-input{display:block;position: static;padding:10px;width:100%;height:50px;margin-top: 50px;line-height:auto;border:0 none;background-color:#eee;box-sizing:border-box} .layout800 #header .header-wrap .search-input.active{display:block} .layout800 #header .header-wrap .search-input .input-text{height:29px;line-height:29px;border:1px solid #e9e9e9;border-radius:2px} .layout800 #header .header-wrap .search-input .input-text .placeholder{left:32px} .layout800 #header .header-wrap .search-input .input-text input{padding-left:24px;height:29px;line-height:29px;/* background:url('/www/@resource/images/common/btn_search.png') 10px 7px no-repeat;background-size:13px 13px */} .layout800 #header .header-wrap .search-input .input-text + button{display: none;} .layout800 #header .header-wrap .direct{padding:10px 10px 0 10px;background-color:#fff;box-sizing:border-box} .layout800 #header .header-wrap .direct:after{content:"";display:block;clear:both;height:0;visibility:hidden} .layout800 #header .header-wrap .direct a{display:block;float:left;width:32%;height:35px;line-height:35px;color:#555;text-align:center;border:1px solid #d0d0d0;border-radius:3px;background-color:#eee;box-sizing:border-box} .layout800 #header .header-wrap .direct a + a{margin-left:2%} .layout800 #header .header-wrap .other-services .util .sns{display: none} .layout800 #header .header-wrap .acount{position:absolute;top:16px;left:16px;z-index:203} .layout800 #header .header-wrap .acount img{width:18px;height:18px} .layout800 #header .header-wrap .full-menu{display:none;position:fixed;top:0;left:0;width:100%; height: 100%;background-color:#fff;z-index:9999;box-sizing:border-box;background-color:rgba( 0,0,0,0.7);} .layout800 #header .header-wrap .full-menu.active{display:block} .layout800 #header .header-wrap .full-menu .gnb{overflow:inherit;float:left;position:relative;top:auto;left:auto;min-width: inherit;height:100% !important;background:none;box-sizing:border-box; width: 95%;height: 100%;background-color: #ffffff} .layout800 #header .header-wrap .full-menu .gnb .nav{padding:0;margin:0;width: 100%} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap{float:none;width:auto} .layout800 #header .header-wrap .full-menu .gnb .nav h3 a:after, .layout800 #header .header-wrap .full-menu .gnb .nav h3 span.ir{content:"";display:block;clear:both;height:0;visibility:hidden} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap h3{position:relative;padding:0 20px;height:50px;line-height:50px;font-size:14px;color:#15202d;text-align:left;box-sizing:border-box} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap h3:after{content:"";display:block;position:absolute;top:22px;right:24px;width:10px;height:6px;background:url('/www/@resource/images/common/btn_tgl_03.png');background-repeat:no-repeat;background-size:10px auto} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap h3.active:after{background-position:0 100%} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap h3.active{color:#fff;background-color:#222222} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap h3 a{display:block;padding-left:22px;width:100%;border-bottom:1px solid #ccc;background-image:url('/www/@resource/images/common/ico_nav_gnb.png');background-repeat:no-repeat;background-size:25px auto} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap h3.active a{border-bottom:0 none;background-image:url('/www/@resource/images/common/ico_nav_gnb_active.png')} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap:nth-child(1) h3 a{background-position:0px 0px} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap:nth-child(2) h3 a{background-position:0px -50px} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap:nth-child(3) h3 a{background-position:0px -100px} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap:nth-child(4) h3 a{background-position:0px -150px} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap:nth-child(5) h3 a{background-position:0px -200px} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap:nth-child(6) h3 a{background-position:0px -250px} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap:nth-child(7) h3 a{background-position:0px -300px} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu{width:auto} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu .depth2{display:none;position:relative;padding:0;min-height:40px;line-height:40px;color:#5b5b5b;border-top:1px solid #b1b1b1; padding: 5px 0; background-color: #e3e3e3} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu .depth2.active:after{background-position:0 100%} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu .depth2 a{padding:0 25px 0 30px;} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu .depth2:first-child{border-top:0 none} .layout800 #header .gnb .nav .wrap .depth2 li a:hover{color: #ea208c ;text-decoration: underline;} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu .depth2 li.active a{color: #ea208c ;text-decoration: underline;} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap h3.active + .submenu .depth2{display:block} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu .depth3{display:none;padding:6px 8px;border-top:1px solid #b1b1b1} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu .depth3.active{display:block} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu .depth3 li{position:relative;font-size:11px;line-height:20px;color:#5b5b5b} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu .depth3 li.active{text-decoration:underline;color:#ea208c} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu .depth3 li.active:after{color:#ea208c} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu .depth3 li:after{content:"";position:absolute;top:0;left:-50;color:#848484} .layout800 #header .header-wrap .full-menu .gnb .nav .wrap .submenu .depth3 li a{display:block;padding-left:16px} .layout800 #header .header-wrap .full-menu .side-menu{float:right;position:relative;padding:0 14px;width:30%;box-sizing:border-box} .layout800 #header .header-wrap .full-menu .side-menu ul{margin-top:14px;border-top:2px solid #ea208c} .layout800 #header .header-wrap .full-menu .side-menu ul li{height:35px;line-height:35px;text-align:center;border-bottom:1px solid #e3e3e3} .layout800 #header .header-wrap .full-menu .side-menu ul li a{font-size:14px;color:#000} .layout800 #header .header-wrap .full-menu .mobile-util{position: relative;display: block; width: 95%; height: 50px; color: #ffffff; background-color: #3a3b3d;border-bottom: 2px solid #ea208c;z-index: 999} .layout800 #header .header-wrap .full-menu .mobile-util .log{float: left; line-height: 50px;padding-left: 15px; } .layout800 #header .header-wrap .full-menu .mobile-util .join{float: left; line-height: 50px;padding-left: 15px;} .layout800 #header .header-wrap .full-menu .mobile-util .sitemap{float: left; line-height: 50px;padding-left: 15px;} .layout800 #header .header-wrap .full-menu .mobile-util .select-lang{float: left;padding-left: 20px; margin-top: 10px;background: #3A3B3D;} .layout800 #header .header-wrap .full-menu .mobile-util .selectric{background: #3A3B3D; line-height: 20px} .layout800 #header .header-wrap .full-menu .mobile-util .selectric .label{color: #ffffff} .layout800 #header .header-wrap .full-menu .mobile-util .btn-close{display: block; position: absolute; right: 20px; top: 20px;} .layout800 #header .header-wrap .full-menu .mobile-util .btn-close a{display: block; width: 14px; height: 14px; background: url('/www/@resource/images/common/btn_close_03.png') 0 0 no-repeat; background-size: 14px;} .layout800 #header .gnb .gnb_banner{position: static; margin: 20px 0 0 15px;} .layout800 #header .gnb .gnb_banner a{width: 29%;height: 60px;overflow: hidden;box-sizing: border-box;float: left;background-color: #00acee;color: #ffffff; text-align: center;} .layout800 #header .gnb .gnb_banner a + a {margin-top: 0;background-color: #856cae; border: 1px solid #ddd;color: #ffffff; margin-left: 5px} .layout800 #header .gnb .gnb_banner a + a+a{background-color: #faae40; border: 0;color: #222222} .layout800 #header .gnb .gnb_banner a .mobile{display: block; padding-top: 0px} .layout800 #header .gnb .gnb_banner a + a+a .mobile{padding-top: 8px} .layout800 #header .gnb .gnb_banner a .web{display: none;} .layout800 #header .header-wrap .full-menu .gnb.eng .nav .wrap h3 a{height: 50px; line-height: 50px} .layout800 #header .header-wrap .biendate{display: none} /*container*/ .layout800 #container .container-wrap{min-width:320px;max-width:100%} .layout800 #container:before{content:"";display:block;clear:both;height:0;visibility:hidden} .layout800 #container .location{display:none} .layout800 #container .cont-header{display:none} .layout800 #container .cont-primary h3{visibility:hidden;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:0;line-height:0} .layout800 #container #content{padding:0 !important;min-height:auto} .layout800 #container .cont-aside{display:none;position:relative;width:100%;height:45px;text-align:center;background-color:#f0efef;z-index:100} .layout800 #container .cont-aside h2{display:none} .layout800 #container .cont-aside .lnb{width:100%;height:45px;border-bottom:0 none} .layout800 #container .cont-aside .lnb:after{content:"";display:block;clear:both;height:0;visibility:hidden} .layout800 #container .cont-aside .lnb h3{display:block;float:left;position:relative;padding:0 8px;font-size:15px;font-weight:bold;height:45px;line-height:47px;color:#555555;border:0 none;background-color:transparent;background-image:none} .layout800 #container .cont-aside.type .lnb h3{padding:0 8px; background-color:transparent;} .layout800 #container .cont-aside .lnb .wrap+ .wrap h3:after{content:"";display:block;position:absolute;top:17px;left:0;width:1px;height:10px;background-color:#767676} .layout800 #container .cont-aside .lnb h3.active{color:#141414} .layout800 #container .cont-aside .lnb ul, .layout800 #container .cont-aside .lnb h3.active + ul{display:none} .layout800 #container .cont-aside .direct{display:none} .layout800 #container .cont-primary{float:none !important} .layout800 #container .cont-sidebar{display:none} .layout800 #container .spon{margin: 20px 0 25px 0} .layout800 #content .section.first .sec-wrap1 .sec-box1 .banner .bx-wrapper .bxslider li a img{width: 100%} /* deemed layer */ .layout800 .deemed-layer #mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.3;z-index:900} /*footer*/ .layout800 #footer{height:auto} .layout800 #footer .footer-wrap{padding-bottom:25px;min-width:320px;max-width:100%} .layout800 #footer .support{padding:25px 0 0 0 !important} .layout800 #footer .support li{font-size:12px} .layout800 #footer .company-data{margin-top:15px;width:260px;font-size:9px;line-height:12px} .layout800 #footer .company-data span.address{margin-left:3px} .layout800 #footer .company-data span.tel{clear:inherit;margin-left:0} .layout800 #footer .company-data span.email{clear:both;margin-left:25px} .layout800 #footer .copyright{font-size:9px;line-height:11px} .layout800 #footer .copyright span{display:block} .layout800 #footer .wa_mark{display:none;} /* 영어 ==========================================================================================================*/