/*-------------------------layout_kor.css------------------------------------*/ @charset "utf-8"; html, body {overflow:hidden;overflow-y:visible} #doc-wrap {position:relative;min-width:1400px;max-width:1920px;overflow:hidden;margin:0 auto} @media all and (max-width:1400px){ #doc-wrap {min-width:320px} } @media all and (max-width:999px){ html, body {font-size:17px} } @media all and (max-width:768px){ html, body {font-size:16px} } @media all and (max-width:499px){ html, body {font-size:15px} } /* 스킵네비게이션 */ #skipNavi {height:0} #skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000} #skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff} /* 레이아웃 */ #header-wrap {position:relative;height:100px;margin:0 auto} @media all and (min-width:1000px) { #header-wrap:before {content:"";display:block;position:absolute;top:100px;left:0;background:rgba(0, 0, 0, .7);width:100%;height:0;opacity:0;transition:opacity .3s ease;z-index:11} #header-wrap.bgShow:before {height:3000px;opacity:1} #header-wrap.bgHide:before {opacity:0} } @media all and (max-width:999px) { #header-wrap {height:70px} } /* svisual */ #svisual-wrap {position:relative;height:430px;box-sizing:border-box;z-index:10;transition:all .3s ease} #svisual-wrap .svis-wrap {position:relative;height:100%;z-index:1} #svisual-wrap .svis {position:relative;height:100%} #svisual-wrap .svis .txt-box {display:block;position:relative;max-width:1400px;margin:0 auto;box-sizing:border-box;z-index:2} #svisual-wrap .svis .txt-box .txt-pkg {display:block;position:absolute;left:0;top:116px;width:100%;box-sizing:border-box} #svisual-wrap .svis .txt-box .txt-pkg > p {display:block;position:relative;color:#fff;font-weight:500;font-family:"Gmarket Sans", sans-serif;line-height:1.2;opacity:0;transform:translateY(30px);box-sizing:border-box} #svisual-wrap .svis .txt-box .txt-pkg .txt1 {font-size:45px;letter-spacing:-.05em;transition:all .4s ease .2s} #svisual-wrap .svis .txt-box .txt-pkg .txt1 > span {display:inline-block;position:relative;padding-right:158px} #svisual-wrap .svis .txt-box .txt-pkg .txt1 > span:after {content:"";display:block;position:absolute;top:50%;right:0;background-color:rgba(255, 255, 255, .5);width:100px;height:2px;margin-top:-6px} #svisual-wrap .svis .txt-box .txt-pkg .txt2 {margin:17px 0 0;letter-spacing:0;font-size:18px;transition:all .4s ease .4s} #svisual-wrap .txt-box .sns-list {margin-top:19px} #svisual-wrap .txt-box .sns-list > ul {font-size:0;overflow:hidden} #svisual-wrap .txt-box .sns-list > ul > li {display:inline-block;margin-right:10px;vertical-align:middle} #svisual-wrap .txt-box .sns-list button {display:block;position:relative;background:rgba(255, 255, 255, .2) url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat;border:0;border-radius:50%;width:50px;height:50px;font-size:0;transition:all .3s ease} #svisual-wrap .txt-box .sns-list .btn-face {background-position:0 -35px} #svisual-wrap .txt-box .sns-list .btn-insta {background-position:-60px -35px} #svisual-wrap .txt-box .sns-list .btn-kakt {background-position:-120px -35px} #svisual-wrap .txt-box .sns-list .btn-url {background-position:-180px -35px} #svisual-wrap .txt-box .sns-list button:hover, #svisual-wrap .txt-box .sns-list button:focus {background-color:#fff} #svisual-wrap .svis .img-box {display:block;position:relative;width:100%;height:100%;overflow:hidden} #svisual-wrap .svis .img-box img {display:block;position:absolute;top:0;left:50%;width:auto;height:100%;transform:translateX(-50%) scale(1.2);transition:transform 3s ease;z-index:1} .loaded #svisual-wrap .svis .txt-box .txt-pkg .txt1 {opacity:1;transform:translateY(0)} .loaded #svisual-wrap .svis .txt-box .txt-pkg .txt2 {opacity:.7;transform:translateY(0)} .loaded #svisual-wrap .svis .img-box img {transform:translateX(-50%) scale(1)} @media all and (max-width:1419px) { #svisual-wrap .svis .txt-box .txt-pkg {padding:0 30px} } @media all and (max-width:1199px) { #svisual-wrap {height:350px} #svisual-wrap .svis .txt-box .txt-pkg {top:80px} } @media all and (max-width:999px) { #svisual-wrap {height:250px} #svisual-wrap .svis .txt-box .txt-pkg .txt1 {font-size:33px} } @media all and (max-width:768px) { #svisual-wrap {height:200px} #svisual-wrap .svis .txt-box .txt-pkg {top:49px;padding:0 20px} #svisual-wrap .svis .txt-box .txt-pkg .txt1 {font-size:28px} #svisual-wrap .svis .txt-box .txt-pkg .txt1 > span {padding-right:80px} #svisual-wrap .svis .txt-box .txt-pkg .txt1 > span:after {width:50px;margin-top:-5px} #svisual-wrap .txt-box .sns-list {margin-top:12px} #svisual-wrap .txt-box .sns-list > ul > li {margin-right:5px} #svisual-wrap .txt-box .sns-list button {background-size:161px auto;width:35px;height:35px} #svisual-wrap .txt-box .sns-list .btn-face {background-position:0 -25px} #svisual-wrap .txt-box .sns-list .btn-insta {background-position:-42px -25px} #svisual-wrap .txt-box .sns-list .btn-kakt {background-position:-84px -25px} #svisual-wrap .txt-box .sns-list .btn-url {background-position:-126px -25px} } /* cont-navi */ #cont-navi {position:relative;z-index:12} #cont-navi .contNavi {position:absolute;left:-webkit-calc(50% - 700px);left:-moz-calc(50% - 700px);left:calc(50% - 700px);bottom:0;background-color:#fff;width:-webkit-calc(100% - (50% - 700px));width:-moz-calc(100% - (50% - 700px));width:calc(100% - (50% - 700px));height:90px;font-size:0} #cont-navi .contNavi > a, #cont-navi dl {display:inline-block;position:relative;vertical-align:top;position:relative;z-index:5;width:auto} #cont-navi .contNavi > a.home {position:relative;background-color:#004198;width:90px;height:100%;transition:all .3s ease} #cont-navi .contNavi > a.home:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat 0 -95px;width:32px;height:32px;margin:auto} #cont-navi .contNavi > a.home:hover, #cont-navi .contNavi > a.home:focus {background-color:#00204b} #cont-navi dl {} #cont-navi dl:before {content:"";display:block;position:absolute;right:0;top:50%;right:0;background-color:#ddd;width:1px;height:40px;margin-top:-20px} #cont-navi dl dt {display:block;height:100%} #cont-navi dl dt a {display:block;position:relative;min-width:260px;padding:0 85px 0 30px;font-size:0;text-align:left;box-sizing:border-box;transition:all .3s ease} #cont-navi dl dt a:before {content:"";display:inline-block;width:0;height:90px;vertical-align:middle} #cont-navi dl dt a:after {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:0;transition:all .3s ease;z-index:1} #cont-navi dl dt a .txt {display:inline-block;max-width:100%;color:#333;font-size:18px;font-weight:500;line-height:1.2;letter-spacing:-.05em;vertical-align:middle;word-wrap:break-word;word-break:keep-all;white-space:normal;box-sizing:border-box;transition:all .3s ease} #cont-navi dl dt a .txt:before {content:"";display:block;position:absolute;top:50%;right:30px;background-color:#ddd;border-radius:50%;width:45px;height:45px;margin-top:-22px;transition:all .3s ease} #cont-navi dl dt a .txt:after {content:"";display:block;position:absolute;top:37px;right:47px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;width:9px;height:9px;transform:rotate(-45deg);transition:all .3s ease;z-index:1} #cont-navi dl dt a:hover:after, #cont-navi dl dt a:focus:after {background-color:#004198;height:3px} #cont-navi dl dt a:hover .txt, #cont-navi dl dt a:focus .txt {color:#004198} #cont-navi dl dt a:hover .txt:before, #cont-navi dl dt a:focus .txt:before {background-color:#004198} #cont-navi dl dt a:hover .txt:after, #cont-navi dl dt a:focus .txt:after {top:43px;transform:rotate(135deg);} #cont-navi dl.over dt a {background:#fff} #cont-navi dl.over dt a:after {border-color:#333} #cont-navi dl.over dt a .txt {color:#333} #cont-navi .sub-list {display:none;position:absolute;top:100%;left:0;background:#fff;width:100%;margin-top:10px;letter-spacing:-.05em;box-shadow:0 15px 30px 0 rgba(0, 32, 75, .25);box-sizing:border-box} #cont-navi .sub-list ul {display:block} #cont-navi .sub-list li .mn_a1 {position:relative;display:block;padding:18px 40px 18px 25px ;color:#555;font-size:17px;text-align:left;transition:all .3s ease} #cont-navi .sub-list li .mn_a1:after {content:"";display:block;position:absolute;top:25px;right:27px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #a8a8a8 #a8a8a8;width:8px;height:8px;transform:rotate(-135deg);opacity:0;transition:all .3s ease} #cont-navi .sub-list li .mn_a1 span {display:inline-block;line-height:1.2} #cont-navi .sub-list li .mn_a1[target='_blank']:after {display:inline-block;content:"";width:12px;height:12px;vertical-align:middle;margin:0 0 1px 10px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -22px -25px} #cont-navi .sub-list li.isOver a {background-color:#004198 !important;color:#fff !important} #cont-navi .sub-list li.isOver a:after {opacity:0 !important} #cont-navi .sub-list li .mn_a1:hover, #cont-navi .sub-list li .mn_a1:focus {background-color:#ededed} #cont-navi .sub-list li .mn_a1:hover:after, #cont-navi .sub-list li .mn_a1:focus:after {opacity:1} #cont-navi .sub-list .cNaviCloser {display:block;position:absolute;width:30px;height:30px;border:0;background:#fff;left:0;top:100%;background:#fff} #cont-navi .sub-list .cNaviCloser:before, #cont-navi .sub-list .cNaviCloser:after {content:"";display:block;position:absolute;width:14px;height:2px;background:#777;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease} #cont-navi .sub-list .cNaviCloser:before {transform:rotate(45deg)} #cont-navi .sub-list .cNaviCloser:after {transform:rotate(135deg)} #cont-navi .sub-list .cNaviCloser:focus:before, #cont-navi .sub-list .cNaviCloser:hover:before {transform:rotate(135deg);background:#000} #cont-navi .sub-list .cNaviCloser:focus:after, #cont-navi .sub-list .cNaviCloser:hover:after {transform:rotate(225deg);background:#000} @media all and (max-width:1419px) { #cont-navi .contNavi {left:30px;width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:calc(100% - 30px)} } @media all and (max-width:999px) { #cont-navi {display:none} } /* contents */ #container-wrap {position:relative;z-index:1} #container {position:relative;max-width:1400px;margin:53px auto 0;z-index:9} #container:after {content:'';clear:both;display:block} #contents {width:100%;min-height:600px;word-break:keep-all;word-wrap:break-word} #contents .cont-top {position:relative;margin-bottom:44px} #contents .cont-top .cont-tit {color:#111;font-size:2.333em;font-weight:700;font-family:"Gmarket Sans",sans-serif;letter-spacing:-.05em;text-align:center} #contents .cont-top .cont-util {position:absolute;right:-10px;top:7px;z-index:15} #contents .cont-top .cont-util > div {display:inline-block;position:relative;box-sizing:border-box;vertical-align:middle;font-size:0} #contents .cont-top .cont-util button {box-sizing:border-box;position:relative;border:0;background:transparent} #contents .cont-top .cont-util button:before, #contents .cont-top .cont-util button:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box;transition:all .3s ease} #contents .cont-top .cont-util .boxUtil > div {display:inline-block;height:35px;vertical-align:middle;box-sizing:border-box;position:relative} #contents .cont-top .cont-util .boxUtil .unit {} #contents .cont-top .cont-util .boxUtil .unit > .btn-cast {display:inline-block;width:44px;height:100%;background:transparent;vertical-align:top} #contents .cont-top .cont-util .boxUtil .unit > .btn-cast:before {width:30px;height:30px;z-index:2;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat;opacity:.35;transition:all .3s ease} #contents .cont-top .cont-util .boxUtil .unit > .btn-cast.is-open:before, #contents .cont-top .cont-util .boxUtil .unit > .btn-cast:focus:before, #contents .cont-top .cont-util .boxUtil .unit > .btn-cast:hover:before {opacity:1} #contents .cont-top .cont-util .boxUtil .unit .btn-share {} #contents .cont-top .cont-util .boxUtil .unit .btn-share:before {background-position:0 0} #contents .cont-top .cont-util .boxUtil .unit .btn-print {} #contents .cont-top .cont-util .boxUtil .unit .btn-print:before {background-position:-40px 0} #contents .cont-top .cont-util .boxUtil .unit.unit-sns {margin:0 11px 0 0} #contents .cont-top .cont-util .boxUtil .unit.unit-print {} #contents .cont-top .cont-util .boxUtil .sns-list {display:none;position:absolute;top:100%;right:0;z-index:100;width:auto;box-sizing:border-box;padding:17px 23px;box-shadow:0 20px 15px rgba(0, 0, 0, .2);background:#fff} #contents .cont-top .cont-util .boxUtil .sns-list:before {content:"";display:block;position:absolute;width:10px;height:20px;background:#fff;right:0;bottom:0;z-index:1} #contents .cont-top .cont-util .boxUtil .sns-list ul {display:block;font-size:0;white-space:nowrap} #contents .cont-top .cont-util .boxUtil .sns-list li {display:inline-block;box-sizing:border-box;position:relative;vertical-align:top;margin:0 10px 0 0} #contents .cont-top .cont-util .boxUtil .sns-list li:last-child {margin:0} #contents .cont-top .cont-util .boxUtil .sns-list button {display:block;box-sizing:border-box;position:relative;background:none;width:40px;height:40px;border-radius:50%;background:#efefef;font-size:0;overflow:hidden;transition:all .3s ease} #contents .cont-top .cont-util .boxUtil .sns-list button:before {width:24px;height:24px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1} #contents .cont-top .cont-util .boxUtil .sns-list button:after {width:100%;height:100%;left:0;bottom:0;background:#000;z-index:0;opacity:0} #contents .cont-top .cont-util .boxUtil .sns-list button:focus:after, #contents .cont-top .cont-util .boxUtil .sns-list button:hover:after {opacity:.1} #contents .cont-top .cont-util .boxUtil .sns-list .btn-face:before {background-position:0 -40px} #contents .cont-top .cont-util .boxUtil .sns-list .btn-twit:before {background-position:-34px -40px} #contents .cont-top .cont-util .boxUtil .sns-list .btn-band:before {background-position:-68px -40px} #contents .cont-top .cont-util .boxUtil .sns-list .btn-yout:before {background-position:-102px -40px} #contents .cont-top .cont-util .boxUtil .sns-list .btn-inst:before {background-position:-136px -40px} #contents .cont-top .cont-util .boxUtil .sns-list .btn-kaka:before {background-position:-170px -40px} #contents .cont-top .cont-util .boxUtil .sns-list .btn-blog:before {background-position:-204px -40px} #contents .cont-top .cont-util .boxUtil .sns-list .btn-goog:before {background-position:-238px -40px} #contents .cont-top .cont-util .boxUtil .sns-list .btn-kkst:before {background-position:-272px -40px} #contents .cont-top .cont-util .boxUtil .sns-list .sns-closer {display:block;position:absolute;width:30px;height:30px;border:0;left:100%;bottom:0;border-radius:0;background:#fff;box-shadow:0 20px 15px rgba(0, 0, 0, .2)} #contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:before, #contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:after {content:"";display:block;position:absolute;width:14px;height:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#555;opacity:1;transition:all .3s ease} #contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:before {transform:rotate(45deg)} #contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:after {transform:rotate(135deg)} #contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:focus:before, #contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:hover:before, #contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:focus:after, #contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:hover:after {background:#0088a5;opacity:1} #contents #cont {min-height:400px;padding:0 0 70px 0;color:#555;font-size:18px;font-weight:400;line-height:1.389;word-break:keep-all;word-wrap:break-word} #contents #cont:after {clear:both;content:"";display:block} /*#contents #cont input, button, select, textarea {font-size:18px;letter-spacing:-.05em;font-family:"Noto Sans KR"}*/ @media all and (max-width:1440px) { #container {margin:53px 20px 0} } @media all and (max-width:999px){ #contents {width:auto;max-width:100%;float:none} #contents #cont {font-size:17px;line-height:1.6;padding-bottom:40px} /*#contents #cont input, button, select, textarea {font-size:16px}*/ #contents .cont-top .cont-tit {} #contents .cont-top .cont-util {top:3px} } @media all and (max-width:768px){ #container {margin-top:0;z-index:1} #contents #cont {font-size:16px;line-height:1.5} #contents .cont-top {padding:47px 20px 20px;margin-bottom:0} #contents .cont-top .cont-tit {font-size:2em} #contents .cont-top .cont-util {top:29px} } /* @media all and (max-width:699px) { #contents .cont-top {padding:24px 25px 27px} #contents .cont-top .cont-util {top:23px} #contents .cont-top .cont-util .boxUtil .unit.unit-print {display:none} #contents .cont-top .cont-util .boxUtil .unit.unit-sns {margin:0} #contents .cont-top .cont-util .boxUtil .sns-list {padding:10px} #contents .cont-top .cont-util .boxUtil .sns-list li {margin:0 5px 0 0} #contents .cont-top .cont-util .boxUtil .sns-list .sns-closer {left:auto;right:100%;box-shadow:none} } */ @media all and (max-width:599px) { #contents #cont {padding-bottom:30px} } @media all and (max-width:499px) { #contents #cont {font-size:15px} } @media all and (max-width:399px) { #contents .cont-top .cont-tit {} #contents .cont-top .cont-util {top:20px} } /*-------------------------gnavi_kor.css------------------------------------*/ #global {position:absolute;right:0;top:28px;padding-right:35px;box-sizing:border-box;z-index:12} .global-wrap {font-size:0;} .global-wrap > * {display:inline-block;vertical-align:middle} .global-wrap .glnk-sec {} .global-wrap .glnk-sec > a {display:inline-block;position:relative;margin-right:25px;color:#767676;font-size:15px;font-weight:500;font-family:"Gmarket Sans", sans-serif;letter-spacing:-.05em;vertical-align:middle;} .global-wrap .glnk-sec > a:before {content:"";display:block;position:absolute;left:50%;bottom:0;background-color:#004198;width:0;height:1px;opacity:0;transition:all .3s ease} .global-wrap .glnk-sec > a:hover, .global-wrap .glnk-sec > a:focus {color:#004198} .global-wrap .glnk-sec > a:hover:before, .global-wrap .glnk-sec > a:focus:before {left:0;width:100%;opacity:1} .global-wrap .srvc-util {} .global-wrap .srvc-util > button {display:inline-block;position:relative;background:none;border:0;width:50px;height:50px;vertical-align:middle} .global-wrap .srvc-util > button:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat;width:25px;height:25px;margin:auto} .global-wrap .srvc-util .search {display:none;margin-right:10px} .global-wrap .srvc-util .search:before {background-position:0 0} .global-wrap .srvc-util .search:after {content:"";display:block;position:absolute;right:-5px;top:50%;background-color:rgba(0, 0, 0, .15);width:1px;height:20px;margin-top:-10px} .global-wrap .srvc-util .amenu:before {background-position:-35px 0} .global-wrap .glnk-sec {margin-top:15px} .global-wrap .glnk-sec > button {display:inline-block;position:relative;margin-right:25px;color:#767676;font-size:15px;font-weight:500;font-family:"Gmarket Sans", sans-serif;letter-spacing:-.05em;vertical-align:middle;background:none;border:0;} .global-wrap .glnk-sec > button:before {content:"";display:block;position:absolute;left:50%;bottom:0;background-color:#004198;width:0;height:1px;opacity:0;transition:all .3s ease} .global-wrap .glnk-sec > button:hover, .global-wrap .glnk-sec > button:focus {color:#004198} .global-wrap .glnk-sec > button:hover:before, .global-wrap .glnk-sec > button:focus:before {left:0;width:100%;opacity:1} @media all and (max-width:1799px) { #global {padding-right:18px} } @media all and (max-width:1699px) { .global-wrap .glnk-sec > a {margin-right:15px} } @media all and (max-width:1439px) { .global-wrap .glnk-sec > a {margin-right:10px} } @media all and (max-width:1399px) { #global {top:15px;right:20px;padding-right:0} .global-wrap > * {display:block} .global-wrap .glnk-sec > a:last-child {margin-right:0} .global-wrap .srvc-util {position:absolute;right:0} } @media all and (max-width:999px) { #global {display:none} } /*-------------------------logo_kor.css------------------------------------*/ #header .logo {display:block;position:absolute;left:59px;top:50px;transform:translateY(-50%);z-index:501} #header .logo a {display:block} #header .logo a span {display:block} #header .logo a span img {transition:all .3s ease} #header .logo a span em {display:inline-block;font-size:21px;font-style:normal;margin-left:7px;padding-bottom:5px;margin-bottom:3px;letter-spacing:-0.05em;vertical-align:bottom;display:none} @media all and (max-width:1799px) { #header .logo {left:30px} } @media all and (max-width:1399px) { #header .logo {left:20px} #header .logo a span img {width:327px;height:auto} } @media all and (max-width:1059px) { #header .logo a span img {width:284px} } @media all and (max-width:999px) { #header .logo {top:34px} #header .logo a span img {width:284px} } @media all and (max-width:349px) { #header .logo {left:15px} #header .logo a span img {width:240px} } /*-------------------------header_kor.css------------------------------------*/ #header {display:block;position:relative;height:100px;padding-right:425px;box-sizing:border-box;z-index:11} @media all and (max-width:999px) { #header {height:70px;padding-right:60px} } #menu-wrap .mGnavi {display:none} #menu-wrap .mDeco {display:none} /* 메뉴 */ #menu-wrap {display:inline-block;position:relative;width:100%;background:transparent;z-index:100} #menu-wrap:after {clear:both;display:block;content:""} #menu-wrap .menu-cont {width:76%;padding-left:24%} #mn-ctrs-btns {display:none} #menu-wrap .menuReady {} /* 주메뉴 */ @media all and (min-width:1000px) { #menu-wrap .mn-top, #menu-wrap .mem-btn, #menu-wrap .btn-close, #menu-wrap .tmn-box {display:none} #mainNavi-wrap {position:absolute;left:0;top:0;width:100%;height:100px;overflow:hidden;text-align:center;box-sizing:border-box;transition:background .3s ease;z-index:500} #mainNavi-wrap.over {} #mainNavi-wrap.over #menu-wrap:after {content:"";display:block;position:absolute;left:50%;top:100%;background-color:#004198;width:4000px;height:1px;margin:0 0 0 -2000px} #menu-wrap {} #menu-wrap .allmn-btn {position:absolute;left:0;top:20px;width:49px;height:48px;border:1px solid #ccc;background:#fff;display:none} #menu-wrap .allmn-btn:before, #menu-wrap .allmn-btn:after, #menu-wrap .allmn-btn .txt:before {content:"";display:block;width:21px;height:2px;background:#5a5a5a;margin-left:14px;transition:all .3s ease} #menu-wrap .allmn-btn:before {margin-bottom:5px;margin-top:16px} #menu-wrap .allmn-btn:after {margin-top:5px} #menu-wrap .allmn-btn:hover:before, #menu-wrap .allmn-btn:hover:after {width:14px;background:#004198} #menu-wrap .allmn-btn:hover .txt:before {width:18px;margin-left:20px;background:#0d5db2} #mainNavi {height:100px;box-sizing:border-box} #mainNavi .depth1-wrap {display:block;position:relative;width:100%;/*max-width:1400px;*/margin:0 auto;padding-right:420px;font-size:0;line-height:1;text-align:right;box-sizing:border-box} #mainNavi .depth1-ul {display:inline-block;overflow:hidden} #mainNavi > ul > li:first-child {padding-left:8px} #mainNavi .mn_li1 {display:inline-block;margin:0 30px;text-align:center} #mainNavi .mn_a1 {position:relative;display:block;padding:43px 0 35px} #mainNavi .mn_a1 > span {display:inline-block;color:#333;font-size:22px;font-weight:500;font-family:"Gmarket Sans", sans-serif;letter-spacing:-.05em;line-height:1;transition:all .3s ease} #mainNavi .mn_a1:after {display:block;content:'';position:absolute;left:50%;bottom:20px;background:#004198;border-radius:50%;width:8px;height:8px;margin-left:-4px;opacity:0;transition:all .3s ease} #mainNavi .mn_a1.over span, #mainNavi .mn_a1:hover span, #mainNavi .mn_a1:focus span, #mainNavi .mn_li1.over .mn_a1 span {color:#004198} #mainNavi .mn_li1 .mn_a1.over:after {left:0;bottom:0;border-radius:0;width:100%;height:3px;margin-left:0;opacity:1} #mainNavi .mn_a1:hover:after, #mainNavi .mn_a1:focus:after {opacity:1} #mainNavi .depth2-wrap {display:none;position:absolute;top:100px;left:50%;width:1400px;min-height:300px;margin:0 0 0 -700px;padding:44px 0 45px 370px;font-weight:normal;text-align:left;box-sizing:border-box;z-index:1000} #mainNavi .depth2-wrap:after {} #mainNavi .depth2-wrap .depth2-tit {display:block;position:absolute;left:0;top:0;width:280px;height:100%;box-sizing:border-box} #mainNavi .depth2-wrap .depth2-tit:before {content:"";display:block;position:absolute;right:0;top:0;background:#004198 url(/resources/_Templet/Header/header_kor/Img/main_navi_bg.jpg) no-repeat right bottom;width:539px;height:100%} #mainNavi .depth2-wrap .depth2-tit:after {content:"";display:block;position:absolute;right:18px;bottom:20px;background:url(/resources/_Templet/Header/header_kor/Img/depth2_tit_bg.png) no-repeat;width:220px;height:165px} #mainNavi .depth2-wrap .depth2-tit span {display:block;} #mainNavi .depth2-wrap .depth2-tit .tit {position:relative;padding-top:74px;color:#fff;font-size:30px;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:-.05em} #mainNavi .depth2-wrap .depth2-tit .tit:before {content:"";display:block;position:absolute;left:0;top:0;background-color:rgba(255, 255, 255 ,.3);width:3px;height:45px} #mainNavi .depth2-wrap .depth2-tit .txt {font-size:16px;color:#606060} #mainNavi .depth2-wrap .depth2-ul {font-size:0;overflow:hidden;box-sizing:border-box} #mainNavi .depth2-wrap .mn_li2 {display:inline-block;position:relative;width:220px;margin-right:50px;padding-top:30px;vertical-align:top;box-sizing:border-box} #mainNavi .depth2-wrap .mn_li2:nth-child(-n+4) {padding-top:0} #mainNavi .depth2-wrap .mn_li2:nth-child(4n) {margin-right:0} #mainNavi .depth2-wrap .mn_a2 {display:block;position:relative;border-bottom:2px solid #dadada;padding:2px 45px 12px 0;box-sizing:border-box;transition:all .3s ease} #mainNavi .depth2-wrap .mn_a2:before, #mainNavi .depth2-wrap .mn_a2:after {content:"";display:block;position:absolute;top:50%;opacity:0;transition:all .3s ease} #mainNavi .depth2-wrap .mn_a2:before {right:0;background-color:#004198;border-radius:50%;width:30px;height:30px;margin-top:-20px} #mainNavi .depth2-wrap .mn_a2:after {right:14px;border:solid;border-width:0 0 1px 1px;border-color:transparent transparent #fff #fff;width:5px;height:5px;transform:rotate(-135deg);margin-top:-8px} #mainNavi .depth2-wrap .mn_a2 span {display:block;position:relative;color:#004198;font-size:20px;font-weight:500;letter-spacing:-.05em;line-height:1.3;transition:all .3s ease} #mainNavi .depth2-wrap .over .mn_a2 {} #mainNavi .depth2-wrap .mn_a2:focus:before, #mainNavi .depth2-wrap .mn_a2:hover:before, #mainNavi .depth2-wrap .over .mn_a2:before, #mainNavi .depth2-wrap .mn_a2:focus:after, #mainNavi .depth2-wrap .mn_a2:hover:after, #mainNavi .depth2-wrap .over .mn_a2:after {opacity:1} #mainNavi .depth2-wrap .over .mn_a2 span {} #mainNavi .depth3-wrap {display:block;padding:17px 20px 0 0;box-sizing:border-box} #mainNavi .depth3-wrap .depth3-ul {} #mainNavi .depth3-wrap .mn_li3 {position:relative;margin-bottom:4px;padding-left:15px;box-sizing:border-box} #mainNavi .depth3-wrap .mn_li3:before {content:"";display:block;position:absolute;top:12px;left:0;background-color:#dfdfdf;border-radius:50%;width:5px;height:5px} #mainNavi .depth3-wrap .mn_li3:last-child {margin:0} #mainNavi .depth3-wrap .mn_a3 {position:relative;display:block;padding:3px 0;box-sizing:border-box} #mainNavi .depth3-wrap .mn_a3 span {position:relative;color:#666;font-size:18px;font-weight:300;letter-spacing:-.05em;line-height:1.2;word-wrap:break-word;word-break:keep-all;white-space:normal;transition:all .3s ease} #mainNavi .depth3-wrap .over.mn_a3 span, #mainNavi .depth3-wrap .mn_a3.over span, #mainNavi .depth3-wrap .mn_a3:hover span, #mainNavi .depth3-wrap .mn_a3:focus span {color:#136cd4} #mainNavi .mn_a1[target=_blank] span:after {display:inline-block;content:"";width:14px;height:14px;vertical-align:middle;margin:-4px 0 0px 5px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -123px -25px} #mainNavi .mn_a1[target=_blank]:focus span:after, #mainNavi .mn_a1[target=_blank]:hover span:after, #mainNavi .mn_a1[target=_blank].over span:after {background-position-x:-99px} #mainNavi .mn_a2[target=_blank] span:after {display:inline-block;content:"";width:14px;height:14px;vertical-align:middle;margin:0 0 3px 5px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -75px -25px} #mainNavi .mn_a2[target=_blank]:focus span:after, #mainNavi .mn_a2[target=_blank]:hover span:after, #mainNavi .mn_a2[target=_blank].over span:after {background-position-x:-99px} #mainNavi .mn_a3[target=_blank] span:after {display:inline-block;content:"";width:14px;height:12px;vertical-align:middle;margin:0 0 4px 5px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -75px 0} #mainNavi .mn_a3[target=_blank]:focus span:after, #mainNavi .mn_a3[target=_blank]:hover span:after, #mainNavi .mn_a3[target=_blank].over span:after {background-position:-99px 0} #mainNavi .tgl-btn {display:none} #mainNavi .amenu {display:block;position:absolute;width:90px;height:90px;right:0;top:0;background:#0088a5;transition:all .3s ease} #mainNavi .amenu:before, #mainNavi .amenu span, #mainNavi .amenu:after {content:"";display:block;position:absolute;height:3px;background:#fff;top:0;right:0;bottom:0;left:0;font-size:0;transition:all .3s ease} #mainNavi .amenu:before {width:27px;margin:35px auto auto 32px} #mainNavi .amenu span {width:19px;margin:auto auto auto 32px} #mainNavi .amenu:after {width:27px;margin:auto auto 34px 32px} #mainNavi .amenu:focus span, #mainNavi .amenu:hover span {width:27px} .pc-navi-open #mainNavi-wrap {background-color:#fff} .pc-navi-open #menu-wrap {box-shadow:0 10px 25px rgba(0, 0, 0, .05)} .pc-navi-open #menu-wrap:after {} .pc-navi-open #mainNavi .mn_a1 > span {color:#333} .pc-navi-open #mainNavi .mn_a1.over > span {color:#366ebb} .pc-navi-open #mainNavi .mn_a1:after {background:#366ebb} .pc-navi-open #mainNavi .mn_a1[target=_blank] span:after {background-position-x:-75px} .pc-navi-open #mainNavi .mn_a1[target=_blank]:focus span:after, .pc-navi-open #mainNavi .mn_a1[target=_blank]:hover span:after {background-position-x:-99px} .body-slider-ovclick {display:none} } @media all and (min-width:1400px) and (max-width:1799px) { #mainNavi .depth1-wrap {padding-right:330px} } @media all and (min-width:1400px) and (max-width:1599px) { #mainNavi .mn_li1 {margin:0 20px} } @media all and (min-width:1000px) and (max-width:1439px) { #mainNavi .depth2-wrap {left:0;width:100%;margin:0;padding-left:340px;padding-right:20px} #mainNavi .depth2-wrap .depth2-tit {padding-left:20px} #mainNavi .depth2-wrap .mn_li2 {width:21.35%;margin-right:4.85%} } @media all and (min-width:1000px) and (max-width:1399px) { #mainNavi .depth1-wrap {padding-right:70px /*padding-right:140px*/} #mainNavi .mn_a1 {padding:52px 0 26px} #mainNavi .mn_a1:hover:after, #mainNavi .mn_a1:focus:after {bottom:10px} } @media all and (min-width:1000px) and (max-width:1199px) { #mainNavi .mn_li1 {margin:0 20px} #mainNavi .mn_a1 {padding-top:54px} #mainNavi .mn_a1 > span {font-size:20px} #mainNavi .depth2-wrap .mn_li2 {width:31%;margin-right:3.5%} #mainNavi .depth2-wrap .mn_li2:nth-child(4n) {margin-right:3.5%} #mainNavi .depth2-wrap .mn_li2:nth-child(3n) {margin-right:0} #mainNavi .depth2-wrap .mn_li2:nth-child(4) {padding-top:30px} } @media all and (min-width:1000px) and (max-width:1099px) { #mainNavi .mn_li1 {margin:0 17px} } @media all and (max-width:999px) { body.mobile-sideMenu-open {position:fixed;width:100%;height:100%;overflow:hidden} /* 메뉴 */ #mainNavi-wrap {overflow:inherit;position:absolute;top:0;right:0;width:100%;max-width:400px;height:0 !important} #mainNavi-wrap * {outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)} #menu-wrap {position:fixed;right:-100%;top:0px;left:auto;width:100%;max-width:400px;height:100%;z-index:8000;background:#fff;overflow-x:hidden;padding:0;box-sizing:border-box;margin:0;transition:right .5s ease, box-shadow .5s ease} #menu-wrap.mn-h-open {right:0;box-shadow:-10px 0 15px rgba(0, 0, 0, .15)} #menu-wrap:before {display:block;content:"";width:130px;height:100%;background-color:#004198;position:absolute;top:0;left:0;box-sizing:border-box} /* #menu-wrap .mDeco {display:block;position:absolute;width:100%;height:100%;box-sizing:border-box;padding:80px 0 0 130px;z-index:-1;transition:all .3s ease} #menu-wrap .mDeco:after {content:"";display:block;position:relative;width:100%;height:308px;background:url(/resources/_Templet/Header/header_kor/Img/header_mDeco.png) no-repeat right top} #menu-wrap.hide-mDeco .mDeco {opacity:0} .isMain #menu-wrap .mDeco {background:#edf4f6} .isMain #mainNavi .depth2-wrap .depth2-ul {} .isSub #menu-wrap .mDeco {background:#fff} */ #menu-wrap .mGnavi {display:block;position:absolute;left:0;top:0;background-color:#00204b;width:100%;height:70px;padding:0 50px 0 66px;text-align:left;box-sizing:border-box;z-index:1} #menu-wrap .mGnavi:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;} #menu-wrap .mGnavi ul {display:inline-block;padding-top:8px;vertical-align:middle;font-size:0;box-sizing:border-box} #menu-wrap .mGnavi ul li {display:inline-block;margin-right:20px;vertical-align:top;box-sizing:border-box;} #menu-wrap .mGnavi ul li:last-child {margin-right:0} #menu-wrap .mGnavi a {display:block} #menu-wrap .mGnavi a span {display:block;color:rgba(255, 255, 255, .5);font-size:14px;font-family:"Gmarket Sans", sans-serif;letter-spacing:-.05em;box-sizing:border-box} #menu-wrap .btn-close {display:block;position:absolute;left:17px;top:19px;background:none;border:0;width:32px;height:32px} #menu-wrap .btn-close:before, #menu-wrap .btn-close:after {content:"";display:block;position:absolute;} #menu-wrap .btn-close:before {left:3px;top:50%;background-color:#fff;width:22px;height:2px;margin-top:-1px} #menu-wrap .btn-close:after {right:7px;top:50%;border-left:2px solid #fff;border-top:2px solid #fff;width:15px;height:15px;margin-top:-7px;-ms-transform:rotate(135deg);transform:rotate(135deg);box-sizing:border-box} #menu-wrap .allmn-btn {display:none} #mainNavi {display:block;position:absolute;width:100%;height:100%;padding-top:70px;overflow-y:auto;z-index:0;box-sizing:border-box} #mainNavi .mn_li1.over:before {display:none} #mainNavi .depth1-wrap {position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden} #mainNavi .depth1-ul {position:relative;z-index:1} #mainNavi .mn_li1 {height:auto} #mainNavi .mn_li1 .tgl-btn {display:none} #mainNavi .mn_li1 .mn_a1 {display:block;position:relative;width:130px;height:auto;padding:0 18px;font-size:0;letter-spacing:-.05em;transition:all .3s ease;box-sizing:border-box;z-index:300} #mainNavi .mn_li1 .mn_a1:before {content:"";display:inline-block;width:0;height:60px;vertical-align:middle} #mainNavi .mn_li1 .mn_a1:after {content:"";display:block;position:absolute;right:0;top:50%;background-color:#004198;border-radius:50%;width:7px;height:7px;margin-top:-4px} #mainNavi .mn_li1 .mn_a1 span {display:inline-block;color:#fff;font-size:16px;font-weight:400;line-height:1.2;letter-spacing:-.05em;vertical-align:middle;word-wrap:break-word;word-break:keep-all;white-space:normal} #mainNavi .mn_li1 .mn_a1[target='_blank'] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat 0 0;width:14px;height:14px;margin-left:9px} #mainNavi .mn_li1.is-open {} #mainNavi .mn_li1 .mn_a1.over, #mainNavi .mn_li1.has-sub.is-open .mn_a1 {background-color:#fff} #mainNavi .mn_li1 .mn_a1.over span, #mainNavi .mn_li1.has-sub.is-open .mn_a1 span {color:#333;font-size:17px;font-weight:500} #mainNavi .mn_li1 .mn_a1.over[target='_blank'] span, #mainNavi .mn_li1.has-sub.is-open[target='_blank'] .mn_a1 span:after {background-position:-24px 0} #mainNavi .mn_li1.has-sub .mn_a1 {} #mainNavi .depth2-wrap {display:none;width:100%;height:auto;box-sizing:border-box;transition:display .3s ease;position:absolute;top:0;left:0;padding:0 0 0 130px;box-sizing:border-box} #mainNavi .depth2-wrap .depth2-tit {display:none} #mainNavi .depth2-wrap .mn_li2 {position:relative;padding:0} #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn {display:block;position:absolute;width:30px;height:30px;right:12px;top:14px;z-index:1;border:0;background:transparent} #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:before, #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#999;width:14px;height:2px;margin:auto;transition:all .3s ease} #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:before {} #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:after {transform:rotate(90deg)} #mainNavi .depth2-wrap .mn_li2.has-sub.is-open {border-bottom:0} #mainNavi .depth2-wrap .mn_li2.has-sub.is-open .tgl-btn:before, #mainNavi .depth2-wrap .mn_li2.has-sub.is-open .tgl-btn:after {background-color:#004198} #mainNavi .depth2-wrap .mn_li2.has-sub.is-open .tgl-btn:after {transform:rotate(180deg)} #mainNavi .depth2-wrap .mn_li2.has-sub.is-open .mn_a2 span {border-bottom:0} #mainNavi .is-open .depth2-wrap {display:block} #mainNavi .depth2-ul {position:relative;background:#fff;box-sizing:border-box;z-index:100} #mainNavi .depth2-wrap .mn_a2 {position:relative;display:block;background-color:#fff;padding:0 20px;font-size:0} #mainNavi .depth2-wrap .mn_a2 span {display:block;border-bottom:1px solid #eee;padding:21px 0 24px;color:#666;font-size:16px;line-height:1;word-wrap:break-word;word-break:keep-all;white-space:normal} #mainNavi .depth2-wrap .mn_a2[target='_blank'] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -48px 0;width:14px;height:14px;margin:2px 0 0 8px;vertical-align:top} #mainNavi .depth2-wrap .mn_li2.is-open .mn_a2[target='_blank'] span:after {background-position:-72px 0} #mainNavi .depth2-wrap .mn_li2 .tgl-btn {right:20px} #mainNavi .depth2-wrap .mn_li2.has-sub .mn_a2.over:after {display:none} #mainNavi .depth2-wrap .mn_a2.over, #mainNavi .depth2-wrap .is-open .mn_a2 {background:#fff} #mainNavi .depth2-wrap .mn_a2.over span, #mainNavi .depth2-wrap .is-open .mn_a2 span {color:#004198} #mainNavi .depth2-wrap .mn_li2.is-close .depth3-wrap {display:none} #mainNavi .depth2-wrap .depth3-wrap {background-color:#f5f5f5;margin:0 20px;padding:15px 18px;box-sizing:border-box} #mainNavi .depth2-wrap .depth3-ul {} #mainNavi .depth2-wrap .depth3-wrap li {} #mainNavi .depth2-wrap .depth3-wrap li a {display:block;position:relative;padding-left:12px;} #mainNavi .depth2-wrap .depth3-wrap li a:before {content:"";display:block;position:absolute;left:0;top:13px;background-color:#b0b0b0;border-radius:50%;width:3px;height:3px} #mainNavi .depth2-wrap .depth3-wrap li a span {display:inline-block;position:relative;padding:4px 0;color:#888;font-size:16px;letter-spacing:-.05em;line-height:1.2} #mainNavi .depth2-wrap .depth3-wrap li a[target='_blank'] span:after {display:inline-block;content:"";background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -116px 0;width:10px;height:10px;margin:-2px 0 0px 5px;vertical-align:middle} #mainNavi .depth2-wrap .depth3-wrap li.over a span {color:#136cd4} #mainNavi .depth2-wrap .depth3-wrap li.over a[target='_blank'] span:after {background-position:-96px 0} #mn-ctrs-btns {display:block;position:absolute;right:6px;top:10px;z-index:0} #mn-ctrs-btns .mn-ctrs-btn {display:block;position:relative;background:none;border:0;width:50px;height:50px;box-sizing:border-box} #mn-ctrs-btns .mn-ctrs-btn:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) -35px 0;width:25px;height:25px;margin:auto} .body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.3s ease} .body-slider-ovclick {display:block;position:fixed;width:100%;height:0;left:0;top:0;background:rgba(0, 0, 0, .5);cursor:pointer;z-index:8;opacity:0;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);transition:opacity .5s ease} .body-slider-ovclick.show {height:100%;opacity:1} .body-slider-ovclick.hide {opacity:0} } @media all and (max-width:369px) { #menu-wrap .mGnavi {padding:0 35px 0 60px} #menu-wrap .mGnavi ul li {margin-right:8px} } /*-------------------------submenu_kor.css------------------------------------*/ #side-wrap {display:none} @media all and (max-width:999px){ #side-wrap {display:block;width:100%;padding:0;position:absolute;left:0;bottom:0;height:0;z-index:2} #leftmenu {height:auto;} #leftmenu .lm-tit {display:none} #leftmenu .lm_l1 {display:block;box-sizing:border-box} #leftmenu .lm_l1 .lm_a1 {display:none} #leftmenu .lm_l1 > .tgl-btn {display:block;position:absolute;left:50%;bottom:0;background-color:#fff;border:0;width:50px;height:30px;margin-left:-25px} #leftmenu .lm_l1 > .tgl-btn:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #004198 #004198;width:8px;height:8px;margin:7px auto auto;transform:rotate(-45deg);transition:all .3s ease} #leftmenu .lm_l1.is-open > .tgl-btn:after {transform:rotate(135deg);margin-top:13px} #leftmenu .lm_l1.is-open .depth2 {box-shadow:0 10px 25px rgba(0, 0, 0, .1)} #leftmenu .depth2-wr {display:none;position:absolute;top:100%;left:0;width:100%;max-height:365px;overflow-y:auto;box-shadow:0 10px 30px 0 rgba(0, 0, 0, .1);box-sizing:border-box;z-index:1000;} #leftmenu .depth2 {display:block;background:#e5e5e5;transition:all .3s ease} #leftmenu .depth2 .lm_l2 {position:relative;background-color:#fff;border-bottom:1px solid #dadada;box-sizing:border-box} #leftmenu .depth2 .lm_l2:last-child {margin:0;} #leftmenu .depth2 .lm_l2 .tgl-btn {display:block;position:absolute;right:0;top:0;background:transparent;border:0;width:55px;height:60px;z-index:1} #leftmenu .depth2 .lm_l2 .tgl-btn:before, #leftmenu .depth2 .lm_l2 .tgl-btn:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:14px;height:2px;background:#999;margin:auto;transition:all .3s ease} #leftmenu .depth2 .lm_l2 .tgl-btn:before {} #leftmenu .depth2 .lm_l2 .tgl-btn:after {transform:rotate(90deg)} #leftmenu .depth2 .lm_a2 {display:block;position:relative;background:#fff;height:60px;padding:0 50px 0 20px;font-size:0;transition:all .3s ease;box-sizing:border-box;z-index:0} #leftmenu .depth2 .lm_a2:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} #leftmenu .depth2 .lm_a2:after {content:"";display:block;position:absolute;top:24px;left:28px;border:2px solid #fff;border-top:0;border-right:0;width:15px;height:8px;-ms-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;box-sizing:border-box} #leftmenu .depth2 .lm_l2 .lm_a2 span {display:inline-block;position:relative;color:#222;font-size:16px;letter-spacing:-.05em;line-height:1.3;vertical-align:middle;box-sizing:border-box} #leftmenu .depth2 .lm_l2.over .lm_a2 {background:#004198;padding-left:58px} #leftmenu .depth2 .lm_l2.over .lm_a2:after {opacity:1} #leftmenu .depth2 .lm_l2.over .lm_a2 span {color:#fff} #leftmenu .depth2 .lm_l2.over .tgl-btn:before, #leftmenu .depth2 .lm_l2.over .tgl-btn:after {background:#fff !important} #leftmenu .depth2 .lm_l2.is-open {border-bottom:0} #leftmenu .depth2 .lm_l2.over.is-open .tgl-btn:before {} #leftmenu .depth2 .lm_l2.over.is-open .tgl-btn:after {transform:rotate(0deg)} #leftmenu .depth2 .lm_l2.is-open .tgl-btn:before {} #leftmenu .depth2 .lm_l2.is-open .tgl-btn:after {transform:rotate(0deg);background:#aaa} #leftmenu .depth3-wr {background-color:#f6f6f6;padding:17px 20px;font-size:0;overflow:hidden;box-sizing:border-box} #leftmenu .depth3 {} #leftmenu .depth3 .lm_l3 {display:inline-block;position:relative;width:50%;padding:5px 10px 5px 7px;vertical-align:top;box-sizing:border-box} #leftmenu .depth3 .lm_l3 .tbl-btn {} #leftmenu .depth3 .lm_l3 .lm_a3 {display:block;position:relative;padding-left:14px;line-height:1;box-sizing:border-box;} #leftmenu .depth3 .lm_l3 .lm_a3:before {content:"";display:block;position:absolute;top:8px;left:0;background-color:#bdbdbd;border-radius:50%;width:3px;height:3px} #leftmenu .depth3 .lm_l3 .lm_a3 span {display:inline-block;color:#767676;font-size:14px;letter-spacing:-.05em;line-height:1.2} #leftmenu .depth3 .lm_l3.over .lm_a3:before {background:#004198} #leftmenu .depth3 .lm_l3.over .lm_a3 span {color:#004198} } @media all and (max-width:680px){ #leftmenu .depth2-wr {padding:0 15px} } @media all and (max-width:420px){ #leftmenu .depth2-wr {padding:0 10px} #leftmenu .depth2 .lm_a2 {padding:0 45px 0 15px} #leftmenu .depth3-wr {padding:10px 15px} } /*-------------------------footer_kor.css------------------------------------*/ /* footer */ #footer {position:relative;background-color:#282c2f;z-index:3000} #footer .footer-wr {position:relative;width:100%;max-width:1400px;margin:0 auto;padding:47px 0 74px;line-height:1.2;box-sizing:border-box} #footer .footer-wr .topBt {position:fixed;bottom:-70px;right:20px;width:70px;height:70px;text-align:center;background:#4d4f54;border-radius:50%;z-index:3500;transition:all .3s ease} #footer .footer-wr .topBt span {display:inline-block;color:#fff;font-size:12px;padding:40px 0 0;position:relative} #footer .footer-wr .topBt span:before {display:block;content:"";width:14px;height:14px;border:2px solid transparent;border-top:2px solid #fff;border-left:2px solid #fff;position:absolute;top:22px;left:50%;margin-left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg)} #footer .footer-wr .topBt.over {bottom:45px} #footer .flogo {position:relative} #footer .flogo:before {content: "";display:block;position:absolute;right:0;bottom:6px;background-color:rgba(255, 255, 255, .2);width:-moz-calc(100% - 452px);width:-webkit-calc(100% - 452px);width:calc(100% - 452px);height:1px} #footer .flogo > a {display:block} #footer .service-cont {width:100%;max-width:1400px;margin-top:37px;padding-right:350px;overflow-x:auto;overflow-y:hidden} #footer .service-cont .service-list {font-size:0;overflow:hidden} .service-cont .service-list li {display:inline-block} .service-cont .service-list li a {display:block;position:relative;padding:0 18px;color:rgba(255, 255, 255, .6)} .service-cont .service-list li a:after {content:"";display:block;position:absolute;left:0;top:3px;background-color:rgba(255, 255, 255, .2);width:1px;height:15px} .service-cont .service-list li:first-child a {padding-left:0} .service-cont .service-list li:first-child a:after {display:none} .service-cont .service-list li:last-child a {padding-right:0} .service-cont .service-list li a span {position:relative;font-size:16px;letter-spacing:-.025em;color:#fff;opacity:.6} .service-cont .service-list li a span:after {content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;opacity:0;background:#fff;transition:all 0.3s ease} /*.service-cont .service-list li:first-child a span {color:#fff;opacity:1}*/ .service-cont .service-list li a.privacy span {color:#65c0ff} .service-cont .service-list li:first-child a span:after {background:#fff} .service-cont .service-list li a:focus span, .service-cont .service-list li a:hover span {opacity:1;} .service-cont .service-list li a:hover span:after, .service-cont .service-list li a:focus span:after {opacity:1} #footer .info-cont {position:relative;margin-top:32px;padding-right:350px;box-sizing:border-box} #footer .info-cont address {color:#999;font-size:.889em;letter-spacing:0} #footer .info-cont .cs-info-box {position:absolute;right:0;bottom:-8px} .info-cont .cs-info-box .cs-tel {color:rgba(255, 255, 255, .6);font-size:1.389em;font-family:"Gmarket Sans", sans-serif;letter-spacing:-.025em} .info-cont .cs-info-box .cs-tel > span {display:inline-block;margin-right:8px;color:#fff;font-size:.56em;letter-spacing:0} .info-cont .cs-info-box .cs-info {margin-top:10px;text-align:right} .info-cont .cs-info-box .cs-info > li {color:rgba(255, 255, 255, .6);font-size:.833em;font-weight:300;margin-top:7px} .info-cont .cs-info-box .cs-info > li:first-child {margin-top:0} .info-cont .copyright {margin-top:11px;color:rgba(255, 255, 255, .2);font-size:.778em;font-weight:300;letter-spacing:0} /* #footer .info-wrap {max-width:1400px;margin:0 auto;box-sizing:border-box;position:relative} #footer .info-wrap .footer {position:relative;font-size:14px;margin-top:33px;padding:0 240px 0 287px;color:#a4a4a4;font-weight:300;word-break:keep-all} #footer .info-wrap .footer .flogo {position:absolute;left:0;top:-5px;width:247px} #footer .info-wrap .footer .flogo a {display:block} #footer .info-wrap .footer .flogo a img {display:block;width:100%} #footer .info-wrap .footer .copyright {color:#6a6a6a;font-size:13px;margin-top:11px;text-transform:uppercase} #footer .info-wrap .footer .copyright span {display:inline-block} #footer .info-wrap .footer address {display:inline-block;vertical-align:top;} #footer .info-wrap .cs-info {display:inline-block;vertical-align:top;} #footer .info-wrap .cs-info li {display:inline-block;margin-right:10px} #footer .info-wrap .cs-info li.e-mail {display:none} #footer .info-wrap .flic-wrap {position:absolute;right:0;bottom:0} #footer .info-wrap .flic-wrap li {float:left;margin:0 5px} #footer .info-wrap .flic-wrap li a {display:block} #footer .info-wrap .family-site-wr {position:absolute;top:-8px;right:0;font-size:0} #footer .info-wrap .family-site-wr .family-site {font-size:15px;display:inline-block;background:transparent;width:214px;z-index:100;position:relative} #footer .info-wrap .family-site-wr .family-site dl {} #footer .info-wrap .family-site-wr .family-site dt button {position:relative;color:rgba(255, 255, 255, .6);background:none;border:1px solid rgba(255, 255, 255, .2);width:100%;display:block;padding:0 0 0 19px;height:52px;font-weight:400;text-align:left;vertical-align:middle;background:rgba(77, 77, 77, .2);font-size:15px;transition:all .3s ease} #footer .info-wrap .family-site-wr .family-site dt button:hover, #footer .info-wrap .family-site-wr .family-site dt button:focus {background:rgba(0, 0, 0, .3);color:#fff} #footer .info-wrap .family-site-wr .family-site dt button:after {content:'';display:block;position:absolute;right:21px;top:18px;width:15px;height:15px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -25px -137px;transition:all .3s ease} #footer .info-wrap .family-site-wr .family-site dt button.is-open:after {transform:rotate(180deg);-ms-transform:rotate(180deg)} #footer .info-wrap .family-site-wr .family-site .isSelSub {display:none;position:absolute;bottom:100%;left:0;background:#4d5057;width:100%} #footer .info-wrap .family-site-wr .family-site .isSelSub ul {padding:10px 10px 10px 15px;height:150px;overflow-y:scroll;text-align:left} #footer .info-wrap .family-site-wr .family-site .isSelSub li a {display:inline-block;color:#fff;padding:5px 0} #footer .info-wrap .family-site-wr .family-site .isSelSub li a:focus, #footer .info-wrap .family-site-wr .family-site .isSelSub li a:hover {text-decoration:underline} #footer .info-wrap .family-site-wr .family-site .isSelSub .btn-fclose {display:block;position:absolute;top:0;right:100%;border:0;cursor:pointer;background:#4d5057;width:28px;height:28px} #footer .info-wrap .family-site-wr .family-site .isSelSub .btn-fclose:before, #footer .info-wrap .family-site-wr .family-site .isSelSub .btn-fclose:after {content:"";display:block;position:absolute;width:50%;height:2px;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto;} #footer .info-wrap .family-site-wr .family-site .isSelSub .btn-fclose:before {transform:rotate(45deg)} #footer .info-wrap .family-site-wr .family-site .isSelSub .btn-fclose:after {transform:rotate(-45deg)} */ @media all and (max-width:1419px) { #footer .footer-wr {padding:47px 30px 74px} #footer .service-cont, #footer .info-cont {padding-right:320px} } @media all and (max-width:999px) { #footer .info-cont .cs-info-box {bottom:0} } @media all and (max-width:799px) { #footer .footer-wr {padding:30px 20px 74px} #footer .flogo {border-bottom:1px solid rgba(255, 255, 255, .2);padding-bottom:15px} #footer .flogo:before {display:none} #footer .flogo > a {max-width:270px} #footer .flogo > a img {width:100%;height:auto} #footer .service-cont {margin-top:24px;padding-right:0} .service-cont .service-list li a {padding:0 10px} .service-cont .service-list li a:after {top:2px;height:14px} .service-cont .service-list li a span {font-size:14px} #footer .info-cont address, .info-cont .copyright {font-size:.934em;line-height:1.571} #footer .info-cont {margin-top:26px;padding-right:0} #footer .info-cont .cs-info-box {position:static;right:auto;top:auto;margin-top:35px;text-align:right} } /* 애니메이션 */ @keyframes ico_ani { 0%,100% {transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg)} 10%, 30%, 50%, 70%, 90% {transform:rotateZ(-5deg);-webkit-transform:rotateZ(-5deg)} 20%, 40%, 60%, 80% {transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg)} } @-webkit-keyframes ico_ani { 0%,100% {transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg)} 10%, 30%, 50%, 70%, 90% {transform:rotateZ(-5deg);-webkit-transform:rotateZ(-5deg)} 20%, 40%, 60%, 80% {transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg)} } @keyframes ico_ani2 { 0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)} 25%,75% {transform:translateY(-7%);-ms-transform:translateY(-7%)} } @-webkit-keyframes ico_ani2 { 0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)} 25%,75% {transform:translateY(-7%);-ms-transform:translateY(-7%)} } @keyframes ico_ani3 { 0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)} 25%,75% {transform:translateY(-15%);-ms-transform:translateY(-15%)} } @-webkit-keyframes ico_ani3 { 0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)} 25%,75% {transform:translateY(-15%);-ms-transform:translateY(-15%)} } @keyframes ico_ani4 { 0% {transform:rotate(0deg);-webkit-transform:rotate(0deg)} 100% {transform:rotate(180deg);-webkit-transform:rotate(180deg)} } @-webkit-keyframes ico_ani4 { 0% {transform:rotate(0deg);-webkit-transform:rotate(0deg)} 100% {transform:rotate(180deg);-webkit-transform:rotate(180deg)} }