/*-------------------------layout_kor.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:140px;box-sizing:border-box}
.isSub #header-wrap {background-color:#faf9fe}
#header {position:relative;height:100%;z-index:11}
@media all and (min-width:1000px) {
	#header-wrap:before {display:block;content:'';position:absolute;top:140px;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:1399px) {
	.isMain #header-wrap {background-color:#006ee9}
}
@media all and (max-width:999px) {
	#header-wrap {height:90px}
	#header {background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 1px 20px 0 rgba(144, 156, 187, .4)}
	.isMain #header {background-color:#006ee9;border-radius:0;box-shadow:none}
}
@media all and (max-width:768px) {
	#header-wrap {height:70px}
}

/* svisual */
#svisual-wrap {position:relative;box-sizing:border-box;z-index:10}
#svisual-wrap:before {content:"";display:block;position:absolute;left:0;top:-30px;background:#faf9fe;border-bottom-left-radius:150px;width:3000px;height:100%;}
#svisual-wrap .svis-deco {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
#svisual-wrap .deco {display:block;position:absolute;left:-143px;top:18px;border:1px solid rgba(63, 81, 181, .2);border-radius:50%;width:1263px;height:1263px;transform:rotate(0deg);animation:rotate 15s infinite linear;box-sizing:border-box}
#svisual-wrap .deco:before,
#svisual-wrap .deco:after,
#svisual-wrap .deco span {content:"";display:block;position:absolute;top:50%;left:50%;background-color:#d9dbf1;border-radius:50%;width:15px;height:15px;margin-left:7px}
#svisual-wrap .deco:before {transform:translate(616px)}
#svisual-wrap .deco:after {transform:rotate(221deg) translate(647px) rotate(-221deg)}
#svisual-wrap .deco span:before {transform:rotate(140deg) translate(647px) rotate(-140deg)}
#svisual-wrap .svis {display:flex;flex-flow:row wrap;align-items:center;position:relative;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}
#svisual-wrap .svis .img-box {align-self:flex-start;flex-basis:670px;order:2;position:relative;transition:all .3s}
#svisual-wrap .svis .img-box:before {content:"";display:block;width:0;padding-top:61.194%}
#svisual-wrap .svis .img-box img {display:block;height:100%;position:absolute;left:0;top:0;border-top-left-radius:100px;z-index:1}
#svisual-wrap .svis .txt-box {flex-basis:640px;padding-top:3px;box-sizing:border-box;z-index:2}
#svisual-wrap .svis .txt-box .txt-pkg {}
#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 .txt-eng {color:#006ee9;font-size:20px;font-weight:700;letter-spacing:0;transition:all .4s ease .2s}
#svisual-wrap .svis .txt-box .txt-pkg .txt {color:#111;font-size:55px;font-weight:500;letter-spacing:-.05em;transition:all .4s ease .4s}
#svisual-wrap .svis .txt-box .txt-pkg .txt-eng + .txt {margin-top:19px}
.loaded #svisual-wrap .svis .txt-box .txt-pkg .txt-eng,
.loaded #svisual-wrap .svis .txt-box .txt-pkg .txt {opacity:1;transform:translateY(0)}
.loaded #svisual-wrap .svis .img-box img {}
@media all and (max-width:1459px) {
	#svisual-wrap .svis {padding:0 30px}
	#svisual-wrap .svis .img-box {flex-basis:calc(100% - 480px)}
	#svisual-wrap .svis .img-box:before {padding-top:410px}
	#svisual-wrap .svis .txt-box {flex-basis:450px}
}
@media all and (max-width:1399px) {
	#svisual-wrap .svis .txt-box .txt-pkg .txt-eng {font-size:18px}
	#svisual-wrap .svis .txt-box .txt-pkg .txt {font-size:50px}
}
@media all and (max-width:999px) {
	#svisual-wrap .svis {display:none}
}


/* cont-navi */
#contNavi {margin-top:20px;opacity:0;transform:translateY(30px);transition:all .4s ease .6s;z-index:12}
.loaded #contNavi {opacity:1;transform:translateY(0)}
#contNavi .cont-navi {display:flex;flex-flow:row wrap}
#contNavi a.home {display:block;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -324px 0;width:18px;height:18px;margin:-1px 9px 0 0}
#contNavi dl {position:relative;z-index:5}
#contNavi dl dt a {display:flex;align-items:center;position:relative;padding:0 16px 0 20px;transition:all .3s ease;box-sizing:border-box}
#contNavi dl dt a:after {content:"";display:block;position:absolute;top:4px;right:0;border:solid;border-width:0 0 1px 1px;border-color:transparent transparent #707f9d #707f9d;width:5px;height:5px;transform:rotate(-45deg);transition:all .3s ease}
#contNavi dl dt a .txt {display:inline-block;position:relative;color:#142e5d;font-size:15px;font-weight:500;line-height:1.2;letter-spacing:-.05em;transition:all .3s ease}
#contNavi dl.cnavi1 dt a {padding-left:0}
#contNavi dl dt a:hover:after,
#contNavi dl.over dt a:after {top:7px;transform:rotate(135deg)}
#contNavi dl.over dt a .txt {color:#004591}
#contNavi dl.over dt a:after {border-color:#004591}
#contNavi .sub-list {display:none;position:absolute;top:100%;left:0;background-color:#fff;border-radius:20px;border-bottom-right-radius:0;min-width:155px;margin-top:16px;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 -22px -25px}
#contNavi .sub-list li.isOver a span,
#contNavi .sub-list li .mn_a1:hover {color:#006ee9}
#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:focus:before,
#contNavi .sub-list .btn-close:hover:before {transform:rotate(135deg);background:#000}
#contNavi .sub-list .btn-close:focus:after,
#contNavi .sub-list .btn-close:hover:after {transform:rotate(225deg);background:#000}
@media all and (max-width:768px) {
	#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}
#container .cont-sub-navi:before {content:"";display:block;position:absolute;right:calc(100% - 10px);top:0;background-color:#0091dc;border-radius:30px;width:97px;height:100%}
#container .cont-sub-navi > ul {padding:27px 0 27px 25px}
#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 > a > span {}
#container .cont-sub-navi > ul > li > a[target='_blank'] > span:after {content:"";display:inline-block;background:url(/resources/_Templet/Layout/layout_kor/Img/cont_sub_nwin.png) no-repeat center;width:8px;height:8px;margin:-2px 0 0 5px;vertical-align:middle}
#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}
#container .cont-sub-navi.hide {display:none !important}
#contents {position:relative;width:100%;max-width:1400px;min-height:600px;margin:43px auto 0;box-sizing:border-box}
#contents .cont-top {position:relative;margin-bottom:84px}
#contents .cont-top .cont-tit {color:#111;font-size:48px;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:-0.05em}
#contents .cont-top .cont-util {position:absolute;right:-10px;top:7px;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_kor/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:-34px;width:24px;height:24px;z-index:2}
#contents .cont-top .cont-util .box-util .unit > .btn-cast:hover {box-shadow:none}
#contents .cont-top .cont-util .box-util .unit .btn-sns {}
#contents .cont-top .cont-util .box-util .unit .btn-sns:before {background-position-x:-250px}
#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:-352px}
#contents .cont-top .cont-util .box-util .unit .btn-print {}
#contents .cont-top .cont-util .box-util .unit .btn-print:before {background-position-x:-284px}
#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:-386px}
#contents .cont-top .cont-util .box-util .unit .btn-share {}
#contents .cont-top .cont-util .box-util .unit .btn-share:before {background-position-x:-318px}
#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:-420px}
#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:60px}
#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:-67px;width:30px;height:30px;z-index:1}
#contents .cont-top .cont-util .box-util .sns-list .btn-face:before {background-position-x:-249px}
#contents .cont-top .cont-util .box-util .sns-list .btn-twit:before {background-position-x:-290px}
#contents .cont-top .cont-util .box-util .sns-list .btn-blog:before {background-position-x:-329px}
#contents .cont-top .cont-util .box-util .sns-list .btn-kaks:before {background-position-x:-368px}
#contents .cont-top .cont-util .box-util .sns-list .sns-closer {position:absolute;left:0;top:10px;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}
@media all and (max-width:1799px) {
	#container {padding-left:200px;box-sizing:border-box}
	#container.no-sub-navi {padding-left:0}
}
@media all and (max-width:1699px) {
	#contents {padding:0 30px}
}
@media all and (max-width:1260px) {
	#container {padding-left:0}
	#container .cont-sub-navi {display:none}
}
@media all and (max-width:999px){
	#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:30px;padding:28px 0 24px;text-align:center}
	#contents .cont-top:before {content:"";display:block;position:absolute;left:50%;top:0;background-color:#faf9fe;width:2000px;height:100%;margin-left:-1000px;z-index:-1}
	#contents .cont-top .cont-tit {font-size:25px;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}
}
@media all and (max-width:768px){
	#container {z-index:1}
	#contents #cont {font-size:16px;padding-bottom:30px}
	#contents #cont input, button, select, textarea {font-size:16px}
	#contents .cont-top {margin-bottom:20px}
	#contents .cont-top .cont-tit {font-size:20px}
}
@media all and (max-width:599px) {
	#contents #cont {padding-bottom:30px;font-size:15px}
}

/* 통합검색 */
#total-search-wrap {display:none;position:fixed;top:170px;left:0;width:100%;z-index:101}
#total-search-wrap .total-search-inwr {background-color:#006ee9;border-radius:30px;width:100%;max-width:1600px;margin:0 auto;padding:27px 0}
#total-search-wrap .total-frm {position:relative;}
#total-search-wrap input {margin:0}
#total-search-wrap button {margin:0;border:0;background:transparent}
#total-search-wrap .sch-frm {display:flex;align-items:center;justify-content:center}
#total-search-wrap h2 {position:relative;margin-right:30px;color:#fff;font-size:30px;font-weight:700;font-family:"Gmarket Sans", sans-serif;letter-spacing:.05em;z-index:1}
#total-search-wrap h2:before {content:"";display:block;position:absolute;left:-9px;top:-10px;background-color:#ffd44d;border-radius:50%;width:19px;height:19px;z-index:-1}
#total-search-wrap h2 span {display:inline-block;margin:-4px 0 0 14px;color:rgba(255, 255, 255, .3);font-size:18px;letter-spacing:0}
#total-search-wrap .sch-frm .sch-input-wr {position:relative;width:47.5%;}
#total-search-wrap .sch-frm .sch-input-wr:before,
#total-search-wrap .sch-frm .btn-sch:before {content:"";display:block;position:absolute;top:0;bottom:0;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat;margin:auto}
#total-search-wrap .sch-frm .sch-input-wr:before {left:35px;background-position:-249px 0;width:29px;height:16px}
#total-search-wrap .sch-frm .sch-input {background-color:#2184f2;border:0;border-radius:17px;width:100%;height:70px;margin:0;padding:0 50px 0 90px;color:#fff;font-size:20px;font-family:"Spoqa Han Sans Neo", sans-serif;box-sizing:border-box}
#total-search-wrap .sch-frm .sch-input::placeholder {color:#fff;font-size:20px}
#total-search-wrap .sch-frm .sch-input:-ms-input-placeholder {color:#fff;font-size:20px}
#total-search-wrap .sch-frm .sch-input::-ms-input-placeholder {color:#fff;font-size:20px}
#total-search-wrap .sch-frm .btn-sch {position:absolute;right:20px;top:50%;width:50px;height:50px;margin-top:-25px}
#total-search-wrap .sch-frm .btn-sch:before {left:0;right:0;bottom:0;background-position:-288px 0;width:25px;height:25px;margin:auto}
#total-search-wrap .btn-close {position:absolute;top:0;bottom:0;right:37px;background:#fff;border-radius:15px;width:55px;height:55px;margin:auto;box-shadow:0 13px 28px 0 rgba(144, 156, 187, .4)}
#total-search-wrap .btn-close:before,
#total-search-wrap .btn-close:after {content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;width:20px;height:2px;margin:auto}
#total-search-wrap .btn-close:before {transform:rotate(45deg);-ms-transform:rotate(45deg)}
#total-search-wrap .btn-close:after {transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
/* .layer-open {overflow:hidden !important} */
.layer-open:before {content:'';display:block;width:100%;height:100%;background:#000;opacity:.6;position:fixed;left:0;top:0;z-index:13}
.layer-open #footer-wrap {z-index:12}
#doc-wrap.mn-open #header-wrap {z-index:3002}
@media all and (max-width:999px) {
	#total-search-wrap {top:90px}
	#total-search-wrap .total-search-inwr {padding:0}
	#total-search-wrap h2 {font-size:25px}
	#total-search-wrap h2 span {font-size:15px}
	#total-search-wrap .sch-frm {display:block;padding:30px}
	#total-search-wrap .sch-frm .sch-input-wr {width:100%;margin-top:15px}
	#total-search-wrap .sch-frm .sch-input {height:60px;padding:0 60px 0 70px;font-size:18px}
	#total-search-wrap .sch-frm .sch-input::placeholder {font-size:18px}
	#total-search-wrap .sch-frm .sch-input:-ms-input-placeholder {font-size:18px}
	#total-search-wrap .sch-frm .sch-input::-ms-input-placeholder {font-size:18px}
	#total-search-wrap .btn-close {top:9px;bottom:auto}
}
@media all and (max-width:768px) {
	#total-search-wrap {top:70px}
	#total-search-wrap .sch-frm {padding:30px 20px 20px}
	#total-search-wrap h2 {font-size:23px}
	#total-search-wrap h2:before {left:-6px;top:-7px;width:13px;height:13px}
	#total-search-wrap h2 span {font-size: 13px;margin-left:7px}
	#total-search-wrap .sch-frm .sch-input-wr:before {left:20px}
	#total-search-wrap .sch-frm .sch-input {height:50px;font-size:14px}
	#total-search-wrap .sch-frm .sch-input::placeholder {font-size:14px}
	#total-search-wrap .sch-frm .sch-input:-ms-input-placeholder {font-size:14px}
	#total-search-wrap .sch-frm .sch-input::-ms-input-placeholder {font-size:14px}
	#total-search-wrap .sch-frm .btn-sch {right:10px}
	#total-search-wrap .btn-close {top:19px;right:20px;width:40px;height:40px}
}





@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);}
}

.MN272 .svisual-wrap,.MN272 .cont-top {display:none !important}
.MN272 #contents {margin:0px auto 0 !important}

/*-------------------------gnavi_kor.css------------------------------------*/
#gNavi {position:absolute;right:0;z-index:12}
#gNavi .global-wrap {}
#gNavi .glink-sec {position:absolute;right:60px;top:40px;background-color:#ecedf5;border-radius:50px;padding:5px 80px 5px 25px;z-index:2200}
#gNavi .glink-sec .glink-list {display:flex;position:relative;z-index:1100}
#gNavi .glink-sec .glink-list > a,
#gNavi .glink-sec .glink-list button {display:block;position:relative;background:none;border:0;margin:0 2px;padding:5px;box-sizing:border-box}
#gNavi .glink-sec .glink-list > a span,
#gNavi .glink-sec .glink-list button span {position:relative;display:block;width:40px;height:40px;font-size:0}
#gNavi .glink-sec .glink-list button span:before,
#gNavi .glink-sec .glink-list > a span: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 -141px;width:30px;height:30px;margin:auto}
#gNavi .glink-sec .glink-list .langE span:before {background-position-x:-249px;width:34px}
#gNavi .glink-sec .glink-list .logout span:before {background-position-x:-334px}
#gNavi .glink-sec .glink-list .login span:before {background-position-x:-294px}
#gNavi .glink-sec .glink-list .search span:before {background-position-x:-374px}
#gNavi .glink-sec .glink-list .btn-wctrl span:before {background-position-x:-414px}
#gNavi .glink-sec .glink-list .btn-wctrl span:after {content:"";display:block;position:absolute;right:5px;top:8px;background-color:#fb3b4c;border-radius:50%;width:5px;height:5px}
#gNavi .glink-sec .glink-list .btn-wctrl.show span:after {display:none}
body.isMain:not(.pc-topMenu-open) #gNavi .glink-sec .glink-list button span:before,
body.isMain:not(.pc-topMenu-open) #gNavi .glink-sec .glink-list > a span:before {background-position-y:-213px}
#gNavi .glink-sec .glink-list [data-tooltip] {}
#gNavi .glink-sec .glink-list [data-tooltip]:before,
#gNavi .glink-sec .glink-list [data-tooltip]:after {display:block;position:absolute;top:100%;left:50%;visibility:hidden;opacity:0;transform:translateX(-50%);transition:all .1s linear;z-index:999999}
#gNavi .glink-sec .glink-list [data-tooltip]:before {content:"";position:absolute;border-width:4px;border-style:solid;border-color:transparent;border-bottom-color:#141845;margin-top:-16px}
#gNavi .glink-sec .glink-list [data-tooltip]:after {content:attr(data-tooltip);background-color:#141845;border-radius:30px;height:22px;margin-top:-8px;padding:5px 9px 0;color:#fff;font-size:12px;line-height:1;letter-spacing:-.05em;white-space:nowrap;box-sizing:border-box}
#gNavi .glink-sec .glink-list [data-tooltip]:hover:before,
#gNavi .glink-sec .glink-list [data-tooltip]:hover:after {visibility:visible;opacity:1;transform:translate(-50%, 10px)}
#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:#141845;border-radius:30px;width:70px;height:60px;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:25px;height:2px;font-size:0;transition:all .3s ease}
#gNavi .glink-sec .srvc-util .amenu:before {margin:21px auto auto auto}
#gNavi .glink-sec .srvc-util .amenu span {margin:auto}
#gNavi .glink-sec .srvc-util .amenu:after {left:-4px;width:18px;margin:auto auto 21px auto}
#gNavi .glink-sec .srvc-util .amenu:focus,
#gNavi .glink-sec .srvc-util .amenu:hover {}
#gNavi .glink-sec .srvc-util .amenu:focus:before,
#gNavi .glink-sec .srvc-util .amenu:focus span,
#gNavi .glink-sec .srvc-util .amenu:focus:after,
#gNavi .glink-sec .srvc-util .amenu:hover:before,
#gNavi .glink-sec .srvc-util .amenu:hover span,
#gNavi .glink-sec .srvc-util .amenu:hover:after {}
@media all and (min-width:1000px) {
	body.isMain:not(.pc-topMenu-open) #gNavi .glink-sec {background-color:rgba(238, 241, 244, .1)} 
}
@media all and (max-width:1699px) {
	#gNavi .glink-sec {right:30px}
	#gNavi .glink-sec .glink-list > a,
	#gNavi .glink-sec .glink-list button {padding:5px 3px}
}
@media all and (max-width:1459px) {
	#gNavi .glink-sec {top:0;border-radius:30px;border-top-left-radius:0;border-top-right-radius:0;padding-right:65px}
	#gNavi .glink-sec .glink-list > a,
	#gNavi .glink-sec .glink-list button {padding:0 3px}
	#gNavi .glink-sec .glink-list > a span,
	#gNavi .glink-sec .glink-list button span {width:35px;height:35px}
	#gNavi .glink-sec .srvc-util .amenu {border-radius:30px;width:60px;height:45px}
	#gNavi .glink-sec .srvc-util .amenu:before {margin-top:15px}
	#gNavi .glink-sec .srvc-util .amenu:after {margin-bottom:16px}
}
@media all and (max-width:999px) {
	#gNavi .glink-sec {top:25px;right:68px;background:none;padding:0}
	#gNavi .glink-sec .glink-list .langE,
	#gNavi .glink-sec .glink-list .login,
	#gNavi .glink-sec .glink-list .logout,
	#gNavi .glink-sec .glink-list [data-tooltip]:before,
	#gNavi .glink-sec .glink-list [data-tooltip]:after,
	#gNavi .glink-sec .srvc-util {display:none}

	.mobile-sideMenu-open #gNavi {z-index:0}
}
@media all and (max-width:768px) {
	#gNavi .glink-sec {top:17px;right:72px}
	#gNavi .glink-sec .glink-list > a,
	#gNavi .glink-sec .glink-list button {padding:0}
	#gNavi .glink-sec .glink-list button span:before,
	#gNavi .glink-sec .glink-list > a span:before {background-size:355px auto;background-position-y:-113px;width:24px;height:24px}
	#gNavi .glink-sec .glink-list .search span:before {background-position-x:-299px}
	#gNavi .glink-sec .glink-list .btn-wctrl span:before {background-position-x:-331px}
}


/* ==============================
 * sitemap
================================= */
.site-kor-menu {}
#layout-popup-wrap.site-kor-menu > #popup-wrap {background:none}
#layout-popup-wrap.site-kor-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-kor-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-kor-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-kor-menu > #popup-wrap .pop-cont {background-color:#fff;margin:0;padding:50px 60px;box-sizing:border-box}

.site-kor-menu .sitemap-unit {border-bottom:3px solid #dedede;padding:50px 0}
.site-kor-menu .sitemap-unit:first-child {padding-top:0;}
.site-kor-menu .sitemap-unit:last-child {border-bottom:0;padding-bottom:0}
.site-kor-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-kor-menu .sitemap-list h3 > a[target=_blank] span:after {background-position-x:-88px;width:19px;height:19px;margin:-4px 0 0 14px}
.site-kor-menu .sitemap-list .lm_a1[target=_blank] span:after {display:block;position:absolute;right:0;top:50%;margin-top:-6px}
.site-kor-menu .sitemap-list .lm_a1[target=_blank].over span:after {background-position-x:-22px}
.site-kor-menu .sitemap-list .lm_a2[target=_blank] span:after {background-position-x:-44px;margin:0 0 4px 7px}
.site-kor-menu .sitemap-list .lm_a2[target=_blank]:hover span:after,
.site-kor-menu .sitemap-list .lm_a2[target=_blank].over span:after {}

.site-kor-menu .sitemap-list {display:flex;flex-flow:row wrap}
.site-kor-menu .sitemap-list h3.depth-tit {width:300px;margin-top:-13px;padding-right:15px;box-sizing:border-box}
.site-kor-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-kor-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-kor-menu .sitemap-list .depth1-body {width:calc(100% - 300px)}
.site-kor-menu .sitemap-list .depth1 {display:flex;flex-flow:row wrap}
.site-kor-menu .sitemap-list .depth1 .lm_l1 {width:23.11%;margin:0 2.52% 20px 0}
.site-kor-menu .sitemap-list .depth1 .lm_l1:nth-child(4n) {margin-right:0}
.site-kor-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-kor-menu .sitemap-list .lm_a1 span {display:block;position:relative;width:100%;padding:5px 14px 0 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-kor-menu .sitemap-list .lm_a1:hover {border-color:#22264c}
.site-kor-menu .sitemap-list .lm_a1:hover span {color:#22264c}


.site-kor-menu .sitemap-list .depth2-body {padding:11px 0 0 17px;box-sizing:border-box}
.site-kor-menu .sitemap-list .depth2-body .depth3-ul {}
.site-kor-menu .sitemap-list .depth2-body .lm_l2 {position:relative;padding-left:14px;}
.site-kor-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-kor-menu .sitemap-list .depth2-body .lm_a2 {display:block;position:relative}
.site-kor-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-kor-menu .sitemap-list .depth2-body .over.lm_a2 span {}
.site-kor-menu .sitemap-list .depth2-body .over.lm_a2 span,
.site-kor-menu .sitemap-list .depth2-body .lm_a2.over span,
.site-kor-menu .sitemap-list .depth2-body .lm_a2:hover span {color:#000}


.site-kor-menu .sitemap-list .depth3 {display:none}

#layout-popup-wrap.site-kor-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-kor-menu > #popup-wrap .pop-btn-1:before,
#layout-popup-wrap.site-kor-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-kor-menu > #popup-wrap .pop-btn-1:before {transform:rotate(45deg);-ms-transform:rotate(45deg)}
#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-btn-1:after {transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-btn-1:hover:before {transform:rotate(135deg);-ms-transform:rotate(135deg)}
#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-btn-1:hover:after {transform:rotate(45deg);-ms-transform:rotate(45deg)}

@media all and (max-width:1399px) {
	.site-kor-menu .sitemap-list .depth1 .lm_l1 {width:31.65%;margin-right:2.525%}
	.site-kor-menu .sitemap-list .depth1 .lm_l1:nth-child(4n) {margin-right:2.525%}
	.site-kor-menu .sitemap-list .depth1 .lm_l1:nth-child(3n) {margin-right:0}
}

@media all and (max-width:999px) {
	#layout-popup-wrap.site-kor-menu > #popup-wrap {padding:0}
	#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-head {height:90px}
	#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-cont {padding:20px}
	.site-kor-menu .sitemap-list h3.depth-tit {width:auto;margin-top:0;margin-bottom:15px;padding-right:0}
	.site-kor-menu .sitemap-list .depth1-body {width:auto}
	.site-kor-menu .sitemap-list {display:block}

	#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-btn-1 {top:18px;right:20px}


}

/*-------------------------logo_kor.css------------------------------------*/
#header .logo {display:block;position:absolute;left:60px;top:50%;transform:translateY(-50%);z-index:501}
#header .logo a {display:block}
#header .logo a span {display:block}
#header .logo a span img {display:block;height:auto}
#header .logo a span .slogo-w {display:none}
@media all and (max-width:1699px) {
	#header .logo {left:30px}
}
@media all and (max-width:1599px) {
	#header .logo a span img {width:216px}
}
@media all and (max-width:1399px) {
	.isMain:not(.pc-topMenu-open) #header .logo a span img {display:none}
	.isMain:not(.pc-topMenu-open) #header .logo a span .slogo-w {display:block}
}
@media all and (max-width:999px) {
	#header .logo {left:20px}
	#header .logo a span img {width:190px}
	.mobile-sideMenu-open #header .logo {z-index:0}
}
@media all and (max-width:768px) {
	#header .logo a span img {width:151px}
}
@media all and (max-width:399px) {
	#header .logo a span img  {width:140px}
}

/*-------------------------header_kor.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;}
.isMain:not(.pc-topMenu-open) #mainNavi a[target=_blank] span:after {background-position-x:-22px}

#mainNavi .mn_a2[target=_blank] span:after {display:block;position:absolute;right:0;top:50%;margin-top:-6px}
#mainNavi .mn_a2[target=_blank].over span:after {background-position-x:-22px}
#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 {display:inline-block;position:static;margin:-2px 0 0 5px}
}

/* 주메뉴 */
@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:140px;z-index:500;overflow:hidden;box-sizing:border-box}
	#mainNavi-wrap.over {}
	#mainNavi-wrap.decoShow:after {height:108px;opacity:1}
	#mainNavi-wrap.decoHide:after {opacity:0}
	#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:#006ee9}
	#menu-wrap .allmn-btn:hover .txt:before {width:18px;margin-left:20px;background:#006ee9}
	#mainNavi {height:140px;box-sizing:border-box}
	#mainNavi .depth1-wrap {height:100%;margin:0 60px;padding:0 380px 0 430px;text-align:left;transition:all .3s;box-sizing:border-box}
	#mainNavi .depth1-ul {display:flex;flex-flow:row wrap;justify-content:space-around;height:100%;overflow:hidden}
	#mainNavi .mn_li1 {height:100%}
	#mainNavi .mn_a1 {display:flex;align-items:flex-start;position:relative;height:100%;}
	#mainNavi .mn_a1 > span {display:block;align-self:center;position:relative;padding:20px 0;color:#333;font-size:24px;font-weight:500;letter-spacing:-.05em;line-height:1;overflow:hidden}
	.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%;opacity:0;width:7px;height:7px;transform:translateY(10px);transition:all .3s ease}
	.isMain #mainNavi .mn_a1 > span:before {background:#fff;}
	#mainNavi .mn_a1.over span,
	#mainNavi .mn_a1:hover span,
	#mainNavi .mn_a1:focus span,
	#mainNavi .mn_li1.over .mn_a1 span {color:#006ee9}
	.isMain:not(.pc-topMenu-open) #mainNavi .mn_a1.over span,
	.isMain:not(.pc-topMenu-open) #mainNavi .mn_a1:hover span,
	.isMain:not(.pc-topMenu-open) #mainNavi .mn_a1:focus span,
	.isMain:not(.pc-topMenu-open) #mainNavi .mn_li1.over .mn_a1 span {color:#fff}
	#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(0)}
	#mainNavi .depth2-wrap {display:none;position:absolute;top:140px;left:0;width:100%;min-height:570px;padding:30px 0 40px;text-align:left;box-sizing:border-box;z-index:1000}
	#mainNavi .depth2-wrap .depth2-tit {background-color:#006ee9;position:absolute;top:0;left:0;border-top-right-radius:100px;border-bottom-right-radius:25px;width:calc((100% - 1400px) / 2 + 190px);height:100%;padding:75px 30px 0 150px;overflow:hidden;box-sizing:border-box;transition:all .3s}
	#mainNavi .depth2-wrap .depth2-tit:before,
	#mainNavi .depth2-wrap .depth2-tit:after {content:"";display:block;}
	#mainNavi .depth2-wrap .depth2-tit:before {position:absolute;bottom:20px;right:30px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat 0 0;width:240px;height:240px}
	#mainNavi .depth2-wrap .depth2-tit span {display:block}
	#mainNavi .depth2-wrap .depth2-tit .tit {position:relative;color:#fff;font-size:40px;font-weight:700;font-family:"Gmarket Sans", sans-serif}
	#mainNavi .depth2-wrap .depth2-tit .tit:after {content:"";display:inline-block;background-color:#ffd325;border-radius:50%;width:8px;height:8px;margin-left:9px;vertical-align:top}
	#mainNavi .depth2-wrap .depth2-tit .txt {position:relative;margin-top:20px;color:#fff;font-size:18px;font-weight:300;line-height:1.2;font-family:"Gmarket Sans", sans-serif}
	#mainNavi .depth2-wrap .depth2-tit .txt:before,
	#mainNavi .depth2-wrap .depth2-tit .txt:after {content:"";display:block;position:absolute;top:100%}
	#mainNavi .depth2-wrap .depth2-tit .txt:before {background-color:#fff300;width:34px;height:34px;margin-top:52px;transform:rotate(62deg);}
	#mainNavi .depth2-wrap .depth2-tit .txt:after {background-color:#00d5e2;border-radius:50%;width:19px;height:19px;margin:102px 0 0 60px}
	#mainNavi .depth2-wrap .depth2-ul {display:flex;flex-flow:row wrap;position:relative;max-width:1400px;margin:0 auto;padding-left:240px;box-sizing:border-box}
	#mainNavi .depth2-wrap .mn_li2 {width:calc(25% - 22px);margin:0 29px 20px 0;position:relative}
	#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: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}
	#mainNavi .depth2-wrap .mn_li2.has-sub .mn_a2:after {content:"";display:none;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:5px 14px 0 0;color:#222;font-weight:500;font-size:17px;letter-spacing:-.05em;line-height:1.2;box-sizing:border-box;transition:all .3s ease}
	#mainNavi .depth2-wrap .mn_a2:hover {border-color:#22264c}
	#mainNavi .depth2-wrap .mn_a2:hover span {color:#22264c}
	#mainNavi .depth2-wrap .mn_li2.has-sub .mn_a2:hover:after {border-color:#22264c}
	#mainNavi .depth2-wrap .over .mn_a2 {background-color:#22264c;border-color:#22264c;box-shadow:0 13px 28px 0 rgba(144, 156, 187, .4)}
	#mainNavi .depth2-wrap .mn_li2.has-sub.over .mn_a2:after {border-color:#fff}
	#mainNavi .depth2-wrap .over .mn_a2 span {color:#fff}

	#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 .mn_li3.over:before,
	#mainNavi .depth3-wrap .mn_li3:hover:before {background-color:#006ee9}
	#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:#006ee9}

	#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:#fff}
	.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}
	/*
	.pc-topMenu-open #mainNavi .mn_a1[target=_blank] span:after {background-position-x:-25px}
	.pc-topMenu-open #mainNavi .mn_a1[target=_blank]:focus span:after,
	.pc-topMenu-open #mainNavi .mn_a1[target=_blank]:hover span:after {background-position-x:-25px}
	*/
	.body-slider-ovclick {display:none}
}
@media all and (min-width:1400px) and (max-width:1799px) {
	#mainNavi .depth2-wrap .depth2-tit {padding-left:30px}
}
@media all and (min-width:1400px) and (max-width:1699px) {
	#mainNavi .depth2-wrap .depth2-tit {width:calc((100% - 1400px) / 2 + 300px)}
	#mainNavi .depth2-wrap .depth2-ul {padding-left:330px}
}
@media all and (min-width:1700px) and (max-width:1799px) {
	#mainNavi .depth1-wrap {padding:0 320px 0 340px}
}
@media all and (min-width:1600px) and (max-width:1699px) {
	#mainNavi .depth1-wrap {padding:0 290px 0 260px}
}
@media all and (min-width:1400px) and (max-width:1599px) {
	#mainNavi .depth1-wrap {padding:0 290px 0 200px}
	#mainNavi .mn_a1 > span {font-size:22px}
}
@media all and (min-width:1000px) and (max-width:1459px) {
	#mainNavi .depth1-wrap {margin:0 30px;padding:0 0 0 270px}
	#mainNavi .depth1-ul {justify-content:space-between}
	#mainNavi .depth2-wrap .depth2-ul {padding-right:30px}
}
@media all and (min-width:1000px) and (max-width:1399px) {
	#mainNavi-wrap {border-bottom-left-radius:50px;border-bottom-right-radius:50px}
	#mainNavi .depth2-wrap {padding:0;min-height:200px}
	#mainNavi .depth2-wrap .depth2-tit {display:flex;flex-flow:row wrap;align-items:baseline;position:relative;left:auto;top:auto;border-radius:0;width:auto;height:auto;padding:40px 30px 30px}
	#mainNavi .depth2-wrap .depth2-tit:before {bottom:0;top:0;background-size:177px;width:96px;height:96px;margin:auto 0;}
	#mainNavi .depth2-wrap .depth2-tit .txt {margin:0 0 0 15px}
	#mainNavi .depth2-wrap .depth2-tit .txt > br {display:none}
	#mainNavi .depth2-wrap .depth2-ul {padding:30px}
}
@media all and (min-width:1000px) and (max-width:1199px) {
	#mainNavi .mn_a1 > span {font-size:20px}
}

@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:380px;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:block;position:absolute;top:0;right:0;width:calc(100% - 20px);background-color:#006ee9;border-radius:30px;border-top-left-radius:60px;border-top-right-radius:0;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;justify-content:flex-end;position:absolute;left:0;top:0;width:100%;height:70px;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}
	#menu-wrap .mGnavi ul li {margin-right:22px}
	#menu-wrap .mGnavi ul li:last-child {margin-right:0}
	#menu-wrap .mGnavi a {display:flex;align-items:center}
	#menu-wrap .mGnavi a:before {content:"";display:block;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat 0 -181px;width:20px;height:20px;margin-right:7px}
	#menu-wrap .mGnavi a span {display:block;position:relative;color:#fff;font-size:13px;font-weight:500;box-sizing:border-box}
	#menu-wrap .mGnavi .login:before {background-position-x:-288px}
	#menu-wrap .mGnavi .logout:before {background-position-x:-318px}
	#menu-wrap .mGnavi .langE:before {background-position-x:-249px;width:29px;height:23px;margin-right:0}
	#menu-wrap .mGnavi .langE span {font-size:0}
	#menu-wrap .btn-close {display:block;position:absolute;top:50%;right:15px;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:100%;box-sizing:border-box;padding-top:70px;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}
	#mainNavi .depth1-wrap:before {content:"";display:block;position:absolute;right:0;top:0;background:#fff url(/resources/_Templet/Header/header_kor/Img/header_mDeco.jpg) no-repeat center 45px;background-size:117px auto;border-radius:30px;width:calc(100% - 140px);height:100%;}
	#mainNavi .hide-mDeco.depth1-wrap:before {background:#fff}
	#mainNavi .depth1-ul {position:relative;padding-top:16px;box-sizing:border-box;z-index:1}
	#mainNavi .mn_li1 {margin-top:2px}
	#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:130px;height:57px;padding:2px 0 0 38px;box-sizing:border-box;z-index:300}
	#mainNavi .mn_li1 .mn_a1 span {display:inline-block;width:100%;color:#fff;font-size:16px;font-weight:500;line-height:1.2;word-wrap:break-word;word-break:keep-all;white-space:normal;vertical-align:middle}
	#mainNavi .mn_li1.is-open {}
	/* #mainNavi .mn_li1 .mn_a1.over, */
	#mainNavi .mn_li1.has-sub.is-open .mn_a1  {background:#fff;border-radius:20px}
	/* #mainNavi .mn_li1 .mn_a1.over:before, */
	#mainNavi .mn_li1.has-sub.is-open .mn_a1:before {content:"";display:block;position:absolute;left:17px;top:27px;background-color:#006ee9;border-radius:50%;width:6px;height:6px}
	/* #mainNavi .mn_li1 .mn_a1.over span, */
	#mainNavi .mn_li1.has-sub.is-open .mn_a1 span {color:#006ee9}
	#mainNavi .depth2-wrap {display:none;position:absolute;top:0;left:0;width:100%;height:auto;padding-left:140px;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;background-color:#fff;border-radius:30px;padding:30px 20px 20px;box-sizing:border-box;z-index:100}
	#mainNavi .depth2-wrap .mn_li2 {position:relative;margin-bottom:10px}
	#mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn {display:block;position:absolute;right:7px;top:7px;background:none;border:0;width:30px;height:30px;z-index:1}
	#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;border:1px solid #ddd;border-radius:7px;height:46px;padding:7px 0 5px 15px;box-sizing:border-box}
	#mainNavi .depth2-wrap .mn_a2 span {display:inline-block;width:100%;color:#222;font-size:15px;line-height:1;word-wrap:break-word;word-break:keep-all;white-space:normal}

	#mainNavi .depth2-wrap .mn_li2.has-sub.is-open .tgl-btn {top:14px}
	#mainNavi .depth2-wrap .mn_li2.has-sub.is-open .tgl-btn:before {transform:rotate(135deg)}
	#mainNavi .depth2-wrap .mn_li2.has-sub.is-open .mn_a2 span {}
	#mainNavi .depth2-wrap .mn_li2.over {}
	#mainNavi .depth2-wrap .mn_li2.is-open .mn_a2[target='_blank'] span:after {background-position:-22px -25px}
	#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-color:#22264c;border-color:#22264c;box-shadow:0 13px 28px 0 rgba(144, 156, 187, .4)}
	#mainNavi .depth2-wrap .mn_a2.over span,
	#mainNavi .depth2-wrap .is-open .mn_a2 span {color:#fff}

	#mainNavi .depth2-wrap .mn_li2.is-close .depth3-wrap {display:none}
	#mainNavi .depth2-wrap .depth3-wrap {padding:9px 17px 0}
	#mainNavi .depth2-wrap .depth3-wrap li {position:relative;padding-left:8px;box-sizing:border-box}
	#mainNavi .depth2-wrap .depth3-wrap li:last-child {margin:0;}
	#mainNavi .depth2-wrap .depth3-wrap li a {display:block;position:relative;color:#555;font-size:15px;box-sizing:border-box}
	#mainNavi .depth2-wrap .depth3-wrap li a:before {content:"";display:block;position:absolute;left:-8px;top:11px;background-color:#7d7d7d;border-radius:50%;width:5px;height:5px;transition:all .3s ease}
	#mainNavi .depth2-wrap .depth3-wrap li a span {display:inline-block;position:relative;padding:6px 0;line-height:1.2;transition:all .3s ease}
	#mainNavi .depth2-wrap .depth3-wrap li a:hover span,
	#mainNavi .depth2-wrap .depth3-wrap li a:focus span {color:#006ee9}
	#mainNavi .depth2-wrap .depth3-wrap li a:hover:before,
	#mainNavi .depth2-wrap .depth3-wrap li a:focus:before{background-color:#006ee9}	
	#mainNavi .depth2-wrap .depth3-wrap li.over a {}
	#mainNavi .depth2-wrap .depth3-wrap li .mn_a3.over span {color:#000}


	#mn-ctrs-btns {display:block;position:absolute;right:20px;top:26px;z-index:0}
	#mn-ctrs-btns .mn-ctrs-btn {display:block;position:relative;background-color:#141845;border:0;border-radius:30px;width:42px;height:36px;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:15px;height:2px;font-size:0;transition:all .3s ease}
	#mn-ctrs-btns .mn-ctrs-btn:before {margin:13px auto auto auto}
	#mn-ctrs-btns .mn-ctrs-btn span {margin:auto}
	#mn-ctrs-btns .mn-ctrs-btn:after {left:-3px;width:11px;margin:auto auto 13px 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:768px){
	#mn-ctrs-btns {top:15px}
}

/*-------------------------submenu_kor.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_kor.css------------------------------------*/
#footer-wrap {position:relative;background-color:#fff;z-index:3000}
#footer-wrap .ft-wr {position:relative;padding:0 0 46px;line-height:1.2;max-width:1400px;margin:0 auto}
#footer-wrap .ft-svce {display:flex;flex-direction:column;position:relative;box-sizing:border-box}
#footer-wrap .ft-svce:after {content:"";display:block;position:absolute;width:2000px;height:1px;left:50%;bottom:0;transform:translateX(-50%);background:rgba(255, 255, 255, .1)}

#footer-wrap .top-bt {position:fixed;bottom:-150px;right:20px;width:50px;height:80px;text-align:center;border-radius:30px;/*overflow:hidden;*/background:rgb(34, 34, 34, .9);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-svce .fts-link {order:2;padding:13px 0 10px}
#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;margin-right:17px;padding:10px 23px 10px 0;box-sizing:border-box}
#footer-wrap .ft-svce .fts-link ul li:after {content:"";display:block;position:absolute;right:0;top:15px;background-color:#c8c8c8;border-radius:50%;width:5px;height:5px}
#footer-wrap .ft-svce .fts-link ul li:last-child {margin-right:0;padding-right:0;}
#footer-wrap .ft-svce .fts-link ul li:last-child:after {display:none}
#footer-wrap .ft-svce .fts-link a {display:block;color:#555;font-size:16px;transition:all .3s ease}
#footer-wrap .ft-svce .fts-link a.privacy {color:#006ee9;font-weight:500}
#footer-wrap .ft-svce .fts-link a span {display:block;line-height:1}
#footer-wrap .ft-svce .fts-link a:hover {}

#footer-wrap .ft-svce .fts-fmls {position:relative}
#footer-wrap .ft-svce .fts-fmls:before {content:"";display:block;position:absolute;left:50%;top:0;background-color:#22264c;width:3000px;height:100%;margin-left:-1500px}
#footer-wrap .ft-svce .fts-fmls .fmls-pkg {display:flex;flex-flow:row wrap}
#footer-wrap .ft-svce .fts-fmls .f-site {flex-basis:20%}
#footer-wrap .ft-svce .fts-fmls .f-site dl {position:relative}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt {}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button {display:flex;align-items:center;position:relative;background:transparent;border:0;border-right:1px solid rgba(255, 255, 255, .2);width:100%;height:70px;padding-left:40px;font-size:16px;text-align:left;box-sizing:border-box}
#footer-wrap .ft-svce .fts-fmls .f-site:first-child dl dt button {border-left:1px solid rgba(255, 255, 255, .2)}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button span {color:#fff;transition:all .3s ease}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button .arr {display:block;position:absolute;width:22px;height:22px;box-sizing:border-box;border:1px solid rgba(255, 255, 255, .3);border-radius:50%;top:0;right:0;bottom:0;left:0;margin:auto 20px auto auto;transition:all .3s ease}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button .arr:after {content:"";display:block;position:absolute;width:4px;height:4px;border:solid;border-width:2px 2px 0 0;border-color:#fff #fff transparent transparent;transform:rotate(-45deg);top:0;right:0;bottom:0;left:0;margin:8px auto auto auto;opacity:.6;transition:all .3s ease}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button.is-open,
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button:focus span,
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button:hover span {opacity:1}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button.is-open .arr,
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button:focus .arr,
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button:hover .arr {border-color:#fff}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button.is-open .arr:after,
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button:focus .arr:after,
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button:hover .arr:after {opacity:1}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button.is-open .arr:after {transform:rotate(135deg);margin:6px auto auto auto}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd {display:none;position:absolute;width:100%;left:0;bottom:100%;box-sizing:border-box;background:#22264c;box-sizing:border-box}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd .sel {box-sizing:border-box;height:330px;overflow-x:hidden;overflow-y:auto;padding:9px 2px 9px 18px}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd .sel ul {display:block;box-sizing:border-box}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd .sel ul li {display:block;box-sizing:border-box;border-top:1px solid rgba(255, 255, 255, .1);border-bottom:1px solid rgba(0, 0, 0, .5)}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd .sel ul li:first-child {border-top:0}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd .sel ul li:last-child {border-bottom:0}
#footer-wrap .ft-svce .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-svce .fts-fmls .f-site dl dd .sel a span {display:block;font-size:14px;letter-spacing:-.05em}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd button {display:block;position:absolute;width:100%;height:35px;left:0;bottom:100%;border:0;border-radius:10px 10px 0 0;background:rgba(103, 145, 200, .88)}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd button:before,
#footer-wrap .ft-svce .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-svce .fts-fmls .f-site dl dd button:before {transform:rotate(45deg)}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd button:after {transform:rotate(135deg)}


#footer-wrap .ft-info {position:relative;padding:30px 0 0 267px;box-sizing:border-box}
#footer-wrap .ft-info:before {content:"";display:block;position:absolute;left:50%;top:0;background-color:#ededed;width:3000px;height:1px;margin-left:-1500px}
#footer-wrap .ft-info .fti-logo {position:absolute;left:0;top:30px}
#footer-wrap .ft-info .fti-logo .flogo {}
#footer-wrap .ft-info .fti-logo .flogo a {display:block}
#footer-wrap .ft-info .fti-logo .flogo a img {display:block}
#footer-wrap .ft-info .fti-addr {display:flex;flex-flow:row wrap;justify-content:space-between}
#footer-wrap .ft-info .fti-addr dl {margin:6px 20px 0 0;color:#333;font-size:15px}
#footer-wrap .ft-info .fti-addr dl:last-child {margin-right:0}
#footer-wrap .ft-info .fti-addr dl dt {font-weight:500}
#footer-wrap .ft-info .fti-addr dl dd {display:flex;flex-flow:row wrap;margin-top:8px;font-weight:300}
#footer-wrap .ft-info .fti-addr dl dd address {margin-bottom:5px}
#footer-wrap .ft-info .fti-addr dl dd ul {display:flex;flex-flow:row wrap}
#footer-wrap .ft-info .fti-addr dl dd address + ul {margin-left:6px}
#footer-wrap .ft-info .fti-addr dl dd ul li {font-weight:400}
#footer-wrap .ft-info .fti-copy {display:block;flex-basis:100%;margin:10px 0 0 2px;color:rgba(51, 51, 51, .6);font-size:15px;line-height:1.3}
#footer-wrap .ft-info .fti-copy span {}

#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: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:8px;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}
}

