/*-------------------------layout_dept.css------------------------------------*/ @charset "utf-8"; html, body {overflow:hidden;overflow-y:visible} body {overscroll-behavior:none;-webkit-text-size-adjust:100%} .div-cont {max-width:1400px;margin:0 auto;position:relative} .eng {font-family:bio-sans, sans-serif} #doc-wrap {position:relative;min-width:1400px;overflow:hidden;margin:0 auto} a:focus-visible, button[type="button"]:focus-visible {outline:rgb(59, 153, 252) solid 3px;outline-offset:-3px} a:focus:not(:focus-visible), button[type="button"]:not(:focus-visible) {outline:0} @media all and (max-width:1400px){ #doc-wrap {min-width:320px} } @media all and (max-width:680px){ } @media all and (max-width:420px){ } /* 스킵네비게이션 */ #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} #skipNavi .skipLink:focus-visible{outline:#da262e solid 3px} /* 레이아웃 */ #header-wrap {position:relative;height:80px;box-sizing:border-box;z-index:11111;} .isSub #header-wrap {background-color:#ffffff} #header {position:relative;height:100%;} @media all and (min-width:1000px) { #header-wrap:before {display:block;content:'';position:absolute;top:80px;left:0;width:100%;height:0;background:rgba(0, 0, 0, .5);z-index:11;opacity:0;transition:opacity .3s ease} #header-wrap.bgShow:before {height:3000px;opacity:1} #header-wrap.bgHide:before {opacity:0} } @media all and (min-width:1000px) and (max-width:1699px) { #header-wrap {height:90px} } @media all and (min-width:1000px) and (max-width:1399px) { .isMain #header-wrap {/*background-color:#006ee9*/} } @media all and (max-width:999px) { #header-wrap {height:60px} #header {background-color:#fff;box-shadow: 0px 1px 20px 0px rgba(144, 156, 187, 0.4);} } /* svisual */ #svisual-wrap {position:relative;box-sizing:border-box;/*z-index:9*/} #svisual-wrap .svis {position:relative;width:100%;margin:0 auto;box-sizing:border-box} #svisual-wrap .svis .img-box {position:relative;padding-top:17.709%;transition:all .3s} #svisual-wrap .svis .img-box img {display:block;width:auto;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:1} #svisual-wrap .svis .txt-box {position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:2} #svisual-wrap .svis .txt-box .txt-pkg {display:flex;flex-direction:column;justify-content:center;height:100%;text-align:center;} #svisual-wrap .svis .txt-box .txt-pkg > span {display:block;line-height:1.2;font-family:"Gmarket Sans", sans-serif;opacity:0;transform:translateY(30px)} #svisual-wrap .svis .txt-box .txt-pkg .tit {color:#fff;font-size:55px;font-weight:500;letter-spacing:-.025em;transition:all .4s ease .2s} #svisual-wrap .svis .txt-box .txt-pkg .txt {color:#fff;font-size:20px;font-weight:500;letter-spacing:-.025em;transition:all .4s ease .4s} #svisual-wrap .svis .txt-box .txt-pkg .tit + .txt {margin-top:6px} .loaded #svisual-wrap .svis .txt-box .txt-pkg .txt, .loaded #svisual-wrap .svis .txt-box .txt-pkg .tit {opacity:1;transform:translateY(0)} .loaded #svisual-wrap .svis .img-box img {} @media all and (max-width:1399px) { #svisual-wrap .svis .txt-box .txt-pkg .txt {font-size:16px} #svisual-wrap .svis .txt-box .txt-pkg .tit {font-size:40px} } @media all and (max-width:999px) { #svisual-wrap .svis {display:none} } /* cont-navi */ #contNavi {width:100%;height:70px;padding:0 20px;box-sizing:border-box;background:#016eed;transition:all .4s ease .6s;z-index:12} #contNavi .cont-navi {max-width:1400px;height:100%;margin:0 auto;display:flex;flex-flow:row wrap} #contNavi a.home {display:block;position:relative;width:36px;height:100%;z-index:99;} #contNavi a.home:before {display:block;content:'';position:absolute;top:50%;left:0;margin-top:-18px;width:36px;height:36px;background:rgba(255,255,255,0.2);border-radius:50%;transition:all .3s ease;} #contNavi a.home:after {display:block;content:'';position:absolute;top:50%;left:9px;margin-top:-8px;width:18px;height:16px;background:url(/resources/_Templet/Layout/layout_dept/Img/layout_spr.png) no-repeat -30px 0;} #contNavi a.home:focus:before, #contNavi a.home:hover:before {background:#22264C;} #contNavi dl {position:relative;z-index:99;} #contNavi dl dt a {display:flex;align-items:center;position:relative;min-width:190px;height:70px;padding:0 45px 0 20px;transition:all .3s ease;box-sizing:border-box} #contNavi dl dt a:after {content:"";display:block;position:absolute;top:50%;right:23px;margin-top:-6px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;width:6px;height:6px;transform:rotate(-45deg);transition:all .3s ease} #contNavi dl dt a:before {content:"";display:block;position:absolute;top:50%;right:0;margin-top:-16px;width:1px;height:32px;background:#cfcfcf;opacity:0.6;transition:all .3s ease} #contNavi dl dt a .txt {display:inline-block;position:relative;color:#fff;font-size:17px;font-weight:500;line-height:1.2;letter-spacing:-.05em;transition:all .3s ease} #contNavi dl.cnavi1 dt a {} #contNavi dl dt a:hover:after, #contNavi dl.over dt a:after {margin-top:-3px;transform:rotate(135deg)} #contNavi .sub-list {display:none;position:absolute;top:100%;left:0;background-color:#fff;border-radius:20px;border-bottom-right-radius:0;min-width:190px;padding:20px 24px;box-shadow:0 10px 30px 0 rgba(0, 0, 0, .1);box-sizing:border-box} #contNavi .sub-list ul {} #contNavi .sub-list li .mn_a1 {position:relative;display:block;padding:6px 0;color:#555;font-size:15px;font-weight:500;text-align:left;transition:all .3s ease} #contNavi .sub-list li .mn_a1 span {display:inline-block;line-height:1.2} #contNavi .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 -44px 0} #contNavi .sub-list li.isOver a span, #contNavi .sub-list li .mn_a1:hover {color:#006ee9} #contNavi .sub-list li .mn_a1[target='_blank']:hover:after {background-position:-66px 0} #contNavi .sub-list .btn-close {display:block;position:absolute;right:0;top:100%;background-color:#fff;border:0;width:30px;height:30px} #contNavi .sub-list .btn-close:before, #contNavi .sub-list .btn-close: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} #contNavi .sub-list .btn-close:before {transform:rotate(45deg)} #contNavi .sub-list .btn-close:after {transform:rotate(135deg)} #contNavi .sub-list .btn-close:hover:before {transform:rotate(135deg);background:#000} #contNavi .sub-list .btn-close:hover:after {transform:rotate(225deg);background:#000} @media all and (max-width:999px) { #contNavi {display:none} } /* contents */ #container-wrap {z-index:1} #container {position:relative;transition:all .3s;/*z-index:9*/} #container .cont-sub-navi {position:absolute;left:0;top:43px;width:200px;display:none;} #container .cont-sub-navi:before {content:"";display:block;position:absolute;right:calc(100% - 20px);top:0;background-color:#0091dc;border-radius:30px;width:97px;height:100%} #container .cont-sub-navi > ul {padding:27px 0 27px 40px} #container .cont-sub-navi > ul > li {padding:11px 0 12px} #container .cont-sub-navi > ul > li > a {display:block;color:#5e5e5e;font-size:17px;font-weight:500;letter-spacing:-.05em;transition:all .3s ease;box-sizing:border-box} #container .cont-sub-navi > ul > li.on > a {position:relative;padding-left:30px} #container .cont-sub-navi > ul > li.on > a:before {content:"";display:block;position:absolute;left:0;top:-3px;background:#004591 url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -352px 0;border-radius:50%;width:21px;height:21px} #container .cont-sub-navi > ul > li.on > a, #container .cont-sub-navi > ul > li > a:hover {color:#004591} #container .cont-sub-navi.fixed {position:fixed} #container .cont-sub-navi.orgin {position:absolute;top:auto;bottom:40px} #contents {position:relative;width:100%;max-width:1400px;min-height:600px;margin:58px auto 0;box-sizing:border-box} #contents .cont-top {position:relative;margin-bottom:50px} #contents .cont-top .cont-tit {color:#111;font-size:48px;font-weight:700;line-height:1.2em;font-family:"Gmarket Sans", sans-serif;letter-spacing:-0.05em;text-align:center;} #contents .cont-top .cont-util {position:absolute;right:0;top:-115px;z-index:15} #contents .cont-top .cont-util button {background:none;border:0;border-radius:15px;width:45px;height:45px} #contents .cont-top .cont-util button:before {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(/resources/_Templet/Layout/layout_dept/Img/layout_spr.png) no-repeat;margin:auto} #contents .cont-top .cont-util .box-util {display:flex;flex-flow:row wrap;align-items:center;position:relative} #contents .cont-top .cont-util .box-util .unit {position:relative;margin-left:10px} #contents .cont-top .cont-util .box-util .unit > .btn-cast {display:block;position:relative;background-color:#fff;box-shadow: 0px 1px 20px 0px rgba(144, 156, 187, 0.4);transition:all .3s} #contents .cont-top .cont-util .box-util .unit > .btn-cast:before {background-position-y:-33px;width:19px;height:18px;z-index:2} #contents .cont-top .cont-util .box-util .unit > .btn-cast:hover {} #contents .cont-top .cont-util .box-util .unit .btn-sns {} #contents .cont-top .cont-util .box-util .unit .btn-sns:before {background-position-x:0} #contents .cont-top .cont-util .box-util .unit .btn-sns:hover {background-color:#006ee9} #contents .cont-top .cont-util .box-util .unit .btn-sns:hover:before {background-position-x:-87px} #contents .cont-top .cont-util .box-util .unit .btn-print {} #contents .cont-top .cont-util .box-util .unit .btn-print:before {background-position-x:-29px} #contents .cont-top .cont-util .box-util .unit .btn-print:hover {background-color:#ffd44d} #contents .cont-top .cont-util .box-util .unit .btn-print:hover:before {background-position-x:-116px} #contents .cont-top .cont-util .box-util .unit .btn-share {} #contents .cont-top .cont-util .box-util .unit .btn-share:before {background-position-x:-58px} #contents .cont-top .cont-util .box-util .unit .btn-share:hover {background-color:#142e5d} #contents .cont-top .cont-util .box-util .unit .btn-share:hover:before {background-position-x:-145px} #contents .cont-top .cont-util .box-util .sns-list {display:none;position:absolute;top:100%;right:0;box-sizing:border-box;z-index:100} #contents .cont-top .cont-util .box-util .sns-list ul {display:block;margin-top:53px} #contents .cont-top .cont-util .box-util .sns-list li {margin-top:5px} #contents .cont-top .cont-util .box-util .sns-list button {display:block;position:relative;font-size:0;transition:all .3s ease} #contents .cont-top .cont-util .box-util .sns-list .btn-face {background-color:#2a569c} #contents .cont-top .cont-util .box-util .sns-list .btn-twit {background-color:#55acef} #contents .cont-top .cont-util .box-util .sns-list .btn-blog {background-color:#1dc800} #contents .cont-top .cont-util .box-util .sns-list .btn-kaks {background-color:#fdd101} #contents .cont-top .cont-util .box-util .sns-list button:before {background-position-y:-132px;width:45px;height:45px;z-index:1} #contents .cont-top .cont-util .box-util .sns-list .btn-face:before {background-position-x:-55px} #contents .cont-top .cont-util .box-util .sns-list .btn-twit:before {background-position-x:-110px} #contents .cont-top .cont-util .box-util .sns-list .btn-blog:before {background-position-x:-165px} #contents .cont-top .cont-util .box-util .sns-list .btn-kaks:before {background-position-x:-220px} #contents .cont-top .cont-util .box-util .sns-list .sns-closer {position:absolute;left:0;top:3px;background:#1b1b1b} #contents .cont-top .cont-util .box-util .sns-list .sns-closer:before, #contents .cont-top .cont-util .box-util .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:#fff;opacity:1;transition:all .3s ease} #contents .cont-top .cont-util .box-util .sns-list .sns-closer:before {transform:rotate(45deg)} #contents .cont-top .cont-util .box-util .sns-list .sns-closer:after {transform:rotate(135deg)} #contents .cont-top .cont-util .box-util .sns-list .sns-closer:focus:before, #contents .cont-top .cont-util .box-util .sns-list .sns-closer:hover:before, #contents .cont-top .cont-util .box-util .sns-list .sns-closer:focus:after, #contents .cont-top .cont-util .box-util .sns-list .sns-closer:hover:after {} #contents #cont {min-height:400px;padding:0 0 70px 0;color:#555;font-size:18px;font-weight:400;line-height:1.556;letter-spacing:-.04em;word-break:keep-all;word-wrap:break-word} #contents #cont:after {clear:both;content:"";display:block} #contents #cont input, button, select, textarea {color:#555;font-size:18px;font-family:"Spoqa Han Sans Neo", sans-serif;letter-spacing:-.04em} #contents #cont .c-tab01 {margin-top:0} @media all and (max-width:1799px) { #container {box-sizing:border-box} } @media all and (max-width:1459px) { #contents {padding:0 30px} } @media all and (max-width:1260px) { #container .cont-sub-navi {display:none} } @media all and (max-width:999px){ #container {z-index:9} #contents {width:auto;margin-top:0;padding:0 20px} #contents #cont {font-size:17px;padding-bottom:40px} #contents #cont input, button, select, textarea {font-size:17px} #contents .cont-top {position:relative;margin-bottom:0;padding:26px 0 24px;text-align:center} #contents .cont-top:before {content:"";display:block;position:absolute;left:50%;top:0;background-color:#fff;width:2000px;height:100%;margin-left:-1000px;z-index:-1} #contents .cont-top .cont-tit {font-size:24px;line-height:1.2} #contents .cont-top .cont-util {position:relative;right:auto;top:auto;margin-top:10px} #contents .cont-top .cont-util .box-util {justify-content:center} #contents .cont-top .cont-util .box-util .unit {margin:0 4px} #contents .cont-top .cont-util button {width:36px;height:36px} #contents .cont-top .cont-util .box-util .unit > .btn-cast:before {background-position-y:-61px;width:17px;height:15px;} #contents .cont-top .cont-util .box-util .unit .btn-sns:hover:before {background-position-x:-81px} #contents .cont-top .cont-util .box-util .unit .btn-print:before {background-position-x:-27px} #contents .cont-top .cont-util .box-util .unit .btn-print:hover:before {background-position-x:-108px} #contents .cont-top .cont-util .box-util .unit .btn-share:before {background-position-x:-54px} #contents .cont-top .cont-util .box-util .unit .btn-share:hover:before {background-position-x:-135px} #contents .cont-top .cont-util .box-util .sns-list ul {margin-top:52px} #contents .cont-top .cont-util .box-util .sns-list li {margin-top:3px} #contents .cont-top .cont-util .box-util .sns-list button:before {background-position-y:-187px;width:36px;height:36px;z-index:1} #contents .cont-top .cont-util .box-util .sns-list .btn-face:before {background-position-x:-46px} #contents .cont-top .cont-util .box-util .sns-list .btn-twit:before {background-position-x:-92px} #contents .cont-top .cont-util .box-util .sns-list .btn-blog:before {background-position-x:-138px} #contents .cont-top .cont-util .box-util .sns-list .btn-kaks:before {background-position-x:-184px} #contents .cont-top .cont-util .box-util .sns-list .sns-closer {top:13px;} } @media all and (max-width:768px){ #container {z-index:1} #contents #cont {font-size:16px;} #contents #cont input, button, select, textarea {font-size:16px} } @media all and (max-width:599px) { #contents #cont {font-size:15px} } @keyframes rotate { from {-webkit-transform: rotate(0deg)} to {-webkit-transform: rotate(359deg);} } @-webkit-keyframes rotate { from {-webkit-transform: rotate(0deg)} to {-webkit-transform: rotate(359deg);} } /* ============================== * 메인 하단 배너모음 공통 ================================= */ .mbnr-sec {background-color:rgba(193, 193, 199, .2);border-top:1px solid #c1c1c7;padding:20px 0;box-sizing:border-box} .mbnr-sec .mbnr-box {position:relative;width:100%;max-width:1440px;margin:0 auto;padding:0 20px 0 120px;box-sizing:border-box} .mbnr-sec .mbnr-box a {display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;height:72px;box-sizing:border-box;overflow:hidden} .mbnr-sec .mbnr-box a img {max-width:100%;height:auto} .mbnr-sec .mbnr-box a span {display:block;padding-top:3px;color:#333;font-size:1.056em;font-weight:600;line-height:1.2;text-align:center} .mbnr-sec .mbnr-box .data-ctrl {display:flex;align-items:center;position:absolute;left:20px;top:50%;margin-top:-13px} .mbnr-sec .mbnr-box .data-ctrl button, .mbnr-sec .mbnr-box .data-ctrl a {display:block;position:relative;background-color:#fff;border:1px solid #333;border-radius:50%;width:26px;height:26px;box-sizing:border-box} .mbnr-sec .mbnr-box .data-ctrl .data-auto {display:flex;align-items:center;margin:0 2px} .mbnr-sec .mbnr-box .data-ctrl .data-auto button {background-color:#333} .mbnr-sec .mbnr-box .data-ctrl button:before, .mbnr-sec .mbnr-box .data-ctrl button:after {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto} .mbnr-sec .mbnr-box .data-ctrl > button:before, .mbnr-sec .mbnr-box .data-ctrl > button:after {background:#333;border:0;width:2px;height:8px;transition:all .3s ease-out} .mbnr-sec .mbnr-box .data-ctrl .btn-prev:before {transform:translateY(-35%) rotate(45deg)} .mbnr-sec .mbnr-box .data-ctrl .btn-prev:after {transform:translateY(35%) rotate(-45deg)} .mbnr-sec .mbnr-box .data-ctrl .btn-next:before {transform:translateY(35%) rotate(45deg)} .mbnr-sec .mbnr-box .data-ctrl .btn-next:after {transform:translateY(-35%) rotate(-45deg)} .mbnr-sec .mbnr-box .data-ctrl .btn-stop:before {border:2px solid #fff;border-top:0;border-bottom:0;width:6px;height:10px;box-sizing:border-box} .mbnr-sec .mbnr-box .data-ctrl .btn-play {display:none} .mbnr-sec .mbnr-box .data-ctrl .btn-play:before {left:2px;border-width:5px 0 5px 7px;border-style:solid;border-color:transparent;border-left-color:#fff;width:0;height:0} /*-------------------------gnavi_dept.css------------------------------------*/ #gNavi {position:absolute;right:0;z-index:11112;} #gNavi .global-wrap {} #gNavi .glink-sec {position:absolute;right:0;top:0;padding-right:111px;z-index:2200} #gNavi .glink-sec .glink-list {display:flex;align-items:center;height:80px;position:relative;white-space:nowrap;z-index:1100} #gNavi .glink-sec .glink-list > * {position:relative;display:inline-block;color:#363a3c;font-size:15px;margin-left:12px;margin-right:12px;} #gNavi .glink-sec .glink-list > *:before {display:block;content:'';position:absolute;top:50%;left:-12px;width:1px;height:14px;background:#dddddd;transform:translateY(-50%);} #gNavi .glink-sec .glink-list > *:after {display:block;content:'';position:absolute;top: calc(100% + 4px);right:0;width:0;height:1px;background:#363a3c;transition:all .3s ease;} #gNavi .glink-sec .glink-list > *:focus:after, #gNavi .glink-sec .glink-list > *:hover:after {left:0;right:auto;width:100%;} #gNavi .glink-sec .glink-list > *:first-child {margin-left:0;} #gNavi .glink-sec .glink-list > *:first-child:before {display:none;} #gNavi .glink-sec .glink-list > *:last-child {margin-right:0;} #gNavi .glink-sec .glink-list .whome {position:relative;display:inline-block;font-size:15px;font-weight:700;color:#002d62;padding-left:25px;padding-right:20px;} #gNavi .glink-sec .glink-list .whome span:before {display:block;content:'';position:absolute;top:50%;left:0;width:20px;height:20px;background:url(/resources/_Templet/Layout/layout_dept/Img/layout_spr.png) no-repeat 0 0;transform:translateY(-50%);} #gNavi .glink-sec .glink-list .whome span:after {display:block;content:'';position:absolute;top:50%;right:0;width:12px;height:12px;background:url(/resources/_Templet/Layout/layout_dept/Img/layout_spr.png) no-repeat -116px 0;transform:translateY(-50%);} #gNavi .glink-sec .glink-list .whome:after {background:#002d62;} #gNavi .glink-sec .glink-list .toppop-ctrl:after {display:none;} #gNavi .glink-sec .glink-list .btn-wctrl {display:inline-flex;align-items:center;font-size:14px;color:#0091dc;font-weight:700;border:0;background:none;} #gNavi .glink-sec .glink-list .btn-wctrl i {display:inline-block;padding:0 2px;min-width:20px;height:20px;margin-left:7px;line-height:20px;font-size:12px;color:#fff;font-weight:500;background:#0091dc;border-radius:50%;font-style:normal;box-sizing:border-box;} #gNavi .glink-sec .glink-list .btn-wctrl:after {display:block;content:'';position:absolute;top: calc(100% + 4px);right:0;width:0;height:1px;background:#0091dc;transition:all .3s ease;} #gNavi .glink-sec .glink-list .btn-wctrl:focus:after, #gNavi .glink-sec .glink-list .btn-wctrl:hover:after {left:0;right:auto;width:100%;} #gNavi .glink-sec .glink-list .langE {font-size:14px;font-weight:700;} #gNavi .glink-sec .srvc-util {display:block;position:absolute;right:0;top:0;z-index:1001} #gNavi .glink-sec .srvc-util .amenu {display:block;background:#006ee9;width:90px;height:80px;font-size:0;border:0;box-sizing:border-box} #gNavi .glink-sec .srvc-util .amenu:before, #gNavi .glink-sec .srvc-util .amenu span, #gNavi .glink-sec .srvc-util .amenu:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;width:23px;height:2px;font-size:0;transition:all .3s ease} #gNavi .glink-sec .srvc-util .amenu:before {margin:32px auto auto auto} #gNavi .glink-sec .srvc-util .amenu span {margin:auto} #gNavi .glink-sec .srvc-util .amenu:after {left:-8px;width:15px;margin:auto auto 32px auto} #gNavi .glink-sec .srvc-util .amenu:focus:before, #gNavi .glink-sec .srvc-util .amenu:hover:before {left:-8px;width:15px;} #gNavi .glink-sec .srvc-util .amenu:focus:after, #gNavi .glink-sec .srvc-util .amenu:hover:after {left:0;width:23px;} @media all and (max-width:1699px) { #gNavi .glink-sec {padding-right:120px;} #gNavi .glink-sec .glink-list {height:auto;padding-top:15px;} #gNavi .glink-sec .srvc-util .amenu {width:80px;height:90px} } @media all and (max-width:999px) { #gNavi {display:none;} } /* ============================== * sitemap ================================= */ .site-dept-menu {z-index:99999 !important} #layout-popup-wrap.site-dept-menu > #popup-wrap {background:none} #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-head {display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;position:relative;background-color:#fff;border-radius:25px 25px 0 0;height:110px} #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-head:before {content:"";display:block;position:absolute;left:0;top:0;background-color:#006ee9;border-radius:25px;width:100%;height:100%;z-index:-1} .site-dept-menu #popup-wrap .pop-head .htit {display:block;color:#fff;font-size:1.667em;font-weight:700;font-family:"Gmarket Sans", sans-serif;} #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-cont {background-color:#fff;margin:0;padding:50px 60px;box-sizing:border-box} .site-dept-menu .sitemap-unit {border-bottom:3px solid #dedede;padding:50px 0} .site-dept-menu .sitemap-unit:first-child {padding-top:0;} .site-dept-menu .sitemap-unit:last-child {border-bottom:0;padding-bottom:0} .site-dept-menu .sitemap-list a[target=_blank] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat;width:12px;height:12px;vertical-align:middle;} .site-dept-menu .sitemap-list h3 > a[target=_blank] span:after {background-position-x:-88px;width:19px;height:19px;margin:-4px 0 0 14px} .site-dept-menu .sitemap-list .lm_a1[target=_blank] span:after {display:block;position:absolute;right:0;top:50%;margin-top:-6px} .site-dept-menu .sitemap-list .lm_a1[target=_blank].over span:after {background-position-x:-22px} .site-dept-menu .sitemap-list .lm_a2[target=_blank] span:after {background-position-x:-44px;margin:0 0 4px 7px} .site-dept-menu .sitemap-list .lm_a2[target=_blank]:hover span:after, .site-dept-menu .sitemap-list .lm_a2[target=_blank].over span:after {} .site-dept-menu .sitemap-list {display:flex;flex-flow:row wrap} .site-dept-menu .sitemap-list h3.depth-tit {width:300px;margin-top:-13px;padding-right:15px;box-sizing:border-box} .site-dept-menu .sitemap-list h3 > a {display:block;color:#22264c;font-size:2.222em;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:-.05em} .site-dept-menu .sitemap-list h3 > a:after {content:"";display:inline-block;background-color:#ffd325;border-radius:50%;width:8px;height:8px;margin-left:1px;vertical-align:top} .site-dept-menu .sitemap-list .depth1-body {width:calc(100% - 300px)} .site-dept-menu .sitemap-list .depth1 {display:flex;flex-flow:row wrap} .site-dept-menu .sitemap-list .depth1 .lm_l1 {width:23.11%;margin:0 2.52% 20px 0} .site-dept-menu .sitemap-list .depth1 .lm_l1:nth-child(4n) {margin-right:0} .site-dept-menu .sitemap-list .lm_a1 {display:flex;align-items:center;position:relative;background:#fff;border:1px solid #ddd;border-radius:5px;height:46px;padding:0 15px;font-size:0;text-align:left;transition:all .3s ease;box-sizing:border-box} .site-dept-menu .sitemap-list .lm_a1 span {display:block;position:relative;width:100%;padding:5px 14px 4px 0;color:#222;font-weight:500;font-size:17px;letter-spacing:-.05em;line-height:1.2;box-sizing:border-box;transition:all .3s ease} .site-dept-menu .sitemap-list .lm_a1:hover {border-color:#22264c} .site-dept-menu .sitemap-list .lm_a1:hover span {color:#22264c} .site-dept-menu .sitemap-list .depth2-body {padding:11px 0 0 17px;box-sizing:border-box} .site-dept-menu .sitemap-list .depth2-body .depth3-ul {} .site-dept-menu .sitemap-list .depth2-body .lm_l2 {position:relative;padding-left:14px;} .site-dept-menu .sitemap-list .depth2-body .lm_l2:before {content:"";display:block;position:absolute;left:0;top:11px;background-color:#7d7d7d;border-radius:50%;width:5px;height:5px} .site-dept-menu .sitemap-list .depth2-body .lm_a2 {display:block;position:relative} .site-dept-menu .sitemap-list .depth2-body .lm_a2 span {display:inline-block;position:relative;color:#555;font-size:17px;letter-spacing:-.05em;line-height:1.2;transition:all .3s ease} .site-dept-menu .sitemap-list .depth2-body .over.lm_a2 span {} .site-dept-menu .sitemap-list .depth2-body .over.lm_a2 span, .site-dept-menu .sitemap-list .depth2-body .lm_a2.over span, .site-dept-menu .sitemap-list .depth2-body .lm_a2:hover span {color:#000} .site-dept-menu .sitemap-list .depth3 {display:none} .site-dept-menu.site-eng-menu .sitemap-list h3 > a {line-height:1.2} .site-dept-menu.site-eng-menu .sitemap-list .lm_a1 {height:auto;min-height:46px;} #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-btn-1 {top:28px;right:33px;background-color:#fff;border-radius:15px;width:55px;height:55px;box-shadow:0 13px 28px 0 rgba(144, 156, 187, .4)} #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-btn-1:before, #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-btn-1:after {content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;width:15px;height:2px;margin:auto;transition:all .3s} #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-btn-1:before {transform:rotate(45deg);-ms-transform:rotate(45deg)} #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-btn-1:after {transform:rotate(-45deg);-ms-transform:rotate(-45deg)} #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-btn-1:hover:before {transform:rotate(135deg);-ms-transform:rotate(135deg)} #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-btn-1:hover:after {transform:rotate(45deg);-ms-transform:rotate(45deg)} @media all and (max-width:1399px) { .site-dept-menu .sitemap-list .depth1 .lm_l1 {width:31.65%;margin-right:2.525%} .site-dept-menu .sitemap-list .depth1 .lm_l1:nth-child(4n) {margin-right:2.525%} .site-dept-menu .sitemap-list .depth1 .lm_l1:nth-child(3n) {margin-right:0} } @media all and (max-width:999px) { #layout-popup-wrap.site-dept-menu > #popup-wrap {padding:0} #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-head {height:90px} #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-cont {padding:20px} .site-dept-menu .sitemap-list h3.depth-tit {width:auto;margin-top:0;margin-bottom:15px;padding-right:0} .site-dept-menu .sitemap-list .depth1-body {width:auto} .site-dept-menu .sitemap-list {display:block} #layout-popup-wrap.site-dept-menu > #popup-wrap .pop-btn-1 {top:18px;right:20px} } @media all and (max-width:699px) { .site-dept-menu .sitemap-list .depth1 .lm_l1 {width:49%;margin-right:2%} .site-dept-menu .sitemap-list .depth1 .lm_l1:nth-child(4n) {margin-right:2%} .site-dept-menu .sitemap-list .depth1 .lm_l1:nth-child(3n) {margin-right:2%} .site-dept-menu .sitemap-list .depth1 .lm_l1:nth-child(even) {margin-right:0} } @media all and (max-width:499px) { .site-dept-menu .sitemap-list .depth1 .lm_l1 {width:100%;margin-right:0} .site-dept-menu .sitemap-list .depth1 .lm_l1:nth-child(4n) {margin-right:0} .site-dept-menu .sitemap-list .depth1 .lm_l1:nth-child(3n) {margin-right:0} } /*-------------------------logo_dept.css------------------------------------*/ #header .logo {display:block;position:absolute;left:50px;top:50%;transform:translateY(-50%);z-index:501} #header .logo .logoWr {display:inline-flex;align-items:center;} #header .logo a {display:inline-block} #header .logo a img {display:block;height:auto} #header .logo .slogo {padding-right:15px;} #header .logo .slogoTxt {position:relative;padding-left:15px;font-size:22px;font-weight:700;color:#000000;} #header .logo .slogoTxt:before {display:block;content:'';position:absolute;top:50%;left:0;width:1px;height:24px;background:rgba(0,0,0,0.2);transform:translateY(-50%);} @media all and (max-width:1699px) { #header .logo {left:20px} } @media all and (max-width:1599px) { #header .logo a img {height:38px} #header .logo .slogoTxt {font-size:18px;} #header .logo .slogoTxt:before {height:20px;} } @media all and (max-width:999px) { .mobile-sideMenu-open #header .logo {z-index:0} #header .logo {padding-right:65px;} #header .logo a img {height:32px} #header .logo .slogo {padding-right:10px;} #header .logo .slogoTxt {padding-left:10px;font-size:15px;} #header .logo .slogoTxt:before {height:18px;} } /*-------------------------header_dept.css------------------------------------*/ #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 {} #mainNavi a[target=_blank] span:after {content:"";display:inline-block;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat;width:12px;height:12px;vertical-align:middle;} #mainNavi .mn_a2[target=_blank] span:after {display:block;position:absolute;right:16px;top:50%;margin-top:-6px;background-position-x:-44px} #mainNavi .mn_a2[target=_blank]:focus span:after, #mainNavi .mn_a2[target=_blank]:hover span:after {background-position-x:0} #mainNavi .mn_a3[target=_blank] span:after {background-position-x:-44px;margin:0 0 4px 7px} #mainNavi .mn_a3[target=_blank]:hover span:after, #mainNavi .mn_a3[target=_blank].over span:after {} @media all and (min-width:1000px) { #mainNavi .mn_a1[target=_blank] span:after {margin:-2px 0 0px 7px} #mainNavi .mn_a1[target=_blank]:hover span:after, #mainNavi .mn_a1[target=_blank].over span:after {background-position-x:-66px} } @media all and (max-width:999px) { #mainNavi .mn_a1[target=_blank] span:after {background-position-x:-22px;margin:-1px 0 0 5px} #mainNavi .mn_a2[target=_blank] span:after {right:10px} } /* 주메뉴 */ @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:80px;z-index:500;overflow:hidden;box-sizing:border-box;} #mainNavi-wrap.over {border-radius:0 0 30px 30px;} #mainNavi-wrap.over:before {content:"";display:block;position:absolute;bottom:0;right:4.6875%;background:url(/resources/_Templet/Layout/layout_dept/Img/layout_spr.png) no-repeat 0 -233px;width:240px;height:200px} #menu-wrap {} #menu-wrap .allmn-btn {display:none} #mainNavi {height:80px;box-sizing:border-box;background:#fff;} #mainNavi .depth1-wrap {height:100%;/*margin:0 60px;*/padding:0 370px 0 480px;text-align:left;transition:all .3s;box-sizing:border-box} #mainNavi .depth1-ul {display:flex;flex-flow:row wrap;justify-content:center;height:100%;overflow:hidden} #mainNavi .mn_li1 {height:100%} #mainNavi .mn_a1 {display:flex;align-items:flex-start;position:relative;padding:0 30px;height:100%;} #mainNavi .mn_a1 > span {display:block;align-self:center;position:relative;padding:20px 0;color:#222222;font-size:20px;font-weight:500;letter-spacing:-.05em;line-height:1} .isMain #mainNavi .mn_a1 > span {/*color:#fff*/} #mainNavi .mn_a1 > span:before {content:"";display:block;position:absolute;left:50%;bottom:0;background-color:#006ee9;border-radius:50%;margin-left:-3px;opacity:0;width:7px;height:7px;transform:translateY(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:#006ee9} #mainNavi .mn_li1 .mn_a1.over > span:before, #mainNavi .mn_a1:hover > span:before, #mainNavi .mn_li1.over .mn_a1 > span:before {opacity:1;transform:translateY(-4px)} #mainNavi .depth2-wrap {display:none;position:absolute;top:80px;left:50%;width:100%;max-width:1440px;margin:0 auto;min-height:230px;padding:60px 20px 50px 20px;text-align:left;box-sizing:border-box;transform:translateX(-50%);z-index:1000} #mainNavi .depth2-wrap .depth2-tit {display:block;position:absolute;top:0;left:20px;width:calc((100% - 1400px) / 2 + 350px);height:100%;padding:69px 30px 0 0;overflow:hidden;box-sizing:border-box;transition:all .3s;} #mainNavi .depth2-wrap .depth2-tit span {display:block} #mainNavi .depth2-wrap .depth2-tit .tit {position:relative;display:inline-block;color:#22264c;font-size:40px;font-weight:700;letter-spacing:-0.05em;font-family:"Gmarket Sans", sans-serif} #mainNavi .depth2-wrap .depth2-tit .tit:after {content:"";display:inline-block;position:absolute;top:-14px;right:-15px;background-color:#ffd325;border-radius:50%;width:8px;height:8px;vertical-align:top} #mainNavi .depth2-wrap .depth2-tit .txt {margin-top:11px;color:#2c2d3a;font-size:16px;font-weight:300;line-height:1.2;font-family:"Gmarket Sans", sans-serif} #mainNavi .depth2-wrap .depth2-ul {display:flex;flex-flow:row wrap;position:relative;max-width:1400px;margin:0 auto;padding-left:350px;box-sizing:border-box} #mainNavi .depth2-wrap .mn_li2 {width:calc(25% - 10px);margin:0 0 10px 10px;position:relative} #mainNavi .depth2-wrap .mn_li2:nth-child(-n+3) {padding-top:0} #mainNavi .depth2-wrap .mn_li2:nth-child(3n) {margin-right:0} #mainNavi .depth2-wrap .mn_a2 {display:flex;align-items:center;position:relative;background:#fff;border:1px solid #ddd;border-radius:5px;min-height:50px;font-size:0;text-align:left;transition:all .3s ease;box-sizing:border-box} #mainNavi .depth2-wrap .mn_li2.has-sub .mn_a2:after {content:"";display:block;position:absolute;top:-4px;right:0;bottom:0;left:0;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #8c8c8c #8c8c8c;width:8px;height:8px;margin:auto 15px auto auto;transform:rotate(-45deg);transition:all .3s ease;} #mainNavi .depth2-wrap .mn_li2.has-sub .mn_a2 {padding-right:36px} #mainNavi .depth2-wrap .mn_a2 span {display:block;position:relative;width:100%;padding:0 14px 0 0;color:#444;font-weight:500;font-size:17px;letter-spacing:-.05em;line-height:1.1;padding:0 35px 0 20px;box-sizing:border-box;transition:all .3s ease} #mainNavi .depth2-wrap .mn_a2 span:before {display:block;content:'';position:absolute;top:50%;right:22px;margin-top:-5px;width:8px;height:8px;border-bottom:2px solid #8c8c8c;border-right:2px solid #8c8c8c;transform:rotate(-45deg);transition:all .3s ease;} #mainNavi .depth2-wrap .mn_a2:focus, #mainNavi .depth2-wrap .mn_a2:hover {border-color:#22264c;} #mainNavi .depth2-wrap .mn_a2:focus span, #mainNavi .depth2-wrap .mn_a2:hover span {color:#22264c;} #mainNavi .depth2-wrap .mn_a2:focus span:before, #mainNavi .depth2-wrap .mn_a2:hover span:before {border-color:#22264c;} #mainNavi .depth2-wrap .mn_a2:focus, #mainNavi .depth2-wrap .mn_a2:hover {border-color:#22264c;} #mainNavi .depth2-wrap .mn_a2:focus span, #mainNavi .depth2-wrap .mn_a2:hover span {color:#22264c;} #mainNavi .depth2-wrap .mn_a2:focus span:before, #mainNavi .depth2-wrap .mn_a2:hover span:before {border-color:#22264c;} #mainNavi .depth2-wrap .mn_a2.over, #mainNavi .depth2-wrap .mn_a2.over {border-color:#22264c;background:#22264c;box-shadow:0 13px 28px 0 rgba(144, 156, 187, .4);} #mainNavi .depth2-wrap .mn_a2.over span, #mainNavi .depth2-wrap .mn_a2.over span, #mainNavi .depth2-wrap .mn_a2.over:focus span, #mainNavi .depth2-wrap .mn_a2.over:hover span {color:#fff;} #mainNavi .depth2-wrap .mn_a2.over span:before, #mainNavi .depth2-wrap .mn_a2.over span:before, #mainNavi .depth2-wrap .mn_a2.over span:focus:before, #mainNavi .depth2-wrap .mn_a2.over span:hover:before {border-color:#fff;} #mainNavi .depth2-wrap .mn_li2.has-sub .mn_a2 span:before {display:none;} #mainNavi .depth2-wrap .nw .mn_a2 span:before {display:none;} #mainNavi .mn_a2[target=_blank] span:before {display:none;} #mainNavi .depth3-wrap {padding:11px 0 0 17px;box-sizing:border-box} #mainNavi .depth3-wrap .depth3-ul {} #mainNavi .depth3-wrap .mn_li3 {position:relative;padding-left:14px;} #mainNavi .depth3-wrap .mn_li3:before {content:"";display:block;position:absolute;left:0;top:11px;background-color:#7d7d7d;border-radius:50%;width:5px;height:5px} #mainNavi .depth3-wrap .mn_a3 {display:block;position:relative;padding:5px 0;box-sizing:border-box} #mainNavi .depth3-wrap .mn_a3 span {display:inline-block;position:relative;color:#555;font-size:17px;letter-spacing:-.05em;line-height:1.2;transition:all .3s ease} #mainNavi .depth3-wrap .over.mn_a3 span {} #mainNavi .depth3-wrap .over.mn_a3 span, #mainNavi .depth3-wrap .mn_a3.over span, #mainNavi .depth3-wrap .mn_a3:hover span {color:#000} #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-topMenu-open #mainNavi-wrap {background-color:#efeef3;} .pc-topMenu-open #menu-wrap {} .pc-topMenu-open #menu-wrap:after {opacity:0} .pc-topMenu-open #mainNavi .mn_a1 > span {color:#333} .pc-topMenu-open #mainNavi .mn_a1.over > span {color:#006ee9} .pc-topMenu-open #mainNavi .mn_a1:after {background:#006ee9} .body-slider-ovclick {display:none} } @media all and (min-width:1000px) and (max-width:1699px) { #mainNavi-wrap {top:35px;height:55px;} #mainNavi {height:55px;} #mainNavi .depth1-ul {justify-content:flex-end} #mainNavi .depth1-wrap {padding-right:85px;} #mainNavi .depth2-wrap {top:55px;} } @media all and (min-width:1000px) and (max-width:1599px) { #mainNavi .depth1-wrap {padding-left:330px;} #mainNavi .mn_a1 > span {font-size:18px} #mainNavi .depth2-wrap .mn_li2 {width:calc(25% - 10px);} } @media all and (min-width:1000px) and (max-width:1499px) { #mainNavi .depth2-wrap .depth2-tit {width:300px;} #mainNavi .depth2-wrap .depth2-ul {padding-left:300px;} #mainNavi .mn_a1 {padding:0 20px;} } @media all and (min-width:1000px) and (max-width:1299px) { #mainNavi .depth2-wrap .mn_li2 {width:calc(33.33% - 10px);} #mainNavi .mn_a1 {padding:0 10px;} } @media all and (min-width:1000px) and (max-width:1199px) { #mainNavi .mn_a1 > span {font-size:17px} } @media all and (min-width:1000px) and (max-width:1099px) { #mainNavi .mn_a1 {padding:0 5px;} #mainNavi .mn_a1 > span {font-size:15px} } @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%;height:0 !important;max-width:380px} #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%;height:100%;max-width:340px;box-sizing:border-box;transition:right .5s ease, box-shadow .5s ease;overflow-x:hidden;z-index:8000} #menu-wrap.mn-h-open {right:0} #menu-wrap:before {content:"";display:none;position:absolute;top:0;right:0;width:100%;background-color:#006ee9;border-radius:20px 0 20px 20px;height:100%;box-sizing:border-box} #menu-wrap .mDeco {display:block;position:absolute;width:100%;height:100%;padding:70px 0 0 140px;transition:all .3s ease;box-sizing:border-box;z-index:-1} #menu-wrap.hide-mDeco .mDeco {opacity:0} #menu-wrap .is-open .depth2-wrap {display:block !important} #menu-wrap .mGnavi {display:flex;align-items:center; position:absolute;left:0;top:0;width:100%;height:60px;padding-right:65px;font-size:0;text-align:left;box-sizing:border-box;z-index:1} #menu-wrap .mGnavi ul {display:flex;align-items:center;padding-left:30px;} #menu-wrap .mGnavi ul li {position:relative;margin-left:25px;} #menu-wrap .mGnavi ul li:before {display:block;content:'';position:absolute;top:50%;left:-12px;width:1px;height:14px;background:rgba(255,255,255,0.4);transform:translateY(-50%);} #menu-wrap .mGnavi ul li:first-child {margin-left:0} #menu-wrap .mGnavi ul li:first-child:before {display:none;} #menu-wrap .mGnavi a {display:flex;align-items:center} #menu-wrap .mGnavi a span {display:block;position:relative;color:#fff;font-size:15px;box-sizing:border-box} #menu-wrap .mGnavi .langE span {font-size:14px;font-weight:700;} #menu-wrap .mGnavi .btn-wctrl {font-size:14px;font-weight:700;border:0;color:#fff;background:none;} #menu-wrap .btn-close {display:block;position:absolute;top:50%;right:20px;background:#fff;border:0;border-radius:15px;width:39px;height:39px;transform:translateY(-50%)} #menu-wrap .btn-close:before, #menu-wrap .btn-close:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;width:19px;height:2px;margin:auto} #menu-wrap .btn-close:before {transform:rotate(45deg)} #menu-wrap .btn-close:after {transform:rotate(135deg)} #menu-wrap .allmn-btn {display:none} #mainNavi {display:block;position:absolute;width:100%;height:auto;box-sizing:border-box;padding-top:60px;background-color:#006ee9;border-radius:20px 0 20px 20px;overflow-y:auto;z-index:0} #mainNavi .mn_li1.over:before {display:none} #mainNavi .depth1-wrap {position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;border-radius:20px;background:#fff;} #mainNavi .depth1-ul {position:relative;box-sizing:border-box;z-index:1;padding:30px;} #mainNavi .mn_li1 {margin-top:10px;} #mainNavi .mn_li1.first {margin-top:0} #mainNavi .mn_li1 .tgl-btn {display:none} #mainNavi .mn_li1 .mn_a1 {display:flex;align-items:center;position:relative;width:100%;height:50px;border-radius:5px;box-sizing:border-box;border:1px solid #dddddd;background:#fff;z-index:300} #mainNavi .mn_li1 .mn_a1 span {position:relative;display:inline-block;width:100%;color:#444444;font-size:17px;font-weight:500;line-height:1.2;padding:0 35px 0 20px;word-wrap:break-word;word-break:keep-all;box-sizing:border-box;white-space:normal;vertical-align:middle} #mainNavi .mn_li1 .mn_a1 span:before {display:block;content:'';position:absolute;top:50%;right:22px;margin-top:-5px;width:8px;height:8px;border-bottom:2px solid #8c8c8c;border-right:2px solid #8c8c8c;transform:rotate(-45deg);transition:all .3s ease;} #mainNavi .mn_li1 .mn_a1[target=_blank] span:after {position:absolute;right:16px;top:50%;margin-top:-6px;background-position-x:-44px} #mainNavi .mn_li1 .mn_a1[target=_blank] span:before {display:none;} #mainNavi .mn_li1 .mn_a1.over {border-color:#22264c;background:#22264c;box-shadow:0 13px 28px 0 rgba(144, 156, 187, .4);} #mainNavi .mn_li1 .mn_a1.over span {color:#fff;} #mainNavi .mn_li1 .mn_a1.over span:before {border-color:#fff;} #mainNavi .mn_li1.is-open .mn_a1.over span {color:#fff;} #mainNavi .mn_li1.is-open .mn_a1.over span:before {border-color:#fff;transform:rotate(225deg);} #mainNavi .mn_li1.is-open .mn_a1 {border-color:#22264c;} #mainNavi .mn_li1.is-open .mn_a1 span {color:#22264c;} #mainNavi .mn_li1.is-open .mn_a1 span:before {border-color:#22264c;transform:rotate(225deg);} #mainNavi .depth2-wrap {display:none;position:relative;width:100%;height:auto;transition:display .3s ease;box-sizing:border-box} #mainNavi .depth2-wrap .depth2-tit {display:none} #mainNavi .is-open .depth2-wrap {display:block} #mainNavi .depth2-ul {position:relative;padding:22px 20px 9px 20px;box-sizing:border-box;z-index:100;background:#f7f7f7;border-radius:0 0 5px 5px;} #mainNavi .depth2-ul:before {display:block;content:'';position:absolute;top:-10px;left:0;width:100%;height:100%;background:#f7f7f7;} #mainNavi .depth2-wrap .mn_li2 {position:relative;margin-bottom:13px} #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn {display:block;position:absolute;right:5px;top:-8px;background:none;border:0;width:30px;height:30px;z-index:1;opacity:0;} #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:before {content:"";display:block;position:absolute;top:-4px;right:0;bottom:0;left:0;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #8c8c8c #8c8c8c;width:8px;height:8px;margin:auto;transform:rotate(-45deg);transition:all .3s } #mainNavi .depth2-wrap .mn_a2 {position:relative;display:flex;align-items:center;box-sizing:border-box;padding-left:14px;} #mainNavi .depth2-wrap .mn_a2:before {display:block;content:'';position:absolute;top:5px;left:0;width:5px;height:5px;border-radius:50%;background:#7d7d7d;} #mainNavi .depth2-wrap .mn_a2 span {display:inline-block;width:100%;color:#555555;font-size:17px;line-height:1;word-wrap:break-word;word-break:keep-all;white-space:normal} #mainNavi .depth2-wrap .mn_a2.over:before {background:#006ee9;} #mainNavi .depth2-wrap .mn_a2.over span {color:#006ee9;} #mainNavi .depth2-wrap .mn_li2.is-close .depth3-wrap {display:none} #mainNavi .depth2-wrap .depth3-wrap {padding:10px 14px 0 14px;} #mainNavi .depth2-wrap .depth3-wrap li {position:relative;box-sizing:border-box;} #mainNavi .depth2-wrap .depth3-wrap li a {display:block;position:relative;color:#777777;font-size:15px;box-sizing:border-box;padding-left:12px;} #mainNavi .depth2-wrap .depth3-wrap li a:before {content:"";display:block;position:absolute;left:0;top:10px;background-color:#b9b9b9;width:5px;height:2px} #mainNavi .depth2-wrap .depth3-wrap li a span {display:inline-block;position:relative;padding:3px 0;line-height:1.2} #mainNavi .depth2-wrap .depth3-wrap li.over a {} #mainNavi .depth2-wrap .depth3-wrap li .mn_a3.over span {color:#006ee9} #mainNavi .depth2-wrap .depth3-wrap li .mn_a3.over:before {background-color:#006ee9;} #mn-ctrs-btns {display:block;position:absolute;right:0;top:0;z-index:502} #mn-ctrs-btns .mn-ctrs-btn {display:block;position:relative;background-color:#006ee9;border:0;width:60px;height:60px;box-sizing:border-box} #mn-ctrs-btns .mn-ctrs-btn:before, #mn-ctrs-btns .mn-ctrs-btn span, #mn-ctrs-btns .mn-ctrs-btn:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;width:23px;height:2px;font-size:0;transition:all .3s ease} #mn-ctrs-btns .mn-ctrs-btn:before {margin:22px auto auto auto} #mn-ctrs-btns .mn-ctrs-btn span {margin:auto} #mn-ctrs-btns .mn-ctrs-btn:after {left:-8px;width:15px;margin:auto auto 22px 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} } /*-------------------------submenu_dept.css------------------------------------*/ #side-wrap {display:none} @media all and (max-width:768px){ #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;width:55px;height:55px;background:rgba(0, 0, 0, .85);border:0;left:50%;bottom:0;transform:translateX(-50%)} #leftmenu .lm_l1 > .tgl-btn:after {content:"";display:block;position:absolute;width:8px;height:8px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;transform:rotate(-45deg);top:0;right:0;bottom:0;left:0;margin:20px auto auto auto;transition:all .3s ease} #leftmenu .lm_l1.is-open > .tgl-btn:after {transform:rotate(135deg);margin:25px auto auto auto} #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%;box-sizing:border-box;padding:0 20px;z-index:1000;} #leftmenu .depth2 {display:block;background:#e5e5e5;transition:all .3s ease} #leftmenu .depth2 .lm_l2 {display:block;box-sizing:border-box;position:relative;margin:0 0 2px;} #leftmenu .depth2 .lm_l2:last-child {margin:0;} #leftmenu .depth2 .lm_l2 .tgl-btn {display:block;position:absolute;width:40px;height:40px;border:0;right:0px;top:7px;z-index:1;background:transparent} #leftmenu .depth2 .lm_l2 .tgl-btn:before, #leftmenu .depth2 .lm_l2 .tgl-btn:after {content:"";display:block;position:absolute;width:20px;height:2px;background:#aaa;top:0;right:0;bottom:0;left:0;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_l2 .lm_a2 {display:block;position:relative;background:#fff;box-sizing:border-box;padding:15px 50px 15px 20px;z-index:0;transition:all .3s ease} #leftmenu .depth2 .lm_l2 .lm_a2 span {display:inline-block;box-sizing:border-box;position:relative;font-size:17px;color:#555;letter-spacing:-.05em;line-height:1.2} #leftmenu .depth2 .lm_l2 .lm_a2 span:after {content:"";display:block;position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;left:100%;top:3px;margin:0 0 0 7px;opacity:0} #leftmenu .depth2 .lm_l2.over .lm_a2 {background:#0061ba} #leftmenu .depth2 .lm_l2.over .lm_a2 span {color:#fff} #leftmenu .depth2 .lm_l2.over .lm_a2 span:after {opacity:1} #leftmenu .depth2 .lm_l2.over .tgl-btn:before, #leftmenu .depth2 .lm_l2.over .tgl-btn:after {background:#fff !important} #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 {box-sizing:border-box;padding:10px 20px;} #leftmenu .depth3 {} #leftmenu .depth3 .lm_l3 {display:block;margin:0} #leftmenu .depth3 .lm_l3 .tbl-btn {} #leftmenu .depth3 .lm_l3 .lm_a3 {display:block;padding:5px 0 5px 12px;line-height:1;box-sizing:border-box;position:relative;} #leftmenu .depth3 .lm_l3 .lm_a3:before {content:"";display:block;position:absolute;width:6px;height:2px;background:#aaa;left:0;top:14px;} #leftmenu .depth3 .lm_l3 .lm_a3 span {display:inline-block;box-sizing:border-box;position:relative;font-size:16px;letter-spacing:-.05em;line-height:1.2} #leftmenu .depth3 .lm_l3 .lm_a3 span:after {content:"";display:block;position:absolute;width:5px;height:5px;background:#0061ba;border-radius:50%;left:100%;top:3px;margin:0 0 0 7px;opacity:0} #leftmenu .depth3 .lm_l3.over .lm_a3:before {background:#0061ba} #leftmenu .depth3 .lm_l3.over .lm_a3 span {color:#0061ba} #leftmenu .depth3 .lm_l3.over .lm_a3 span:after {opacity:1} } /*-------------------------footer_dept.css------------------------------------*/ #footer-wrap {position:relative;background-color:#1c1e26;z-index:3000} #footer-wrap .ft-wr {position:relative;padding:32px 20px 24px 20px;line-height:1.2;max-width:1440px;margin:0 auto;box-sizing:border-box;} #footer-wrap .top-bt {position:fixed;bottom:-150px;right:20px;width:50px;height:80px;text-align:center;border-radius:30px;/*overflow:hidden;*/background:#142e5d;z-index:3500;transition:all .3s ease;} #footer-wrap .top-bt .top-btT {width:100%;height:40px;display:block;position:relative;} #footer-wrap .top-bt .top-btB {width:100%;height:40px;display:block;position:relative;} #footer-wrap .top-bt .top-btT:before {display:block;content:"";width:10px;height:10px;border:2px solid transparent;border-top:2px solid #fff;border-left:2px solid #fff;position:absolute;top:22px;left:0;right:0;margin:auto;transform:rotate(45deg);-ms-transform:rotate(45deg)} #footer-wrap .top-bt .top-btB:before {display:block;content:"";width:10px;height:10px;border:2px solid transparent;border-top:2px solid #fff;border-left:2px solid #fff;position:absolute;top:6px;left:0;right:0;margin:auto;transform:rotate(-135deg);-ms-transform:rotate(-135deg)} #footer-wrap .top-bt.over {bottom:50px;} #footer-wrap .top-bt.end .top-btB {display:none;} #footer-wrap .top-bt.end .top-btT {height:50px;} #footer-wrap .top-bt.end {height:50px;border-radius:50%;} #footer-wrap .top-bt .top-btT:focus, #footer-wrap .top-bt .top-btB:focus {outline-color:red;} #footer-wrap .ft-info {position:relative;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap: wrap;padding-bottom:20px;} #footer-wrap .ft-info .fti-logo .flogo {display:inline-flex;align-items:center;} #footer-wrap .ft-info .fti-logo a {display:inline-block} #footer-wrap .ft-info .fti-logo a img {display:block;height:auto} #footer-wrap .ft-info .fti-logo .slogo {padding-right:15px;} #footer-wrap .ft-info .fti-logo .slogoTxt {position:relative;padding-left:15px;font-size:20px;font-weight:700;color:#bbbcbe;} #footer-wrap .ft-info .fti-logo .slogoTxt:before {display:block;content:'';position:absolute;top:50%;left:0;width:1px;height:24px;background:rgba(255,255,255,0.1);transform:translateY(-50%);} #footer-wrap .ft-info .fti-addr {padding-top:22px;} #footer-wrap .ft-info .fti-addr dl {margin:0;color:#bbbcbe;font-size:16px} #footer-wrap .ft-info .fti-addr dl dt {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;font-size:0;color:transparent;} #footer-wrap .ft-info .fti-addr dl dd address {display:block;} #footer-wrap .ft-info .fti-addr dl dd ul {display:flex;flex-flow:row wrap;padding-top:10px;} #footer-wrap .ft-info .fti-addr dl dd ul li {margin-right:17px;} /*보건진료소 구문 추가 25.1.2*/ #footer-wrap .ft-info .fti-addr.flx {display:flex} #footer-wrap .ft-info .fti-addr.flx dl:nth-child(2n) {padding-left:40px} #footer-wrap .ft-info .ft-sns {position:absolute;top:5px;right:0;} #footer-wrap .ft-info .ft-sns ul {display:flex;flex-flow:row wrap;} #footer-wrap .ft-info .ft-sns ul li {margin-left:10px;} #footer-wrap .ft-info .ft-sns a {display:block;position:relative;width:36px;height:36px;font-size:0;color:transparent;transition:all .3s ease;} #footer-wrap .ft-info .ft-sns a:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.1;border-radius:50%;transition:all .3s ease;} #footer-wrap .ft-info .ft-sns a:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:url(/resources/_Templet/Layout/layout_dept/Img/layout_spr.png) no-repeat 0 -86px;transition:all .3s ease;} #footer-wrap .ft-info .ft-sns a:focus:before, #footer-wrap .ft-info .ft-sns a:focus:after, #footer-wrap .ft-info .ft-sns a:hover:before, #footer-wrap .ft-info .ft-sns a:hover:after {transform:translateY(-6px);opacity:1;} #footer-wrap .ft-info .ft-sns a.facebook:after {background-position-x:0;} #footer-wrap .ft-info .ft-sns a.budget:after {background-position-x:-46px;} #footer-wrap .ft-info .ft-sns a.naverblog:after {background-position-x:-92px;} #footer-wrap .ft-info .ft-sns a.youtube:after {background-position-x:-138px;} #footer-wrap .ft-info .ft-sns a.insta:after {background-position-x:-184px;} #footer-wrap .ft-info .ft-sns a.daumcafe:after {background-position-x:-230px;} #footer-wrap .ft-info .ft-sns a.bidding:after {background-position-x:-276px;} #footer-wrap .ft-info .ft-sns a.kakao:after {background-image:url(/resources/_Templet/Layout/layout_dept/Img/f_kakao.png);background-position:0 0} #footer-wrap .ft-info .ft-sns a.facebook:focus:before, #footer-wrap .ft-info .ft-sns a.facebook:hover:before {background-color:#3545B5;} #footer-wrap .ft-info .ft-sns a.budget:focus:before, #footer-wrap .ft-info .ft-sns a.budget:hover:before {background-color:#1D9BF0;} #footer-wrap .ft-info .ft-sns a.naverblog:focus:before, #footer-wrap .ft-info .ft-sns a.naverblog:hover:before {background-color:#00AB4C;} #footer-wrap .ft-info .ft-sns a.youtube:focus:before, #footer-wrap .ft-info .ft-sns a.youtube:hover:before {background-color:#D00000;} #footer-wrap .ft-info .ft-sns a.insta:focus:before, #footer-wrap .ft-info .ft-sns a.insta:hover:before {background:radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);} #footer-wrap .ft-info .ft-sns a.daumcafe:focus:before, #footer-wrap .ft-info .ft-sns a.daumcafe:hover:before {background-color:#FF5656;} #footer-wrap .ft-info .ft-sns a.bidding:focus:before, #footer-wrap .ft-info .ft-sns a.bidding:hover:before {background-color:#1AC620;} #footer-wrap .ft-info .ft-sns a.kakao:focus:before, #footer-wrap .ft-info .ft-sns a.kakao:hover:before {background-color:#fdd101;} #footer-wrap .ft-info .fts-fmls {} #footer-wrap .ft-info .fts-fmls .fmls-pkg {display:flex;flex-flow:row wrap} #footer-wrap .ft-info .fts-fmls .f-site {width:229px;} #footer-wrap .ft-info .fts-fmls .f-site dl {position:relative} #footer-wrap .ft-info .fts-fmls .f-site dl dt {} #footer-wrap .ft-info .fts-fmls .f-site dl dt button {display:flex;align-items:center;position:relative;background:transparent;border:1px solid rgba(255, 255, 255, .2);border-left:0;width:100%;height:55px;padding-left:18px;padding-right:40px;font-size:16px;text-align:left;box-sizing:border-box;transition:all .3s ease;} #footer-wrap .ft-info .fts-fmls .f-site:first-child dl dt button {border-left:1px solid rgba(255, 255, 255, .2)} #footer-wrap .ft-info .fts-fmls .f-site dl dt button span {color:#bbbcbe;transition:all .3s ease} #footer-wrap .ft-info .fts-fmls .f-site dl dt button .arr {display:block;position:absolute;top:50%;right:20px;margin-top:-7px;width:15px;height:15px;background:url(/resources/_Templet/Layout/layout_dept/Img/layout_spr.png) no-repeat -91px 0;transition:all .3s ease} #footer-wrap .ft-info .fts-fmls .f-site dl dt button.is-open, #footer-wrap .ft-info .fts-fmls .f-site dl dt button:focus, #footer-wrap .ft-info .fts-fmls .f-site dl dt button:hover {background:#121419;} #footer-wrap .ft-info .fts-fmls .f-site dl dd {display:none;position:absolute;width:100%;left:0;bottom:100%;box-sizing:border-box;background:#142e5d;box-sizing:border-box} #footer-wrap .ft-info .fts-fmls .f-site dl dd .sel {box-sizing:border-box;height:200px;overflow-x:hidden;overflow-y:auto;padding:9px 10px 9px 18px} #footer-wrap .ft-info .fts-fmls .f-site dl dd .sel ul {display:block;box-sizing:border-box} #footer-wrap .ft-info .fts-fmls .f-site dl dd .sel ul li {display:block;box-sizing:border-box;border-top:1px solid rgba(255, 255, 255, .1);} #footer-wrap .ft-info .fts-fmls .f-site dl dd .sel ul li:first-child {border-top:0} #footer-wrap .ft-info .fts-fmls .f-site dl dd .sel a {display:block;color:#fff;opacity:.6;padding:10px 0;text-align:left;transition:all .3s ease} #footer-wrap .ft-info .fts-fmls .f-site dl dd .sel a span {display:block;font-size:14px;letter-spacing:-.05em} #footer-wrap .ft-info .fts-fmls .f-site dl dd button {display:block;position:absolute;width:26px;height:26px;left:0;bottom:100%;border:0;background:#142e5d} #footer-wrap .ft-info .fts-fmls .f-site dl dd button:before, #footer-wrap .ft-info .fts-fmls .f-site dl dd button:after {content:"";display:block;position:absolute;width:12px;height:2px;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto} #footer-wrap .ft-info .fts-fmls .f-site dl dd button:before {transform:rotate(45deg)} #footer-wrap .ft-info .fts-fmls .f-site dl dd button:after {transform:rotate(135deg)} #footer-wrap .ft-svce {position:relative;width:100%;border-top:1px solid rgba(255,255,255,0.3);display:flex;justify-content:space-between;padding-top:30px;} #footer-wrap .ft-svce .fts-link {order:1} #footer-wrap .ft-svce .fts-link .arr {display:none} #footer-wrap .ft-svce .fts-link ul {display:flex;flex-flow:row wrap} #footer-wrap .ft-svce .fts-link ul li {position:relative;padding:0 0 0 26px;box-sizing:border-box} #footer-wrap .ft-svce .fts-link ul li:after {content:"";display:block;position:absolute;left:13px;top:50%;margin-top:-7px;background-color:#fff;border-radius:50%;width:1px;height:14px;opacity:0.2;} #footer-wrap .ft-svce .fts-link ul li:first-child {padding-left:0;} #footer-wrap .ft-svce .fts-link ul li:first-child:after {display:none} #footer-wrap .ft-svce .fts-link a {position:relative;display:block;color:#bbbcbe;font-size:15px;transition:all .3s ease} #footer-wrap .ft-svce .fts-link a.privacy {color:#fff} #footer-wrap .ft-svce .fts-link a span {display:block;line-height:1} #footer-wrap .ft-svce .fts-link a:before {display:block;content:'';position:absolute;bottom:-3px;right:0;width:0;height:1px;background:#fff;opacity:0.5;transition:all .3s ease;} #footer-wrap .ft-svce .fts-link a:hover {color:#fff;} #footer-wrap .ft-svce .fts-link a:hover:before {left:0;width:100%;right:auto;} #footer-wrap .ft-svce .fti-copy {color:rgba(255, 255, 255, .3);font-size:15px;line-height:1.3} #footer-wrap .ftMark {position:absolute;right:0;top:100px;} #footer-wrap .ftMark ul {display:block;font-size:0;} #footer-wrap .ftMark ul li {display:inline-block;vertical-align:top;margin:0 10px 0 0} #footer-wrap .ftMark ul li:last-child {margin:0;} #footer-wrap .ftMark a {} #footer-wrap .ftMark img {} @media all and (max-width:999px) { #footer-wrap .ft-wr {padding-top:27px;text-align:center;} #footer-wrap .ft-info .fti-logo a img {height:33px} #footer-wrap .ft-info .fti-logo .slogo {padding-right:10px;} #footer-wrap .ft-info .fti-logo .slogoTxt {padding-left:10px;font-size:16px;} #footer-wrap .ft-info .fti-logo .slogoTxt:before {height:18px;} #footer-wrap .ft-info {display:block;text-align:center;padding-bottom:16px;} #footer-wrap .ft-info .ft-sns {position:relative;top:auto;right:auto;margin-top:7px;} #footer-wrap .ft-info .ft-sns ul {justify-content: center;} #footer-wrap .ft-info .fti-addr {padding-top:20px;} #footer-wrap .ft-info .fti-addr dl {font-size:14px} #footer-wrap .ft-info .fti-addr dl dd ul {justify-content: center;} #footer-wrap .ft-info .fti-addr dl dd ul {padding-top:7px;} /*보건진료소 구문 추가 25.1.2*/ #footer-wrap .fti-addr.flx {flex-direction: column;} #footer-wrap .fti-addr.flx dl:nth-child(2n) {padding-top:20px;padding-left:0} #footer-wrap .ft-info .fts-fmls {margin-top:16px;} #footer-wrap .ft-info .fts-fmls .fmls-pkg {justify-content: center;} #footer-wrap .ft-info .fts-fmls .f-site {max-width:50%;} #footer-wrap .ft-info .fts-fmls .f-site dl dt button {height:50px;padding-right:35px;font-size:14px;} #footer-wrap .ft-svce {display:block;padding-top:20px;text-align:center;} #footer-wrap .ft-svce .fts-link ul {justify-content: center;} #footer-wrap .ft-svce .fts-link a {font-size:14px;} #footer-wrap .ft-svce .fti-copy {font-size:11px;padding-top:10px;} } /* @media all and (max-width:1459px) { #footer-wrap .ft-wr {padding:0 30px} #footer-wrap .ft-info .fti-addr {justify-content:flex-start} } @media all and (max-width:999px) { #footer-wrap .ft-wr {padding:0 20px} #footer-wrap .ft-svce .fts-fmls .f-site {flex-grow:1;flex-basis:33.33%;position:relative;} #footer-wrap .ft-svce .fts-fmls .f-site:before {content:"";display:block;position:absolute;right:0;top:50%;background-color:rgba(255, 255, 255, .2);width:1px;height:20px;margin-top:-10px} #footer-wrap .ft-svce .fts-fmls .f-site:nth-child(3n):before, #footer-wrap .ft-svce .fts-fmls .f-site:last-child:before {display:none} #footer-wrap .ft-svce .fts-fmls .f-site dl dt button {border-top:1px solid rgba(255, 255, 255, .2);border-right:0;height:60px;padding-left:0;font-size:14px} #footer-wrap .ft-svce .fts-fmls .f-site:first-child dl dt button {border-left:0} #footer-wrap .ft-svce .fts-link ul {justify-content:center} #footer-wrap .ft-svce .fts-link ul li {margin-right:12px;padding:8px 18px 10px 0} #footer-wrap .ft-svce .fts-link ul li:after {top:12px} #footer-wrap .ft-svce .fts-link a {font-size:14px} #footer-wrap .ft-info {padding:27px 0 50px;text-align:center} #footer-wrap .ft-info .fti-logo {position:static;left:auto;top:auto} #footer-wrap .ft-info .fti-logo .flogo {display:inline-block} #footer-wrap .ft-info .fti-addr {display:block;margin-top:21px} #footer-wrap .ft-info .fti-addr dl {font-size:13px;margin:9px 0 0 0} #footer-wrap .ft-info .fti-addr dl dd {justify-content:center;margin-top:6px} #footer-wrap .ft-info .fti-copy {font-size:13px} .mobile-sideMenu-open #footer-wrap {z-index:0} } @media all and (max-width:768px) { #footer-wrap .ft-svce .fts-fmls .f-site {flex-basis:50%} #footer-wrap .ft-svce .fts-fmls .f-site:nth-child(3n):before {display:block} #footer-wrap .ft-svce .fts-fmls .f-site:nth-child(2n):before {display:none} #footer-wrap .ft-svce .fts-fmls .f-site dl dt button {height:50px;font-size:12px} #footer-wrap .ft-svce .fts-link {padding:16px 0 13px} #footer-wrap .ft-svce .fts-link ul li {margin-right:12px;padding:3px 18px 5px 0} #footer-wrap .ft-svce .fts-link ul li:after {top:7px;width:4px;height:4px;} #footer-wrap .ft-svce .fts-link a {font-size:12px} #footer-wrap .ft-info .fti-logo .flogo a img {width:128px;height:auto} #footer-wrap .ft-info .fti-addr dl, #footer-wrap .ft-info .fti-copy {font-size:12px} #footer-wrap .ft-info .fti-copy {margin:20px 0 0} }*/