/*-------------------------layout_ipsi.css------------------------------------*/
@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}
@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}

/* 레이아웃 */
#header-wrap {position:fixed;top:0;left:0;width:100%;height:90px;margin:0 auto;background:#fff; z-index: 101;}
@media all and (min-width:1000px) {
  #mainNavi,
	#header-wrap {height:90px !important}
	#header-wrap:before {display:block;content:'';position:absolute;top:100px;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 (max-width:999px) {
	#header-wrap {height:auto}
}
@media all and (max-width:699px) {
	#header-wrap {height:70px}
}

/* svisual */
#svisual-wrap {position:relative;height:300px;box-sizing:border-box;padding:0;z-index:10;transition:all .3s ease}
#svisual-wrap .svisualWrap {width: 100vw;  max-width: 100vw;  margin-left: calc(50% - 50vw);  margin-right: calc(50% - 50vw); position:relative;height:100%;z-index:1}
#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:100px; 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;opacity:0;transform:translateY(30px)}
#svisual-wrap .sVis .txtBox .txtPkg .txt1 {letter-spacing:-.05em;font-size:45px;transition:all .4s ease .2s; font-weight:600;}
#svisual-wrap .sVis .txtBox .txtPkg .txt2 {letter-spacing:0;font-size:18px;margin:17px 0 0; font-weight:500;transition:all .4s ease .4s}
#svisual-wrap .sVis .lnkBox {display:block;position:absolute;width:100%;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; display: none !important;}
#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;  display: none !important;}
#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:.8;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:1299px) {
	#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%;height:0;z-index:12}
#cont-navi .contNavi {position:absolute;left:0;bottom:0;text-align:center;width:100%;font-size: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:block;position:relative;width:220px;padding:0 40px 0 20px;font-size:0;background:rgba(0, 0, 0, .3);box-sizing:border-box;text-align:left;transition:all .3s ease}
#cont-navi dl dt a:before {content:"";display:inline-block;width:0;height:65px;vertical-align:middle}
#cont-navi dl dt a: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:25px;right:22px;transition:all .3s ease}
#cont-navi dl dt a .txt {display:inline-block;position:relative;font-size:18px;font-weight:500;line-height:1.2;color:#fff;vertical-align:middle;word-wrap:break-word;word-break:keep-all;white-space:normal;transition:all .3s ease}
#cont-navi dl dt a:focus:before,
#cont-navi dl dt a:hover:before {}
#cont-navi dl.over dt a {background:#fff}
#cont-navi dl.over dt a:after {border-color:#333}
#cont-navi dl.over dt a .txt {color:#333}
#cont-navi .sub-list {display:none;position:absolute;top:100%;left:0;background:#fff;width:100%;box-sizing:border-box;padding:0 20px 10px;box-shadow:0 10px 15px rgba(0, 0, 0, .1)}
#cont-navi .sub-list ul {display:block}
#cont-navi .sub-list li .mn_a1 {position:relative;display:block;font-size:16px;color:#777;padding:10px 0;text-align:left;transition:all .3s ease}
#cont-navi .sub-list li .mn_a1 span {display:inline-block;line-height:1.2}
#cont-navi .sub-list li .mn_a1[target='_blank']:after {display:inline-block;content:"";width:12px;height:12px;vertical-align:middle;margin:0 0 1px 10px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -22px -25px}
#cont-navi .sub-list li.isOver a span {font-weight:500;color:#1472b6}
#cont-navi .sub-list li .mn_a1:focus,
#cont-navi .sub-list li .mn_a1:hover {color:#1472b6}
#cont-navi .sub-list .cNaviCloser {display:block;position:absolute;width:30px;height:30px;border:0;background:#fff;left:0;top:100%;background:#fff}
#cont-navi .sub-list .cNaviCloser:before,
#cont-navi .sub-list .cNaviCloser:after {content:"";display:block;position:absolute;width:14px;height:2px;background:#777;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
#cont-navi .sub-list .cNaviCloser:before {transform:rotate(45deg)}
#cont-navi .sub-list .cNaviCloser:after {transform:rotate(135deg)}
#cont-navi .sub-list .cNaviCloser:focus:before,
#cont-navi .sub-list .cNaviCloser:hover:before {transform:rotate(135deg);background:#000}
#cont-navi .sub-list .cNaviCloser:focus:after,
#cont-navi .sub-list .cNaviCloser:hover:after {transform:rotate(225deg);background:#000}
@media all and (min-width:769px) {
	#cont-navi {display:none}
}
@media all and (max-width:768px) {
	#cont-navi {display:none}
}

/* contents */
#container-wrap {position:relative;z-index:1;padding-top:90px}
@media screen and (min-width:699px) and (max-width:1299px) {
  #container-wrap{padding-top:110px;}
}
@media all and (min-width:999px) {
	body.isSub #container-wrap {
		display:grid;
		grid-template-columns:290px minmax(0, 1fr);
		grid-template-areas:
			"svisual svisual"
			"side main";
		align-items:start;
		column-gap:60px;
		max-width:1600px;
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box
	}
	body.isSub #svisual-wrap {display:contents}
	body.isSub #svisual-wrap > .svisualWrap {
		grid-area:svisual;
		grid-column:1 / -1;
		position:relative;
		width:100vw;
		max-width:none;
		height:300px;
		margin-left:calc(50% - 50vw);
		margin-right:calc(50% - 50vw);
		box-sizing:border-box
	}
	body.isSub #svisual-wrap > #cont-navi {display:none}
	body.isSub #side-wrap {grid-area:side;margin-top:40px}
	body.isSub #container {grid-area:main;max-width:none;width:auto;margin:40px 0 0}
}
@media all and (max-width:699px) {
	#container-wrap {padding-top:70px;}
}
@media all and (min-width:999px) and (max-width:1299px) {
	body.isSub #svisual-wrap > .svisualWrap {height:300px}
}
/* @media all and (min-width:769px) and (max-width:999px) {
	body.isSub #svisual-wrap > .svisualWrap {height:270px}
} */
#container {position:relative;max-width:1400px;margin:53px auto 0;z-index:9}
#container:after {content:'';clear:both;display:block}
#contents {width:100%;min-height:600px;word-break:keep-all;word-wrap:break-word}
#contents .cont-top {position:relative;margin-bottom:40px}
#contents .cont-top .cont-tit {font-size:40px;color:#222;font-weight:700;letter-spacing:-0.05em;text-align:center}
@media screen and (min-width:999px) {
  body.isSub #contents .cont-top .cont-tit:not(.blind) {display:none}
}
@media all and (min-width:769px) {
	body.isSub #contents .cont-top {display:flex;align-items:center;justify-content:space-between;min-height:36px;}
	
	body.isSub #contents .cont-top .cont-util {position:static;right:auto;top:auto;flex-shrink:0}
}
.cont-breadcrumb {display:flex;align-items:center;gap:10px;margin:0;padding:0;list-style:none;font-size:18px;color:#888}
.cont-breadcrumb li {display:flex;align-items:center;gap:10px}
.cont-breadcrumb li + li:before {content:"";display:block;width:6px;height:6px;border:solid;border-width:2px 2px 0 0;border-color:#bbb;transform:rotate(45deg)}
.cont-breadcrumb a {color:#777;text-decoration:none; padding-inline:20px;font-weight:500;}
.cont-breadcrumb .is-current {color:#777;font-weight:500; padding-inline:20px;}
.cont-breadcrumb .ico-home {display:inline-flex;align-items:center;justify-content:center;width:29px;height:27px;line-height:1;text-decoration:none; padding-inline:0;}
.cont-breadcrumb .ico-home img {display:block;width:29px;height:27px}
#contents .cont-top .cont-util {position:absolute;right:-10px;top:7px;z-index:15}
#contents .cont-top .cont-util > div {display:inline-block;position:relative;box-sizing:border-box;vertical-align:middle;font-size:0}
#contents .cont-top .cont-util button {box-sizing:border-box;position:relative;border:0;background:transparent}
#contents .cont-top .cont-util button:before,
#contents .cont-top .cont-util button:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box;transition:all .3s ease}
#contents .cont-top .cont-util .boxUtil > div {display:inline-block;height:35px;vertical-align:middle;box-sizing:border-box;position:relative}
#contents .cont-top .cont-util .boxUtil .unit {}
#contents .cont-top .cont-util .boxUtil .unit > .btn-cast {display:inline-block;width:44px;height:100%;background:transparent;vertical-align:top}
#contents .cont-top .cont-util .boxUtil .unit > .btn-cast:before {width:30px;height:30px;z-index:2;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat;opacity:.35;transition:all .3s ease}
#contents .cont-top .cont-util .boxUtil .unit > .btn-cast.is-open:before,
#contents .cont-top .cont-util .boxUtil .unit > .btn-cast:focus:before,
#contents .cont-top .cont-util .boxUtil .unit > .btn-cast:hover:before {opacity:1}
#contents .cont-top .cont-util .boxUtil .unit .btn-share {}
#contents .cont-top .cont-util .boxUtil .unit .btn-share:before {background-position:0 0}
#contents .cont-top .cont-util .boxUtil .unit .btn-print {}
#contents .cont-top .cont-util .boxUtil .unit .btn-print:before {background-position:-40px 0}
#contents .cont-top .cont-util .boxUtil .unit.unit-sns {margin:0 11px 0 0}
#contents .cont-top .cont-util .boxUtil .unit.unit-print {}
#contents .cont-top .cont-util .boxUtil .sns-list {display:none;position:absolute;top:100%;right:0;z-index:100;width:auto;box-sizing:border-box;padding:17px 23px;box-shadow:0 20px 15px rgba(0, 0, 0, .2);background:#fff}
#contents .cont-top .cont-util .boxUtil .sns-list:before {content:"";display:block;position:absolute;width:10px;height:20px;background:#fff;right:0;bottom:0;z-index:1}
#contents .cont-top .cont-util .boxUtil .sns-list ul {display:block;font-size:0;white-space:nowrap}
#contents .cont-top .cont-util .boxUtil .sns-list li {display:inline-block;box-sizing:border-box;position:relative;vertical-align:top;margin:0 10px 0 0}
#contents .cont-top .cont-util .boxUtil .sns-list li:last-child {margin:0}
#contents .cont-top .cont-util .boxUtil .sns-list button {display:block;box-sizing:border-box;position:relative;background:none;width:40px;height:40px;border-radius:50%;background:#efefef;font-size:0;overflow:hidden;transition:all .3s ease}
#contents .cont-top .cont-util .boxUtil .sns-list button:before {width:24px;height:24px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1}
#contents .cont-top .cont-util .boxUtil .sns-list button:after {width:100%;height:100%;left:0;bottom:0;background:#000;z-index:0;opacity:0}
#contents .cont-top .cont-util .boxUtil .sns-list button:focus:after,
#contents .cont-top .cont-util .boxUtil .sns-list button:hover:after {opacity:.1}
#contents .cont-top .cont-util .boxUtil .sns-list .btn-face:before {background-position:0 -40px}
#contents .cont-top .cont-util .boxUtil .sns-list .btn-twit:before {background-position:-34px -40px}
#contents .cont-top .cont-util .boxUtil .sns-list .btn-band:before {background-position:-68px -40px}
#contents .cont-top .cont-util .boxUtil .sns-list .btn-yout:before {background-position:-102px -40px}
#contents .cont-top .cont-util .boxUtil .sns-list .btn-inst:before {background-position:-136px -40px}
#contents .cont-top .cont-util .boxUtil .sns-list .btn-kaka:before {background-position:-170px -40px}
#contents .cont-top .cont-util .boxUtil .sns-list .btn-blog:before {background-position:-204px -40px}
#contents .cont-top .cont-util .boxUtil .sns-list .btn-goog:before {background-position:-238px -40px}
#contents .cont-top .cont-util .boxUtil .sns-list .btn-kkst:before {background-position:-272px -40px}
#contents .cont-top .cont-util .boxUtil .sns-list .sns-closer {display:block;position:absolute;width:30px;height:30px;border:0;left:100%;bottom:0;border-radius:0;background:#fff;box-shadow:0 20px 15px rgba(0, 0, 0, .2)}
#contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:before,
#contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:after {content:"";display:block;position:absolute;width:14px;height:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#555;opacity:1;transition:all .3s ease}
#contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:before {transform:rotate(45deg)}
#contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:after {transform:rotate(135deg)}
#contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:focus:before,
#contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:hover:before,
#contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:focus:after,
#contents .cont-top .cont-util .boxUtil .sns-list .sns-closer:hover:after {background:#0088a5;opacity:1}
#contents #cont {padding:0 0 70px 0;font-size:18px;color:#555;letter-spacing:-0.05em;line-height:1.666;word-break:keep-all;word-wrap:break-word;min-height:400px;font-weight:400}
#contents #cont:after {clear:both;content:"";display:block}
/* #contents #cont input, button, select, textarea {font-size:18px;color:#555;letter-spacing:-.05em;font-family:"Noto Sans KR"} */
@media all and (max-width:1440px) {
	#container {margin:53px 20px 0}
}
@media all and (min-width:769px) and (max-width:1440px) {
	body.isSub #container-wrap {padding-left:20px;padding-right:20px; gap:20px;}
	body.isSub #container {margin:40px 20px 0}
}
@media all and (max-width:999px){
	#contents {width:auto;max-width:100%;float:none}
	#contents #cont {font-size:17px;line-height:1.6;padding-bottom:40px; }
	#contents #cont input, button, select, textarea {font-size:16px}
	#contents .cont-top .cont-tit {font-size:34px;line-height:1.2}
	#contents .cont-top .cont-util {top:3px}
	body.isSub #container-wrap {padding-left:0;padding-right:0}
	body.isSub #svisual-wrap {width:100%;height:auto;max-width:none;margin:0}
	body.isSub #svisual-wrap > .svisualWrap {display:none !important}
	body.isSub #side-wrap {grid-area:unset;margin:0}
	#container {margin-top:0;z-index:1}
	#contents #cont {font-size:16px;line-height:1.5}
	body.isSub #contents .cont-top {
		display:flex;align-items:center;justify-content:space-between;
		padding:22px 0 18px;margin-bottom:0;border:0
	}
	body.isSub #contents .cont-top .cont-breadcrumb {display:none}
	body.isSub #contents .cont-top .cont-tit {
		display:block;flex:1;min-width:0;font-size:26px;font-weight:700;
		color:#222;text-align:left;line-height:1.2;letter-spacing:-.05em;padding:0;margin:0;
	}
	body.isSub #contents .cont-top .cont-tit.blind {
		position:static;width:auto;height:auto;overflow:visible;
		opacity:1;visibility:visible;text-indent:0;font-size:24px
	}
	body.isSub #contents .cont-top .cont-util {position:static;top:auto;right:auto;flex-shrink:0}
}
@media all and (max-width:699px) {
	body.isSub #contents .cont-top {padding:30px 0 20px}
	body.isSub #contents .cont-top .cont-tit,
	body.isSub #contents .cont-top .cont-tit.blind {font-size:26px}
	body.isSub #contents .cont-top .cont-util .boxUtil .unit.unit-print {display:inline-block}
	#contents .cont-top .cont-util .boxUtil .unit.unit-print {display:none}
	#contents .cont-top .cont-util .boxUtil .unit.unit-sns {margin:0}
	#contents .cont-top .cont-util .boxUtil .sns-list {padding:10px}
	#contents .cont-top .cont-util .boxUtil .sns-list li {margin:0 5px 0 0}
	#contents .cont-top .cont-util .boxUtil .sns-list .sns-closer {left:auto;right:100%;box-shadow:none}
}
@media all and (max-width:599px) {
	#contents #cont {padding-bottom:30px}
}
@media all and (max-width:499px) {
	#contents #cont {font-size:15px}
}
@media all and (max-width:399px) {
	#contents .cont-top .cont-tit {font-size:22px}
	#contents .cont-top .cont-util {top:20px}
}

/*-------------------------gnavi_ipsi.css------------------------------------*/
@charset "utf-8";
#gNavi {position:relative;width:auto;box-sizing:border-box;height:40px;z-index:12;background:transparent}
#gNavi .global-wrap {/*max-width:1920px;*/margin:0 auto;box-sizing:border-box;position:relative;height:100%}
#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 .glnk-sec .toppop-ctrl {display:inline-block;vertical-align:top;height:100%}
#gNavi .glnk-sec .toppop-ctrl .btn-wctrl {display:block;height:100%;padding:0 44px 0 23px;color:#fff;border:0;box-sizing:border-box;position:relative;background:#0c1b59}
#gNavi .glnk-sec .toppop-ctrl .btn-wctrl:before {content:"";display:block;position:absolute;width:7px;height:7px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;top:0;right:0;bottom:0;left:0;margin:13px 21px auto auto;transform:rotate(-45deg);z-index:1;transition:all .3s ease}
#gNavi .glnk-sec .toppop-ctrl .btn-wctrl span {margin:-8px 0 0}
#gNavi .glnk-sec .toppop-ctrl .btn-wctrl.show:before {transform:rotate(135deg);margin:17px 23px auto auto}
#gNavi .srvc-sec {position:absolute;right:0;top:0;z-index:2200;height:100%}
#gNavi .srvc-sec .srvcLink {position:relative;z-index:1100;height:100%;font-size:0}
#gNavi .srvc-sec .srvcLink > a {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;height:100%;padding:10px;font-size:0;vertical-align:top;}
#gNavi .srvc-sec .srvcLink > a:after {content:"";display:block;width:5px;height:5px;right:0;margin-left:22px;background:#ababab; border-radius: 50%;}
#gNavi .srvc-sec .srvcLink > a:last-child {padding-right:0}
#gNavi .srvc-sec .srvcLink > a:last-child:after {display:none}
#gNavi .srvc-sec .srvcLink > a > span {display:inline-block;font-size:16px;color:#666;padding:0;line-height:1;letter-spacing:-.05em;vertical-align:middle;margin:4px 0 0;font-weight:300;transition:all .3s ease}
#gNavi .srvc-sec .srvcLink > a:focus > span,
#gNavi .srvc-sec .srvcLink > a:hover > span {text-decoration:underline;color:#008284}
#gNavi .srvc-sec .srvcLink .whome {width:24px;padding:0 8px;position:relative}
#gNavi .srvc-sec .srvcLink .whome span {display:block;width:0;height:0;overflow:hidden;font-size:0;line-height:0;opacity:0;visibility:hidden}
#gNavi .srvc-sec .srvcLink .whome:after {content:"";display:block;position:absolute;width:22px;height:22px;top:50%;left:50%;transform:translate(-50%, -50%);background:url(/resources/_Templet/Header/header_ipsi/Img/icon_home.png) no-repeat center;background-size:contain}
#gNavi .srvc-sec .srvcLink .wbell {width:28px;padding:0 8px;position:relative}
#gNavi .srvc-sec .srvcLink .wbell span {display:block;width:0;height:0;overflow:hidden;font-size:0;line-height:0;opacity:0;visibility:hidden}
#gNavi .srvc-sec .srvcLink .wbell:after {content:"";display:block;position:absolute;width:22px;height:22px;top:50%;left:50%;transform:translate(-50%, -50%);background:url(/resources/_Templet/Header/header_ipsi/Img/icon_bell.png) no-repeat center;background-size:contain}
#gNavi .srvc-sec .srvcLink .wbell .badge {display:block;position:absolute;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e53935;color:#fff;font-size:11px;font-weight:700;line-height:16px;text-align:center;right:0;top:6px;z-index:2}
#gNavi .srvc-sec .srvcLink .wpush {padding:0 10px; position: relative;}
#gNavi .srvc-sec .srvcLink .wpush img {display:block;width:28px;height:32px}
#gNavi .srvc-sec .srvcLink .wpushNum {display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#FF4B4B;color:#fff;font-size:13px;font-weight:700;line-height:16px;text-align:center;right:-8px;top:40px;z-index:2; position: absolute;}
#gNavi .srvc-sec .srvcLink .langPkg {display:inline-block;box-sizing:border-box;position:relative;vertical-align:top;margin:0 0 0 10px;}
#gNavi .srvc-sec .srvcLink .langPkg .caster {display:block;border:0;box-sizing:border-box;height:40px;font-size:0;background:transparent;padding:0 15px 0 0;}
#gNavi .srvc-sec .srvcLink .langPkg .caster:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#gNavi .srvc-sec .srvcLink .langPkg .caster:after {content:"";display:block;position:absolute;width:0;height:0;right:0;top:20px;border:solid;border-width:5px 4px 0 4px;border-color:#555 transparent transparent transparent;transition:all .3s ease}
#gNavi .srvc-sec .srvcLink .langPkg .caster span {display:inline-block;font-size:16px;color:#666;padding:0;line-height:1;letter-spacing:-.05em;vertical-align:middle;margin:2px 0 0;font-weight:400;transition:all .3s ease}
#gNavi .srvc-sec .srvcLink .langPkg .caster:focus span,
#gNavi .srvc-sec .srvcLink .langPkg .caster:hover span {color:#000;text-decoration:underline}
#gNavi .srvc-sec .srvcLink .langPkg.over .caster:after {transform:rotate(180deg);border-color:#008284 transparent transparent transparent}
#gNavi .srvc-sec .srvcLink .langPkg.over .caster span {color:#008284}
#gNavi .srvc-sec .srvcLink .langPkg .langSet {display:none;position:absolute;width:100%;left:0;top:100%;box-sizing:border-box;padding:0 10px;border:1px solid #ddd;background:#fff}
#gNavi .srvc-sec .srvcLink .langPkg ul {display:block;}
#gNavi .srvc-sec .srvcLink .langPkg ul li {display:block;box-sizing:border-box;border-bottom:1px solid #ddd}
#gNavi .srvc-sec .srvcLink .langPkg ul li:last-child {border-bottom:0}
#gNavi .srvc-sec .srvcLink .langPkg a {display:block;text-align:center;padding:10px 0;line-height:1}
#gNavi .srvc-sec .srvcLink .langPkg a span {display:inline-block;font-size:15px;color:#666;line-height:1;transition:all .3s ease}
#gNavi .srvc-sec .srvcLink .langPkg a:focus span,
#gNavi .srvc-sec .srvcLink .langPkg a:hover span {color:#000;text-decoration:underline}
#gNavi .srvc-sec .srvcLink .langPkg .closer {display:block;position:absolute;width:20px;height:20px;right:0;top:100%;border:1px solid #ddd;border-top:0;background:#fff;margin:-1px -1px 0 0}
#gNavi .srvc-sec .srvcLink .langPkg .closer:before,
#gNavi .srvc-sec .srvcLink .langPkg .closer:after {content:"";display:block;position:absolute;width:10px;height:2px;background:#333;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
#gNavi .srvc-sec .srvcLink .langPkg .closer:before {transform:rotate(45deg)}
#gNavi .srvc-sec .srvcLink .langPkg .closer:after {transform:rotate(135deg)}
#gNavi .srvc-sec .srvcLink .langPkg .closer:focus:before,
#gNavi .srvc-sec .srvcLink .langPkg .closer:hover:before {transform:rotate(135deg);background:#008284}
#gNavi .srvc-sec .srvcLink .langPkg .closer:focus:after,
#gNavi .srvc-sec .srvcLink .langPkg .closer:hover:after {transform:rotate(225deg);background:#008284}
#gNavi .srvc-sec .srvcUtil {display:block;position:absolute;right:0;top:0px;z-index:1001}
#gNavi .srvc-sec .srvcUtil .amenu {display:block;font-size:0;color:transparent;box-sizing:border-box;border:0;transition:all .3s ease}
#gNavi .srvc-sec .srvcUtil .amenu span {display:block;width:0;height:0;overflow:hidden;font-size:0;line-height:0;opacity:0;visibility:hidden}

@media all and (min-width:1300px) {
	#gNavi {height:0;overflow:visible;background:transparent}
	#gNavi .global-wrap {height:0;overflow:visible}
	#gNavi .glnk-sec {display:none}
	#gNavi .srvc-sec {position:absolute;right:0;top:0; height:90px;z-index:502;padding:0 150px 0 0;box-sizing:border-box; }  
	#gNavi .srvc-sec .srvcUtil {display:block;position:absolute;right:0;top:0;margin:0}
	#gNavi .srvc-sec .srvcUtil .amenu {width:90px;height:90px;background:#10999F;position:relative}
	#gNavi .srvc-sec .srvcUtil .amenu:after {content:"";display:block;position:absolute;width:33px;height:21px;top:50%;left:50%;transform:translate(-50%, -50%);background:url(/resources/_Img/Templet/Common/icon-bar.svg) no-repeat center;background-size:contain}
	#gNavi .srvc-sec .srvcUtil .amenu:focus,
	#gNavi .srvc-sec .srvcUtil .amenu:hover {background:#046870}
}

/* @media all and (max-width:1025px) {
	#gNavi .glnk-sec a:after,
	#gNavi .glnk-sec button:after {display:none}
} */
@media all and (max-width:1299px) {
  #gNavi .srvc-sec {width:100%; border-bottom:1px solid #ececec; text-align: right;}
	#gNavi .srvc-sec .srvcUtil {display:none}
  #gNavi .srvc-sec .srvcLink .wpushNum {top:0; right:0;}
	.mobile-sideMenu-open #gNavi {z-index:0}
}
@media all and (max-width:699px) {
	#gNavi {height:0}
	#gNavi .glnk-sec {position:relative}
	#gNavi .glnk-sec .whome {display:none}
	#gNavi .glnk-sec .toppop-ctrl {position:absolute;right:60px;top:27px}
	#gNavi .glnk-sec .toppop-ctrl .btn-wctrl {height:auto;padding:5px 20px 5px 5px;color:#333;background:#fff;line-height:1}
	#gNavi .glnk-sec .toppop-ctrl .btn-wctrl:before {border-width:0 0 1px 1px;border-color:transparent transparent #333 #333;margin:7px 5px auto auto;transform:rotate(-45deg);z-index:1;transition:all .3s ease}
	#gNavi .glnk-sec .toppop-ctrl .btn-wctrl span {margin:0}
	#gNavi .glnk-sec .toppop-ctrl .btn-wctrl.show:before {margin:12px 5px auto auto}
	#gNavi .srvc-sec {display:none}
}
@media all and (max-width:399px) {
	#gNavi .glnk-sec a span,
	#gNavi .glnk-sec button span {font-size:12px}
	#gNavi .glnk-sec .toppop-ctrl {right:45px}
}

/*-------------------------logo_ipsi.css------------------------------------*/
#header {display:block;position:relative;width:100%;height:90px;margin:0 auto;z-index:11;background:#fff}
#header .logo {display:flex;align-items:center;justify-content:center;position:absolute;left:60px;top:0;width:auto;max-width:320px;height:auto;z-index:501; padding:0; margin:0; height: 90px;}
#header .logo a {display:block}
#header .logo a span {display:block}
#header .logo a span img {display:block;width:auto;max-width:100%;max-height:48px;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 screen and (min-width:1299px) and (max-width:1599px){
  #header .logo a span img {max-height:30px} 
}
@media all and (max-width:1600px) {
	#header .logo {left:20px}
  #header .logo {max-width:175px}
}
@media all and (max-width:1299px) {
  #header{height: 70px;}
  #header .logo {height: 70px;}
  #header .logo a span img {max-height:40px}
}
@media all and (max-width:999px) {
	.mobile-sideMenu-open #header .logo {z-index:0}  
}
@media all and (max-width:699px) {
	#header {height:70px}
	
}

/*-------------------------header_ipsi.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 {}

/* 주메뉴 */
@media all and (min-width:1599px) {
  #mainNavi .mn_li1 {margin:0 20px !important}  
  #mainNavi .depth1-wrap{padding-left:100px !important;}
}
@media screen and (min-width:1399px) and (max-width:1599px){
  #mainNavi .mn_li1 {margin:0 15px !important}  
}
@media screen and (max-width:1398px) {
  #mainNavi .mn_li1 {margin:0 5px !important}  
}
@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:90px;background:#fff;z-index:500;overflow:hidden;margin:0;text-align:center;box-sizing:border-box;transition:background .3s ease}
	#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:100px;box-sizing:border-box;padding:0}
	#mainNavi .depth1-wrap {display:block;width:auto;text-align:center;box-sizing:border-box;position:relative;margin:0 auto;padding:0 280px 0 0;font-size:0;line-height:1}
	#mainNavi .depth1-ul {display:inline-block;overflow:hidden}
	#mainNavi > ul > li:first-child {padding-left:8px}
	#mainNavi .mn_li1 {display:inline-block;text-align:center; margin-inline:5px;}
	#mainNavi .mn_a1 {position:relative;display:inline-flex;align-items:center;justify-content:center;height:90px;}
	#mainNavi .mn_a1 > span {display:inline-block;line-height:1;font-size:18px;font-weight:500;color:#333;letter-spacing:-.05em;transition:all .3s ease}
	#mainNavi .mn_a1:after {display:none}
	#mainNavi .mn_a1.over span,
	#mainNavi .mn_a1:hover span,
	#mainNavi .mn_a1:focus span,
	#mainNavi .mn_li1.over .mn_a1 span {color:#008284}
	#mainNavi .mn_li1 .mn_a1.over:after,
	#mainNavi .mn_a1:hover:after,
	#mainNavi .mn_a1:focus:after,
	#mainNavi .mn_li1.over .mn_a1:after {display:none}
	#mainNavi .depth2-wrap {display:none;position:absolute;top:90px;left:0;z-index:1000;width:100%;padding:0 0 40px 448px;text-align:left;font-weight:normal;box-sizing:border-box;min-height:260px;background:#fff;border-top:1px solid #ECECEC;}
	#mainNavi .depth2-wrap:after {}
	#mainNavi .depth2-wrap .depth2-tit {display:block;position:absolute;width:448px;height:270px;box-sizing:border-box;left:0;top:0;padding:40px 30px 40px 160px;background:#057d84;border-radius:0 20px 20px 0}
	#mainNavi .depth2-wrap .depth2-tit span {display:block;line-height:1.3; color:#fff; font-size:16px;}
	#mainNavi .depth2-wrap .depth2-tit .tit {font-size:36px;color:#fff;font-weight:700;letter-spacing:-.05em}
	#mainNavi .depth2-wrap .depth2-tit .txt {display:block;margin:28px 0 0;overflow:hidden}
	#mainNavi .depth2-wrap .depth2-tit .txt .depth2-btn {display:block;width:100%;max-width:194px;height:44px;border:0;border-radius:10px;background-color:#005767;background-repeat:no-repeat;background-position:20px center;background-size:auto 20px;cursor:pointer; text-align: left; padding-left:64px;}
	#mainNavi .depth2-wrap .depth2-tit .txt .depth2-btn + .depth2-btn {margin-top:10px}
	#mainNavi .depth2-wrap .depth2-tit .txt .depth2-btn--kakao {background-image:url(/resources/_Templet/Header/header_ipsi/Img/btn_kakao_consult.png)}
	#mainNavi .depth2-wrap .depth2-tit .txt .depth2-btn--online {background-image:url(/resources/_Templet/Header/header_ipsi/Img/btn_online_consult.png)}
	#mainNavi .depth2-wrap .depth2-ul {display:block;width:100%;position:relative;font-size:0;overflow:hidden;box-sizing:border-box;padding:30px 60px 0;min-height:200px;}
	#mainNavi .depth2-wrap .mn_li2 {display:inline-block;width:19.2%;vertical-align:top;box-sizing:border-box;position:relative;padding:0;margin-right:1%}
	#mainNavi .depth2-wrap .mn_li2:nth-child(-n+5) {padding-top:0}
	#mainNavi .depth2-wrap .mn_li2:nth-child(5n) {margin-right:0}
	#mainNavi .depth2-wrap .mn_a2 {display:block;width:auto;height:auto;position:relative;box-sizing:border-box;padding:0 55px 0 20px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:0;text-align:left;transition:all .3s ease}
	#mainNavi .depth2-wrap .mn_a2:before {content:"";display:inline-block;width:0;height:58px;vertical-align:middle}
	#mainNavi .depth2-wrap .mn_a2:after {content:"";display:block;position:absolute;width:18px;height:18px;border:0;border-radius:50%;background-color:#e0e0e0;background-image:url(/resources/_Templet/Header/header_ipsi/Img/icon_arrow_right_01.png);background-repeat:no-repeat;background-position:center;background-size:auto 5.13px;top:0;right:0;bottom:0;left:0;margin:auto 15px auto auto;transform:none;opacity:1;transition:all .3s ease}
	#mainNavi .depth2-wrap .mn_a2 span {display:inline-block;position:relative;vertical-align:middle;font-size:17px;color:#333;font-weight:500;letter-spacing:-.025em;line-height:1.2;transition:all .3s ease}
	#mainNavi .depth2-wrap .over .mn_a2 {background:#fff;border-color:#057d84}
	#mainNavi .depth2-wrap .mn_a2:focus span,
	#mainNavi .depth2-wrap .mn_a2:hover span {color:#057d84}
	#mainNavi .depth2-wrap .mn_a2:focus:after,
	#mainNavi .depth2-wrap .mn_a2:hover:after {background-color:#057d84;background-image:url(/resources/_Templet/Header/header_ipsi/Img/icon_arrow_right_01.png);background-size:auto 5.13px}
	#mainNavi .depth2-wrap .over .mn_a2:after {background-color:#057d84;background-image:url(/resources/_Templet/Header/header_ipsi/Img/icon_arrow_right_01.png);background-size:auto 5.13px}
	#mainNavi .depth2-wrap .over .mn_a2 span {color:#057d84}
	#mainNavi .depth3-wrap {display:none;padding: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 .mn_a1[target=_blank] span:after {display:inline-block;content:"";width:14px;height:14px;vertical-align:middle;margin:-4px 0 0px 5px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat 0 0}
	#mainNavi .mn_a1[target=_blank]:focus span:after,
	#mainNavi .mn_a1[target=_blank]:hover span:after,
	#mainNavi .mn_a1[target=_blank].over span:after {background-position-x:-25px}
	#mainNavi .mn_a2[target=_blank] span:after {display:inline-block;content:"";width:14px;height:14px;vertical-align:middle;margin:0 0 3px 5px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -75px -25px}
	#mainNavi .mn_a2[target=_blank]:focus span:after,
	#mainNavi .mn_a2[target=_blank]:hover span:after,
	#mainNavi .mn_a2[target=_blank].over span:after {background-position-x:-99px}
	#mainNavi .mn_a3[target=_blank] span:after {display:inline-block;content:"";width:14px;height:12px;vertical-align:middle;margin:0 0 4px 5px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -75px 0}
	#mainNavi .mn_a3[target=_blank]:focus span:after,
	#mainNavi .mn_a3[target=_blank]:hover span:after,
	#mainNavi .mn_a3[target=_blank].over span:after {background-position:-99px 0}
	#mainNavi .tgl-btn {display:none}
	#mainNavi .amenu {display:block;position:absolute;width:50px;height:50px;right:0;top:50%;transform:translateY(-50%);background:#057D84;border:0;cursor:pointer;transition:all .3s ease}
	#mainNavi .amenu span {display:block;width:0;height:0;overflow:hidden;font-size:0;line-height:0;opacity:0;visibility:hidden}
	#mainNavi .amenu:after {content:"";display:block;position:absolute;width:33px;height:21px;top:50%;left:50%;transform:translate(-50%, -50%);background:url(/resources/_Img/Templet/Common/icon-bar.svg) no-repeat center;background-size:contain}
	#mainNavi .amenu:focus,
	#mainNavi .amenu:hover {background:#046870}
	.pc-topMenu-open #mainNavi-wrap {background:#fff}
	.pc-topMenu-open #menu-wrap {box-shadow:0 10px 25px rgba(0, 0, 0, .05)}
	.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:#008284}
	.pc-topMenu-open #mainNavi .mn_a1:after {display:none}
	.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:1299px){
	#mainNavi .depth2-wrap {left:0;width:100%;margin:0;padding:0 20px 40px 448px}
}
/*@media all and (min-width:1300px) and (max-width:1919px) {
	#mainNavi .depth2-wrap {padding:0 20px 40px 380px}
	#mainNavi .depth2-wrap .depth2-tit {width:380px;height:270px;padding:40px 25px 35px;border-radius:0 20px 20px 0}
}
@media all and (min-width:1200px) and (max-width:1299px) {
	#mainNavi-wrap.decoShow:after {opacity:.5;}
	#mainNavi .depth2-wrap {left:0;width:100%;margin:0;padding:0 20px 40px 320px}
	#mainNavi .depth2-wrap .depth2-tit {width:320px;height:270px;padding:35px 20px 30px;border-radius:0 20px 20px 0}
	#mainNavi .depth2-wrap .depth2-tit .tit {font-size:30px}
	#mainNavi .depth2-wrap .mn_a2 {padding:0 50px 0 15px;}
}
@media all and (min-width:1000px) and (max-width:1199px) {
	#mainNavi-wrap.decoShow:after {opacity:.5;}
	#mainNavi .depth2-wrap {left:0;width:100%;margin:0;padding:0 20px 40px 280px}
	#mainNavi .depth2-wrap .depth2-tit {width:280px;height:270px;padding:30px 20px 25px;border-radius:0 20px 20px 0}
	#mainNavi .depth2-wrap .depth2-tit .tit {font-size:28px}
	#mainNavi .depth2-wrap .mn_a2 {padding:0 50px 0 15px;}
	#mainNavi .depth2-wrap .mn_li2 {width:32%;margin-right:2%}
	#mainNavi .depth2-wrap .mn_li2:nth-child(3n) {margin-right:0}
	#mainNavi .depth2-wrap .mn_li2:nth-child(5n) {margin-right:2%}
}
@media all and (min-width:1100px) and (max-width:1299px) {
	#mainNavi .depth1-wrap {padding:0 260px 0 0}
	#mainNavi .mn_li1 {margin:0 15px}
}
@media all and (min-width:1000px) and (max-width:1099px) {
	#mainNavi .depth1-wrap {padding:0 240px 0 0}
	#mainNavi .mn_li1 {margin:0 10px}
	#mainNavi .mn_a1 > span {font-size:17px}
} */
@media all and (max-width:1299px) {
	body.mobile-sideMenu-open {position:fixed;width:100%;height:100%;overflow:hidden}
	#mainNavi-wrap {overflow:inherit;position:static;width:auto;max-width:none;height:auto !important}
	#mainNavi-wrap * {outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
	#menu-wrap {--mMenu-head-h:70px;--mMenu-util-h:44px;--mMenu-top:calc(var(--mMenu-head-h) + var(--mMenu-util-h));position:fixed;right:-100%;top:0;left:auto;width:100%;max-width:100%;height:100%;z-index:8000;background:#fff;overflow:hidden;padding:0;box-sizing:border-box;margin:0;transition:right .5s ease, box-shadow .5s ease}
	#menu-wrap.mn-h-open {right:0;box-shadow:-10px 0 15px rgba(0, 0, 0, .15)}
	#menu-wrap:before {display:none}
	#menu-wrap .mDeco {display:none}
	#menu-wrap.hide-mDeco .mDeco {display:none}
  #mainNavi .mn_li1{margin-inline:10px !important;}
	#menu-wrap.mn-h-open #mainNavi .mn_li1.is-open > .depth2-wrap {display:block}
	#menu-wrap .allmn-btn {display:none}
	#menu-wrap .mGnavi {display:block;position:relative;width:100%;background:#fff;z-index:2}
	#menu-wrap .mMenu-head {display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:var(--mMenu-head-h);padding:0 20px 0 21px;border-bottom:1px solid #ececec}
	#menu-wrap .mMenu-logo {display:block;flex:1;min-width:0;text-decoration:none}
	#menu-wrap .mMenu-logo .slogo {display:flex;align-items:center;gap:10px}
	#menu-wrap .mMenu-logo img {display:block;width:auto;height:32px;}
	#menu-wrap .mMenu-logo .logo-txt {display:block;font-size:16px;font-weight:700;color:#222;line-height:1.2;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	#menu-wrap .btn-close {display:block;position:relative;flex-shrink:0;width:48px;height:48px;background:#008284;border:0;border-radius:50%;cursor:pointer}
	#menu-wrap .btn-close:before,
	#menu-wrap .btn-close:after {content:"";display:block;position:absolute;width:20px;height:2px;background:#fff;top:50%;left:50%;margin:-1px 0 0 -10px}
	#menu-wrap .btn-close:before {transform:rotate(45deg)}
	#menu-wrap .btn-close:after {transform:rotate(-45deg)}
	#menu-wrap .mMenu-util {display:block;width:100%;height:var(--mMenu-util-h);background:#252D32;box-sizing:border-box}
	#menu-wrap .mMenu-util ul {display:flex;align-items:center;justify-content:flex-end;height:100%;padding:0 20px;margin:0;list-style:none}
	#menu-wrap .mMenu-util li {position:relative;display:block;padding:0 12px 0 0;margin:0 12px 0 0}
	#menu-wrap .mMenu-util li:after {content:"";display:block;position:absolute;width:3px;height:3px;right:0;top:50%;transform:translateY(-50%);border-radius:50%;background:rgba(255,255,255,.45)}
	#menu-wrap .mMenu-util li:last-child {padding:0;margin:0}
	#menu-wrap .mMenu-util li:last-child:after {display:none}
	#menu-wrap .mMenu-util a,
	#menu-wrap .mMenu-util button {display:block;padding:0;border:0;background:transparent;cursor:pointer;font:inherit;line-height:1;text-decoration:none}
	#menu-wrap .mMenu-util span {display:block;font-size:14px;color:#fff;line-height:1.2;letter-spacing:-.02em}
	#menu-wrap .mMenu-util .whome {display:flex;align-items:center;gap:6px}
	#menu-wrap .mMenu-util .whome span {position:relative}
	#menu-wrap .mMenu-util .whome .mMenu-util-ico {display:block;width:12px;height:12px;flex-shrink:0;transform:rotate(-45deg);filter:brightness(0) invert(1)}
	#mainNavi {display:block;position:absolute;top:var(--mMenu-top);left:0;width:100%;height:calc(100% - var(--mMenu-top));box-sizing:border-box;padding:0;overflow:hidden;z-index:1}
	#mainNavi .mn_li1.over:before {display:none}
	#mainNavi .depth1-wrap {position:relative;width:100%;height:100%;overflow:hidden}
	#mainNavi .depth1-ul {position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:#fff;z-index:2;list-style: none; padding:0; margin:0;}
	#mainNavi .mn_li1 {height:auto;}
	#mainNavi .mn_li1 .tgl-btn {display:none}
	#mainNavi .mn_li1 .mn_a1 {display:block;position:relative;box-sizing:border-box;padding:18px 16px;width:40%;height:auto;text-align:left;font-size:0;transition:background .2s ease}
	#mainNavi .mn_li1 .mn_a1:before {display:none}
	#mainNavi .mn_li1 .mn_a1 span {display:block;line-height:1.35;font-size:16px;color:#222;word-wrap:break-word;word-break:keep-all;white-space:normal;font-weight:600;letter-spacing:-.03em}
	#mainNavi .mn_li1 .mn_a1[target='_blank'] span:after {content:"";display:inline-block;width:12px;height:12px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat -22px -25px;margin:0 0 0 5px}
	#mainNavi .mn_li1 .mn_a1.over span {color:#008284}
	#mainNavi .mn_li1.has-sub.is-open .mn_a1 span {color:#008284}
	#mainNavi .depth2-wrap {display:none;position:absolute;top:0;left:40%;width:60%;height:100%;box-sizing:border-box;padding:0;background:#f8f9fa;overflow-y:auto;overflow-x:hidden;z-index:1}
	#mainNavi .depth2-wrap .depth2-tit {display:none}
	#mainNavi .depth2-wrap .mn_li2 {position:relative;padding:0}
	#mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn {display:block;position:absolute;width:30px;height:30px;right:12px;top:14px;z-index:1;border:0;background:transparent}
	#mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:before,
	#mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:after {content:"";display:block;position:absolute;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:after {transform:rotate(90deg)}
	#mainNavi .depth2-wrap .mn_li2.has-sub.is-open {border-bottom:0}
	#mainNavi .depth2-wrap .mn_li2.has-sub.is-open .tgl-btn:after {transform:rotate(180deg)}
	#mainNavi .depth2-wrap .mn_li2.has-sub.is-open .mn_a2 span {border-bottom:0}
	#mainNavi .depth2-ul {position:relative;z-index:100;box-sizing:border-box;background:transparent;padding:0}
	#mainNavi .depth2-wrap .mn_a2 {position:relative;display:block;padding:0 16px;font-size:0;border-bottom:1px solid #e8e8e8;}
	#mainNavi .depth2-wrap .mn_a2 span {display:block;line-height:1.35;font-size:15px;color:#333;padding:15px 0;word-wrap:break-word;word-break:keep-all;white-space:normal;font-weight:400;letter-spacing:-.02em}
	#mainNavi .depth2-wrap .mn_li2:last-child .mn_a2 span {border-bottom:0}
	#mainNavi .depth2-wrap .mn_a2[target='_blank'] span:after {content:"";display:inline-block;width:12px;height:12px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat 0 -25px;margin:0 0 0 5px}
	#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:#008284}
	#mainNavi .depth2-wrap .mn_a2.over span,
	#mainNavi .depth2-wrap .is-open > .mn_a2 span {color:#fff;border-bottom-color:transparent}
	#mainNavi .depth2-wrap .depth3-wrap {display:block;background:#fff;padding:15px 15px}
	#mainNavi .depth2-wrap .mn_li2.is-close .depth3-wrap {display:none}
	#mainNavi .depth2-wrap .depth3-wrap {background:#f5f5f5;box-sizing:border-box;padding:21px 20px 24px}
	#mainNavi .depth2-wrap .depth3-wrap li {margin:0 0 5px}
	#mainNavi .depth2-wrap .depth3-wrap li:last-child {margin:0}
	#mainNavi .depth2-wrap .depth3-wrap li a {display:block;position:relative;padding:0;box-sizing:border-box;font-size:15px;color:#666}
	#mainNavi .depth2-wrap .depth3-wrap li a span {display:inline-block;position:relative;padding:4px 0;line-height:1.2}
	#mainNavi .depth2-wrap .depth3-wrap li a[target='_blank'] span:after {display:inline-block;content:"";width:12px;height:12px;vertical-align:middle;margin:-2px 0 0 5px;background:url(/resources/_Img/Common/nwin_spr.png) no-repeat 0 -25px}
	#mainNavi .depth2-wrap .depth3-wrap li.over a {color:#000}
	#mainNavi .depth2-wrap .depth3-wrap li .mn_a3.over span:after {content:"";display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#ff9900;left:100%;top:2px;margin:0 0 0 4px}
	#mn-ctrs-btns {display:block;position:absolute;right:0;top:0;z-index:502}
	#mn-ctrs-btns .mn-ctrs-btn {position:relative;display:block;width:70px;height:70px;box-sizing:border-box;border:0;background:#008284}
	#mn-ctrs-btns .mn-ctrs-btn span {display:block;width:0;height:0;overflow:hidden;font-size:0;line-height:0;opacity:0;visibility:hidden}
	#mn-ctrs-btns .mn-ctrs-btn:after {content:"";display:block;position:absolute;width:33px;height:21px;top:50%;left:50%;transform:translate(-50%, -50%);background:url(/resources/_Img/Templet/Common/icon-bar.svg) no-repeat center;background-size:contain}
	.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:699px) {
	#mn-ctrs-btns {top:0}
}

/*-------------------------submenu_ipsi.css------------------------------------*/
/* ==============================
 * PC 서브메뉴 (LNB)
================================= */
@media all and (min-width:1000px) {
	#side-wrap {display:block;position:relative;width:290px;flex-shrink:0;z-index:5;box-sizing:border-box}
	#leftmenu {box-sizing:border-box}
	#leftmenu .lm-tit {display:none}
	#leftmenu .depth1 {display:block;margin:0;padding:0;list-style:none}
	#leftmenu .lm_l1 {display:block;margin:0;padding:0;list-style:none}
	#leftmenu .lm_l1 .lm_a1 {display:none}
	#leftmenu .lm_l1 > .tgl-btn {display:none}
	#leftmenu .depth2-wr {display:block !important;position:static;width:100%;padding:0;box-sizing:border-box;height:auto !important}
	#leftmenu .depth2 {display:block;margin:0;padding:15px 18px;list-style:none;border:1px solid #A7A7A7;border-radius:10px;background:#fff;box-sizing:border-box}
	#leftmenu .depth2 .lm_l2 {display:block;margin:0;box-sizing:border-box;border-bottom:1px solid #ECECEC}
	#leftmenu .depth2 .lm_l2:last-child {margin:0;border-bottom:none}
	#leftmenu .depth2 .lm_l2 .tgl-btn {display:none}
	#leftmenu .depth2 .lm_a2 {display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;box-sizing:border-box;min-height:56px;padding:25px 17px;background:#fff;text-decoration:none;transition:background .25s ease, color .25s ease}
	#leftmenu .depth2 .lm_a2 span {display:block;flex:1;min-width:0;font-size:18px;font-weight:400;color:#333;letter-spacing:-.04em;line-height:1.35;word-break:keep-all}
	#leftmenu .depth2 .lm_a2:after {content:"";display:block;flex-shrink:0;width:0;height:0;opacity:0;transition:opacity .25s ease}
	#leftmenu .depth2 .lm_l2.over {border-bottom:none}
	#leftmenu .depth2 .lm_l2.over .lm_a2 {background:#e8f5f6;border-radius:5px}
	#leftmenu .depth2 .lm_l2.over .lm_a2 span {color:#057d84;font-weight:600}
	#leftmenu .depth2 .lm_l2.over .lm_a2:after {width:28px;height:28px;opacity:1;border-radius:50%;background:#057d84 url(/resources/_Templet/Header/header_ipsi/Img/icon_arrow_right_01.png) no-repeat center;background-size:auto 11px}
	#leftmenu .depth3-wr {display:none}
	#leftmenu .mSub-barTit {display:none}
}

/* ==============================
 * 모바일 서브메뉴
================================= */
@media all and (max-width:999px) {
	#side-wrap {display:block;position:relative;left:auto;bottom:auto;width:100%;height:auto;padding:0;z-index:20}
	#leftmenu {height:auto}
	#leftmenu .lm-tit {display:none}
	#leftmenu .depth1 {margin:0;padding:0;list-style:none}
	#leftmenu .lm_l1 {display:block;position:relative;box-sizing:border-box;min-height:54px;background:#005767}
	#leftmenu .lm_l1 .lm_a1 {display:none}
	#leftmenu .lm_l1 > .tgl-btn {
		display:block;position:absolute;right:16px;top:50%;left:auto;bottom:auto;
		width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;
		background:#fff;transform:translateY(-50%);cursor:pointer;z-index:3
	}
	#leftmenu .lm_l1 > .tgl-btn:after {
		content:"";display:block;position:absolute;width:8px;height:8px;top:50%;left:50%;
		margin:-5px 0 0 -4px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #005767 #005767;
		transform:rotate(-45deg);transition:transform .25s ease, margin .25s ease
	}
	#leftmenu .lm_l1.is-open > .tgl-btn:after {transform:rotate(135deg);margin:-2px 0 0 -4px}

	#leftmenu .lm_l1 > .mSub-barTit {
		display:flex;align-items:center;justify-content:center;
		position:absolute;left:0;right:48px;top:0;height:54px;
		font-size:17px;font-weight:500;color:#fff;letter-spacing:-.04em;line-height:1.2;
		text-align:center;z-index:2;pointer-events:none
	}

	#leftmenu .depth2-wr {display:block !important;position:static;width:100%;height:auto !important;padding:0;box-sizing:border-box;overflow:visible}
	#leftmenu .depth2 {display:block;margin:0;padding:0;background:transparent;transition:none}
	#leftmenu .depth2 .lm_l2 {display:none;box-sizing:border-box;position:relative;margin:0}
	#leftmenu .depth2 .lm_l2 .tgl-btn {display:none}
	#leftmenu .depth2 .lm_l2 .lm_a2 {
		display:block;width:100%;box-sizing:border-box;padding:0;background:transparent;
		text-align:center;text-decoration:none;pointer-events:none
	}
	#leftmenu .depth2 .lm_l2 .lm_a2 span {
		display:block;font-size:17px;font-weight:500;color:#fff;letter-spacing:-.04em;line-height:1.2
	}
	#leftmenu .depth2 .lm_l2 .lm_a2 span:after {display:none}

	#leftmenu .lm_l1.is-open .depth2-wr {position:absolute;top:100%;left:0;width:100%;z-index:200;box-shadow:0 8px 20px rgba(0, 0, 0, .15)}
	#leftmenu .lm_l1.is-open .depth2 {background:#fff;padding:6px 0}
	#leftmenu .lm_l1.is-open .depth2 .lm_l2 {
		display:block;position:static;height:auto;pointer-events:auto
	}
	#leftmenu .lm_l1.is-open .depth2 .lm_l2.over {position:static;justify-content:flex-start;height:auto;pointer-events:auto}
	#leftmenu .lm_l1.is-open .depth2 .lm_l2 .lm_a2 {
		display:block;padding:14px 20px;background:#fff;pointer-events:auto;text-align:left
	}
	#leftmenu .lm_l1.is-open .depth2 .lm_l2 .lm_a2 span {color:#333;font-size:16px;font-weight:400}
	#leftmenu .lm_l1.is-open .depth2 .lm_l2.over .lm_a2 {background:#057d84}
	#leftmenu .lm_l1.is-open .depth2 .lm_l2.over .lm_a2 span {color:#fff;font-weight:500}

	#leftmenu .depth3-wr {box-sizing:border-box;padding:8px 20px 12px;background:#f7f7f7}
	#leftmenu .depth3 .lm_l3 {display:block;margin:0}
	#leftmenu .depth3 .lm_l3 .lm_a3 {display:block;padding:8px 0 8px 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;font-size:15px;letter-spacing:-.05em;line-height:1.2;color:#555}
	#leftmenu .depth3 .lm_l3.over .lm_a3:before {background:#057d84}
	#leftmenu .depth3 .lm_l3.over .lm_a3 span {color:#057d84;font-weight:500}
}

/*-------------------------footer_ipsi.css------------------------------------*/
#footer-wrap {position:relative;z-index:3000;background:#151925}
#footer-wrap .ft-wr {position:relative;max-width:1400px;margin:0 auto;line-height:1.2}

/* 상단 유틸바 */
#footer-wrap .ftSvce {border-bottom:1px solid rgba(255,255,255,.06)}
#footer-wrap .ftSvce .ft-wr {display:flex;align-items:stretch;justify-content:space-between;gap:20px;padding:0}
#footer-wrap .ftSvce .fts-link {flex:1;min-width:0; }
#footer-wrap .ftSvce .fts-link .arr {display:none}
#footer-wrap .ftSvce .fts-link ul {display:flex;flex-wrap:wrap;align-items:center;font-size:0}
#footer-wrap .ftSvce .fts-link ul li {position:relative;display:block;padding:0 18px 0 0;margin:0 16px 0 0}
#footer-wrap .ftSvce .fts-link ul li:last-child {padding:0;margin:0}
#footer-wrap .ftSvce .fts-link ul li:last-child:after {display:none}
#footer-wrap .ftSvce .fts-link a {display:block;font-size:15px;color:rgba(255,255,255,.85);letter-spacing:-.03em;transition:color .2s ease; height: 70px; display: flex; align-items: center;}
#footer-wrap .ftSvce .fts-link a span {display:block;line-height:1.2}
#footer-wrap .ftSvce .fts-link a.privacy {color:#F98D00;font-weight:500}
#footer-wrap .ftSvce .fts-link a.teacher {color:#07BDC5}

/* 상단 관련사이트 */
#footer-wrap .fts-fmls--top {flex-shrink:0}
#footer-wrap .fts-fmls--top .fmlsPkg {height:100%}
#footer-wrap .fts-fmls--top .fSite {height:100%}
#footer-wrap .fts-fmls--top .fSite dl {position:relative;height:100%}
#footer-wrap .fts-fmls--top .fSite dl dt {height:100%}
#footer-wrap .fts-fmls--top .fSite dl dt button {display:flex;align-items:center;gap:10px;height:100%;min-height:70px;padding:0 22px;border:0;background:#2d3139;cursor:pointer;transition:background .2s ease}
#footer-wrap .fts-fmls--top .fSite dl dt button span {font-size:15px;color:#fff;letter-spacing:-.03em;line-height:1.2;white-space:nowrap}
#footer-wrap .fts-fmls--top .fSite dl dt button .ico-ext {display:block;width:16px;height:16px;flex-shrink:0;background:url(/resources/_Img/Templet/Common/icon-familysite.svg) no-repeat center/contain;opacity:.85}
#footer-wrap .fts-fmls--top .fSite dl dt button.is-open,
#footer-wrap .fts-fmls--top .fSite dl dt button:hover,
#footer-wrap .fts-fmls--top .fSite dl dt button:focus {background:#363b45}
#footer-wrap .fts-fmls--top .fSite dl dd {display:none;position:absolute;right:0;bottom:100%;min-width:220px;background:#2d3139;box-sizing:border-box;z-index:10}
#footer-wrap .fts-fmls--top .fSite dl dd .sel {max-height:200px;overflow-x:hidden;overflow-y:auto;padding:8px 16px}
#footer-wrap .fts-fmls--top .fSite dl dd .sel ul li {border-top:1px solid rgba(255,255,255,.08)}
#footer-wrap .fts-fmls--top .fSite dl dd .sel ul li:first-child {border-top:0}
#footer-wrap .fts-fmls--top .fSite dl dd .sel a {display:block;padding:10px 0;font-size:14px;color:rgba(255,255,255,.75);transition:color .2s ease}
#footer-wrap .fts-fmls--top .fSite dl dd .sel a:hover,
#footer-wrap .fts-fmls--top .fSite dl dd .sel a:focus {color:#fff}
#footer-wrap .fts-fmls--top .fSite dl dd > button {display:none}

/* 본문 */
#footer-wrap .ftBody .ft-wr {display:flex;align-items:flex-start;justify-content:space-between;gap:40px;padding:36px 0 40px}
#footer-wrap .ftContact {flex:1;min-width:0;max-width:720px}
#footer-wrap .ftContact-tit {margin:0 0 14px;font-size:18px;font-weight:700;color:#ff8a00;letter-spacing:-.03em;line-height:1.2}
#footer-wrap .ftContact .fti-addr dl {margin:0 0 0;padding:0;text-align: left; }
#footer-wrap .ftContact .fti-addr dl dt {position:absolute;width:0;height:0;overflow:hidden;opacity:0;text-align: left;}
#footer-wrap .ftContact .fti-addr dl dd {color:rgba(255,255,255,.75);font-size:0;line-height:1.5; text-align: left;}
#footer-wrap .ftContact .fti-addr dl dd address {display:block;margin:0 0 6px;font-size:15px;font-style:normal;letter-spacing:-.02em;word-break:keep-all; text-align: left;}
#footer-wrap .ftContact .fti-addr dl dd ul {display:block;text-align: left;}
#footer-wrap .ftContact .fti-addr dl dd ul li {display:block;margin:0 0 2px;font-size:15px;letter-spacing:-.02em}
#footer-wrap .ftContact .fti-addr dl dd ul li:last-child {margin:0}
#footer-wrap .ftContact .fti-copy {margin:18px 0 0;font-size:13px;color:rgba(255,255,255,.35);letter-spacing:0;line-height:1.4}

/* 패밀리사이트 2x2 */
#footer-wrap .ftFamily {flex-shrink:0;width:min(100%,420px)}
#footer-wrap .fmlsPkg--grid {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0 36px}
#footer-wrap .fmlsPkg--grid .fSite {position:relative}
#footer-wrap .fmlsPkg--grid .fSite dl dt button {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 0;border:0;background:transparent;cursor:pointer;text-align:left}
#footer-wrap .fmlsPkg--grid .fSite dl dt button span {flex:1;min-width:0;font-size:15px;color:rgba(255,255,255,.9);letter-spacing:-.03em;line-height:1.35;word-break:keep-all}
#footer-wrap .fmlsPkg--grid .fSite dl dt button .btn-plus {display:block;position:relative;flex-shrink:0;width:28px;height:28px;border-radius:50%;box-sizing:border-box;transition:border-color .2s ease, background .2s ease; background: #363F59;}
#footer-wrap .fmlsPkg--grid .fSite dl dt button .btn-plus:before,
#footer-wrap .fmlsPkg--grid .fSite dl dt button .btn-plus:after {content:"";display:block;position:absolute;top:50%;left:50%;background:#fff;transition:transform .2s ease}
#footer-wrap .fmlsPkg--grid .fSite dl dt button .btn-plus:before {width:10px;height:1px;margin:-1px 0 0 -5px}
#footer-wrap .fmlsPkg--grid .fSite dl dt button .btn-plus:after {width:1px;height:10px;margin:-5px 0 0 -1px}
#footer-wrap .fmlsPkg--grid .fSite dl dt button.is-open .btn-plus:after {transform:scaleY(0)}
#footer-wrap .fmlsPkg--grid .fSite dl dt button.is-open .btn-plus,
#footer-wrap .fmlsPkg--grid .fSite dl dt button:hover .btn-plus,
#footer-wrap .fmlsPkg--grid .fSite dl dt button:focus .btn-plus {border-color:rgba(255,255,255,.5)}
#footer-wrap .fmlsPkg--grid .fSite dl dd {display:none !important}

/* SNS */
#footer-wrap .ftSns {margin:22px 0 0}
#footer-wrap .ftSns ul {display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:0;padding:0;list-style:none}
#footer-wrap .ftSns-link {display:block;opacity:.55;transition:opacity .2s ease, transform .2s ease}
#footer-wrap .ftSns-link:hover,
#footer-wrap .ftSns-link:focus {opacity:1;transform:translateY(-1px)}
#footer-wrap .ftSns-link img {display:block;width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}

#footer-wrap .ftMark {margin:24px 0 0}
#footer-wrap .ftMark ul {display:flex;flex-wrap:wrap;gap:10px;font-size:0}

@media all and (max-width:1440px) {
	#footer-wrap .ft-wr {margin:0 20px}
}
@media all and (max-width:1099px) {
	#footer-wrap .ftBody .ft-wr {display:flex;flex-direction:column;gap:0;padding-top:0}
	#footer-wrap .ftFamily {display:contents;width:100%}
	#footer-wrap .fmlsPkg--grid {order:1;width:100%}
	#footer-wrap .ftContact {order:2;max-width:none;padding:24px 0 0}
	#footer-wrap .ftSns {order:3;margin:20px 0 0}
	#footer-wrap .ftSns ul {justify-content:flex-end}
}
@media all and (max-width:999px) {
	.mobile-sideMenu-open #footer-wrap {z-index:0}
	#footer-wrap .ftBody .ft-wr {padding-bottom:30px}
}
@media all and (max-width:699px) {
	#footer-wrap .ftSvce {border-bottom:0}
	#footer-wrap .ftSvce .ft-wr {flex-direction:column;gap:0}
	#footer-wrap .ftSvce .fts-link {width:100%;padding:0}
	#footer-wrap .ftSvce .fts-link .arr {display:none}
	#footer-wrap .ftSvce .fts-link ul {display:block;overflow:visible;padding:0;margin-top:23px;-webkit-overflow-scrolling:auto;}
	#footer-wrap .ftSvce .fts-link ul li {position:relative;display:flex;margin:0 25px 6px 0;padding:0; float: left;}
	#footer-wrap .ftSvce .fts-link ul li:after {display:none}
	#footer-wrap .ftSvce .fts-link ul li.privacy {order:1}
	#footer-wrap .ftSvce .fts-link ul li.teacher {order:2}
	#footer-wrap .ftSvce .fts-link ul li.tel {order:3}
	#footer-wrap .ftSvce .fts-link ul li.comeway {order:4}
	#footer-wrap .ftSvce .fts-link a {width:100%;height:auto;min-height:0;padding:0;font-size:14px;justify-content:center;text-align:center;}
	#footer-wrap .ftSvce .fts-link a span {width:100%;line-height:1.35;word-break:keep-all}
	#footer-wrap .fts-fmls--top {width:100%;}
	#footer-wrap .fts-fmls--top .fSite {width:100%}
	#footer-wrap .fts-fmls--top .fSite dl dt button {justify-content:space-between;width:100%;min-height:52px;padding:0 20px;background:#22252e}
	#footer-wrap .fts-fmls--top .fSite dl dd {left:0;right:0}
	#footer-wrap .ftBody .ft-wr {padding:0 0 28px}
	#footer-wrap .fmlsPkg--grid {grid-template-columns:1fr;gap:0; border-bottom:1px solid rgba(255,255,255,.1);}
	#footer-wrap .fmlsPkg--grid .fSite dl dt button {padding:7px 0;}
	#footer-wrap .fmlsPkg--grid .fSite dl dt button span {font-size:14px}
	#footer-wrap .ftContact {padding:22px 0 0}
	#footer-wrap .ftContact-tit {font-size:16px;margin-bottom:10px}
	#footer-wrap .ftContact .fti-addr dl dd address,
	#footer-wrap .ftContact .fti-addr dl dd ul li {font-size:14px}
	#footer-wrap .ftContact .fti-copy {font-size:12px;margin-top:14px}
	#footer-wrap .ftSns {margin-top:18px; margin-left:auto;}
	#footer-wrap .ftSns ul {gap:12px}
}
@media all and (max-width:499px) {
	#footer-wrap .ftSvce .fts-link .arr {display:none}
}

/* 사이트 링크 팝업 */
.ftSiteLink-layer {position:fixed;inset:0;z-index:4500;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.ftSiteLink-layer[hidden] {display:none}
.ftSiteLink-dim {position:absolute;inset:0;background:rgba(0,0,0,.62)}
.ftSiteLink-panel {
	position:relative;display:flex;flex-direction:column;width:min(100%,720px);max-height:min(82vh,600px);
	padding:0px 40px 40px;border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.38);box-sizing:border-box
}
.ftSiteLink-head {
	display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;
	padding:24px 21px 24px 42px;border-radius:20px;background:#007983;
  transform: translateY(-21px);
}
.ftSiteLink-tit {margin:0;font-size:32px;font-weight:600;color:#fff;letter-spacing:-.04em;line-height:1.2}
.ftSiteLink-close {
	position:relative;flex-shrink:0;width:50px;height:50px;border:0;border-radius:50%;padding:0;
	background:#FFAA22;cursor:pointer;transition:background .2s ease
}
.ftSiteLink-close:before,
.ftSiteLink-close:after {content:"";display:block;position:absolute;top:50%;left:50%;width:20px;height:3px;margin:-1px 0 0 -10px;background:#fff;border-radius:1px}
.ftSiteLink-close:before {transform:rotate(45deg)}
.ftSiteLink-close:after {transform:rotate(-45deg)}
.ftSiteLink-body {
	flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;margin-top:14px;padding:0 2px 4px;background:#fff;
	scrollbar-width:thin;scrollbar-color:#415367 transparent
}
.ftSiteLink-body::-webkit-scrollbar {width:10px}
.ftSiteLink-body::-webkit-scrollbar-thumb {
	background-color:#415367;border-radius:10px;background-clip:padding-box;border:2px solid transparent
}
.ftSiteLink-body::-webkit-scrollbar-track {background-color:transparent;border-radius:10px}
.ftSiteLink-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px }
.ftSiteLink-item {
	display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;
	padding:12px 18px;border:1px solid #e3e3e3;border-radius:10px;background:#fff;
	color:#222;font-size:17px;font-weight:500;letter-spacing:-.04em;line-height:1.3;text-decoration:none;
	transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease; box-sizing: border-box;
}
.ftSiteLink-itemTxt {flex:1;min-width:0;word-break:keep-all;text-align:left}
.ftSiteLink-itemArr {
	position:relative;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#f0f0f0;
	transition:background .2s ease
}
.ftSiteLink-itemArr:after {
	content:"";display:block;position:absolute;top:50%;left:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;
	background:#a8a8a8;
	mask:url(/_Img/Templet/Common/icon_arrow.svg) center/contain no-repeat;
	-webkit-mask:url(/_Img/Templet/Common/icon_arrow.svg) center/contain no-repeat;
	transform:translateX(1px) scaleX(-1);transition:background .2s ease
}
.ftSiteLink-item:hover,
.ftSiteLink-item:focus {background:#005767;border-color:#005767;color:#fff;}
.ftSiteLink-item:hover .ftSiteLink-itemArr,
.ftSiteLink-item:focus .ftSiteLink-itemArr {background:rgba(255,255,255,.25)}
.ftSiteLink-item:hover .ftSiteLink-itemArr:after,
.ftSiteLink-item:focus .ftSiteLink-itemArr:after {background:#fff}
@media all and (max-width:699px) {
	html.ftSiteLink-open,
	body.ftSiteLink-open {overflow:hidden;height:100%}
	.ftSiteLink-layer {padding:0;align-items:flex-end}
	.ftSiteLink-panel {width:100%;max-height:88vh;border-radius:20px 20px 0 0;padding:12px}
	.ftSiteLink-head {padding:12px 14px 12px 18px;border-radius:10px}
	.ftSiteLink-tit {font-size:18px}
	.ftSiteLink-body {margin-top:10px;padding:0 2px 6px}
	.ftSiteLink-grid {grid-template-columns:1fr;gap:8px}
	.ftSiteLink-item {min-height:44px;padding:9px 9px 9px 18px;font-size:14px}
}

/* 좌측 고정 퀵메뉴 (AI챗봇 / 위로가기) */
#mFixQuick {position:fixed;left:20px;bottom:50px;z-index:3500;box-sizing:border-box}
#mFixQuick .mFixQuickLst {display:flex;flex-flow:column;gap:8px;margin:0;padding:0;list-style:none}
#mFixQuick .mFixQuickItem {display:flex; align-items: flex-start;}
#mFixQuick .mFixQuickItem--ai {flex-direction:column;;gap:6px}
#mFixQuick .mFixQuickBubble {position:relative;margin:0;padding:10px 14px;border-radius:50px;background:#F0FAFF;box-shadow:0 2px 10px rgba(0,0,0,.12);font-size:14px;font-weight:500;letter-spacing:-.03em;line-height:1.3;color:#333;white-space:nowrap;text-align:center;animation:mFixQuickBubbleFade 4s ease-in-out infinite}
#mFixQuick .mFixQuickBubble--hightlite {color:#02A0AC;font-weight:700}
#mFixQuick .mFixQuickBubble:after {
  content:'';
  display:block;
  position:absolute;
  width:10px;
  height:12px;
  bottom:-10px;
  left:14px;
  z-index:1;
  background:url(/resources/_Img/Templet/Common/img_chatbot_bubble.svg) no-repeat center / contain;
}
@keyframes mFixQuickBubbleFade {
	0%, 30% {opacity:1;visibility:visible}
	40% {opacity:0;visibility:hidden}
	55% {opacity:0;visibility:hidden}
	65%, 100% {opacity:1;visibility:visible}
}
html.aiChat-open #mFixQuick .mFixQuickBubble {opacity:0;visibility:hidden;animation:none}
@media (prefers-reduced-motion: reduce) {
	#mFixQuick .mFixQuickBubble {animation:none}
}
#mFixQuick .mFixQuickTxt {color:#fff;font-size:14px;font-weight:300;line-height:1.2;letter-spacing:-.03em}
#mFixQuick .mFixQuickBtn {display:flex;flex-direction:column;align-items:center;justify-content:center;width:75px;height:75px;border:0;border-radius:50%;padding:0;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);text-decoration:none;box-sizing:border-box;transition:transform .25s ease, box-shadow .25s ease}
#mFixQuick .mFixQuickBtn:hover,
#mFixQuick .mFixQuickBtn:focus {transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.22)}
#mFixQuick .mFixQuickBtn--ai {background:linear-gradient(180deg, #02A0AC 0%, #10999F 100%);justify-content:flex-end}
#mFixQuick .mFixQuickBtn--ai .mFixQuickIco img {width:40px}
#mFixQuick .mFixQuickBtn--top {background:#00000059;width:50px;height:50px;margin-left:12px;}
#mFixQuick .mFixQuickIco {display:flex;align-items:center;justify-content:center}
#mFixQuick .mFixQuickIco img {display:block;width:100%;height:100%;object-fit:contain}
#mFixQuick .mFixQuickBtn--top .mFixQuickIco img {transform:rotate(-90deg);width:15px}
@media all and (max-width:999px) {
	#mFixQuick {left:12px;top:auto;bottom:20px}
	#mFixQuick .mFixQuickItem--ai {gap:4px}
	#mFixQuick .mFixQuickBubble {padding:8px 12px; font-size:12px}
	#mFixQuick .mFixQuickBubble:after {left:12px}
	#mFixQuick .mFixQuickTxt {font-size:11px}
	#mFixQuick .mFixQuickBtn {width:55px;height:55px}
	#mFixQuick .mFixQuickIco {width:24px;height:24px}
  #mFixQuick .mFixQuickBtn--top{margin-left:0;}
}
@media all and (max-width:699px) {
	#mFixQuick {left:8px}
	#mFixQuick .mFixQuickBubble {padding:7px 10px;font-size:11px}
	#mFixQuick .mFixQuickBubble:after {left:10px}
	#mFixQuick .mFixQuickBtn {width:44px;height:44px;box-shadow:0 3px 10px rgba(0,0,0,.16)}
	#mFixQuick .mFixQuickIco {width:22px;height:22px}
}

/* AI 챗봇 레이어 */
.aiChat-layer {position:fixed;inset:0;z-index:4000;pointer-events:none}
.aiChat-layer[hidden] {display:none}
.aiChat-panel {
	position:absolute;left:20px;bottom:200px;
	display:flex;flex-direction:column;overflow:hidden;
	width:380px;max-width:calc(100vw - 132px);height:640px;max-height:calc(100vh - 48px);
	border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.18);box-sizing:border-box;
	pointer-events:auto
}
.aiChat-head {
	display:flex;align-items:center;gap:11px;flex-shrink:0;
	padding:19px 20px;background:#fff; backdrop-filter: blur(15px);
  box-shadow: 0px 0px 10px 0px #0000001A;  
}
.aiChat-profile {flex-shrink:0;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#057D84}
.aiChat-profile img {display:block;width:100%;height:100%;object-fit:cover}
.aiChat-headTxt {flex:1;min-width:0}
.aiChat-tit {display:block;font-size:17px;font-weight:700;letter-spacing:-.03em;line-height:1.3}
.aiChat-tit-hightlite {color:#057D84}
.aiChat-desc {margin:2px 0 0;font-size:11px;color:#666;letter-spacing:-.02em;line-height:1.4}
.aiChat-close {
	flex-shrink:0;width:32px;height:32px;border:0;padding:0;cursor:pointer;
	background:transparent
}
.aiChat-close img {display:block;width:14px;height:14px;margin:0 auto}
.aiChat-mid {
	flex:1;min-height:0;display:flex;flex-direction:column;backdrop-filter: blur(30px);box-shadow: 0px 0px 15px 0px #0000001A; background: #EFF1FFBF;

}
.aiChat-mid__scroll {
	flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:22px 20px;-webkit-overflow-scrolling:touch
}
.aiChat-mid__scroll {
	scrollbar-width:thin;
	scrollbar-color:#555 transparent;
}
.aiChat-mid__scroll::-webkit-scrollbar {
	width:10px;
}
.aiChat-mid__scroll::-webkit-scrollbar-button {
	display:none;
	width:0;
	height:0;
	background:transparent;
}
.aiChat-mid__scroll::-webkit-scrollbar-button:single-button,
.aiChat-mid__scroll::-webkit-scrollbar-button:vertical:decrement,
.aiChat-mid__scroll::-webkit-scrollbar-button:vertical:increment {
	display:none;
	width:0;
	height:0;
	background:transparent;
	border:none;
}
.aiChat-mid__scroll::-webkit-scrollbar-thumb {
	background-color:#555;
	border-radius:10px;
	background-clip:padding-box;
	border:2px solid transparent;
}
.aiChat-mid__scroll::-webkit-scrollbar-track {
	background-color:transparent;
	border-radius:10px;
}
.aiChat-msg {position:relative}
.aiChat-msg + .aiChat-msg {margin-top:20px}
.aiChat-msgProfile {display:flex;align-items:center;gap:8px;margin-bottom:8px}
.aiChat-msgProfile-img {
	display:block;flex-shrink:0;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#057D84
}
.aiChat-msgProfile-img img {display:block;width:100%;height:100%;object-fit:cover}
.aiChat-msgProfile-meta {min-width:0}
.aiChat-msgProfile-name {display:block;font-size:16px;font-weight:600;color:#333;letter-spacing:-.02em;line-height:1.3}
.aiChat-msgProfile-date {display:block;margin-top:2px;font-size:10px;color:#888;line-height:1.3}
.aiChat-bubble {
	display:inline-block;max-width:100%;padding:8px 13px;box-sizing:border-box; 
	font-size:14px;line-height:18px;letter-spacing:-.02em;word-break:break-word
}
.aiChat-bubbleTxt {margin:0}
.aiChat-bubbleTxt strong {font-weight:700}
.aiChat-bubble--guide {
	background: #FFFFFFCC;border:1px solid #02a0ac;color:#005767;
  padding:19px 21px; border-radius: 10px !important; width:100%;
  box-shadow: 0px 0px 10px 0px #00000026;font-weight: 600;
}
.aiChat-msg--ai .aiChat-bubble:not(.aiChat-bubble--guide) {
	background:#fff;border:1px solid #d1d5db;color:#111827
}
.aiChat-msg--user {display:flex;flex-direction:column;align-items:flex-end}
.aiChat-msgDate {display:block;margin-bottom:6px;font-size:11px;color:#888;text-align:right;line-height:1.3}
.aiChat-msg--user .aiChat-bubble {background:#EBF5F5;color:#262626;border-radius:10px 0px 10px 10px;}
.aiChat-msg--ai .aiChat-bubble {border-radius:0px 10px 10px 10px;}
.aiChat-quick {
	display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none
}
.aiChat-quickBtn {
	display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 15px;
	border:0;border-radius:999px;background:#fff;font-size:13px;color:#666;letter-spacing:-.02em;
	cursor:pointer;transition:background .2s ease, color .2s ease
}
.aiChat-quickBtn.isOn {background:#057D84;color:#fff;font-weight:500;box-shadow: 0px 4px 4px 0px #00000026;}
.aiChat-foot {flex-shrink:0;padding:12px 16px 16px;background:transparent;box-sizing:border-box}
.aiChat-form {margin:0}
.aiChat-inputWrap {
	display:flex;align-items:center;gap:8px;padding:0px 0px 0px 18px;
	border-radius:999px;background:#fff;box-shadow: 0px 0px 10px 0px #00000026; height: 45px;
}
.aiChat-input {
	flex:1;min-width:0;height:36px;border:0;padding:0;background:transparent;
	font-size:14px;color:#111827;letter-spacing:-.02em
}
.aiChat-input:focus {outline:none}
.aiChat-input::placeholder {color:#c4c4c4}
.aiChat-submit {
	flex-shrink:0;display:flex;align-items:center;justify-content:center;
	width:45px;height:45px;border:0;border-radius:50%;padding:0;cursor:pointer;
	background:#057D84;transition:background .2s ease
}
.aiChat-submit img {display:block;width:17px;height:17px;transform:rotate(-90deg)}
.aiChat-submit:hover,
.aiChat-submit:focus {background-color:#005767}
@media all and (max-width:999px) {
	html.aiChat-open,
	body.aiChat-open {
		overflow:hidden;
		height:100%;
	}
	.aiChat-layer {pointer-events:auto}
	.aiChat-panel {
		left:12px;right:12px;top:auto;bottom:150px;
		width:auto;max-width:none;height:min(640px, calc(100vh - 100px));max-height:calc(100vh - 100px)
	}
}
@media all and (max-width:699px) {
	.aiChat-panel {
		left:0;right:0;top:0;bottom:0;transform:none;
		width:100%;max-width:none;height:100dvh;max-height:100dvh;
		border-radius:0
	}
	.aiChat-head {padding:14px 16px}
	.aiChat-tit {font-size:16px}
	.aiChat-mid__scroll {padding:16px 14px}
	.aiChat-foot {padding:10px 14px 14px}
}