@charset "utf-8";
html, body {overflow:hidden;overflow-y:visible;}
#doc-wrap {position:relative;min-width:1400px;max-width:1920px;overflow:hidden;margin:0 auto;font-family:'SCoreDream', sans-serif;font-weight:400;font-size:18px;color:#555;line-height:1.667em;letter-spacing:-0.05em;}
@media all and (max-width:1400px){
	#doc-wrap {min-width:320px}
}
@media all and (max-width:999px){
	#doc-wrap {font-size:17px}
}
@media all and (max-width:768px){
	#doc-wrap {font-size:16px}
}
@media all and (max-width:499px){
	#doc-wrap {font-size:14px}
}

/* 스킵네비게이션 */
#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;outline-color:red;}

/* 레이아웃 */
#header-wrap {position:relative;height:110px;margin:0 auto}
@media all and (min-width:1000px) {
	#header-wrap {position:absolute;left:0;top:0;width:100%;}
	#header-wrap:before {content:"";display:block;position:absolute;top:100px;left:0;background:rgba(0, 0, 0, .7);width:100%;height:0;opacity:0;transition:opacity .3s ease;z-index:11}
	#header-wrap.bgShow:before {height:3000px;opacity:1}
	#header-wrap.bgHide:before {opacity:0}

	.isMain #header-wrap {position:relative;left:auto;top:auto;width:100%;}

	.headerFixed #header-wrap {position:fixed;height:90px;z-index:3}
}
@media all and (max-width:999px) {
	#header-wrap {height:60px}
}

/* svisual */
#svisual-wrap {position:absolute;top:0;left:0;width:100%;height:350px;box-sizing:border-box;background:#4b4ba6;z-index:1;transition:all .3s ease}
#svisual-wrap .svis-wrap {position:relative;height:100%;z-index:1}
#svisual-wrap .svis {position:relative;height:100%}
#svisual-wrap .svis .txt-box {display:none;position:relative;max-width:1400px;margin:0 auto;box-sizing:border-box;z-index:2}
#svisual-wrap .svis .txt-box .txt-pkg {display:block;position:absolute;left:0;top:219px;padding-right:42px;}
#svisual-wrap .svis .txt-box .txt-pkg > p {display:block;position:relative;color:#fff;font-family:"yg-jalnan", sans-serif;line-height:1.2;box-sizing:border-box}
#svisual-wrap .svis .txt-box .txt-pkg .txt1 {display:inline-block;font-size:2.5em;letter-spacing:-.025em;transition:all .4s ease .2s}
#svisual-wrap .txt-box .sns-list .sns-closer {display:none;}
#svisual-wrap .svis .img-box {display:block;position:relative;width:100%;max-width:1400px;height:100%;overflow:hidden;margin:0 auto;}
#svisual-wrap .svis .img-box img {display:block;position:absolute;bottom:0;right:0;width:auto;transition:transform 3s ease;z-index:1}
#svisual-wrap .svis .img-box video {display:block;position:absolute;bottom:0;right:0;width:600px;transition:transform 3s ease;z-index:1}
#svisual-wrap .svis .img-box .visLottie {display:block;position:absolute;bottom:0;right:0;width:600px;transition:transform 3s ease;z-index:1}

.conMn00 #svisual-wrap {background:#4b4ba6;}
.conMn01 #svisual-wrap {background:#935dc8;}
.conMn02 #svisual-wrap {background:#1098a5;}
.conMn03 #svisual-wrap {background:#5b76cf;}
.conMn05 #svisual-wrap {background:#613ba3;}

@media all and (min-width:1000px) {
	#svisual-wrap .svis .txt-box .txt-pkg > p {opacity:0;transform:translateY(30px);}
	.loaded #svisual-wrap .svis .txt-box .txt-pkg .txt1 {opacity:1;transform:translateY(0)}
	.loaded #svisual-wrap .svis .txt-box .txt-pkg .txt2 {opacity:.7;transform:translateY(0)}

	#svisual-wrap .txt-box .cont-util {position:absolute;bottom:6px;right:0;}
	#svisual-wrap .txt-box .unit-sns .btn-share {position:relative;width:21px;height:24px;background:none;border:0;}
	#svisual-wrap .txt-box .unit-sns .btn-share:before {display:block;content:'';position:absolute;top:0;left:0;width:21px;height:24px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -214px 0;}
	#svisual-wrap .txt-box .sns-list {display:none;position:absolute;top:-4px;left:50px;padding-left:18px;}
	#svisual-wrap .txt-box .sns-list > ul {background:#fff;border-radius:30px;box-shadow:0 10px 15px rgba(0,0,0,0.2);padding:8px 9px;font-size:0;overflow:hidden;display:flex;}
	#svisual-wrap .txt-box .sns-list > ul:before {display:block;content:'';position:absolute;top:28px;left:0;margin-top:-8px;width:0;height:0;border:7px solid transparent;border-right:14px solid #fff;}
	#svisual-wrap .txt-box .sns-list > ul > li {display:inline-block;margin-left:5px;vertical-align:middle}
	#svisual-wrap .txt-box .sns-list > ul > li:first-child {margin-left:0;}
	#svisual-wrap .txt-box .sns-list > ul > li button {display:block;position:relative;background:#fff;border:0;border-radius:50%;width:35px;height:35px;font-size:0;transition:all .3s ease}
	#svisual-wrap .txt-box .sns-list > ul > li button:before {display:block;content:'';position:absolute;top:50%;left:50%;margin:-18px 0 0 -18px;border-radius:50%;width:35px;height:35px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -265px 0;}
	#svisual-wrap .txt-box .sns-list > ul > li .btn-face:before {background-position:-265px 0;}
	#svisual-wrap .txt-box .sns-list > ul > li .btn-twit:before {background-position:-305px 0;}
	#svisual-wrap .txt-box .sns-list > ul > li .btn-blog:before {background-position:-345px 0;}
	#svisual-wrap .txt-box .sns-list > ul > li .btn-kakt:before {background-position:-385px 0;}
	#svisual-wrap .txt-box .sns-list > ul > li .btn-band:before {background-position:-425px 0;}

	#svisual-wrap .txt-box .sns-list > ul > li .btn-face:focus,
	#svisual-wrap .txt-box .sns-list > ul > li .btn-face:hover {background:#2e92f7;}
	#svisual-wrap .txt-box .sns-list > ul > li .btn-twit:focus,
	#svisual-wrap .txt-box .sns-list > ul > li .btn-twit:hover {background:#1D9BF0;}/* 접근성 #4cdbff */
	#svisual-wrap .txt-box .sns-list > ul > li .btn-blog:focus,
	#svisual-wrap .txt-box .sns-list > ul > li .btn-blog:hover {background:#28A93A;}/* 접근성 #58d000 */
	#svisual-wrap .txt-box .sns-list > ul > li .btn-kakt:focus,
	#svisual-wrap .txt-box .sns-list > ul > li .btn-kakt:hover {background:#ffdb31;}
	#svisual-wrap .txt-box .sns-list > ul > li .btn-band:focus,
	#svisual-wrap .txt-box .sns-list > ul > li .btn-band:hover {background:#55a61a;}
	#svisual-wrap .txt-box .sns-list > ul > li .btn-face:focus:before,
	#svisual-wrap .txt-box .sns-list > ul > li .btn-face:hover:before {background-position:-470px 0;}
	#svisual-wrap .txt-box .sns-list > ul > li .btn-twit:focus:before,
	#svisual-wrap .txt-box .sns-list > ul > li .btn-twit:hover:before {background-position:-510px 0;}
	#svisual-wrap .txt-box .sns-list > ul > li .btn-blog:focus:before,
	#svisual-wrap .txt-box .sns-list > ul > li .btn-blog:hover:before {background-position:-550px 0;}
	#svisual-wrap .txt-box .sns-list > ul > li .btn-kakt:focus:before,
	#svisual-wrap .txt-box .sns-list > ul > li .btn-kakt:hover:before {background-position:-590px 0;}
	#svisual-wrap .txt-box .sns-list > ul > li .btn-band:focus:before,
	#svisual-wrap .txt-box .sns-list > ul > li .btn-band:hover:before {background-position:-630px 0;}
}
@media all and (max-width:1199px) {
	#svisual-wrap .svis .img-box img {height:180px;}
}
@media all and (max-width:999px) {
	#svisual-wrap {display:none;}
}

/* cont-navi */
#cont-navi {position:relative;z-index:12;}
#cont-navi .contNavi {position:absolute;left:0;top:57px;font-size:0}
#cont-navi .contNavi > a,
#cont-navi dl {display:inline-block;position:relative;vertical-align:top;position:relative;z-index:5;width:auto}
#cont-navi .contNavi > a.home  {position:relative;width:31px;height:30px;transition:all .3s ease}
#cont-navi .contNavi > a.home:before {content:"";display:block;position:absolute;left:0;top:4px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -174px 0;width:20px;height:18px;}

#cont-navi dl {}
#cont-navi dl dt {display:block;height:100%}
#cont-navi dl dt a {display:block;position:relative;padding:0 47px 0 15px;font-size:0;text-align:left;box-sizing:border-box;transition:all .3s ease;}
#cont-navi dl dt a:before {content:"";display:block;position:absolute;left:0;top:13px;width:4px;height:4px;background:#fff;border-radius:50%;transition:all .3s ease;z-index:1}
#cont-navi dl dt a:after {content:"";display:block;position:absolute;right:16px;top:8px;width:8px;height:8px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);transition:all .3s ease;z-index:1}
#cont-navi dl dt a .txt {display:inline-block;max-width:100%;color:#fff;font-size:16px;line-height:1.2;letter-spacing:-.025em;vertical-align:middle;word-wrap:break-word;word-break:keep-all;white-space:normal;box-sizing:border-box;transition:all .3s ease}

/*
#cont-navi dl dt a:hover:after,
#cont-navi dl dt a:focus:after {background-color:#004198;height:3px}
#cont-navi dl dt a:hover .txt,
#cont-navi dl dt a:focus .txt {color:#004198}
#cont-navi dl dt a:hover .txt:before,
#cont-navi dl dt a:focus .txt:before {background-color:#004198}
#cont-navi dl dt a:hover .txt:after,
#cont-navi dl dt a:focus .txt:after {top:43px;transform:rotate(135deg);}
#cont-navi dl.over dt a {background:#fff}
#cont-navi dl.over dt a:after {border-color:#333}
#cont-navi dl.over dt a .txt {color:#333}*/

#cont-navi .sub-list {display:none;position:absolute;top:100%;left:50%;background:#2e2e75;margin-left:-85px;width:170px;margin-top:17px;padding:17px 0 23px 0;border-radius:0 0 20px 20px;letter-spacing:-.05em;box-shadow:0 15px 30px 0 rgba(0, 32, 75, .25);box-sizing:border-box}
#cont-navi .sub-list:before {display:block;content:'';position:absolute;top:-20px;left:50%;margin-left:-10px;width:0;height:0;border:8px solid transparent;border-bottom:12px solid #2e2e75;}
#cont-navi .sub-list ul {position:relative;display:block;}
#cont-navi .sub-list li .mn_a1 {position:relative;display:block;padding:5px 10px;color:#fff;font-weight:500;font-size:15px;text-align:center;transition:all .3s ease}
#cont-navi .sub-list li .mn_a1 span {display:inline-block;line-height:1.4}
#cont-navi .sub-list li .mn_a1[target='_blank']:after {display:inline-block;content:"";width:13px;height:13px;vertical-align:middle;margin:0 0 1px 10px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -60px -58px}
#cont-navi .sub-list li.isOver a {color:#fcc000 !important}
#cont-navi .sub-list li.isOver a:after {opacity:0 !important}
#cont-navi .sub-list li .mn_a1:hover,
#cont-navi .sub-list li .mn_a1:focus {color:#fcc000}
#cont-navi .sub-list li .mn_a1:hover:after,
#cont-navi .sub-list li .mn_a1:focus:after {opacity:1}

#cont-navi .sub-list .cNaviCloser {display:block;position:absolute;width:30px;height:30px;border:0;background:transparent;right:0;bottom:0;}
#cont-navi .sub-list .cNaviCloser:before,
#cont-navi .sub-list .cNaviCloser:after {content:"";display:block;position:absolute;width:14px;height:2px;background:#fff;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);}
#cont-navi .sub-list .cNaviCloser:focus:after,
#cont-navi .sub-list .cNaviCloser:hover:after {transform:rotate(225deg);}

@media all and (max-width:999px) {
	#cont-navi {display:none}
}

/* contents */
#container-wrap {position:relative;z-index:1;}
#container {position:relative;max-width:1400px;margin:0 auto 0;padding-top:110px;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;height:240px;text-align:left;}
#contents .cont-top .cont-util {position:absolute;top:120px;left:0;padding-right:42px;}
#contents .cont-top .cont-tit {display:inline-block;color:#fff;font-size:2.333em;font-weight:700;font-family:"yg-jalnan",sans-serif;line-height:1em;letter-spacing:-.025em;}

#contents #cont {min-height:400px;padding:0 0 80px 0;/*color:#555;font-size:18px;font-weight:400;line-height:1.389;*/word-break:keep-all;word-wrap:break-word}
#contents #cont:after {clear:both;content:"";display:block}
#contents #cont .contInBox {padding-top:80px;}

@media all and (min-width:1000px) {
	#contents .cont-top .cont-util .unit-sns {position:absolute;bottom:6px;right:0;}
	#contents .cont-top .cont-util .unit-sns .btn-share {position:relative;width:21px;height:24px;background:none;border:0;}
	#contents .cont-top .cont-util .unit-sns .btn-share:before {display:block;content:'';position:absolute;top:0;left:0;width:21px;height:24px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -214px 0;}
	#contents .cont-top .cont-util .sns-list {display:none;position:absolute;top:-4px;left:50px;padding-left:18px;}
	#contents .cont-top .cont-util .sns-list > ul {background:#fff;border-radius:30px;box-shadow:0 10px 15px rgba(0,0,0,0.2);padding:8px 44px 8px 9px;font-size:0;overflow:hidden;display:flex;}
	#contents .cont-top .cont-util .sns-list > ul:before {display:block;content:'';position:absolute;top:28px;left:0;margin-top:-8px;width:0;height:0;border:7px solid transparent;border-right:14px solid #fff;}
	#contents .cont-top .cont-util .sns-list > ul > li {display:inline-block;margin-left:5px;vertical-align:middle}
	#contents .cont-top .cont-util .sns-list > ul > li:first-child {margin-left:0;}
	#contents .cont-top .cont-util .sns-list > ul > li button {display:block;position:relative;background:#fff;border:0;border-radius:50%;width:35px;height:35px;font-size:0;transition:all .3s ease}
	#contents .cont-top .cont-util .sns-list > ul > li button:before {display:block;content:'';position:absolute;top:50%;left:50%;margin:-18px 0 0 -18px;border-radius:50%;width:35px;height:35px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -265px 0;}
	#contents .cont-top .cont-util .sns-list > ul > li .btn-face:before {background-position:-265px 0;}
	#contents .cont-top .cont-util .sns-list > ul > li .btn-twit:before {background-position:-305px 0;}
	#contents .cont-top .cont-util .sns-list > ul > li .btn-blog:before {background-position:-345px 0;}
	#contents .cont-top .cont-util .sns-list > ul > li .btn-kakt:before {background-position:-385px 0;}
	#contents .cont-top .cont-util .sns-list > ul > li .btn-band:before {background-position:-425px 0;}

	#contents .cont-top .cont-util .sns-list > ul > li .btn-face:focus,
	#contents .cont-top .cont-util .sns-list > ul > li .btn-face:hover {background:#2e92f7;}
	#contents .cont-top .cont-util .sns-list > ul > li .btn-twit:focus,
	#contents .cont-top .cont-util .sns-list > ul > li .btn-twit:hover {background:#1D9BF0;}/* 접근성 #4cdbff */
	#contents .cont-top .cont-util .sns-list > ul > li .btn-blog:focus,
	#contents .cont-top .cont-util .sns-list > ul > li .btn-blog:hover {background:#28A93A;}/* 접근성 #58d000 */
	#contents .cont-top .cont-util .sns-list > ul > li .btn-kakt:focus,
	#contents .cont-top .cont-util .sns-list > ul > li .btn-kakt:hover {background:#ffdb31;}
	#contents .cont-top .cont-util .sns-list > ul > li .btn-band:focus,
	#contents .cont-top .cont-util .sns-list > ul > li .btn-band:hover {background:#55a61a;}
	#contents .cont-top .cont-util .sns-list > ul > li .btn-face:focus:before,
	#contents .cont-top .cont-util .sns-list > ul > li .btn-face:hover:before {background-position:-470px 0;}
	#contents .cont-top .cont-util .sns-list > ul > li .btn-twit:focus:before,
	#contents .cont-top .cont-util .sns-list > ul > li .btn-twit:hover:before {background-position:-510px 0;}
	#contents .cont-top .cont-util .sns-list > ul > li .btn-blog:focus:before,
	#contents .cont-top .cont-util .sns-list > ul > li .btn-blog:hover:before {background-position:-550px 0;}
	#contents .cont-top .cont-util .sns-list > ul > li .btn-kakt:focus:before,
	#contents .cont-top .cont-util .sns-list > ul > li .btn-kakt:hover:before {background-position:-590px 0;}
	#contents .cont-top .cont-util .sns-list > ul > li .btn-band:focus:before,
	#contents .cont-top .cont-util .sns-list > ul > li .btn-band:hover:before {background-position:-630px 0;}
	#contents .cont-top .cont-util .unit-sns .sns-closer {position:absolute;top:7px;right:9px;width:35px;height:35px;border:0;background:none;}
	#contents .cont-top .cont-util .unit-sns .sns-closer:before {display:block;content:'';position:absolute;top:50%;left:50%;margin:-8px 0 0 -1px;width:2px;height:16px;transform:rotate(-45deg);background:#777;}
	#contents .cont-top .cont-util .unit-sns .sns-closer:after {display:block;content:'';position:absolute;top:50%;left:50%;margin:-8px 0 0 -1px;width:2px;height:16px;transform:rotate(45deg);background:#777;}
}

@media all and (max-width:1440px) {
	#container {margin:0 20px;}
}
@media all and (max-width:999px){
	#container {margin:0 auto;padding-top:0;}
	#contents {width:auto;max-width:100%;float:none}
	#contents #cont {padding-bottom:40px;margin:0 20px;width: calc(100% - 40px);}
	#contents #cont .contInBox {padding-top:30px;}	

	#contents .cont-top {height:130px;background:#e4e5f5;}
	#contents .cont-top .cont-util {position:relative;top:auto;left:auto;padding-right:0;display:block;padding-top:24px;text-align:center;}
	#contents .cont-top .cont-tit {color:#222222;font-size:2em;line-height:1.2em}

	#contents .cont-top .unit-sns {padding-top:13px;}
	#contents .cont-top .unit-sns .btn-share {display:none;}
	#contents .cont-top .sns-list {position:relative;display:inline-block;margin:0 auto;background:#fff;border-radius:30px;padding:10px 12px 10px 51px;}
	#contents .cont-top .sns-list:before {display:block;content:'';position:absolute;top:50%;left:14px;margin-top:-10px;width:17px;height:20px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat 0 -58px;}
	#contents .cont-top .sns-list:after {display:block;content:'';position:absolute;top:50%;left:43px;margin-top:-10px;width:1px;height:19px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -49px -58px;}
	#contents .cont-top .sns-list > ul {font-size:0;overflow:hidden;display:flex;}
	#contents .cont-top .sns-list > ul > li {display:inline-block;margin-left:11px;vertical-align:middle}
	#contents .cont-top .sns-list > ul > li:first-child {margin-left:0;}
	#contents .cont-top .sns-list > ul > li button {display:block;position:relative;background:none;border:0;height:20px;font-size:0;transition:all .3s ease}
	#contents .cont-top .sns-list > ul > li button:before {display:block;content:'';position:absolute;top:0;left:0;right:0;margin:auto;height:20px;background:url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -208px -57px;}
	#contents .cont-top .sns-list > ul > li .btn-face {width:19px;}
	#contents .cont-top .sns-list > ul > li .btn-twit {width:21px;}
	#contents .cont-top .sns-list > ul > li .btn-blog {width:22px;}
	#contents .cont-top .sns-list > ul > li .btn-kakt {width:32px;}
	#contents .cont-top .sns-list > ul > li .btn-band {width:26px;}
	#contents .cont-top .sns-list > ul > li .btn-face:before {width:09px;background-position:-208px -57px;}
	#contents .cont-top .sns-list > ul > li .btn-twit:before {width:11px;background-position:-227px -57px;}
	#contents .cont-top .sns-list > ul > li .btn-blog:before {width:12px;background-position:-248px -57px;}
	#contents .cont-top .sns-list > ul > li .btn-kakt:before {width:22px;background-position:-270px -57px;}
	#contents .cont-top .sns-list > ul > li .btn-band:before {width:16px;background-position:-302px -57px;}
	#contents .cont-top .unit-sns .sns-closer {display:none;}
}
@media all and (max-width:768px){
	#container {z-index:1}
}
@media all and (max-width:599px) {
	#contents #cont {padding-bottom:30px}
	#contents .cont-top .cont-tit {font-size:1.8em;}
}