/*-------------------------layout_kor.css------------------------------------*/ @charset "utf-8"; html,body {width:100%;overflow-x:hidden} body {overflow:auto;} *, :before, :after {box-sizing:initial} #doc {position: relative;width:100%; min-width:320px;} body {overflow-y:visible;overflow-x:hidden;} body.no-scr {overflow-y:hidden;} img {display:inline-block;} /* 레이아웃 기본 스타일 선언(컨텐츠 중앙 정렬) : 최대 width 확인 */ .div-abs {position:absolute;} .div-wrap {position:relative;width:100%;text-align:center;margin:0 auto 0 auto;} .div-cont {position:relative;text-align:left;margin:0 auto 0 auto;} .div-cont:after {clear:both;content:"";display:block;} .body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.3s ease;} .body-slider-ovclick {position:fixed;z-index:1999;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.25);} @media only screen and (min-width:1281px){ .div-wrap {min-width:1200px;} .div-cont {max-width:1200px;width:100%;margin-left:auto;margin-right:auto;} } @media only screen and (min-width:1000px) and (max-width:1280px){ .div-wrap {min-width:1000px;} .div-cont {max-width:1000px;width:100%;margin-left:auto;margin-right:auto;} } @media all and (min-width:481px) and (max-width:999px){ body {overflow-x:hidden;} .div-cont {margin-left:20px;margin-right:20px;} } @media all and (max-width:480px) { body {overflow-x:hidden;} .div-wrap {min-width:320px;} .div-cont {min-width:320px;margin-left:0px;margin-right:0px;} } /*****************************************************************************/ /* z-index 설정 */ .header-wrap-abs {z-index:2000;} #header-wrap,#header {z-index:2000;} #gnavi-wr {z-index:2100;} #container-wrap,#container {z-index:10;} #subtop-wrap {z-index:900;} /* 스킵네비게이션 */ .skipNavi {height:0;} .skipNavi a {display:block;position:fixed;width:1px;height:1px;top:-1000em;left:-1000em;z-index:2500;overflow:hidden;} .skipNavi a:focus {width:auto;height:auto;background:#0059b7;color:#fff;padding:0.75em 1em;top:0;left:0;} /* 상단 */ .header-wrap-abs {position:absolute;} #header-wrap {height:120px;background-color:#fff;border-bottom:1px solid #ccc;} #header {height:100%;} /* 로고 */ .logo-wrap {display:block;} .logo-wrap * {vertical-align:middle;} .logo-wrap img{display:block;width:45%;} #svisual-wrap {position:relative;overflow:hidden;background:#eaeaea;} #svisual-wrap img {vertical-align:top;} #svisual-wrap .visimg-wr {position:absolute;left:50%;top:0;width:100%;height:100%;left:0;top:0;} #svisual-wrap .visimg-img {position:absolute;left:0;top:0;} #svisual-wrap .visimg-img img{vertical-align:top;-webkit-animation-duration:4s;animation-duration: 4s;-webkit-animation-name:svis;animation-name:svis;} #svisual-wrap .visimg-bg {position:absolute;left:0;top:0;width:100%;height:100%;left:0;top:0;} @keyframes svis { 0% {transition: all 0.5s;transform: scale3d(1.2, 1.2, 1.2);} 100% { -webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);-transform: scale3d(1, 1, 1);} } /* 비주얼 타이틀 */ .subtop-tit-wrap {width:100%;text-align:center;position:absolute;top:50%;left:0;z-index:20;margin-top:-55px;} .subtop-tit {width:100%;max-width:1200px;margin:0 auto;text-align:center;color:#fff;padding-bottom:18px;} .subtop-tit .tit {font-size:38px;display:block;padding-bottom:16px;font-weight:bold;} /* 컨텐츠 */ #subtop-wr {position:relative;z-index:1000;} #container-wrap {padding-top:120px;min-height:500px} #container:after {clear:both;content:"";display:block;} #cont-navi-wrap {position:absolute;bottom:0;left:0;width:100%;height:60px;background:rgba(0,0,0,0.3);z-index:1000;} /* cont-navi */ #cont-navi {position:relative;height:100%;box-sizing:border-box;transition:all .3s ease;border-left:0px solid rgba(255,255,255,0.2);box-sizing:border-box;z-index:11;} #cont-navi:after {content:"";display:block;clear:both;} #cont-navi .home {display:block;float:left;text-align:center;width:65px;height:60px;border-right:0px solid rgba(255,255,255,0.2);background:/*#133261 */url(/resources/_Templet/Layout/layout_kor/images/cnavi_home.png) no-repeat center center;border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);} #cont-navi .home img {padding-right:10px;} #cont-navi dl {display:block;position:relative;float:left;width:auto;min-width:240px;height:100%;border-right:0px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);} #cont-navi dt a {white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;padding:20px 20px 17px;transition:all .3s ease;color:#fff;} #cont-navi dt a span.txt {position:relative;display:block;cursor:pointer;padding-right:2.5em;color:#fff;} #cont-navi dt a span.txt:after {position:absolute;top:50%;right:0;margin-top:-4px;content:"";display:block;width:13px;height:9px;background:url(/resources/_Templet/Layout/layout_kor/images/cnavi_arr.png) no-repeat 0 0;} #cont-navi dt a:hover {background:#2253A0;} #cont-navi dd {position:absolute;left:0px;top:60px;width:100%;min-width:140px;height:auto;display:none;background:#fff;} #cont-navi dd a {display:block;padding-top:15px;padding-bottom:14px;padding-left:20px;padding-right:20px;line-height:1.3em;border:1px solid #b3b8ba;border-top:0;background:#fff;} #cont-navi dd a span {color:#555;} #cont-navi dd a:hover, #cont-navi dd a:focus, #cont-navi dd a:active, #cont-navi dd .isOver a {background:#2253A0;border:1px solid rgba(255,255,255,0.2);border-top:0;} #cont-navi dd a:hover span, #cont-navi dd .isOver a span {color:#fff} #cont-navi dl.is-last dt a, #cont-navi dl.is-last dt a span {color:#fff;font-weight:bold;} /* cnavi-fix */ .cnavi-fix {position:relative;width:100%;height:100%;font-size:14px;background:#fff;z-index:600;transition:all .3s ease;} .cnavi-fix #cont-navi-wrap {position:fixed;top:0;left:0;background-color:#2253A0;border:0} .cnavi-fix #cont-navi .home {margin-left:0;color:#fff;} .cnavi-fix #cont-navi dl.is-last dt a span {background-position:right -80px;} .cnavi-fix #cont-navi dt a span {background-position:right -80px;} .cnavi-fix #cont-navi dt a span, .cnavi-fix #cont-navi dl.is-last dt a, .cnavi-fix #cont-navi dl.is-last dt a span {color:#fff;} .cnavi-fix #cont-navi-wrap .cont-flist button,.cnavi-fix #cont-navi-wrap .cont-flist a {/*background-color:#fff;*/} /* 즐겨찾기/인쇄버튼 */ #cont-navi-wrap .cont-flist {position:absolute;right:0;top:0;width:130px;font-size:0} #cont-navi-wrap .cont-flist button, #cont-navi-wrap .cont-flist a {width:65px;height:60px;border:0;vertical-align:top;background:url(/resources/_Templet/Layout/layout_kor/images/cont_flist_sprite.png) no-repeat;transition:all .3s ease;} #cont-navi-wrap .cont-flist .btn-fav {background-position:0 0;background-color:#1B4380;} #cont-navi-wrap .cont-flist .btn-fav:hover {background-position:0 -60px;background-color:#0096E0;} #cont-navi-wrap .cont-flist .btn-print {background-position:-65px 0;background-color:#153669;} #cont-navi-wrap .cont-flist .btn-print:hover {background-position:-65px -60px;background-color:#0096E0;} /* 컨텐츠 */ #contents-wrap {min-height:350px;padding-bottom:50px;letter-spacing:0em;word-break:keep-all;word-wrap:break-word;/*font-size:14px;*/} .cont-top {position:relative;border-bottom:1px solid #d2d2d2;padding:65px 0 65px 0;margin-bottom:70px;overflow:hidden;} .cont-tit {line-height:1.2em;} .cont-tit h2 {display:block;font-size:38px;line-height:1.2em;padding-bottom:0;font-weight:800;color:#343434;text-align:center;position:relative;} /*.cont-tit h2:after {display:block;content:'';position:absolute;top:76px;left:50%;margin-left:-15px;width:30px;height:1px; background:#000;}*/ .cont-top .cont-bt {text-align:center;font-size:17px;color:#767676;} .cont-top .img-bg1 {position:absolute;top:62px;left:14px;content:'';display:block;background:url(/resources/_Templet/Layout/layout_kor/images/c-tit-bg1.png) no-repeat 0 0;width:75px;height:77px;-webkit-animation:tranXY0_80_cttop1 1.4s ease; -moz-animation:tranXY0_80_cttop1 1.4s ease; -o-animation:tranXY0_80_cttop1 1.4s ease; -ms-animation:tranXY0_80_cttop1 1.4s ease; animation:tranXY0_80_cttop1 1.4s ease;} .cont-top .img-bg2 {position:absolute;top:0px;right:8px;content:'';display:block;background:url(/resources/_Templet/Layout/layout_kor/images/c-tit-bg2.png) no-repeat 0 0;width:197px;height:153px;-webkit-animation:tranXY0_80_cttop2 1.4s ease; -moz-animation:tranXY0_80_cttop2 1.4s ease; -o-animation:tranXY0_80_cttop2 1.4s ease; -ms-animation:tranXY0_80_cttop2 1.4s ease; animation:tranXY0_80_cttop2 1.4s ease;} @keyframes tranXY0_80_cttop1 { 0% {opacity: 0;top:0;left:60px;} 100% {opacity: 1;top:62px;right:14px; } } @keyframes tranXY0_80_cttop2 { 0% {opacity: 0;top:-60px;} 20% {opacity: 0;top:-60px;} 100% {opacity: 1;top:0;} } #container {position:relative;display:block;} #container:after {content:"";display:block;clear:both;} @media only screen and (min-width:1000px) { .body-sub #contents-wrap {float:right;min-height:600px;padding-bottom:200px;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word} } @media all and (min-width:1280px) { .body-sub #contents-wrap {width:1200px;min-height:600px;} .body-sub #contents {max-width:1200px;margin-left:auto;margin-right:auto;} } @media all and (min-width:1000px) and (max-width:1279px) { #header, #gnavi {max-width:1000px;} #container {max-width:1000px;} .body-sub #contents-wrap {width:100%;min-height:600px;} .body-sub #contents {max-width:100%;margin-left:auto;margin-right:auto;} } @media only screen and (max-width:999px) { #header-wrap {margin-top:0;height:100px;} .header {margin:0} .header .search-wr {width:0;overflow:hidden;right:100px;top:10px;} .header .search-wr.over {width:auto;} #container-wrap {padding-top:100px;} .body-sub #contents {max-width:100%;margin-left:0;margin-right:0;} .cont-top {padding:35px 0 25px 0;} #cont-navi-wrap .cont-flist {display:none;} } @media only screen and (max-width:768px){ #header-wrap .mn-bar, .cont-ctrl-btns {display:none;} .cont-top .cont-bt {display:none;} .cont-tit h2::after {display:none;} .cont-tit h2 {padding-bottom:0;font-size:25px;} } @media only screen and (min-width:481px) and (max-width:768px) { #cont-navi {padding-right:0;} #cont-navi .home {width:39px;} #cont-navi dl {min-width:69px;} #cont-navi dd {min-width:100px;} #header-wrap {height:75px;} #container-wrap {padding-top:75px;} #header .bt-mnall, #header .bt-search {top:18px} } @media only screen and (max-width:580px){ #cont-navi-wrap, .cnavi-fix {display:none;} .subtop-tit {display:none;} #container {margin-left:0;margin-right:0} .cont-top {border-top:0;margin-bottom:40px;} .body-sub #contents,#contents {margin-left:15px;margin-right:15px;width:auto;} .cont-top .img-bg1 {display:none;} .cont-top .img-bg2 {display:none;} } @media only screen and (max-width:480px) { #header-wrap {height:60px;} #header .bt-mnall, #header .bt-search {top:20px;} #container-wrap {padding-top:60px;} #subtop-wrap {display:none;} .cont-tit h2 {margin-right:0;} .cont-ctrl-btns {top:0;} .body-sub #contents,#contents {margin-left:15px;margin-right:15px;width:auto;} } /*-------------------------gnavi_kor.css------------------------------------*/ #mn-ctrs-btns {position:absolute;top:51px;right:15px;width:26px;height:18px;background:none;border:0px solid #DADADA;} #mn-ctrs-btns:after,#mn-ctrs-btns .line:after,#mn-ctrs-btns .line:before {position:absolute;top:8px;right:0px;width:21px;height:2px;display:block;background:#000;content:'';} #mn-ctrs-btns .line:after {top:0px;} #mn-ctrs-btns .line:before {top:16px;} #header .gnb-allmn {position:absolute;top:51px;right:0px;width:26px;height:18px;z-index:2091} #header .gnb-allmn:after,#header .gnb-allmn .line:after,#header .gnb-allmn .line:before {position:absolute;top:8px;right:0px;width:21px;height:2px;display:block;background:#000;content:'';} #header .gnb-allmn .line:after {top:0px;} #header .gnb-allmn .line:before {top:16px;} #header .gnb-allmn:hover .line:after,#header .gnb-allmn:hover .line:before {right:5px;transition:all .3s ease;} #header .gnb-global {position:absolute;top:46px;right:46px;width:31px;height:31px;border:0px solid #DADADA;z-index:2092;} #header .gnb-global:after {position:absolute;top:7px;left:-15px;width:1px;height:15px;background:#DFDFDF;content:'';display:block;} #header .gnb-global,#header .gnb-global span {display:block;border:0;} #header .gnb-global .tabs {position:relative;display:inline-block;overflow:hidden;width:31px;height:31px;background-color:#fff;transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;} #header .gnb-global .tabs:hover {width:91px;} #header .gnb-global .tabs:hover .more-ico:before {margin-left:-31px;} #header .gnb-global .tabs:hover .more-ico:after {margin-left:0px;} #header .gnb-global .tabs .more-ico {height:0;text-indent:-9999px;} #header .gnb-global .tabs .more-ico:after,.gnb-global .tabs .more-ico:before {position:absolute;display:block;top:0;left:0;content:"";width:31px;height:31px;} #header .gnb-global .tabs .more-ico:before {background:url(/resources/_Templet/Layout/layout_kor/images/gmenu_global.png) 5px 5px no-repeat;transition:all ease-in-out .5s;} #header .gnb-global .tabs .more-ico:after {margin-left:31px;background:url(/resources/_Templet/Layout/layout_kor/images/gmenu_global.png) 5px -32px no-repeat, #2253A0;transition:all ease-in-out .5s;} #header .gnb-global .tabs .paragraph {position:relative;height:31px;width:50px;margin-left:31px;background-color:#2253A0;padding:0 5px;color:#fff;font-size:13px;line-height:31px;} #header .gbt-popup {border:0;position:absolute;top:0;right:0;background:#0a51a1;padding:2px 5px;color:#fff;font-size:12px;} @media only screen and (max-width:1279px){ #gnavi-wr:after {position:absolute;top:36px;left:0;content:"";display:block;width:100%;height:1px;background:#e1e1e1;} #gnavi-wr .gnb-left {right:auto;left:0;} #gnavi-wr .gnb-right {top:5px;} } @media only screen and (max-width:999px) { #mn-ctrs-btns {right:65px;} #header .gnb-global .tabs:hover {width:31px;} #header .gnb-global .tabs:hover .more-ico:before {margin-left:0;} #header .gnb-global .tabs .paragraph {display:none;} .header .gnb-allmn {display:none;} #header .gbt-popup {top:47px;height:22px;line-height:22px;padding:0 5px;} #header .gnb-global {right:96px;} #gnavi-wr .gnb-right {right:0px;} } @media only screen and (min-width:481px) and (max-width:768px) { #header .gnb-global {top:12px;} #header .gbt-popup {top:18px;} } @media only screen and (max-width:480px) { #header .gnb-global {top:15px;} #header .gbt-popup {top:17px;} #header .gnb-global:after {display:none;} } /*-------------------------logo_kor.css------------------------------------*/ #logo {position:absolute;left:0;top:40px;height:30px;z-index:2100;width:300px;text-align:left;font-size:20px;font-weight:bold;letter-spacing:-1px;} .logo-wrap {display:block;} .logo-wrap * {vertical-align:middle;} .logo-wrap img{display:block;width:45%;} @media all and (min-width:1000px) and (max-width:1279px) { #logo img {width:230px;} } @media only screen and (max-width:999px) { #logo {top:38px;left:15px;} } @media only screen and (max-width:768px) { #logo {top:16px;} .logo-wrap img{margin:3px 0 0 0} } @media only screen and (max-width:580px){ #logo {top:15px;width:auto;margin-left:0;text-align:left;} #logo img {width:200px;margin:7px 0 0 0} } @media only screen and (max-width:480px) { #logo {top:12px;} #logo img {width:200px;margin:5px 0 0 0}/* max-height:18px; */ } /*-------------------------header_kor.css------------------------------------*/ #header-wrap .mn-bg {position:absolute;width:100%;height:50px;left:0;top:120px;z-index:10;display:none;background:#fff;} #header-wrap .mn-bg.over {border-top:1px solid #ccc;height:190px !important;border-bottom:1px solid #ccc;} #header-wrap .mn-bar {display:none;position:absolute;left:0;top:120px;width:100%;z-index:2000;background:#fff;} .tmn-tit {display:none;} .tmn-tit .bt-mnclose {position:absolute;right:0;top:0;width:60px;height:60px;border:0;background:rgba(0,0,0,0.3);} .tmn-tit .bt-mnclose:before {content:'';position:absolute;left:24%;top:50%;width:60%;height:2px;background:#fff;transform: rotate(45deg);} .tmn-tit .bt-mnclose:after {content:'';position:absolute;left:24%;top:50%;width:60%;height:2px;background:#fff;transform: rotate(-45deg);} .tmn-my-menus {display:none;} #header #header .btn-gage {position:absolute;top:0;right:0} @media only screen and (min-width:1000px){ #header .bt-mnall {display:none;} #mainNavi-wrap {height:50px;overflow:hidden;position:absolute;left:0;top:40px;width:100%;display:block;z-index:2090;} #mainNav {position:relative;} .topmenu {display:block;position:relative;float:left;padding-left:320px;} .topmenu:after {display:block;content:"";clear:both;} .topmenu .tgl-btn {display:none;} .topmenu .mn_l1 {float:left;width:auto;} .topmenu .mn_a1 {display:block;height:30px;padding:10px 0;line-height:30px;text-align:center;} .topmenu .mn_a1 span {color:#111;font-size:19px;font-weight:bold;padding-right:20px;padding-left:20px;letter-spacing:-1px;cursor:pointer;font-family:"Nanum Square"} .topmenu .over .mn_a1 span {color:#0a51a1;} .topmenu .mn_a1 .sico-nwin {display:none;} .topmenu .depth2-wrap {position:absolute;left:0;top:80px;height:170px;display:block;visibility:hidden;line-height:120%;width:1200px;background:url('/resources/_Templet/Layout/layout_kor/images/tm-icon01.png') no-repeat 55px 100%;} .topmenu .depth2-wrap .depth1-tit {float:left;width:194px;height:207px;padding-top:23px} .topmenu .depth2-wrap .depth1-tit h3 {font-size:24px;font-weight:bold;color:#333;padding:20px 0 0 18px;background:url('/resources/_Templet/Layout/layout_kor/images/topcus-tit.gif') no-repeat 0 0;} .topmenu .depth2-wrap .depth1-tit .stxt {padding:14px 0 0 18px;font-size:14px;color:#666;line-height:1.4;} .topmenu .depth2-wrap .mn-tbox1 {background:url('/resources/_Templet/Layout/layout_kor/images/tbox_bg01.gif') no-repeat 59px 138px;} .topmenu .depth2-wrap .mn-tbox2 {background:url('/resources/_Templet/Layout/layout_kor/images/tbox_bg02.gif') no-repeat 59px 138px;} .topmenu .depth2-wrap .mn-tbox3 {background:url('/resources/_Templet/Layout/layout_kor/images/tbox_bg03.gif') no-repeat 59px 138px;} .topmenu .depth2-wrap .mn-tbox4 {background:url('/resources/_Templet/Layout/layout_kor/images/tbox_bg04.gif') no-repeat 59px 138px;} .topmenu .depth2-wrap .mn-tbox5 {background:url('/resources/_Templet/Layout/layout_kor/images/tbox_bg05.gif') no-repeat 59px 138px;} .topmenu .depth2-wrap .mn-tbox6 {background:url('/resources/_Templet/Layout/layout_kor/images/tbox_bg06.gif') no-repeat 59px 138px;} .topmenu .depth2-wrap .depth2 {float:left;width:554px;height:170px;margin-left:320px;border-left:1px solid #ccc;position:relative;padding-top:20px;} .topmenu .depth2-wrap .depth2:after {clear:both;content:"";display:block;} .topmenu .depth2-wrap .depth2:before {position:absolute;top:0;left:277px;display:block;content:'';height:100%;width:1px;background:#ccc;} .topmenu .depth2 .mn_l2 {float:left;width:277px;font-size:14px;vertical-align:top;} .topmenu .depth2 .mn_l2.l2_mod1 {clear:left;} .topmenu .depth2 .mn_a2{display:block;padding:0 20px 0 10px;overflow:hidden;white-space:nowrap;height:40px;line-height:40px;} .topmenu .depth2 .mn_a2 span {display:inline-block;color:#444;} .topmenu .depth2 .mn_a2:hover span , .topmenu .depth2 .over span {color:#fff;font-weight:bold;} .topmenu .depth2 .mn_a2:hover , .topmenu .depth2 a.over, .topmenu .depth2 .over a {background:#2253A0 url('/resources/_Templet/Layout/layout_kor/images/tm-icon02.png') no-repeat right center;} #mainNavi-wrap .ovbar {position:absolute;height:8px;top:48px;display:block;overflow:hidden;} #mainNavi-wrap .ovbar:after {content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:8px;z-index:200;background:url('/resources/_Templet/Layout/layout_kor/images/tm-ovbar.png') no-repeat center 0;} .topmenu .depth3 {display:none;} #mainNavi .topcus-btn {overflow:hidden;margin-top:25px;} #mainNavi .topcus-btn a {float:left;width:50%;padding:19px 0;display:block;text-align:center;background:#f1f1f1;} #mainNavi .topcus-btn a.ico02 {background:#e1e1e1;} #mainNavi .topcus-btn a span {display:inline-block;padding-left:40px;color:#555;} #mainNavi .topcus-btn a.ico01 span {background:url('/resources/_Templet/Layout/layout_kor/images/top_cus01.gif') no-repeat 0 center;} #mainNavi .topcus-btn a.ico02 span {background:url('/resources/_Templet/Layout/layout_kor/images/top_cus02.gif') no-repeat 0 center;} #mainNavi .mn-stit {position:absolute;top:0;left:0;width:320px;height:100%;} #mainNavi .mn-stit .tit {padding-top:40px;display:block;font-size:30px;color:#0a51a1;font-style:normal;} #mainNavi .mn-stit .txt {padding-top:10px;display:block;font-size:15px;color:#7d7d7d;font-style:normal;} #mainNavi .mn-sban {position:absolute;top:0;right:0;width:278px;height:100%;border-left:1px solid #ccc;border-right:1px solid #ccc;} #mainNavi .mn-sban .tit {font-size:16px;color:#333;font-weight:bold;display:block;padding-top:25px;padding-left:25px;} #mainNavi .mn-sban .txt {font-size:13px;color:#888888;display:block;padding-top:10px;padding-left:25px;} #mainNavi .mn-sban a {display:block;height:95px;transition:all ease-in-out .3s;position:relative;} #mainNavi .mn-sban:after {position:absolute;top:50%;left:0;width:100%;height:1px;background:#ddd;display:block;content:'';} #mainNavi .mn-sban .ban1 .icon {position:absolute;top:28px;right:30px;width:45px;height:48px;display:block;content:'';background:url('/resources/_Templet/Layout/layout_kor/images/tm-icon03.png') no-repeat center 5px;transition:all ease-in-out .3s;} #mainNavi .mn-sban .ban2 .icon {position:absolute;top:28px;right:30px;width:45px;height:47px;display:block;content:'';background:url('/resources/_Templet/Layout/layout_kor/images/tm-icon04.png') no-repeat center 5px;transition:all ease-in-out .3s;} #mainNavi .mn-sban .icon:after {position:absolute;bottom:0;left:0;width:100%;height:0;display:block;content:'';background:radial-gradient(ellipse at center, rgba(0, 0, 0, .3) 0%, transparent 60%);transition:all ease-in-out .3s;} #mainNavi .mn-sban a:hover .icon {background-position:center 0px;} #mainNavi .mn-sban a:hover .icon:after {height:10px;} #mainNavi .mn-sban a:hover .tit {color:#2253A0;} /* 배경 */ #mn_Intro .depth2-wrap {background-image:url(/resources/_Templet/Layout/layout_kor/images/mn_bg01.jpg);} #mn_membership .depth2-wrap {background-image:url(/resources/_Templet/Layout/layout_kor/images/mn_bg02.jpg);} #mn_Community .depth2-wrap {background-image:url(/resources/_Templet/Layout/layout_kor/images/mn_bg03.jpg);} #mn_Community .depth2-wrap .mn-stit em {color:#fff;} #mn_Participation .depth2-wrap {background-image:url(/resources/_Templet/Layout/layout_kor/images/mn_bg04.jpg);} #mn_Business .depth2-wrap {background-image:url(/resources/_Templet/Layout/layout_kor/images/mn_bg05.jpg);} #mn_News .depth2-wrap {left:-28px;background-image:url(/resources/_Templet/Layout/layout_kor/images/mn_bg06.jpg);} /* 상단 탑메뉴 스크롤시 고정*/ /*#header-fixed {position:fixed;top:0;}*/ #header-fixed #header-wrap .mn-bar {background:#ccc;display:block;} #rheader-fixed #header-wrap .mn-bg {border-bottom:1px solid #ddd;} /*.header-fixed {position:fixed;top:0;width:100%;}*/ } @media only screen and (min-width:1001px) and (max-width:1280px){ .topmenu .depth2-wrap {width:1000px;background-position:0 100%;} .topmenu .depth2-wrap .depth2 {width:500px;margin-left:220px;} .topmenu .depth2 .mn_l2 {width:250px;} .topmenu .depth2-wrap .depth2:before {left:250px;} #mainNavi .mn-stit {position:absolute;top:0;left:0;width:220px;height:100%;} } @media all and (min-width:1000px) and (max-width:1279px) { .topmenu {display:block;position:relative;float:left;padding-left:280px;} .topmenu .first .mn_a1 {padding-left:0;} .topmenu .mn_a1 span {color:#111;font-size:17px;font-weight:bold;padding-right:10px;padding-left:10px;letter-spacing:-1px;cursor:pointer;font-family:"Nanum Square"} .topmenu{width:100%} .topmenu li.mn_l1{display:block;/*width:16.66%;*/float:left} #mn_Intro .depth2-wrap {left:0} #mn_membership .depth2-wrap {left:0} #mn_Community .depth2-wrap {left:50%;margin:0 0 0 -250px} #mn_Participation .depth2-wrap {left:50%;margin:0 0 0 -250px} #mn_Business .depth2-wrap {left:100%;margin:0 0 0 -500px} #mn_News .depth2-wrap {left:100%;margin:0 0 0 -500px} #mainNavi-wrap .ovbar {display:none !important;} } @media only screen and (max-width:1279px){ .header .search-wr {top:50px;right:0;height:50px;} } @media only screen and (max-width:999px) { /*.header-wrap-abs {z-index:1000;position:fixed;}*/ #gnavi-wr{z-index:1001;} #header-wrap{z-index:1000;} #header {z-index:1000;} .logo-wrap img{margin:-7px 0 0 0} .body-slider-ovclick {z-index:2000} /* 메뉴 */ #header-wrap .mn-bg {display:none;} #mainNavi-wrap .ovbar {display:none !important;} #mainNavi-wrap .bt-mnall {right:10px;} #mainNavi-wrap .icban-001 li a .ptxt {color:#fff;font-size:13px;} #mainNavi {position:fixed;transition:right 0.3s ease;z-index:3000;right:-240px;top:0px;width:240px;height:100%;/*min-height:300px;*/background:#575759;overflow-y:scroll;overflow-x:hidden} .mn-h-open#mainNavi {right:0;} .mn-h-open .tmn-tit {display:block;color:#FFF;padding:20px;font-size:1.2em;} .tmn-tit button {position:absolute;right:20px;top:15px;border:0;} .mn-h-open .tmn-tit {display:block;padding:20px;height:20px;overflow:hidden;color:#FFF;font-size:1.2em;background:#0059b7;border-bottom:1px solid #092748;} .mn-h-open .tmn-my-menus {display:block;color:#FFF;font-size:1.2em;background:#0059b7;font-size:13px;font-family:Malgun Gothic;} .tmn-my-menus {position:relative;} .tmn-my-menus * {color:#FFF} .my-top-info {background:#282a2b;padding:15px 20px;} .my-top-info .pimg {position:absolute;left:20px;top:15px;} .my-top-info .pimg img {width:45px;height:45px;border-radius:50%;border:0;outline:0;overflow:hidden;background:#f1f1f1;} .my-top-info .pinfo-wr {margin-left:55px;} .my-top-info .pinfo-wr .mb-dptlv .dpt {padding:3px 0;margin-right:10px;} .my-top-info .pinfo-wr .mb-dptlv .lv {font-size:12px;padding:3px 8px;background-color:#0059b7;border-radius:999px;} .my-top-info .pinfo-wr .mb-nm {display:inline-block;font-weight:bold;font-size:15px;} .my-top-info .pinfo-wr .mb-orgn {display:inline-block;font-size:12px;color:#b9dbf5} .my-article-info {position:relative;font-size:12px;height:35px;} .my-article-info:after {content:"";display:block;clear:both;} .my-article-info > div {float:left;position:relative;height:100%;line-height:1.3em;width:33.33%;box-sizing:border-box;border-left:1px solid rgba(0,0,0,.25);text-align:center} .my-article-info > div a {display:block;padding:10px;} .my-article-info .new-msg {position:absolute;right:2px;top:3px;border-radius:50%;width:16px;height:16px;line-height:16px;text-align:center;font-weight:bold;background-color:#fff;color:#e54535;font-size:11px;} .tmn-my-menus .my-btns a {display:block;text-align:center;padding:5px 10px;font-size:11px;background:rgba(0,0,0,.25)} .mn-bar {display:none;} .topmenu {width:100%;display:block;position:relative;} .topmenu:after {display:block;content:"";clear:both;} .topmenu li {float:left;line-height:1.3em;position:relative;} .topmenu a {position:relative;} .topmenu a, .topmenu span {white-space:nowrap;} .topmenu .tgl-btn {display:block;} .topmenu .mn_l1 {display:block;float:left;width:100%;border-bottom:1px solid #79797b;} .topmenu .depth2-wrap .first {border-top:0px solid #ddd;} .topmenu .mn_a1 {position:relative;display:block;background-color:#575759;background-position:left top;background-repeat:repeat;} .topmenu .mn_a1 span {display:block;padding:15px 23px 15px 17px;overflow:hidden;font-size:17px;font-weight:500;letter-spacing:-1px;cursor:pointer;color:#fff;} .topmenu .over .mn_a1 span, .topmenu .mn_a1:hover span {color:#fff;} .topmenu .over .mn_a1 {background-color:#0059b7} .topmenu .mn_l2.over .mn_a2 span, .topmenu .mn_l2.mn_a2:hover span {color:#fff;} .topmenu .mn_l3.over .mn_a3 span, .topmenu .mn_l3.mn_a3:hover span {color:#fff;} .topmenu .has-sub .is-ico {padding:0;display:block;width:30px;height:30px;position:absolute;right:0px;top:3px;border:1px solid red;} .topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;position:absolute;right:15px;top:8px;border:0;z-index:100;text-indent:-9999em;background:transparent;} .topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:0;top:50%;width:60%;height:2px;background:#fff;transform: rotate(45deg);} .topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:0;top:50%;width:60%;height:2px;background:#fff;transform: rotate(-45deg);} .topmenu .mn_l1 > .tgl-btn {right:10px;top:13px;} .topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {left:2px;transform: rotate(0);} .topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {right:2px;transform: rotate(0);} .topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;} .topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;} .topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);} .topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);} .topmenu li > div {display:none;} .topmenu .depth2-wrap {position:relative;} .topmenu .depth2-tit {display:none;} .topmenu .mn-stit {display:none;} .topmenu .depth2 {position:relative;width:100%;padding-top:0px;padding-bottom:0px;} .topmenu .depth2:after {clear:both;content:"";display:block} .topmenu .depth2 li {width:100%;float:left;font-size:14px;line-height:1.3em;} .topmenu .depth2 a {display:block;} .topmenu .depth2 .mn_l2 {border-top:1px solid #58595b;background:#434446;} .topmenu .depth2 .mn_l2.first , .topmenu .depth2 .mn_l2:first-child {border-top:0px} .topmenu .depth2 .mn_a2 {position:relative;display:block;padding:14px 17px 14px 17px;word-break:break-all;} .topmenu .depth2 .mn_a2 span {font-size:15px;font-weight:400;cursor:pointer;color:#9c9c9c;margin-left:10px;} .topmenu .depth2 .mn_a2 .blt {position:absolute;top:22px;left:5px;display:block;width:7px;height:2px;background:#9c9c9c;} .topmenu .depth2 .over .mn_a2 .blt {background:#fff} .topmenu .depth3 {position:relative;width:100%;border-top:0px solid #bbb;padding-top:10px;padding-bottom:10px;background:#333;} .topmenu .depth3:after {clear:both;content:"";display:block} .topmenu .depth3 li {width:100%;float:left;color:#fff;line-height:1.3em;border-top:0;overflow:hidden;} .topmenu .depth3 .mn_l3.first, .topmenu .depth3 .mn_l3:first-child {border-top:0;} .topmenu .depth3 .mn_a3 span {position:relative;display:block;margin:10px 17px 10px 23px;word-break:break-all;padding-left:12px;font-size:14px;} .topmenu .depth3 .mn_a3 span:before {position:absolute;top:9px;left:0;content:"";display:block;width:3px;height:3px;background:#9c9c9c;} .topmenu .depth3 .mn_a3 span {font-weight:normal;cursor:pointer;color:#9c9c9c;} .topmenu .depth3 .over span {font-weight:normal;color:#9c9c9c;text-decoration:underline;} .topmenu .depth3 .over span:before {background:#fff} .topmenu .sico-nwin {display:none !important;} } @media only screen and (max-width:768px) { .logo-wrap img{margin:3px 0 0 0} } /*-------------------------submenu_kor.css------------------------------------*/ /* 좌측메뉴 */ #subNavi-wrap {display:none;} @media only screen and (min-width:1000px) { .body-sub #subNavi-wrap {display:none;width:220px;float:left;margin-bottom:30px;} #subNavi .lm-tit {font-weight:800;background:#354b60 url(/resources/_Templet/Layout/layout_kor/images/lm_tit_bg.png) no-repeat right bottom;color:#fff;text-align:center;padding:69px 0.5em 60px;font-size:22px;line-height:1.2em;letter-spacing:-1px;} #subNavi .lm-tit span {position:relative;font-family:"Nanum Square"} #subNavi .lm-tit span:before {position:absolute;top:-4px;left:-15px;content:"";display:block;width:7px;height:7px;background:#fff;border-radius:50%;} #subNavi .lm-tit button {display:none;} #subNavi .leftmenu {border:1px solid #d7d7d7;border-bottom:0;} #subNavi .leftmenu ul {position:relative;line-height:130%;} #subNavi .leftmenu ul:after {clear:both;content:"";display:block;} #subNavi .leftmenu ul li {width:100%;} #subNavi .leftmenu ul.depth2 {width:100%;} #subNavi .leftmenu ul .lm_l2 {position:relative;border-bottom:1px solid #d7d7d7;vertical-align:top;} #subNavi .leftmenu ul .lm_a2 {display:block;z-index:1;font-size:15px;background-repeat:repeat;padding:17px 50px 17px 33px} #subNavi .leftmenu ul .lm_a2:before {position:absolute;top:50%;left:15px;margin-top:-1px;content:"";display:block;width:7px;height:2px;background:#ccc;} #subNavi .leftmenu ul .over .lm_a2:before {background:#fff;} #subNavi .leftmenu ul .over .lm_a2:after {position:absolute;top:0;right:0;content:"";display:block;width:48px;height:100%;background:url(/resources/_Templet/Layout/layout_kor/images/lm_arr.png) no-repeat 50% 50%;z-index:100} #subNavi .leftmenu ul .over.lm_l2:after {position:absolute;top:0;right:0;content:"";display:block;width:48px;height:100%;background:url(/resources/_Templet/Layout/layout_kor/images/lm_arr_bg.png) repeat right 0;z-index:10} #subNavi .leftmenu ul .has-sub .lm_a2 .isMask {width:45px;height:100%;min-height:44px;position:absolute;top:0;right:0;background-image:url(/resources/_Templet/Layout/layout_kor/images/lm_blt_more.png);background-position:-46px 5px;background-repeat:no-repeat;} #subNavi .leftmenu ul .has-sub.is-open .lm_a2 .isMask {background-position:-46px 5px;} #subNavi .leftmenu ul .has-sub.is-close.is-open .lm_a2 .isMask {background-position:-92px 5px;} #subNavi .leftmenu ul .lm_a2 span.isTxt {color:#333;position:relative;letter-spacing:-0.07em;} #subNavi .leftmenu ul .lm_a2 span.isTxt {z-index:20;position:relative;} #subNavi .leftmenu ul .lm_a2 span.sico-nwin {display:block;position:absolute;right:5px;top:1.2em;z-index:30;width:15px;height:15px;background:url(/resources/_Templet/Layout/layout_kor/images/Common/sicon_nwin_g.gif) no-repeat center center;overflow:hidden;} #subNavi .leftmenu ul .lm_a2:hover span.isTxt {text-decoration:underline;} #subNavi .leftmenu ul .over .lm_a2 {background:#00a652;font-weight:bold;} #subNavi .leftmenu ul .over.has-sub.is-close .lm_a2 .isMask {background-position:-100px 0;} #subNavi .leftmenu ul .over.has-sub.is-close.is-open .lm_a2 .isMask {background-position:0 5px;} #subNavi .leftmenu ul .over .lm_a2 span.isTxt {color:#fff} #subNavi .leftmenu ul .over .lm_a2 span.sico-nwin {background-image:url(/resources/_Templet/Layout/layout_kor/images/Common/sicon_nwin_w.gif);} #subNavi .leftmenu ul .over .depth3 {display:block;} #subNavi .leftmenu ul.depth3 {display:none;height:100%;background:#f2f2f2;padding-top:10px;padding-bottom:10px;font-size:13px;border-bottom:0px solid #ddd;} #subNavi .leftmenu ul .lm_a3 {display:block;width:100%;word-break:keep-all;font-weight:600;background:url(/resources/_Templet/Layout/layout_kor/images/lm_blt_dot.png) no-repeat 19px 12px;} #subNavi .leftmenu ul .lm_a3 span.isTxt {padding:6px 10px 6px 31px;display:block;} #subNavi .leftmenu .depth3 .over .lm_a3, #subNavi .leftmenu .depth3 .lm_a3:hover, #subNavi .leftmenu .depth3 .lm_a3:focus, #subNavi .leftmenu .depth3 .lm_a3:active {background:url(/resources/_Templet/Layout/layout_kor/images/lm_blt_dot_o.png) no-repeat 19px 12px;} #subNavi .leftmenu .depth3 .over .lm_a3 span, #subNavi .leftmenu ul .lm_a3:hover span, #subNavi .leftmenu ul .lm_a3:focus span, #subNavi .leftmenu ul .lm_a3:active span {color:#0059b7;text-decoration:underline;} #subNavi .leftmenu ul.depth4 {display:block;width:auto;margin:5px 10px;font-size:13px;position:relative;} #subNavi .leftmenu ul .lm_l4 {display:block;margin-bottom:1px;} #subNavi .leftmenu ul .lm_a4 {display:block;padding:7px 10px 7px 20px;background:#fff;word-break:keep-all;font-weight:600;} #subNavi .leftmenu .depth4 .over .lm_a4 {background:url(/resources/_Templet/Layout/layout_kor/images/lm_blt2.gif) no-repeat 95% 9px;} #subNavi .leftmenu ul .lm_a4:hover span, .leftmenu .depth4 .over .lm_a4 span {color:#034ea1;text-decoration:underline;} } @media only screen and (max-width:580px){ #subNavi-wrap {display:block;width:100%;position:relative;z-index:1000;} #subNavi-wrap .side-banner {display:none;} #subNavi-wrap .side-banner2 {display:none;} #subNavi .lm-tit {text-align:center;font-size:1.65em;line-height:1.35em;font-weight:800;color:#fff;height:50px;width:100%;display:block;box-sizing:border-box;padding-top:10px;border-bottom:0px solid #CCC;letter-spacing:-1px;background:#2253A0;} #subNavi .lm-tit * {vertical-align:middle;} #subNavi .lm-tit .tit {color:#fff;display:block;white-space:nowrap;font-size:18px;line-height:1.4em;position:relative;padding-left:35px;padding-right:35px;} #subNavi .lm-tit button {position:absolute;right:10px;top:50%;margin-top:-12px;width:24px;height:24px;display:block;background:transparent url(/resources/_Templet/Layout/layout_kor/images/cnavi_arr.png) no-repeat center 7px;border:0;} #subNavi .lm-tit button {text-indent:9999em;} #subNavi-wrap .leftmenu {display:NONE;background:#e8e8e8;position:absolute;top:50px;left:0;width:100%;z-index:1500;} #subNavi-wrap .leftmenu .lm_a2 {padding:0.8em 15px;text-align:center;display:block;border-top:1px solid #ddd;font-size:1.083em;} #subNavi-wrap .leftmenu li:first-child .lm_a2 {border-top:0} #subNavi-wrap .leftmenu .over .lm_a2 {background:#0096E0} #subNavi-wrap .leftmenu .over .lm_a2 span {color:#fff;} #subNavi-wrap .leftmenu .depth3 {background:#888;text-align:center;padding:5px 0;border-bottom:1px solid #666;} #subNavi-wrap .leftmenu .depth3 .lm_l3 {border-top:1px solid #aaa;padding:5px 0;} #subNavi-wrap .leftmenu .depth3 .lm_l3 span {color:#eee;} #subNavi-wrap .leftmenu .depth3 li:first-child, #subNavi-wrap .leftmenu .depth3 li:first-child .lm_l3 {border-top:0;} #subNavi-wrap .leftmenu .depth3 .lm_a3 {display:block;padding:5px 0} #subNavi-wrap .leftmenu .depth4 {background:#444;margin-bottom:-5px;} #subNavi-wrap .leftmenu .depth4 .lm_a4 {display:block;padding:7px 0;border-top:1px solid #333} } /*-------------------------footer_kor.css------------------------------------*/ /* 카피라이트 추천컨텐츠 */ .sub-foot-ban-wrap {background:#F7F7F7;padding:50px 0;} .sub-foot-ban-wrap .sub-foot-ban {display:block;padding:0;width:100%;max-width:1200px;text-align:left;margin:0 auto;min-height:100px;position:relative;overflow:hidden;} .sub-foot-ban-wrap .tit {font-size:17px;color:#000;padding-bottom:25px;} .sub-foot-ban-wrap li {float:left;width:373px;padding-left:40px;} .sub-foot-ban-wrap .ct01 {padding-left:0;} .sub-foot-ban-wrap a {display:block;position:relative;background:url(/resources/_Templet/Layout/layout_kor/images/fban-01.jpg) no-repeat 0 0;height:270px;overflow:hidden;} .sub-foot-ban-wrap .ct02 a {background:url(/resources/_Templet/Layout/layout_kor/images/fban-02.jpg) no-repeat 0 0;} .sub-foot-ban-wrap .ct03 a {background:url(/resources/_Templet/Layout/layout_kor/images/fban-03.jpg) no-repeat 0 0;} .sub-foot-ban-wrap .txt-w {display:block;padding-top:100px;text-align:center;transition:all ease-in-out .3s;height:100%;} .sub-foot-ban-wrap .stit {font-size:19px;color:#000;font-weight:bold;display:inline-block;padding-top:55px;} .sub-foot-ban-wrap .stxt {color:#555;display:inline-block;padding-top:7px;width:90%;font-size:14px;} .sub-foot-ban-wrap .txt-w:after {display:none;background:url(/resources/_Templet/Layout/layout_kor/images/f-more.png) no-repeat center 0;width:50px;height:50px;margin-top:40px;content:'';position:absolute;bottom:0;left:50%;margin-left:-25px;transition:all ease-in-out .5s;} .sub-foot-ban-wrap .sub-foot-ban .bl {display:block;} .sub-foot-ban-wrap a:hover .txt-w {padding-top:0px;background:rgba(30,89,163,0.95);} .sub-foot-ban-wrap a:hover .txt-w:after {display:block;bottom:30px;} .sub-foot-ban-wrap a:hover .stit {color:#fff;font-size:21px;} .sub-foot-ban-wrap a:hover .stxt {color:#fff;padding-top:20px;} #footer-wrap .topBt {position:fixed;bottom:40px;right:-120px;z-index:3500;background:#1e59a3;width:80px;height:80px;transition:all .3s ease;line-height:1;border-radius:50%;} #footer-wrap .topBt span {display:block;font-size:13px;color:#fff;text-align:center;padding-top:50px;background:url(/resources/images/pnc/common/topbt_arr.png) no-repeat 50% 0;font-weight:400;} #footer-wrap .topBt.over {display:block;right:50px;} #footer-wrap {display:block;background:#333333;color:#b2b3b8;padding: 40px 0 80px 0;} #footer-top-wrap {position:relative;display:block;} #footer-top-wrap:after {content:"";display:block;clear:both;} #footer-top {display:block;position:relative;width:96%;max-width:1200px;text-align:center;margin:0 auto} #footer {display:block;padding:0;width:100%;max-width:1200px;text-align:left;margin:0 auto;min-height:100px;position:relative;}/* overflow:hidden; */ .f-logo{display:block;position:absolute;top:40px;left:0;} #footer-wrap .ft-slogan {text-align:center;font-size:28px;color:#fff;font-family:"Nanum Square";padding-top:25px;} #footer-wrap .ft-logo {text-align:center;position:relative;display:inline-block;} #footer-wrap .ft-logo img {padding:0 25px;} #footer-wrap .ft-logo:after {height:100%;content:'';position:absolute;top:0;left:105px;display:block;} #footer .fban {overflow:hidden;padding-top:40px;} #footer .fban li {float:left;width:16%;} #footer .fban a {display:block;margin-right:10px;transition:all .3s ease;position:relative;z-index:1;} #footer .fban a .box {display:block;position:absolute;top:0;left:0;height:0;width:100%;background:#222;transition:all .3s ease;} #footer .fban a .txt {display:block;border:1px solid #717171;height:40px;text-align:center;padding-top:15px;color:#fff;z-index:102;position:relative} #footer .fban a:hover .box {height:100%;z-index:1;} .fsitelink-wrap {position:absolute;right:0;top:40px;width:20%;z-index:99;} .fsitelink-wrap .tit {font-weight:normal;padding-bottom:10px;} .fsitelink {width:100%;z-index:9;} .fsitelink dt {height:100%} .fsitelink dt a {border:1px solid #717171;box-sizing:border-box;display:block;height:57px;width:auto;background:#525252 url(/resources/_Templet/Layout/layout_kor/images/fslite-ov.png) no-repeat 92% center;line-height:57px;padding-left:20px;text-align:left;color:#D6D7DA;} .fsitelink dd {position:absolute;bottom:57px;right:0;width:100%;display:none;background:#525252;max-height:180px;overflow-y:auto;} .fsitelink dd ul {padding:18px 15px 18px} .fsitelink dd li a {color:#fff;} .fsitelink .isCloseBtn {position:absolute;top:15px;right:15px;background:url(/resources/_Templet/Layout/layout_kor/images/btn_fclose.png) no-repeat 0 0;width:13px;height:13px;border:0;cursor:pointer;} .fcopyright {display:block;width:100%;margin:30px 0 0 0;} .fcopyright .paddr {line-height:1.4;display:inline-block;} .fcopyright .pinfo {text-align:center;color:rgba(255,255,255,0.7);} .fcopyright .pinfo .ptel-wrap {display:inline-block;padding-left:40px;} .fcopyright .pinfo .pfax-wrap {display:inline-block;padding-left:40px;} .fcopyright .pinfo .pmap-wrap {display:inline-block;padding-left:40px;} .fcopyright .pinfo .pmap-wrap a {color:rgba(255,255,255,0.7);text-decoration:underline;} .fcopyright .pinfo .ptel-wrap .ptel {display:block;margin:5px 0 0 0;font-weight:bold;color:#fff;font-size:16px;} .fcopyright .pcopyright {margin-top:15px;text-align:center;color:#6d6c6c;} @media all and (max-width:1280px) { .sub-foot-ban-wrap .sub-foot-ban .bl {display:inline;} } @media all and (max-width:999px) { #footer .fban {padding-top:20px;} #footer .fban li {float:left;width:50%;padding-bottom:10px;} #footer .fban a {margin:0 5px;font-size:13px;} #footer .fban a .txt {display:block;border:1px solid #717171;height:30px;text-align:center;padding-top:7px;color:#fff;z-index:102;position:relative} .fsitelink-wrap {position:relative;right:0;top:0;width:100%;z-index:99;} #footer-wrap .ft-slogan {text-align:center;font-size:20px;} .sub-foot-ban-wrap {display:none;} .fcopyright {font-size:13px;} #footer-wrap .topBt {position:relative;bottom:0;right:0%;background:none;border-radius:0;margin:30px auto 0 auto;text-align:center;} #footer-wrap .topBt.over {right:0;} } @media all and (min-width:1000px) and (max-width:1279px) { .sub-foot-ban-wrap .sub-foot-ban {max-width:1000px;} .sub-foot-ban-wrap li {width:30%;padding-left:5%;} } @media all and (min-width:481px) and (max-width:760px){ /*#footer-top{padding:0;height:126px;} #footer{margin-top:20px !important;min-height:140px !important;overflow:visible !important} .ftoplink-wrap {position:absolute;width:100%;height:60px;top:0;margin:0 0 0 0;border-bottom:1px solid #536069;} .ftoplink ul {display:block;width:100%;margin:0;overflow:hidden;text-align:center;} .ftoplink ul li {display:inline-block;float:none} .ftoplink ul li a {line-height:1.25em;display:block;margin:22px 1.00em 22px 1.00em ;width:auto;color:#fff;font-size:12px} .f-logo{display:block !important;width:100%;padding:0;top:70px} .f-logo img{display:block;margin:0 auto;} .fcopyright {width:100%;margin:0;padding:0 0 10px 0;}*/ .pinfo{display:block;margin:0 15px 0 0 !important;} .f-util{width:100%} .f-u-visitor{display:block !important;} /* .fsitelink{display:block;float:right;width:70%} .fsitelink-sel {float:none;margin:0 !important;} .fsitelink-sel .fsitelink-cate {float:none;width:100%;box-sizing:border-box;margin:0 !impotant;} .fsitelink-sel .fsitelink-list-wrap {float:none;width:100%;box-sizing:border-box;margin:10px 0 0 0;} .fsitelink-sel .fsitelink-list {width:100%}*/ } @media all and (min-width:600px) and (max-width:999px){ /*#footer-top{width:auto;margin:0 40px} #footer {width:auto;margin:0 40px;padding:0 0 50px 0} .ftoplink-wrap{margin:0} .fsitelink-sel h4{display:none} .f-logo{display:none} .f-util{width:45%} .f-util .f-u-visitor {float:right;width:80%;margin:0 0 10px 0;} .f-util .f-u-visitor dl {display:block;float:right;width:100%} .f-util .f-u-visitor dl dt {margin:5px 0 0 0;float:left;clear:both} .f-util .f-u-visitor dl dd {float:right} .f-util .f-u-visitor dl dd.f-u-today {margin:5px 0 0 0} .f-util .f-u-visitor dl dd.f-u-total {margin:5px 0 0 0}*/ } @media all and (min-width:481px) and (max-width:599px){ /*#footer-top{padding:0;height:126px;} #footer{min-height:180px !important} .ftoplink-wrap {position:absolute;width:100%;height:60px;top:0;margin:0 0 0 0;border-bottom:1px solid #536069;} .ftoplink ul {display:block;width:100%;margin:0;overflow:hidden;text-align:center;} .ftoplink ul li {display:inline-block;float:none} .ftoplink ul li a {line-height:1.25em;display:block;margin:22px 1.00em 22px 1.00em ;width:auto;color:#fff;font-size:12px} .f-logo{width:100%;padding:0;top:70px} .f-logo img{display:block;margin:0 auto;} .fcopyright {width:100%;margin:0;padding:0 0 10px 0;} .pinfo{display:block;margin:0 15px;} .fcopyright .pcopyright{margin:0 !important} .f-util{width:100%} .f-u-visitor{display:none !important;} .fsitelink{width:100% !important} .fsitelink-sel h4{display:none} .fsitelink-sel {float:none;margin:10px 15px 0 15px;} .fsitelink-sel .fsitelink-cate {float:none;width:100% !important;margin:0 0px 0 0;box-sizing:border-box;margin:10px 0 0 0;} .fsitelink-sel .fsitelink-list-wrap {float:none;width:100% !important;box-sizing:border-box;margin:10px 0 0 0;}*/ .fsitelink-sel .fsitelink-list {width:100%} } @media all and (max-width:480px) { /*#footer-top{padding:0;height:126px;} #footer{min-height:220px} .ftoplink-wrap {position:absolute;width:100%;height:60px;top:0;margin:0 0 0 0;border-bottom:1px solid #536069;} .ftoplink ul {display:block;width:100%;margin:0;overflow:hidden;text-align:center;} .ftoplink ul li {display:inline-block;float:none} .ftoplink ul li a {line-height:1.25em;display:block;margin:22px 1.00em 22px 1.00em ;width:auto;color:#fff;font-size:12px} .f-logo{width:100%;padding:0;top:70px} .f-logo img{display:block;margin:0 auto;} .fcopyright {width:100%;margin:0;padding:0 0 10px 0;} .pinfo{display:block;margin:0 15px;} .fcopyright .pcopyright{margin-left:15px;margin-right:15px;} .f-util{width:100%} .f-u-visitor{display:none !important;} .fsitelink-sel h4{display:none} .fsitelink-sel {float:none;margin:10px 15px 0 15px;} .fsitelink-sel .fsitelink-cate {float:none;width:100%;margin:0 0px 0 0;box-sizing:border-box;margin:10px 0 0 0;} .fsitelink-sel .fsitelink-list-wrap {float:none;width:100%;box-sizing:border-box;margin:10px 0 0 0;} .fsitelink-sel .fsitelink-list {width:100%}*/ }