@charset "utf-8";

/* ==============================
* 이전, 다음메뉴 검수용 스타일링
================================= !*/
/*
.node-Stdd {position:relative;box-sizing:border-box;border:3px solid #f00}
.node-Stdd:before {content:"기준";display:block;position:absolute;right:3px;top:50%;transform:translateY(-50%);color:#000;font-size:13px;font-weight:bold;letter-spacing:-.05em;z-index:9;color:#f00}
.node-Prev {position:relative;box-sizing:border-box;border:3px solid #000}
.node-Prev:before {content:"이전";display:block;position:absolute;right:3px;top:50%;transform:translateY(-50%);color:#000;font-size:13px;font-weight:bold;letter-spacing:-.05em;z-index:9;color:#000}
.node-Next {position:relative;box-sizing:border-box;border:3px solid #00f}
.node-Next:before {content:"다음";display:block;position:absolute;right:3px;top:50%;transform:translateY(-50%);color:#000;font-size:13px;font-weight:bold;letter-spacing:-.05em;z-index:9;color:#00f}
*/

html, body {overflow:hidden;overflow-y:visible}
#doc-wrap {position:relative;min-width:1400px;max-width:1920px;overflow:hidden;margin:0 auto;font-family:"Montserrat","Noto Sans KR", sans-serif;font-size:18px;line-height:1.667em;letter-spacing:-0.025em;}
.Code-eng #doc-wrap {font-family:"sofia-pro","Montserrat","Noto Sans KR", sans-serif;letter-spacing:0;}
input, button, select, textarea {font-size:18px;color:#555;letter-spacing:-.025em;line-height:1.667em;}

@media all and (max-width:1400px){
	#doc-wrap {min-width:320px}
}
@media all and (max-width:999px){
	#doc-wrap {font-size:17px;}
	input, button, select, textarea {font-size:17px;}
}
@media all and (max-width:599px){
	#doc-wrap {font-size:15px;}
	input, button, select, textarea {font-size:15px;}
}

/* 스킵네비게이션 */
#skipNavi {height:0}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000}
#skipNavi .skipLink:focus,
#skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff}
#skipNavi .skipLink:focus {outline-color:red;}

/* 레이아웃 */
#header-wrap {position:relative;height:160px;margin:0 auto}

@media all and (min-width:1100px) {
	#header-wrap {position:relative;width:100%;background:#fff;z-index:13;box-shadow:0 4px 5px rgba(0,0,0,0.04);}
	.Code-eng #header-wrap {height:110px;}
	/*.headerFixed #header-wrap {position:fixed;top:0;left:0;margin:-75px 0 0 0;}
	.headerFixed #header .logo {display:none;}
	.headerFixed #mnavi-search {display:none;}
	.headerFixed #menu-wrap .tmBtn {top:7px;}
	.headerFixed #container-wrap {padding-top:160px;}*/

	.Code-eng.headerFixed #header-wrap {margin:-15px 0 0 0;}
	.Code-eng #gNavi .srvcUtil {transition:all .1s ease;}
	.Code-eng #mainNavi .depth1-wrap {transition:all .1s ease;}
	.Code-eng.headerFixed #gNavi .srvcUtil {left:0;}
	.Code-eng.headerFixed #mainNavi .depth1-wrap {padding-left:38px;}
}
@media all and (max-width:1099px) {
	#header-wrap {height:70px;box-shadow:0 4px 5px rgba(0,0,0,0.04);z-index:2;}
}

/* svisual */
#svisual-wrap {position:relative;margin:0 auto;width:100%;/*max-width:1720px;;*/height:auto;box-sizing:border-box;padding:0;z-index:10;transition:all .3s ease}
#svisual-wrap .svisualWrap {width:100%;position:relative;height:100%;z-index:1;display:none;}
#svisual-wrap .sVis {position:relative;height:100%}
#svisual-wrap .sVis .txtBox {display:block;max-width:1400px;margin:0 auto;box-sizing:border-box;position:relative;z-index:2}
#svisual-wrap .sVis .txtBox .txtPkg {display:block;position:absolute;left:0;top:92px;width:100%;text-align:center}
#svisual-wrap .sVis .txtBox .txtPkg > span {display:block;box-sizing:border-box;position:relative;line-height:1.2;color:#fff;font-weight:700;opacity:0;transform:translateY(30px)}
#svisual-wrap .sVis .txtBox .txtPkg .txt1 {letter-spacing:-.05em;font-size:44px;transition:all .4s ease .2s}
#svisual-wrap .sVis .txtBox .txtPkg .txt2 {letter-spacing:0;font-size:18px;margin:17px 0 0;font-family:address-sans-pro, sans-serif;transition:all .4s ease .4s}
#svisual-wrap .sVis .lnkBox {display:block;position:absolute;width:100%;max-width:1400px;height:0;left:50%;top:50%;z-index:2;transform:translate(-50%, -50%)}
#svisual-wrap .sVis .lnkBox a {display:none;position:absolute;width:auto;line-height:1;padding-top:4px;padding-bottom:10px;box-sizing:border-box;top:50%;transform:translateY(-50%)}
#svisual-wrap .sVis .lnkBox a:after {content:"";display:block;position:absolute;width:20px;height:20px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;top:0;right:0;bottom:0;left:0;transition:all .3s ease}
#svisual-wrap .sVis .lnkBox a span {display:inline-block;color:#fff;line-height:1.2;font-size:30px;letter-spacing:-.05em;font-weight:500;}
#svisual-wrap .sVis .lnkBox .contLnk-prev {left:0;padding-left:40px}
#svisual-wrap .sVis .lnkBox .contLnk-prev:after {transform:rotate(45deg);margin:auto auto auto 15px}
#svisual-wrap .sVis .lnkBox .contLnk-prev:focus:after,
#svisual-wrap .sVis .lnkBox .contLnk-prev:hover:after {margin:auto auto auto 5px}
#svisual-wrap .sVis .lnkBox .contLnk-next {right:0;padding-right:40px}
#svisual-wrap .sVis .lnkBox .contLnk-next:after {transform:rotate(225deg);margin:auto 15px auto auto}
#svisual-wrap .sVis .lnkBox .contLnk-next:focus:after,
#svisual-wrap .sVis .lnkBox .contLnk-next:hover:after {margin:auto 5px auto auto}
#svisual-wrap .sVis .imgBox {display:block;position:relative;height:100%;overflow:hidden;width:100%}
#svisual-wrap .sVis .imgBox img {display:block;position:absolute;width:auto;height:100%;top:0;left:50%;z-index:1;transform:translateX(-50%) scale(1.2);transition:transform 3s ease}
.loaded #svisual-wrap .sVis .txtBox .txtPkg .txt1 {opacity:1;transform:translateY(0)}
.loaded #svisual-wrap .sVis .txtBox .txtPkg .txt2 {opacity:.7;transform:translateY(0)}
.loaded #svisual-wrap .sVis .imgBox img {transform:translateX(-50%) scale(1)}

@media all and (max-width:1599px) {
	#svisual-wrap {padding:0}
}
/*
@media all and (max-width:1199px) {
	#svisual-wrap {height:300px}
	#svisual-wrap .sVis .txtBox .txtPkg {top:80px}
}
@media all and (max-width:999px) {
	#svisual-wrap {height:270px}
	#svisual-wrap .sVis .txtBox .txtPkg .txt1 {font-size:35px}
	#svisual-wrap .sVis .txtBox .txtPkg .txt2 {font-size:17px;margin:10px 0 0}
}
@media all and (max-width:768px) {
	#svisual-wrap {height:200px}
	#svisual-wrap .sVis .txtBox .txtPkg {top:70px}
	#svisual-wrap .sVis .lnkBox {display:none}
}
@media all and (max-width:699px) {
	#svisual-wrap .sVis .txtBox .txtPkg {top:55px}
	#svisual-wrap .sVis .txtBox .txtPkg .txt1 {font-size:24px}
	#svisual-wrap .sVis .txtBox .txtPkg .txt2 {font-size:14px}
}*/

/* cont-navi */
#cont-navi {display:block;position:relative;width:100%;margin:0 auto;padding:0 70px;box-sizing:border-box;z-index:12}
#cont-navi:before {display:block;content:'';position:absolute;top:0;left:50%;width:1920px;height:100%;transform:translateX(-50%);background:#f4f4f4;}
#cont-navi .contNavi {position:relative;text-align:left;width:100%;display:flex;align-items:center;}
#cont-navi .home {display:inline-block;position:relative;width:31px;height:31px;background:#fff;border-radius:50%;}
#cont-navi .home:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:14px;height:13px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -157px 0;}
#cont-navi dl {display:inline-block;vertical-align:top;position:relative;z-index:5;width:auto}
#cont-navi dl dt {display:block;height:100%}
#cont-navi dl dt a {display:flex;align-items:center;position:relative;/*min-width:90px;*/height:60px;padding:0 30px 0 25px;text-align:left;transition:all .3s ease}
#cont-navi dl dt a:before {content:"";display:block;position:absolute;top:24px;right:3px;width:9px;height:9px;opacity:0.3;border:solid;border-width:0 0 1px 1px;border-color:transparent transparent #5c5c5c #5c5c5c;transform:rotate(-135deg);transition:all .3s ease}
#cont-navi dl dt a .txt {display:inline-block;position:relative;font-size:0.944em;font-weight:500;color:#777777;vertical-align:middle;word-wrap:break-word;word-break:keep-all;white-space:normal;transition:all .3s ease}
#cont-navi dl:last-child dt a .txt {color:#000;}

#cont-navi dl.over dt a .txt {color:#000000}
#cont-navi dl.over dt a:before {top:21px;transform:rotate(-45deg);}
#cont-navi .sub-list {display:none;position:absolute;top:100%;left:0;background:#fff;width:190px;border:1px solid #2360c5;box-sizing:border-box;padding:20px 20px 15px 20px;box-shadow:9px 0 10px rgba(0, 0, 0, .05)}
#cont-navi .sub-list ul {display:block}
#cont-navi .sub-list li .mn_a1 {position:relative;display:block;font-size:0.944em;font-weight:500;line-height:1.176em;color:#555555;padding:6px 0;text-align:left;transition:all .3s ease}
#cont-navi .sub-list li .mn_a1 span {position:relative;display:inline-block;}
#cont-navi .sub-list li .mn_a1:focus,
#cont-navi .sub-list li .mn_a1:hover {color:#2360c5}
#cont-navi .sub-list li.isOver a {padding-left:28px;}
#cont-navi .sub-list li.isOver a span {color:#2360c5}
#cont-navi .sub-list li.isOver a:before {display:block;content:'';position:absolute;top:16px;left:0;width:12px;height:1px;background:#2360c5;}
#cont-navi .sub-list li.isOver a:after {display:block;content:'';position:absolute;top:14px;left:5px;width:5px;height:5px;border-bottom:1px solid #2360c5;border-right:1px solid #2360c5;transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
#cont-navi .sub-list .cNaviCloser {display:block;position:absolute;width:25px;height:25px;border:0;background:#fff;right:0px;bottom:0;}
#cont-navi .sub-list .cNaviCloser:before,
#cont-navi .sub-list .cNaviCloser:after {content:"";display:block;position:absolute;width:14px;height:2px;background:#bbb;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
#cont-navi .sub-list .cNaviCloser:before {transform:rotate(45deg)}
#cont-navi .sub-list .cNaviCloser:after {transform:rotate(135deg)}
#cont-navi .sub-list .cNaviCloser:focus:before,
#cont-navi .sub-list .cNaviCloser:hover:before {transform:rotate(135deg);background:#2360c5;}
#cont-navi .sub-list .cNaviCloser:focus:after,
#cont-navi .sub-list .cNaviCloser:hover:after {transform:rotate(225deg);background:#2360c5;}

#cont-navi a[target=_blank] span {display:inline;}
#cont-navi a[target=_blank] span:after {display:inline-block;content:"";margin-left:12px;width:12px;height:12px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -91px 0;}
#cont-navi a[target=_blank].over span:after,
#cont-navi .is-over a[target=_blank] span:after,
#cont-navi a[target=_blank]:hover span:after,
#cont-navi a[target=_blank]:focus span:after,
#cont-navi a[target=_blank]:active span:after {background-position:-113px 0;}

@media all and (min-width:1100px) and (max-width:1820px) {
	#cont-navi {padding:0 20px;}
}
@media all and (max-width:1099px) {
	#cont-navi {display:none}
}

/*  공유 및 프린트 */
.cont-util {position:absolute;right:70px;top:0;z-index:15}
.cont-util > div {display:inline-block;position:relative;box-sizing:border-box;vertical-align:middle;}
.cont-util button {box-sizing:border-box;position:relative;border:0;background:transparent}
.cont-util button:before,
.cont-util button:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box;transition:all .3s ease}
.cont-util .boxUtil .unit {display:inline-block;height:60px;vertical-align:middle;box-sizing:border-box;position:relative;}
.cont-util .boxUtil .unit > .btn-cast {display:inline-block;width:40px;height:100%;background:transparent;vertical-align:top}
.cont-util .boxUtil .unit > .btn-cast:before {width:22px;height:22px;z-index:2;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat;transition:all .3s ease}
.cont-util .boxUtil .unit .btn-share:before {width:20px;height:20px;background-position:-239px 0}
.cont-util .boxUtil .unit .btn-print {margin-right:8px;}
.cont-util .boxUtil .unit .btn-print:before {background-position:-207px 0}
.cont-util .boxUtil .sns-list {display:none;position:absolute;top:100%;right:0;z-index:100;box-sizing:border-box;padding:21px 16px 17px 22px;box-shadow:9px 0 10px rgba(0, 0, 0, .05);background:#fff;border:1px solid #888888;}
.cont-util .boxUtil .sns-list:before {display:block;content:'';position:absolute;top:-10px;right:9px;width:16px;height:10px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -307px 0;}
.cont-util .boxUtil .sns-list .inBox {display:flex;align-items:center;width:100%;}
.cont-util .boxUtil .sns-list .sns-tit {display:inline-block;font-size:0.889em;color:#333333;font-weight:700;font-style:normal;width:88px;}
.cont-util .boxUtil .sns-list ul {display:block;font-size:0;white-space:nowrap}
.cont-util .boxUtil .sns-list li {display:inline-block;box-sizing:border-box;position:relative;vertical-align:top;margin:0 10px 0 0}
.cont-util .boxUtil .sns-list li:last-child {margin-right:12px;}
.cont-util .boxUtil .sns-list button {display:block;box-sizing:border-box;position:relative;background:none;width:40px;height:40px;border-radius:50%;font-size:0;transition:all .3s ease}
.cont-util .boxUtil .sns-list button {background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat;}
.cont-util .boxUtil .sns-list button:hover {transform:translateY(-5px);}
.cont-util .boxUtil .sns-list button:focus {outline-color:red;}
.cont-util .boxUtil .sns-list button.btn-inst:focus {outline-color:black;}
.cont-util .boxUtil .sns-list button.btn-kakt:focus {outline-color:black;}
.cont-util .boxUtil .sns-list .btn-face {background-position:0 -56px;}
.cont-util .boxUtil .sns-list .btn-twit {background-position:-50px -56px;}
.cont-util .boxUtil .sns-list .btn-blog {background-position:-100px -56px;}
.cont-util .boxUtil .sns-list .btn-inst {background-position:-150px -56px;}
.cont-util .boxUtil .sns-list .btn-kakt {background-position:-200px -56px;}
.cont-util .boxUtil .sns-list .btn-band {background-position:-68px -56px;}
.cont-util .boxUtil .sns-list .btn-yout {background-position:-102px -56px;}
.cont-util .boxUtil .sns-list .btn-goog {background-position:-238px -56px;}
.cont-util .boxUtil .sns-list .btn-kkst {background-position:-272px -56px;}

.cont-util .boxUtil .sns-list .sns-closer {display:block;width:30px;height:30px;border:0;border-radius:0;background:#fff;}
.cont-util .boxUtil .sns-list .sns-closer:before,
.cont-util .boxUtil .sns-list .sns-closer:after {content:"";display:block;position:absolute;width:20px;height:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#333333;opacity:1;transition:all .3s ease}
.cont-util .boxUtil .sns-list .sns-closer:before {transform:rotate(45deg)}
.cont-util .boxUtil .sns-list .sns-closer:after {transform:rotate(135deg)}
.cont-util .boxUtil .sns-list .sns-closer:focus:before,
.cont-util .boxUtil .sns-list .sns-closer:hover:before {background:#2360c5;transform:rotate(135deg);}
.cont-util .boxUtil .sns-list .sns-closer:focus:after,
.cont-util .boxUtil .sns-list .sns-closer:hover:after {background:#2360c5;transform:rotate(225deg);}

@media all and (max-width:1820px) {
	.cont-util {right:20px;}
}
@media all and (max-width:1099px) {
	.cont-util {right:14px;}
	.cont-util .boxUtil .unit > .btn-cast {width:30px;}
	.cont-util .boxUtil .unit > .btn-cast:before {transform:scale(0.8);}
	.cont-util .boxUtil .unit .btn-print {margin-right:0;}
	.cont-util .boxUtil .sns-list {padding:15px;}
	.cont-util .boxUtil .sns-list .sns-tit {display:none;}
}


/* contents */
#container-wrap {position:relative;/*z-index:1;*/}
#container {position:relative;max-width:1400px;/*z-index:9;*/margin:0 auto 50px auto;}
#container:after {content:'';clear:both;display:block}
#contents {width:100%;word-break:keep-all;word-wrap:break-word}
#contents:after {content:'';clear:both;display:block}
#contents .cont-top {position:relative;margin-bottom:44px;padding-top:71px;}
#contents .cont-top .cont-tit {font-size:2.667em;color:#000000;font-weight:700;letter-spacing:-0.05em;text-align:center;}

#contents #cont {padding:15px 0 0 0;word-break:keep-all;word-wrap:break-word;min-height:600px;}
#contents #cont:after {clear:both;content:"";display:block}
  
@media all and (max-width:1440px){
	#container {max-width:100%;}
	#contents #cont {padding:0 20px;}
}
@media all and (max-width:1099px){
	#container-wrap {z-index:1;}
	#container {z-index:9;}
	#contents {width:100%;z-index:1;}
	#contents .cont-top {display:flex;align-items:center;text-align:left;background:#f4f4f4;height:60px;box-sizing:border-box;padding:0 20px;margin-bottom:20px;}
	#contents .cont-top .cont-tit {font-size:1.176em;}
	#contents #cont {min-height:400px;}
}

/*-------------------------gnavi_kor.css------------------------------------*/
#gNavi {position:relative;width:auto;height:75px;padding:0 70px;box-sizing:border-box;/*z-index:12;*/}
#gNavi .global-wrap {width:100%;box-sizing:border-box;position:relative;}
#gNavi .glnk-sec {height:100%;font-size:0}
#gNavi .glnk-sec a span,
#gNavi .glnk-sec button span {display:inline-block;line-height:1;box-sizing:border-box;position:relative;letter-spacing:0;font-weight:500;font-size:14px;vertical-align:middle;z-index:1}
#gNavi .glnk-sec a:after,
#gNavi .glnk-sec button:after {content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, .3);z-index:0;opacity:0;transition:all .3s ease}
#gNavi .glnk-sec a:focus span,
#gNavi .glnk-sec a:hover span,
#gNavi .glnk-sec button:focus span,
#gNavi .glnk-sec button:hover span {text-decoration:underline}
#gNavi .glnk-sec a:focus:after,
#gNavi .glnk-sec a:hover:after,
#gNavi .glnk-sec button:focus:after,
#gNavi .glnk-sec button:hover:after {opacity:1}
#gNavi .glnk-sec a {display:inline-block;box-sizing:border-box;position:relative;padding:0 22px;font-size:0;height:100%}
#gNavi .glnk-sec a:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
#gNavi .glnk-sec a:focus:after,
#gNavi .glnk-sec a:hover:after {opacity:1}
#gNavi .glnk-sec .whome {background:#1472b6;color:#fff}
#gNavi .glnk-sec .whome span {margin:-4px 0 0}

#gNavi .srvc-sec {position:absolute;right:0;top:24px;z-index:2200;}
#gNavi .srvc-sec .srvcLink {position:relative;z-index:1100;font-size:0;display:flex;align-items:center;}
#gNavi .srvc-sec .srvcLink > a {display:inline-block;box-sizing:border-box;position:relative;line-height:1;padding:0 11px 0 10px;font-size:0;vertical-align:top;}
#gNavi .srvc-sec .srvcLink > a > span {display:inline-block;font-size:14px;color:#222222;padding:0;line-height:1;letter-spacing:0;vertical-align:middle;font-weight:500;transition:all .3s ease}
#gNavi .srvc-sec .srvcLink > a:focus > span,
#gNavi .srvc-sec .srvcLink > a:hover > span {text-decoration:underline;text-underline-position:under;color:#000}
#gNavi .srvc-sec .srvcLink .link1 {padding-left:27px;padding-right:22px;margin-right:12px;}
#gNavi .srvc-sec .srvcLink .link1:before {display:block;content:'';position:absolute;top:50%;left:0;margin-top:-9px;width:16px;height:18px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -181px 0;}
#gNavi .srvc-sec .srvcLink .link1:after {display:block;content:'';position:absolute;top:50%;right:0;margin-top:-10px;width:1px;height:20px;background:#cacaca;}

#gNavi .srvc-sec .srvcLink .toppop-ctrl {display:inline-block;vertical-align:top;}
#gNavi .srvc-sec .srvcLink .toppop-ctrl .btn-wctrl {display:block;width:36px;height:36px;border-radius:50%;border:0;box-sizing:border-box;position:relative;background:#000;transition:all .3s ease;}
#gNavi .srvc-sec .srvcLink .toppop-ctrl .btn-wctrl:before {content:"";display:block;position:absolute;width:13px;height:14px;top:0;right:0;bottom:0;left:0;margin:auto;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -48px 0;z-index:1;transition:all .3s ease}
#gNavi .srvc-sec .srvcLink .toppop-ctrl .btn-wctrl span {font-size:0;color:transparent;width:0;height:0;overflow:hidden;}
#gNavi .srvc-sec .srvcLink .toppop-ctrl .btn-wctrl i {display:inline-block;position:absolute;bottom:-1px;right:-4px;width:16px;height:16px;background:#ff07a6;font-size:11px;color:#fff;font-family:sofia-pro, sans-serif;line-height:13px;font-style:normal;border-radius:50%;}
#gNavi .srvc-sec .srvcLink .toppop-ctrl .btn-wctrl:focus:before,
#gNavi .srvc-sec .srvcLink .toppop-ctrl .btn-wctrl:hover:before {/*-webkit-animation-name: hvr-icon-buzz-out;animation-name: hvr-icon-buzz-out;-webkit-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;*/}
#gNavi .srvc-sec .srvcLink .toppop-ctrl .btn-wctrl.show,
#gNavi .srvc-sec .srvcLink .toppop-ctrl .btn-wctrl:hover {background:#333}
#gNavi .srvc-sec .srvcLink .toppop-ctrl .btn-wctrl:focus {outline-color:red;}

#gNavi .srvcUtil {display:block;position:absolute;left:0;top:111px;z-index:1001}
#gNavi .srvcUtil .amenu {display:block;width:30px;height:18px;background:#fff;font-size:0;color:transparent;border:0;background:none;box-sizing:border-box;transition:all .3s ease;}
#gNavi .srvcUtil .amenu:before,
#gNavi .srvcUtil .amenu span:before,
#gNavi .srvcUtil .amenu:after {content:"";display:block;position:absolute;width:22px;height:2px;background:#000;top:0;left:0;font-size:0;transition:all .3s ease}
#gNavi .srvcUtil .amenu:before {width:24px;}
#gNavi .srvcUtil .amenu span:before {top:8px;width:100%;}
#gNavi .srvcUtil .amenu:after {top:16px;width:16px;}

#gNavi .srvcUtil .amenu:focus:before,
#gNavi .srvcUtil .amenu:hover:before {width:100%;background:#2360c5;}
#gNavi .srvcUtil .amenu:focus span:before,
#gNavi .srvcUtil .amenu:hover span:before {width:16px;background:#2360c5;}
#gNavi .srvcUtil .amenu:focus:after,
#gNavi .srvcUtil .amenu:hover:after {width:100%;background:#2360c5;}

#gNavi .srvc-sec .srvcLink .langPkg {margin:0 36px 0 0;}

/* 언어 선택 */
#header-wrap .langPkg {margin:0 36px 0 0;display:inline-block;box-sizing:border-box;position:relative;vertical-align:top;z-index:2;}
#header-wrap .langPkg .caster {display:block;border:0;box-sizing:border-box;height:auto;font-size:0;background:transparent;padding:0 19px 0 0;transition:all .3s ease}
#header-wrap .langPkg .caster:after {content:"";display:block;position:absolute;width:0;height:0;right:2px;top:8px;border:solid;border-width:5px 4px 0 4px;border-color:#000000 transparent transparent transparent;transition:all .3s ease}
#header-wrap .langPkg .caster span {display:inline-block;font-family:sofia-pro, sans-serif;font-size:14px;color:#333;font-weight:500;padding:0;line-height:1;letter-spacing:0;vertical-align:middle;margin:2px 0 0;}
#header-wrap .langPkg .caster:focus span,
#header-wrap .langPkg .caster:hover span {}
#header-wrap .langPkg.over .caster:after {transform:rotate(180deg);}
#header-wrap .langPkg.over .caster span {}
#header-wrap .langPkg .langSet {display:none;position:absolute;width:100%;left:0;top: calc(100% + 12px);box-sizing:border-box;background:#fff;box-shadow:9px 0 10px rgba(0,0,0,0.05);}
#header-wrap .langPkg ul {display:block;}
#header-wrap .langPkg ul li {display:block;box-sizing:border-box;border-bottom:1px solid #eaeaea}
#header-wrap .langPkg ul li:last-child {border-bottom:0}
#header-wrap .langPkg a {display:block;text-align:center;padding:14px 0 12px 0;line-height:1}
#header-wrap .langPkg a span {display:inline-block;font-size:14px;color:#333;letter-spacing:0;line-height:1;transition:all .3s ease}
#header-wrap .langPkg a:focus span,
#header-wrap .langPkg a:hover span {color:#fff;text-decoration:underline;text-underline-position:under;}
#header-wrap .langPkg a:focus,
#header-wrap .langPkg a:hover {background:#2360c5;}

#header-wrap .langPkg .closer {display:block;position:absolute;overflow:hidden;width:20px;height:20px;right:0;bottom:0;border:0;border-top:0;background:transparent;margin:-1px -1px 0 0}
#header-wrap .langPkg .closer:before,
#header-wrap .langPkg .closer:after {content:"";display:block;position:absolute;width:10px;height:2px;background:#333;top:0;right:0;bottom:0;left:0;opacity:0.5;margin:auto;transition:all .3s ease}
#header-wrap .langPkg .closer:before {transform:rotate(45deg)}
#header-wrap .langPkg .closer:after {transform:rotate(135deg)}
#header-wrap .langPkg .closer:focus:before,
#header-wrap .langPkg .closer:hover:before {transform:rotate(135deg);}
#header-wrap .langPkg .closer:focus:after,
#header-wrap .langPkg .closer:hover:after {transform:rotate(225deg);}
#header-wrap .langPkg .closer:focus {width:20px;height:20px;}

@media all and (min-width:1100px) and (max-width:1820px) {
	#gNavi {padding:0 20px;}
}
@media all and (max-width:1099px) {
	#gNavi {height:auto;}
	#gNavi .global-wrap {position:absolute;top:0;right:20px;width:auto;}

	#gNavi .srvc-sec {top:18px;right:46px;}
	#gNavi .srvc-sec .srvcLink > a {display:none;}
	#gNavi .srvc-sec .srvcLink .langPkg {display:none;}
	#gNavi .srvc-sec .srvcLink .toppop-ctrl .btn-wctrl {transform:scale(0.8)}

	#gNavi .srvcUtil {display:none;}

	.mobile-sideMenu-open #gNavi {z-index:1;}
}

@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

/*-------------------------logo_kor.css------------------------------------*/
#header {display:block;position:relative;height:85px;/*padding:0 70px;max-width:1920px;z-index:11;*/width:100%;box-sizing:border-box;}
#header .logo {display:block;position:absolute;top:30px;left:70px;height:auto;z-index:501;text-align:left;}
#header .logo a {display:inline-block;}
#header .logo a span {display:block}
#header .logo a span img {display:block;width:auto;height:auto;}
#header .logo a span em {display:inline-block;font-size:21px;font-style:normal;margin-left:7px;padding-bottom:5px;margin-bottom:3px;letter-spacing:-0.05em;vertical-align:bottom;display:none}


@media all and (min-width:1100px) {
	.Code-eng #header {height:110px;}
	.Code-eng #header .logo {top:34px;}
}
@media all and (max-width:1820px) {
	#header .logo {left:20px;}
}
@media all and (max-width:1099px) {
	#header {height:70px}
	#header .logo {top:24px;}
	#header .logo a span img {width:98px;}
	.mobile-sideMenu-open #header .logo {z-index:0}
}

/*-------------------------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 {display:inline;}
#mainNavi a[target=_blank] span:after {display:inline-block;content:"";margin-left:12px;width:12px;height:12px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -91px 0;}
#mainNavi a[target=_blank].over span:after,
/*#mainNavi .is-over a[target=_blank] span:after,*/
#mainNavi a[target=_blank]:hover span:after,
#mainNavi a[target=_blank]:focus span:after,
#mainNavi a[target=_blank]:active span:after {background-position:-113px 0;}


/* 대관안내 */
#menu-wrap .btn-leaseinfo {display:flex;align-items:center;position:relative;width:270px;height:70px;border-radius:35px;background:rgba(35,100,207,1);transition:all .3s ease;}
#menu-wrap .btn-leaseinfo .txt {display:inline-block;color:#fff;font-size:19px;font-weight:700;padding-left:29px;letter-spacing:0;transition:all .3s ease;}
#menu-wrap .btn-leaseinfo .eng {display:inline-block;content:'Lease info';color:#fff;font-size:12px;font-weight:300;font-family:sofia-pro, sans-serif;letter-spacing:0.05em;padding-left:10px;opacity:0.6;transition:all .3s ease;}	
#menu-wrap .btn-leaseinfo:before {display:block;content:'';position:absolute;top:0;right:22px;width:122px;height:100%;background:url(/resources/_Templet/Layout/layout_kor/Img/btn_arrbg.png) no-repeat 50% 50%;transition:all .3s ease;}
#menu-wrap .btn-leaseinfo .txt:before {display:block;content:'';position:absolute;top:50%;right:39px;margin-top:-1px;;width:27px;height:2px;background:#fff;z-index:2;transition:all .3s ease;}
#menu-wrap .btn-leaseinfo .txt:after {display:block;content:'';position:absolute;top:50%;right:39px;margin-top:-4.5px;width:7px;height:7px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(-45deg);z-index:2;transition:all .3s ease;}
#menu-wrap .btn-leaseinfo:hover .txt {text-decoration:initial;}
#menu-wrap .btn-leaseinfo .cir-lt, 
#menu-wrap .btn-leaseinfo .cir-rt {display:block;position:absolute;left:192px;top:50%;width:20px;height:20px;background:#000;border-radius:20px;transform:translateY(-50%);}
#menu-wrap .btn-leaseinfo .cir-lt {width:20px;opacity:1;transition:width .3s ease .3s, opacity 0s ease .3s;}
#menu-wrap .btn-leaseinfo .cir-rt {width:41px;opacity:0;transition:width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s;}
#menu-wrap .btn-leaseinfo:hover .cir-lt {width:41px;opacity:0;transition:width .3s ease 0s, opacity 0s ease .3s;}
#menu-wrap .btn-leaseinfo:hover .cir-rt {left:217px;width:20px;opacity:1;transition:width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s;}
#menu-wrap .btn-leaseinfo:focus {outline-color:red;}

#menu-wrap .btn-leaseinfo2 {background:rgba(232,11,140,1);}
#menu-wrap .btn-leaseinfo2:before {right:0;transform: scaleX(-1);}
#menu-wrap .btn-leaseinfo2 .txt:before {right:48px;}
#menu-wrap .btn-leaseinfo2 .txt:after {right:65px;transform:rotate(135deg);}
#menu-wrap .btn-leaseinfo2 .cir-lt, 
#menu-wrap .btn-leaseinfo2 .cir-rt {left:auto;right:39px;}
#menu-wrap .btn-leaseinfo2 .cir-rt {transition:width .3s ease 0s, opacity 0s ease .3s, right .3s ease 0s;}
#menu-wrap .btn-leaseinfo2:hover .cir-rt {left:auto;right:62px;transition:width .3s ease .3s, opacity 0s ease .3s, right .3s ease .3s;}
#menu-wrap .btn-leaseinfo2:focus {outline-color:black;}

.Code-organizer #menu-wrap .btn-leaseinfo1 {display:none;}
.Code-kor #menu-wrap .btn-leaseinfo2 {display:none;}
.Code-eng #menu-wrap .btn-leaseinfo {display:none;}

@media all and (min-width:1100px) {	
	#menu-wrap .tmBtn {position:absolute;top:0;right:70px;z-index:5001;}
}
@media all and (min-width:1100px) and (max-width:1299px) {
	#menu-wrap .btn-leaseinfo {width:180px;}
	#menu-wrap .btn-leaseinfo .txt {padding-left:19px;}
	#menu-wrap .btn-leaseinfo .eng {display:none;}
	#menu-wrap .btn-leaseinfo:after {right:35px;}
	#menu-wrap .btn-leaseinfo .txt:before {right:19px;}
	#menu-wrap .btn-leaseinfo .txt:after {right:19px;}
	#menu-wrap .btn-leaseinfo .cir-lt, 
	#menu-wrap .btn-leaseinfo .cir-rt {left:122px;}
	#menu-wrap .btn-leaseinfo:hover .cir-rt {left:147px;}

	#menu-wrap .btn-leaseinfo2 .txt:before {right:28px;}
	#menu-wrap .btn-leaseinfo2 .txt:after {right:45px;}
	#menu-wrap .btn-leaseinfo2 .cir-lt, 
	#menu-wrap .btn-leaseinfo2 .cir-rt {left:auto;right:19px;}
	#menu-wrap .btn-leaseinfo2:hover .cir-rt {left:auto;right:40px;}	
}
@media all and (min-width:1100px) and (max-width:1820px) {
	#menu-wrap .tmBtn {right:20px;}
}
@media all and (max-width:1099px) {
	#menu-wrap .tmBtn {box-sizing:border-box;padding:0 20px 15px 20px;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,0.04);}
	#menu-wrap .btn-leaseinfo {width:100%;height:50px;}
	#menu-wrap .btn-leaseinfo .txt {font-size:14px;padding-left:33px;}
	#menu-wrap .btn-leaseinfo .eng {font-size:11px;padding-left:13px;}	
	#menu-wrap .btn-leaseinfo:before {right:112px;}
	#menu-wrap .btn-leaseinfo:after {right:47px;}
	#menu-wrap .btn-leaseinfo .txt:before {right:31px;}
	#menu-wrap .btn-leaseinfo .txt:after {right:31px;}

	#menu-wrap .btn-leaseinfo .cir-lt, 
	#menu-wrap .btn-leaseinfo .cir-rt {display:none;}
	#menu-wrap .btn-leaseinfo:after {display:block;content:'';position:absolute;top:50%;right:47px;margin-top:-10px;width:20px;height:20px;background:#000;border-radius:30px;transition:all .3s ease;}

	#menu-wrap .btn-leaseinfo2 .txt:before {right:28px;}
	#menu-wrap .btn-leaseinfo2 .txt:after {right:45px;}
	#menu-wrap .btn-leaseinfo2:after {right:19px;}
}

/* 주메뉴 */
@media all and (min-width:1100px) {	
	/*검색 */
	#mnavi-search {position:absolute;top:30px;left:288px;width:314px;z-index:501;}
	#mnavi-search .mbtn-sch {display:none;}
	#mnavi-search .search-box input[type='text'] {width:100%;color:#333;font-size:14px;height:40px;line-height:38px;box-sizing:border-box;margin:0;background:#fff;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;padding:0 46px 0 23px;}
	#mnavi-search .search-box input[type='text']::placeholder {color:#555;/* opacity:0.6; */font-size:14px;}
	#mnavi-search .search-box .btn-search {position:absolute;top:0;right:0;width:46px;height:100%;background:transparent;border:0;}
	#mnavi-search .search-box .btn-search:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:17px;height:15px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat 0 0;} 	

	#menu-wrap .mn-top,
	#menu-wrap .mem-btn,
	#menu-wrap .btn-close,
	#menu-wrap .tmn-box {display:none}

	#mainNavi-wrap {position:relative;width:100%;height:85px;background:transparent;z-index:500;overflow:hidden;margin:0;text-align:center;box-sizing:border-box;transition:all .3s ease;background:#fff;/*box-shadow:0 4px 5px rgba(0,0,0,0.04);*/}
	#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:#0d5db2}
	#menu-wrap .allmn-btn:hover .txt:before {width:18px;margin-left:20px;background:#0d5db2}

	#mainNavi {height:85px;box-sizing:border-box;padding:0;background:#fff;overflow:hidden;}
	#mainNavi .depth1-wrap {display:block;width:auto;text-align:left;box-sizing:border-box;position:relative;max-width:1780px;margin:0 auto;padding:0 0 0 38px;font-size:0;line-height:1}
	#mainNavi .depth1-ul {display:inline-block;}
	#mainNavi .mn_li1 {position:relative;display:inline-block;text-align:center;}
	#mainNavi .mn_a1 {position:relative;display:block;padding:33px 55px 30px 55px;}
	#mainNavi .mn_a1 > span {position:relative;display:inline-block;line-height:1;font-size:22px;font-weight:700;color:#000000;letter-spacing:-.025em;transition:all .3s ease}
	#mainNavi .mn_a1:before {}
	#mainNavi .mn_a1.over span,
	#mainNavi .mn_a1:hover span,
	#mainNavi .mn_a1:focus span,
	#mainNavi .mn_li1.over .mn_a1 span {color:#2360c5}
	#mainNavi .mn_li1.is-over .mn_a1 span {color:#2360c5}
	#mainNavi .mn_li1 .mn_a1.over:before,
	#mainNavi .mn_a1:hover:before,
	#mainNavi .mn_a1:focus:before,
	#mainNavi .mn_li1.over .mn_a1:before {}

	#mainNavi .depth2-wrap {width:100%;display:block;text-align:left;position:absolute;top:85px;left:0;box-sizing:border-box;z-index:-1;}
	#mainNavi .depth2-wrap:after {}
	#mainNavi .depth2-wrap .depth2-tit {display:none;}
	#mainNavi .depth2-wrap .depth2-ul {box-sizing:border-box;padding:0 10px 0 52px;min-height:350px;text-align:left;}
	#mainNavi .depth2-wrap .mn_li2 {display:block;vertical-align:top;box-sizing:border-box;position:relative;}
	#mainNavi .depth2-wrap .mn_a2 {display:block;width:auto;height:auto;position:relative;box-sizing:border-box;padding:8px 0;font-size:0;text-align:left;transition:all .3s ease}	
	#mainNavi .depth2-wrap .mn_a2 span {display:inline-block;position:relative;vertical-align:middle;font-size:17px;color:#555555;font-weight:500;letter-spacing:-.025em;line-height:1.2;word-break:break-word;transition:all .3s ease}
	#mainNavi .depth2-wrap .mn_a2 span:before {content:"";display:block;position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#2360c5;transition:all .3s ease}	
	#mainNavi .depth2-wrap .over .mn_a2 span,
	#mainNavi .depth2-wrap .mn_a2:focus span,
	#mainNavi .depth2-wrap .mn_a2:hover span {color:#2360c5;}
	#mainNavi .depth2-wrap .over .mn_a2 span:before,
	#mainNavi .depth2-wrap .mn_a2:focus span:before,
	#mainNavi .depth2-wrap .mn_a2:hover span:before {width:100%;}

	#mainNavi .depth3-wrap {display:none !important;padding:12px 0 0;box-sizing:border-box}
	#mainNavi .depth3-wrap .depth3-ul {display:flex;flex-flow:row;flex-wrap:wrap;}
	#mainNavi .depth3-wrap .mn_li3 {width:50%;margin:0 0 4px;box-sizing:border-box}
	#mainNavi .depth3-wrap .mn_li3:last-child {margin:0}
	#mainNavi .depth3-wrap .mn_a3 {position:relative;display:block;padding:6px 0;box-sizing:border-box}
	#mainNavi .depth3-wrap .mn_a3 span {display:inline-block;position:relative;font-size:15px;color:#555;letter-spacing:-.05em;line-height:1.2;word-wrap:break-word;word-break:keep-all;white-space:normal;transition:all .3s ease}
	#mainNavi .depth3-wrap .mn_a3 span:before {content:"";display:block;position:absolute;width:0;height:0;border-radius:50%;background:#ff9900;top:1px;right:-9px;transition:all .3s ease}
	#mainNavi .depth3-wrap .over .mn_a3 span:before,
	#mainNavi .depth3-wrap .mn_a3:focus span:before,
	#mainNavi .depth3-wrap .mn_a3:hover span:before {width:6px;height:6px;top:-2px;right:-12px}
	#mainNavi .depth3-wrap .over.mn_a3 span {font-weight:700}
	#mainNavi .depth3-wrap .over.mn_a3 span,
	#mainNavi .depth3-wrap .mn_a3.over span,
	#mainNavi .depth3-wrap .mn_a3:hover span,
	#mainNavi .depth3-wrap .mn_a3:focus span {color:#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 {overflow:visible;}
	.pc-topMenu-open #mainNavi-wrap {box-shadow:0 4px 5px rgba(0,0,0,0.04);}
	.pc-topMenu-open #mainNavi-wrap:after {display:block;content:'';position:absolute;bottom:0;right:7%;width:774px;height:289px;background:url(/resources/_Templet/Layout/layout_kor/Img/tm_bg.png) no-repeat 0 0;}
	.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:#366ebb}
	.pc-topMenu-open #mainNavi .mn_a1:after {background:#366ebb}
	.body-slider-ovclick {display:none}
	
	/* 영문 */
	.Code-eng #mnavi-search {display:none;}
	.Code-eng #mainNavi-wrap {height:110px;}
	.Code-eng #mainNavi {height:110px;}
	.Code-eng #mainNavi .depth1-wrap {padding-left:293px;}
	.Code-eng #mainNavi .mn_a1 {padding:48px 58px 30px 58px;}
	.Code-eng #mainNavi .mn_a1 > span {font-size:23px;}
	.Code-eng #mainNavi .depth2-wrap {top:110px;}
}
@media all and (min-width:1100px) and (max-width:1699px) {
	.Code-organizer #mainNavi .mn_a1 {padding-left:30px;padding-right:30px;}
	.Code-organizer #mainNavi .depth1-wrap {padding-right:300px;}
	.Code-organizer #mainNavi .depth1-ul {display:flex;justify-content:space-around;}
}
@media all and (min-width:1100px) and (max-width:1499px) {
	#mainNavi .mn_a1 {padding-left:20px;padding-right:20px;}
	#mainNavi .depth1-ul > li:first-child .mn_a1 {padding-left:53px}
	#mainNavi .depth2-wrap .depth2-ul {padding-left:20px;}
	#mainNavi .depth1-ul > li:first-child .depth2-wrap .depth2-ul {padding-left:53px;}

	.Code-organizer #mainNavi .mn_a1 {padding-left:10px;padding-right:10px;}

	.pc-topMenu-open #mainNavi-wrap:after {right:0;}
}
@media all and (min-width:1100px) and (max-width:1299px) {
	.Code-organizer #mainNavi .depth1-wrap {padding-right:200px;}
	.Code-organizer #mainNavi .mn_a1 > span {font-size:19px;}

	.Code-eng #mainNavi .mn_a1 {padding-left:30px;padding-right:30px;}
}
@media all and (min-width:1100px) and (max-width:1159px) {
	#mnavi-search {width:200px;}

	#mainNavi .mn_a1 {padding-left:15px;padding-right:15px;}
	#mainNavi .depth1-ul > li:first-child .mn_a1 {padding-left:53px}
	#mainNavi .depth2-wrap .depth2-ul {padding-left:15px;}
	#mainNavi .depth1-ul > li:first-child .depth2-wrap .depth2-ul {padding-left:53px;}

	.Code-organizer #mainNavi .mn_a1 {padding-left:10px;padding-right:10px;}
	.Code-organizer #mainNavi .mn_a1 > span {font-size:18px;}
}

@media all and (max-width:1099px) {
	body.mobile-sideMenu-open {position:fixed;width:100%;height:100%;overflow:hidden}

	/*검색 */
	#mnavi-search {position:absolute;top:21px;right:104px;width:29px;z-index:501;}
	#mnavi-search .search-box {display:none;} 
	#mnavi-search .mbtn-sch {display:block;position:relative;width:29px;height:29px;border-radius:50%;background:#e5e5e5;}
	#mnavi-search .mbtn-sch:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:13px;height:11px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -25px 0;}
	

	/* 메뉴 */
	#mainNavi-wrap {overflow:inherit;position:absolute;top:0;right:0;width:100%;max-width:400px;height:0 !important}
	#mainNavi-wrap * {outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
	#menu-wrap {position:fixed;right:-100%;top:0px;left:auto;width:100%;max-width:400px;height:100%;z-index:8000;background:#fff;overflow-x:hidden;padding:0;box-sizing:border-box;margin:0;transition:right .5s ease, box-shadow .5s ease}
	#menu-wrap.mn-h-open {right:0;box-shadow:-10px 0 15px rgba(0, 0, 0, .15)}
	#menu-wrap.hide-mDeco .mDeco {opacity:0}
	.isMain #menu-wrap .mDeco {background:#edf4f6}
	.isMain #mainNavi .depth2-wrap .depth2-ul {}
	.isSub #menu-wrap .mDeco {background:#fff}
	
	/* 글로벌 */
	#menu-wrap .mGnavi {display:block;position:relative;box-sizing:border-box;width:100%;height:65px;background:#fff;font-size:0;text-align:left;z-index:1;}
	#menu-wrap .mGnavi .mGlist {position:absolute;top:23px;left:138px;z-index:1100;font-size:0;display:flex;align-items:center;padding-left:12px;}
	#menu-wrap .mGnavi .mGlist:after {display:block;content:'';position:absolute;top:50%;left:0;margin-top:-10px;width:1px;height:20px;background:#cacaca;}
	#menu-wrap .mGnavi .mGlist li {display:inline-block;padding:0 11px 0 10px;}
	#menu-wrap .mGnavi .mGlist li a {display:inline-block;}
	#menu-wrap .mGnavi .mGlist li a > span {display:inline-block;font-size:14px;color:#222222;padding:0;line-height:1;letter-spacing:0;vertical-align:middle;font-weight:500;transition:all .3s ease}
	#menu-wrap .mGnavi .mGlist li a:focus > span,
	#menu-wrap .mGnavi .mGlist li a:hover > span {text-decoration:underline;text-underline-position:under;color:#000}
	#menu-wrap .mGnavi .langPkg {position:absolute;top:25px;left:20px;}
	#menu-wrap .btn-close {display:block;position:absolute;width:21px;height:21px;background:transparent;border:0;top:23px;right:25px;}
	#menu-wrap .btn-close:before,
	#menu-wrap .btn-close:after {content:"";display:block;position:absolute;width:29px;height:2px;background:#000;top:0;right:0;bottom:0;left:0;margin:auto}
	#menu-wrap .btn-close:before {transform:rotate(45deg)}
	#menu-wrap .btn-close:after {transform:rotate(135deg)}
	#menu-wrap .allmn-btn {display:none}
	#menu-wrap .mGnavi #langPkgEng {display:none;}


	#mainNavi {display:block;position:absolute;width:100%;height:100%;box-sizing:border-box;padding:0;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}
	#mainNavi .depth1-ul {position:relative;z-index:1}
	#mainNavi .mn_li1 {position:relative;height:auto;}
	#mainNavi .mn_li1 .mn_a1 {display:flex;align-items:center;position:relative;box-sizing:border-box;width:100%;height:60px;padding:0 20px 0 20px;z-index:300;text-align:left;font-size:0;transition:all .3s ease}
	#mainNavi .mn_li1 .mn_a1:before {display:block;content:'';position:absolute;bottom:0;left:20px;width: calc(100% - 40px);height:1px;background:#eaebed;}
	#mainNavi .mn_li1 .mn_a1 span {display:inline-block;position:relative;line-height:1.2;font-size:18px;color:#000000;vertical-align:middle;box-sizing:border-box;font-weight:500}
	#mainNavi .mn_li1 .mn_a1.over span {color:#2360c5}
	#mainNavi .mn_li1.has-sub .mn_a1 {}
	#mainNavi .mn_li1.has-sub.is-open .mn_a1 span {color:#2360c5;}
	#mainNavi .mn_li1.has-sub.is-open .mn_a1:before {background:#fff;}
	
	#mainNavi .mn_li1 > .tgl-btn {position:absolute;top:0;right:0;width:64px;height:60px;background:transparent;border:0;}
	#mainNavi .mn_li1 > .tgl-btn:before {display:block;content:"";position:absolute;left:0;right:0;top:18px;margin:0 auto;width:14px;height:14px;border:2px solid #777;border-top-color:transparent;border-left-color:transparent;box-sizing:border-box;transform:rotate(45deg);-ms-transform:rotate(45deg)}
	#mainNavi .mn_li1.is-open > .tgl-btn:before {top:25px;border-color:transparent #2360c5 #2360c5 transparent;transform:rotate(225deg);-ms-transform:rotate(225deg);}

	#mainNavi .depth2-wrap {display:none;width:100%;height:auto;box-sizing:border-box;transition:display .3s ease;position:relative;box-sizing:border-box}
	#mainNavi .depth2-wrap .depth2-tit {display:none}
	#mainNavi .depth2-wrap .mn_li2 {position:relative;margin:0 20px}
	#mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn {display:none;position:absolute;width:30px;height:30px;right:12px;top:14px;z-index:1;border:0;background:transparent}
	#mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:before,
	#mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:after {content:"";display:block;position:absolute;width:14px;height:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#666;transition:all .3s ease}
	#mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:before {}
	#mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:after {transform:rotate(90deg)}
	#mainNavi .depth2-wrap .mn_li2.has-sub.is-open .tgl-btn:after {transform:rotate(180deg)}
	#mainNavi .depth2-wrap .mn_li2.has-sub.is-open .mn_a2 span {border-bottom:0}

	#mainNavi .is-open .depth2-wrap {display:block}
	#mainNavi .depth2-ul {position:relative;z-index:100;box-sizing:border-box;background:#f4f5f8;padding:19px 0;}
	#mainNavi .depth2-wrap .mn_a2 {position:relative;display:block;padding:10px 0 10px 10px;font-size:0;box-sizing:border-box;}
	#mainNavi .depth2-wrap .mn_a2 span {position:relative;display:inline-block;line-height:1;font-size:16px;color:#5c616f;font-weight:500;word-wrap:break-word;word-break:keep-all;white-space:normal;}
	#mainNavi .depth2-wrap .mn_a2:before {display:none;content:'';position:absolute;top:17px;left:10px;width:18px;height:2px;background:#2360c5;}
	#mainNavi .depth2-wrap .mn_a2:after {display:none;content:'';position:absolute;top:14px;left:18px;width:6px;height:6px;border-bottom:2px solid #2360c5;border-right:2px solid #2360c5;transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
	#mainNavi .depth2-wrap .mn_li2.has-sub {padding-bottom:23px;margin-bottom:19px;}
	#mainNavi .depth2-wrap .mn_li2.has-sub .mn_a2 {position:absolute;top:0;left:0;width:160px;}
	#mainNavi .depth2-wrap .mn_li2.is-open {border-bottom:1px solid #d4d8e5;}
	#mainNavi .depth2-wrap .mn_a2.over span,
	#mainNavi .depth2-wrap .is-open .mn_a2 span {color:#2360c5}
	#mainNavi .depth2-wrap .mn_a2.over {padding-left:42px;}	
	#mainNavi .depth2-wrap .mn_a2.over:before {display:block;}
	#mainNavi .depth2-wrap .mn_a2.over:after {display:block;}

	#mainNavi .depth2-wrap .depth3-wrap {display:none;box-sizing:border-box;margin:0 0 0 160px;border-left:1px solid #d4d8e5;}
	#mainNavi .depth2-wrap .depth3-wrap li {padding-left:30px;padding-bottom:10px}
	#mainNavi .depth2-wrap .depth3-wrap li:last-child {padding-bottom:0}
	#mainNavi .depth2-wrap .depth3-wrap li a {display:block;position:relative;display:block;padding:0;box-sizing:border-box;font-size:14px;line-height:1.143em;color:#7a7e89}
	#mainNavi .depth2-wrap .depth3-wrap li a:before {display:none;content:'';position:absolute;top:6px;left:-11px;width:4px;height:4px;background:#3f74cc;border-radius:50%;}
	#mainNavi .depth2-wrap .depth3-wrap li a span {display:inline-block;position:relative;}
	#mainNavi .depth2-wrap .depth3-wrap li.over a {color:#3f74cc;}
	#mainNavi .depth2-wrap .depth3-wrap li.over a span {text-decoration:underline;text-underline-position:under;}
	#mainNavi .depth2-wrap .depth3-wrap li.over a:before {display:block;}
	#mainNavi .depth2-wrap .mn_li2.is-open .depth3-wrap {display:block}


	#mn-ctrs-btns {display:block;position:absolute;right:20px;top:26px;z-index:8000;}
	#mn-ctrs-btns .mn-ctrs-btn {position:relative;display:block;width:30px;height:18px;box-sizing:border-box;border:0;background:transparent;}
	#mn-ctrs-btns .mn-ctrs-btn span {font-size:0;color:transparent;}
	#mn-ctrs-btns .mn-ctrs-btn:before,
	#mn-ctrs-btns .mn-ctrs-btn span:before,
	#mn-ctrs-btns .mn-ctrs-btn:after {content:"";display:block;position:absolute;width:22px;height:2px;background:#000;top:0;left:0;font-size:0;transition:all .3s ease}
	#mn-ctrs-btns .mn-ctrs-btn:before {width:24px;}
	#mn-ctrs-btns .mn-ctrs-btn span:before {top:8px;width:30px;}
	#mn-ctrs-btns .mn-ctrs-btn:after {top:16px;width:16px;}

	.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}

	/* 영문 */
	
	.Code-eng #menu-wrap {position:absolute;height:9000px;}
	.Code-eng #menu-wrap .mGnavi .mGlist {display:none;}
	.Code-eng #mnavi-search {display:none;}
	.Code-eng #menu-wrap .mGnavi #langPkgKor {display:none;}
	.Code-eng #menu-wrap .mGnavi #langPkgEng {display:block;}
	
	.Code-eng #menu-wrap.lanTop {top:39px;}
}

/*-------------------------submenu_kor.css------------------------------------*/
#side-wrap {display:none}
@media all and (max-width:768px){
	#side-wrap {display:none;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;/*z-index:1;*/border-top:1px solid #e4e4e4;background:#fff;padding-bottom:60px;}

/* 위로 가기 */
#footer-wrap .topBt {position:fixed;bottom:-150px;right:20px;width:50px;height:80px;text-align:center;border-radius:30px;/*overflow:hidden;*/background:#222;z-index:3500;transition:all .3s ease;}
#footer-wrap .topBt .topBtT {width:100%;height:40px;display:block;position:relative;}
#footer-wrap .topBt .topBtB {width:100%;height:40px;display:block;position:relative;}
#footer-wrap .topBt .topBtT: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 .topBt .topBtB: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 .topBt.over {bottom:50px;}
#footer-wrap .topBt.end .topBtB {display:none;}
#footer-wrap .topBt.end .topBtT {height:50px;}
#footer-wrap .topBt.end {height:50px;border-radius:50%;}
#footer-wrap .topBt .topBtT:focus,
#footer-wrap .topBt .topBtB:focus {outline-color:red;}

/* News letter, SNS */
#footer-wrap .ft-banner {display:flex;position:relative;max-width:1600px;margin:0 auto;width:100%;word-break:keep-all;}
#footer-wrap .ft-banner:before {display:block;content:'';position:absolute;top:17px;left:50%;width:1px;height: calc(100% - 39px);background:rgba(163,163,163,0.3);}
#footer-wrap .ft-banner .tit {display:block;font-size:1.333em;color:#000000;font-weight:900;letter-spacing:0;font-family:sofia-pro, sans-serif}
#footer-wrap .ft-banner .txt {display:block;color:#777;padding-top:7px;line-height:1.2em;}
#footer-wrap .ft-banner .ft-newsletter {display:inline-block;position:relative;box-sizing:border-box;width:50%;padding:41px 220px 41px 0;}/*접근성수정*/
#footer-wrap .ft-banner .ft-newsletter .btn {display:flex;position:absolute;top:50%;right:54px;margin-top:-26px;width:144px;height:52px;background:#222222;font-size:16px;color:#fff;font-weight:700;letter-spacing:-0.05em;border-radius:26px;justify-content:center;align-items:center;transition:all .3s ease;}
#footer-wrap .ft-banner .ft-newsletter .btn span {display:inline-block;position:relative;transition:all .3s ease;}
#footer-wrap .ft-banner .ft-newsletter .btn span:after {display:block;content:'';position:absolute;top:50%;right:-2px;margin-top:-3px;width:5px;height:5px;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:rotate(-45deg);z-index:2;opacity:0;transition:all .3s ease;}
#footer-wrap .ft-banner .ft-newsletter .btn:focus span,
#footer-wrap .ft-banner .ft-newsletter .btn:hover span {padding-right:15px}
#footer-wrap .ft-banner .ft-newsletter .btn:focus span:after,
#footer-wrap .ft-banner .ft-newsletter .btn:hover span:after {right:0;opacity:1;}
#footer-wrap .ft-banner .ft-newsletter .btn:focus {outline-color:red;}
#footer-wrap .ft-banner .ft-sns {display:inline-block;position:relative;box-sizing:border-box;width:50%;padding:41px 350px 41px 50px;}/*접근성수정 width:50%;*/
#footer-wrap .ft-banner .ft-sns .snsList {position:absolute;top:50%;right:0;margin-top:-13.5px;font-size:0;}
#footer-wrap .ft-banner .ft-sns .snsList li {display:inline-block;padding-left:45px;}
#footer-wrap .ft-banner .ft-sns .snsList li:first-child {padding-left:0;}
#footer-wrap .ft-banner .ft-sns .snsList .btnSns {display:inline-block;position:relative;width:28px;height:27px;}
#footer-wrap .ft-banner .ft-sns .snsList .btnSns:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:28px;height:27px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat 0 -106px;}
#footer-wrap .ft-banner .ft-sns .snsList .btnSns:after {display:block;content:'';position:absolute;bottom:-7px;left:0;width:100%;height:0;background:#222222;transition:all .3s ease;}
#footer-wrap .ft-banner .ft-sns .snsList .btnSns:focus:after,
#footer-wrap .ft-banner .ft-sns .snsList .btnSns:hover:after {height:2px;}
#footer-wrap .ft-banner .ft-sns .snsList .btnFacebook:before {background-position:0 -106px;}
#footer-wrap .ft-banner .ft-sns .snsList .btnBlog:before {background-position:-38px -106px;}
#footer-wrap .ft-banner .ft-sns .snsList .btnYoutube:before {background-position:-76px -106px;}
#footer-wrap .ft-banner .ft-sns .snsList .btnInstagram:before {background-position:-114px -106px;}
#footer-wrap .ft-banner .ft-sns .snsList .btnKakao:before {background-position:-152px -106px;}

#footer-wrap .ft-banner .ft-sns .snsList .btnFacebook:focus:before,
#footer-wrap .ft-banner .ft-sns .snsList .btnFacebook:hover:before {background-position:0 -143px;}
#footer-wrap .ft-banner .ft-sns .snsList .btnBlog:focus:before,
#footer-wrap .ft-banner .ft-sns .snsList .btnBlog:hover:before {background-position:-38px -143px;}
#footer-wrap .ft-banner .ft-sns .snsList .btnYoutube:focus:before,
#footer-wrap .ft-banner .ft-sns .snsList .btnYoutube:hover:before {background-position:-76px -143px;}
#footer-wrap .ft-banner .ft-sns .snsList .btnInstagram:focus:before,
#footer-wrap .ft-banner .ft-sns .snsList .btnInstagram:hover:before {background-position:-114px -143px;}
#footer-wrap .ft-banner .ft-sns .snsList .btnKakao:focus:before,
#footer-wrap .ft-banner .ft-sns .snsList .btnKakao:hover:before {background-position:-152px -143px;}

/* 카피라이트 내용 */
#footer-wrap .ft-wr {position:relative;box-sizing:border-box;max-width:1600px;margin:0 auto;border-top:1px solid #a3a3a3;}
#footer-wrap .ftSvce {position:relative;box-sizing:border-box;padding-left:270px;padding-right:550px;}
#footer-wrap .fti-logo {position:absolute;left:0;top:50px}
#footer-wrap .fti-logo .flogo {}
#footer-wrap .fti-logo .flogo a {display:inline-block;}
#footer-wrap .fti-logo .flogo img {width:169px !important;height:auto;}

#footer-wrap .ftSvce .fts-link {padding-top:44px;}
#footer-wrap .ftSvce .fts-link .arr {display:none}
#footer-wrap .ftSvce .fts-link ul {display:block;text-align:left}
#footer-wrap .ftSvce .fts-link ul li {display:inline-block;vertical-align:top;position:relative;padding-right:26px;}
#footer-wrap .ftSvce .fts-link ul li:after {content:"";display:block;position:absolute;right:10px;top:4px;width:1px;height:15px;background:#d4d4d4;}
#footer-wrap .ftSvce .fts-link ul li:first-child {padding-left:0;}
#footer-wrap .ftSvce .fts-link ul li:last-child {padding-right:0;}
#footer-wrap .ftSvce .fts-link ul li:last-child:after {display:none}
#footer-wrap .ftSvce .fts-link a {position:relative;display:block;font-size:0.889em;color:#333333;letter-spacing:-.025em;line-height:1.571em;transition:all .3s ease}
#footer-wrap .ftSvce .fts-link a:before {content:"";display:block;position:absolute;left:50%;bottom:-2px;width:0;height:1px;background:#333;opacity:0.6;transition:all .2s ease;}
#footer-wrap .ftSvce .fts-link a.privacy {}
#footer-wrap .ftSvce .fts-link a:focus,
#footer-wrap .ftSvce .fts-link a:hover {font-weight:500;}
#footer-wrap .ftSvce .fts-link a:focus:before,
#footer-wrap .ftSvce .fts-link a:hover:before {width:100%;left:0;}

#footer-wrap .ftSvce .fts-fmls {display:block;position:absolute;width:auto;height:100%;right:0;top:0}
#footer-wrap .ftSvce .fts-fmls .fmlsPkg {display:block;line-height:1;font-size:0;height:100%}
#footer-wrap .ftSvce .fts-fmls .fSite {display:inline-block;height:100%}
#footer-wrap .ftSvce .fts-fmls .fSite dl {display:block;box-sizing:border-box;position:relative;height:100%}
#footer-wrap .ftSvce .fts-fmls .fSite dl dt {display:block;height:100%}
#footer-wrap .ftSvce .fts-fmls .fSite dl dt button {display:block;box-sizing:border-box;border:0;background:transparent;height:100%;border-left:1px solid rgba(255, 255, 255, .2);width:211px;padding:0 0 0 18px;position:relative;text-align:left}
#footer-wrap .ftSvce .fts-fmls .fSite:last-child dl dt button {border-right:1px solid rgba(255, 255, 255, .2)}
#footer-wrap .ftSvce .fts-fmls .fSite dl dt button:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
#footer-wrap .ftSvce .fts-fmls .fSite dl dt button span {display:inline-block;line-height:1;font-size:15px;color:#fff;opacity:.6;vertical-align:middle;word-wrap:break-word;word-break:keep-all;white-space:normal;transition:all .3s ease}
#footer-wrap .ftSvce .fts-fmls .fSite 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 .ftSvce .fts-fmls .fSite 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 .ftSvce .fts-fmls .fSite dl dt button.is-open,
#footer-wrap .ftSvce .fts-fmls .fSite dl dt button:focus span,
#footer-wrap .ftSvce .fts-fmls .fSite dl dt button:hover span {opacity:1}
#footer-wrap .ftSvce .fts-fmls .fSite dl dt button.is-open .arr,
#footer-wrap .ftSvce .fts-fmls .fSite dl dt button:focus .arr,
#footer-wrap .ftSvce .fts-fmls .fSite dl dt button:hover .arr {border-color:#fff}
#footer-wrap .ftSvce .fts-fmls .fSite dl dt button.is-open .arr:after,
#footer-wrap .ftSvce .fts-fmls .fSite dl dt button:focus .arr:after,
#footer-wrap .ftSvce .fts-fmls .fSite dl dt button:hover .arr:after {opacity:1}
#footer-wrap .ftSvce .fts-fmls .fSite dl dt button.is-open .arr:after {transform:rotate(135deg);margin:6px auto auto auto}
#footer-wrap .ftSvce .fts-fmls .fSite dl dd {display:none;position:absolute;width:100%;left:0;bottom:100%;box-sizing:border-box;background:#1c2838;box-sizing:border-box}
#footer-wrap .ftSvce .fts-fmls .fSite dl dd .sel {box-sizing:border-box;height:200px;overflow-x:hidden;overflow-y:auto;padding:9px 2px 9px 18px}
#footer-wrap .ftSvce .fts-fmls .fSite dl dd .sel ul {display:block;box-sizing:border-box}
#footer-wrap .ftSvce .fts-fmls .fSite 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 .ftSvce .fts-fmls .fSite dl dd .sel ul li:first-child {border-top:0}
#footer-wrap .ftSvce .fts-fmls .fSite dl dd .sel ul li:last-child {border-bottom:0}
#footer-wrap .ftSvce .fts-fmls .fSite dl dd .sel a {display:block;color:#fff;opacity:.6;padding:10px 0;text-align:left;transition:all .3s ease}
#footer-wrap .ftSvce .fts-fmls .fSite dl dd .sel a span {display:block;font-size:14px;letter-spacing:-.05em}
#footer-wrap .ftSvce .fts-fmls .fSite dl dd button {display:block;position:absolute;width:26px;height:26px;left:0;bottom:100%;border:0;background:#1c2838}
#footer-wrap .ftSvce .fts-fmls .fSite dl dd button:before,
#footer-wrap .ftSvce .fts-fmls .fSite 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 .ftSvce .fts-fmls .fSite dl dd button:before {transform:rotate(45deg)}
#footer-wrap .ftSvce .fts-fmls .fSite dl dd button:after {transform:rotate(135deg)}

#footer-wrap .ftInfo {box-sizing:border-box;}
#footer-wrap .ftInfo .fti-addr {padding-top:25px;}
#footer-wrap .ftInfo .fti-addr dl {display:block;box-sizing:border-box;position:relative;}
#footer-wrap .ftInfo .fti-addr dl:last-child {margin:0}
#footer-wrap .ftInfo .fti-addr dl dt {display:block;position:absolute;width:0;height:0;overflow:hidden;top:-9999em;left:-9999em;text-indent:-9999em;font-size:0;line-height:0;opacity:0;visibility:hidden}
#footer-wrap .ftInfo .fti-addr dl dd {display:block;}
#footer-wrap .ftInfo .fti-addr dl dd address {display:block;vertical-align:top;font-size:0.944em;color:#000003;font-weight:500;}

#footer-wrap .ftInfo .fti-addr dl dd ul {display:block;vertical-align:top;font-size:0.889em;line-height:1.385em;}
#footer-wrap .ftInfo .fti-addr dl dd ul li {display:inline-block;vertical-align:top;color:#888888;font-family:"sofia-pro", sans-serif;padding:0 7px;}
#footer-wrap .ftInfo .fti-addr dl dd ul li:first-child {padding-left:0}
#footer-wrap .ftInfo .fti-addr dl dd ul li:last-child {padding-right:0}
#footer-wrap .ftInfo .fti-addr dl dd ul li span {}

#footer-wrap .ftInfo .fti-copy {display:block;font-size:0.833em;letter-spacing:0;color:#888888;padding-top:2px;font-family:"sofia-pro", sans-serif;}/* 웹 접근성 color:#aeadad; */
#footer-wrap .ftInfo .fti-copy span {}

#footer-wrap .ftMark {position:absolute;right:0;top:48px;text-align:right;}
#footer-wrap .ftMark > ul {display:flex;font-size:0;max-width:600px;}
#footer-wrap .ftMark > ul li {display:inline-block;vertical-align:top;margin:0 17px 0 0}
#footer-wrap .ftMark > ul li:last-child {margin:0;}
#footer-wrap .ftMark a {}
#footer-wrap .ftMark img {}

#footSiteMark {box-sizing:border-box;position:relative;width:500px;padding-left:110px;}
#footSiteMark .dataList {position:relative;width:100%;}
#footSiteMark .dataList:before {display:block;content:'';position:absolute;top:0;right:0;width:40px;height:100%;z-index:1;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(0, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);}
#footSiteMark .dataList.owl-carousel .owl-stage-outer .owl-stage {min-height:initial;}
#footSiteMark .dataList .item a {display:block;overflow:hidden;}
#footSiteMark .dataCtrl {display:none;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#footSiteMark .dataCtrl.active {display:flex;align-items: center;}
#footSiteMark .dataCtrl button {position:relative;width:30px;height:30px;box-sizing:border-box;border:1px solid #dddddd;background:transparent;font-size:0;border-radius:50%;transition:all .3s ease}
#footSiteMark .dataCtrl button:focus,
#footSiteMark .dataCtrl button:hover {background:#2360c5;border-color:#2360c5;outline-color:red;}
#footSiteMark .dataCtrl button:after {content:"";display:block;position:absolute;box-sizing:border-box;top:0;right:0;bottom:0;left:0;transition:all .3s ease}
#footSiteMark .dataCtrl .dataNavi {display:flex;align-items: center;}
#footSiteMark .dataCtrl .dataNavi.disabled {display:none}
#footSiteMark .dataCtrl .dataNavi button:after {width:8px;height:8px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #1b2f23 #1b2f23}
#footSiteMark .dataCtrl .dataNavi button:focus:after,
#footSiteMark .dataCtrl .dataNavi button:hover:after {border-color:transparent transparent #fff #fff}
#footSiteMark .dataCtrl .dataNavi .owl-prev:after {transform:rotate(45deg);margin:auto}
#footSiteMark .dataCtrl .dataNavi .owl-next:after {transform:rotate(225deg);margin:auto}
#footSiteMark .dataCtrl .dataAuto {padding-left:2px;display:flex;align-items: center;}
#footSiteMark .dataCtrl .dataAuto .btn-stop {display:block}
#footSiteMark .dataCtrl .dataAuto .btn-stop:after {width:6px;height:10px;border:solid;border-width:0 2px;border-color:transparent #454545;margin:auto}
#footSiteMark .dataCtrl .dataAuto .btn-stop:focus:after,
#footSiteMark .dataCtrl .dataAuto .btn-stop:hover:after {border-color:transparent #fff}
#footSiteMark .dataCtrl .dataAuto .btn-play {display:none}
#footSiteMark .dataCtrl .dataAuto .btn-play:after {width:0;height:0;border:solid;border-width:5px 0 5px 6px;border-color:transparent transparent transparent #454545;margin:auto}
#footSiteMark .dataCtrl .dataAuto .btn-play:focus:after,
#footSiteMark .dataCtrl .dataAuto .btn-play:hover:after {border-color:transparent transparent transparent #fff}
#footSiteMark .dataDots {position:absolute;top:5px;right:100px;display:none;}
#footSiteMark .dataDots.disabled {display:none}
#footSiteMark .dataDots button {display:inline-block;width:20px;height:20px;border:0;background:transparent;position:relative;vertical-align:middle;font-size:0}
#footSiteMark .dataDots button:after {content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background:#777;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
#footSiteMark .dataDots button.active:after {background:#1472b6}

#footer-wrap .ftMark .frlogo-wa {display:inline-block;height:47px;margin-top:20px;}
#footer-wrap .ftMark .frlogo-wa img {width:auto;height:100%;}
.Code-organizer #footer-wrap .ftMark .frlogo-wa {display:none;}


@media all and (max-width:1640px) {
	#footer-wrap {padding-left:20px;padding-right:20px;}
}
@media all and (max-width:1499px) {
	#footer-wrap .ftMark ul {display:flex;font-size:0;max-width:380px;}
	#footer-wrap .ftMark ul li img {max-width:100% !important;height:auto !important;}
}
@media all and (max-width:1299px) {
	#footer-wrap .ft-banner .ft-sns {padding-right:260px;}
	#footer-wrap .ft-banner .ft-sns .snsList li {padding-left:25px;}

	#footer-wrap .ftSvce {padding-right:0;}
	#footer-wrap .ftMark {position:relative;right:auto;top:auto;padding-top:25px;display:flex;text-align:left;}
	#footer-wrap .ftMark ul {display:flex;font-size:0;max-width:initial;width:auto;}
	#footer-wrap .ftMark .frlogo-wa {margin-top:0;margin-left:30px;}
}
@media all and (max-width:1099px) {
	#footer-wrap .ft-banner .ft-sns {padding-right:0;}
	#footer-wrap .ft-banner .ft-sns .snsList {position:relative;top:auto;right:auto;margin-top:20px;}
	#footer-wrap .ft-banner .ft-sns .snsList li {padding-left:25px;}
}
@media all and (max-width:999px) {
	#footer-wrap {padding-bottom:25px;}

	#footer-wrap .ft-banner {padding:30px 0;display:flex;align-items:center;}
	#footer-wrap .ft-banner:before {top:10px;left:60%;height: calc(100% - 20px);}
	#footer-wrap .ft-banner .ft-newsletter {width:60%;padding:0 190px 0 0;}
	#footer-wrap .ft-banner .ft-newsletter .btn {right:30px;}
	#footer-wrap .ft-banner .ft-sns {width:40%;padding:0 0 0 30px;}
	#footer-wrap .ft-banner .ft-sns .tit {display:none;}
	#footer-wrap .ft-banner .ft-sns .txt {display:none;}
	#footer-wrap .ft-banner .ft-sns .snsList {margin-top:0;text-align:center;}
	#footer-wrap .ft-banner .ft-sns .snsList li {padding-left:25px;display:inline-block;}

	#footer-wrap .ftSvce {padding-left:0;text-align:center;padding-top:20px;}
	#footer-wrap .fti-logo {position:relative;left:auto;top:auto}
	#footer-wrap .fti-logo .flogo img {width:102px !important;height:auto;}

	#footer-wrap .ftSvce .fts-link {padding-top:14px;display:inline-block;}
	#footer-wrap .ftSvce .fts-link ul {display:inline-block;text-align:center}
	#footer-wrap .ftSvce .fts-link ul li {padding-right:23px;}
	#footer-wrap .ftSvce .fts-link ul li:after {top:3px;}
	#footer-wrap .ftSvce .fts-link a {font-size:0.824em;}

	#footer-wrap .ftInfo .fti-addr {padding-top:3px;}
	#footer-wrap .ftInfo .fti-addr dl dd address {font-size:0.882em;}
	#footer-wrap .ftInfo .fti-addr dl dd ul {padding-top:4px;font-size:0.765em;padding:0 0px;}
	#footer-wrap .ftInfo .fti-copy {font-size:0.765em;padding-top:3px;}

	#footer-wrap .ftMark {justify-content:center;}
}
@media all and (max-width:799px) {
	#footer-wrap .ft-banner {padding:20px 0 20px 0;display:flex;}
	#footer-wrap .ft-banner:before {left:55%;}
	#footer-wrap .ft-banner .tit {font-size:0.941em;}
	#footer-wrap .ft-banner .txt {font-size:0.824em;padding-top:2px;}
	#footer-wrap .ft-banner .ft-newsletter {width:55%;padding:0 120px 0 0;}
	#footer-wrap .ft-banner .ft-newsletter .btn {right:20px;margin-top:-18px;width:100px;height:36px;font-size:12px;}
	#footer-wrap .ft-banner .ft-sns {width:45%;padding:15px 0 0 0;}
	#footer-wrap .ft-banner .ft-sns .snsList {margin-top:0;text-align:center;}
	#footer-wrap .ft-banner .ft-sns .snsList li {padding-left:22px;display:inline-block;}
	#footer-wrap .ft-banner .ft-sns .snsList .btnSns:before {transform:scale(0.679);}

	#footer-wrap .ftMark {flex-wrap: wrap;row-gap:20px;}	
	#footSiteMark {width:100%;padding-left:100px;}
}
@media all and (max-width:599px) {
	#footer-wrap .ft-banner {padding:20px 0 12px 0;display:block;text-align:center;}
	#footer-wrap .ft-banner:before {display:none;}
	#footer-wrap .ft-banner .ft-newsletter {width:100%;padding:0;}
	#footer-wrap .ft-banner .ft-newsletter .btn {position:relative;top:auto;right:auto;margin:8px auto 0 auto;width:100px;height:36px;font-size:12px;}
	#footer-wrap .ft-banner .ft-sns {width:100%;padding:15px 0 0 0;}

	#footer-wrap .ftMark {display:block;text-align:center;}
	#footer-wrap .ftMark ul {justify-content:center;margin:0 auto;}
	#footer-wrap .ftMark .frlogo-wa {margin-top:20px;}
}