@charset "utf-8";
#mcontainer {word-break:keep-all;font-size:17px}
.isMain.loaded #mvisual .item .vis-img img {transform:scale(1)}

@-webkit-keyframes hover_push {
  50% {-ms-transform:scale(0.8);transform:scale(0.8)}
}
@keyframes hover_push {
  50% {-ms-transform:scale(0.8);transform:scale(0.8)}
}
@-webkit-keyframes hover_pop {
  50% {-ms-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes hover_pop {
  50% {-ms-transform:scale(1.1);transform:scale(1.1)}
}
@-webkit-keyframes hover_up {
  0%, 50%, 100% {-ms-transform:translateY(0);transform:translateY(0)}
  25%, 75% {-ms-transform:translateY(-6px);transform:translateY(-6px)}
}
@keyframes hover_up {
  0%, 50%, 100% {-ms-transform:translateY(0);transform:translateY(0)}
  25%, 75% {-ms-transform:translateY(-6px);transform:translateY(-6px)}
}
@-webkit-keyframes ripple_out {
	0% {opacity:1}
	100% {top:-12px;bottom:-12px;right:-12px;left:-12px;opacity:0}
}
@keyframes ripple_out {
	0% {opacity:1}
	100% {top:-12px;bottom:-12px;right:-12px;left:-12px;opacity:0}
}

/* ---------------------------------------------------------------- */
/* -- 00. 바로가기 레이어팝업 -- */
/* ---------------------------------------------------------------- */
#userBtn {position:fixed;left:0;top:0;width:100%;height:0;overflow:hidden;background:rgba(0,0,0,.6);z-index:9999;/*opacity:0;*/display:none;transition:display .3s ease}
#userBtn.show {height:100%;/*opacity:1*/display:block}
#userBtn.hide {/*opacity:0*/display:block}
#userBtn .userBtn-wr {position:relative;width:1200px;margin:135px auto 0 auto;opacity:0;transform:translateY(50px);transition:all .3s ease}
#userBtn .userBtn-wr.show {opacity:1;transform:translateY(0)}
#userBtn .topbtn-sec {background:#10386e;padding:15px 0;overflow:hidden}
#userBtn .topbtn-sec a {float:left;width:20%;margin:0 2.5%;text-align:center;border-radius:100px;background:rgba(0,0,0,.2);transition:all .3s ease;box-sizing:border-box}
#userBtn .topbtn-sec a span {position:relative;display:inline-block;font-size:19px;color:#fff;padding:20px 0 20px 45px}
#userBtn .topbtn-sec a:hover,
#userBtn .topbtn-sec a:focus,
#userBtn .topbtn-sec a.over {border:1px solid #fff}
#userBtn .topbtn-sec a:hover span,
#userBtn .topbtn-sec a:focus span,
#userBtn .topbtn-sec a.over span {text-decoration:underline}
#userBtn .topbtn-sec a.btn01.over, #userBtn .topbtn-sec a.btn01:hover, #userBtn .topbtn-sec a.btn01:focus {background:#1568bc}
#userBtn .topbtn-sec a.btn02.over, #userBtn .topbtn-sec a.btn02:hover, #userBtn .topbtn-sec a.btn02:focus {background:#fd7d0c}
#userBtn .topbtn-sec a.btn03.over, #userBtn .topbtn-sec a.btn03:hover, #userBtn .topbtn-sec a.btn03:focus {background:#b3005b}
#userBtn .topbtn-sec a.btn04.over, #userBtn .topbtn-sec a.btn04:hover, #userBtn .topbtn-sec a.btn04:focus {background:#0092cf}
#userBtn .topbtn-sec a.btn01 span {background:url(/resources/_Templet/Main/main_kor2/_Img/user_btn1.png) no-repeat 0 50%}
#userBtn .topbtn-sec a.btn02 span {background:url(/resources/_Templet/Main/main_kor2/_Img/user_btn2.png) no-repeat 0 50%}
#userBtn .topbtn-sec a.btn03 span {background:url(/resources/_Templet/Main/main_kor2/_Img/user_btn3.png) no-repeat 0 50%}
#userBtn .topbtn-sec a.btn04 span {background:url(/resources/_Templet/Main/main_kor2/_Img/user_btn4.png) no-repeat 0 50%}
#userBtn .lnkList-box {display:none;padding:30px 40px;background:#fff}
#userBtn .lnkList-box.over {display:block}
#userBtn .lnkList-box ul {overflow:hidden;font-size:0}
#userBtn .lnkList-box ul li {display:inline-block;width:14.666%;margin:20px 1%;vertical-align:top}
#userBtn .lnkList-box ul li a {display:block;text-align:center}
#userBtn .lnkList-box ul li a span {display:block;font-size:17px;color:#333;font-weight:500}
#userBtn .lnkList-box ul li a span:before {content:'';display:block;width:80px;height:80px;margin:0 auto 15px auto;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto}
#userBtn .user-close {position:absolute;right:0;top:-70px;width:55px;height:55px;border-radius:50%;border:0;background:#fff}
#userBtn .user-close:before, #userBtn .user-close:after {content:'';position:absolute;left:50%;top:14px;margin-left:-1px;width:2px;height:24px;background:#000}
#userBtn .user-close:before {transform:rotate(45deg)}
#userBtn .user-close:after {transform:rotate(-45deg)}
#user-type2,
#user-type3,
#user-type4 {display:none}
#user-type1 ul li a .ico01:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico1.png)}
#user-type1 ul li a .ico02:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico2.png)}
#user-type1 ul li a .ico03:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico3.png)}
#user-type1 ul li a .ico04:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico4.png)}
#user-type1 ul li a .ico05:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico5.png)}
#user-type1 ul li a .ico06:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico6.png)}
#user-type1 ul li a .ico07:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico7.png)}
#user-type1 ul li a .ico08:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico8.png)}
#user-type1 ul li a .ico09:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico9.png)}
#user-type1 ul li a .ico10:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico10.png)}
#user-type1 ul li a .ico11:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico11.png)}
#user-type1 ul li a .ico12:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico12.png)}
#user-type2 ul li a .ico01:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user2_ico1.png)}
#user-type2 ul li a .ico02:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user2_ico2.png)}
#user-type2 ul li a .ico03:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user2_ico3.png)}
#user-type2 ul li a .ico04:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user2_ico4.png)}
#user-type2 ul li a .ico05:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user2_ico5.png)}
#user-type2 ul li a .ico06:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user2_ico6.png)}
#user-type2 ul li a .ico07:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user2_ico7.png)}
#user-type2 ul li a .ico08:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user2_ico8.png)}
#user-type2 ul li a .ico09:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user2_ico9.png)}
#user-type2 ul li a .ico10:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user2_ico10.png)}
#user-type2 ul li a .ico11:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user2_ico11.png)}
#user-type2 ul li a .ico12:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user2_ico12.png)}
#user-type3 ul li a .ico01:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user3_ico1.png)}
#user-type3 ul li a .ico02:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user3_ico2.png)}
#user-type3 ul li a .ico03:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user3_ico3.png)}
#user-type3 ul li a .ico04:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user3_ico4.png)}
#user-type3 ul li a .ico05:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user3_ico5.png)}
#user-type3 ul li a .ico06:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user3_ico6.png)}
#user-type3 ul li a .ico07:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user3_ico7.png)}
#user-type3 ul li a .ico08:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user3_ico8.png)}
#user-type3 ul li a .ico09:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user3_ico9.png)}
#user-type3 ul li a .ico10:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user3_ico10.png)}
#user-type4 ul li a .ico01:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico1.png)}
#user-type4 ul li a .ico02:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico2.png)}
#user-type4 ul li a .ico03:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico3.png)}
#user-type4 ul li a .ico04:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico4.png)}
#user-type4 ul li a .ico05:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico5.png)}
#user-type4 ul li a .ico06:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico6.png)}
#user-type4 ul li a .ico07:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico7.png)}
#user-type4 ul li a .ico08:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico8.png)}
#user-type4 ul li a .ico09:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico9.png)}
#user-type4 ul li a .ico10:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico10.png)}
#user-type4 ul li a .ico11:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico11.png)}
#user-type4 ul li a .ico12:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico12.png)}
#user-type4 ul li a .ico13:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico11.png)}
#user-type4 ul li a .ico14:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user1_ico3.png)}
#user-type4 ul li a .ico15:before {background-image:url(/resources/_Templet/Main/main_kor2/_Img/user4_ico15.png)}
@media all and (max-width:1200px) {
	#userBtn .userBtn-wr {width:95%}
}
@media all and (max-width:999px) {
	#userBtn .userBtn-wr {margin-top:110px}
	#userBtn .topbtn-sec a span {font-size:16px;padding:15px 0 15px 35px}
	#userBtn .lnkList-box {padding:20px}
	#userBtn .lnkList-box ul li {margin:10px 1%}
	#userBtn .lnkList-box ul li a span {font-size:15px}
	#userBtn .user-close {top:-56px;width:46px;height:46px}
	#userBtn .user-close:before, #userBtn .user-close:after {top:11px}
}
@media all and (max-width:800px) {
	#userBtn .topbtn-sec {padding:10px 0}
	#userBtn .topbtn-sec a {width:22%;margin:0 1.5%}
	#userBtn .topbtn-sec a span {font-size:14px;padding:10px 0 10px 25px}
	#userBtn .topbtn-sec a.btn01 span {background-size:auto 45%}
	#userBtn .topbtn-sec a.btn02 span {background-size:auto 45%}
	#userBtn .topbtn-sec a.btn03 span {background-size:auto 45%}
	#userBtn .topbtn-sec a.btn04 span {background-size:auto 45%}
	#userBtn .lnkList-box {padding:10px 5px 20px 5px}
	#userBtn .lnkList-box ul li {width:23%}
	#userBtn .lnkList-box ul li a span:before {width:60px;height:60px;margin:0 auto 10px auto}
}
@media all and (max-width:640px) {
	#userBtn .userBtn-wr {margin-top:105px}
}
@media all and (max-width:460px) {
	#userBtn .topbtn-sec a span {font-size:13px;padding-left:0}
	#userBtn .topbtn-sec a.btn01 span, #userBtn .topbtn-sec a.btn02 span, #userBtn .topbtn-sec a.btn03 span, #userBtn .topbtn-sec a.btn04 span {background:none}
	#userBtn .lnkList-box {padding:5px 0 10px 0}
	#userBtn .lnkList-box ul li a span {font-size:13px}
	#userBtn .user-close {top:-50px;width:36px;height:36px}
	#userBtn .user-close:before, #userBtn .user-close:after {top:9px;height:18px}
}
@media all and (max-width:460px) {
	#userBtn .lnkList-box ul li {width:25%;margin:5px 0}
	#userBtn .lnkList-box ul li a span {font-size:12px}
	#userBtn .lnkList-box ul li a span:before {margin-bottom:5px}
}
@media all and (max-width:399px) {
	#userBtn .lnkList-box ul li {width:33.3333%}
}
/* ---------------------------------------------------------------- */
/* -- 00. 공통 -- */
/* ---------------------------------------------------------------- */
#mcontainer .role-head {font-family:'Titillium Web', sans-serif;font-weight:700;color:#000;display:block;width:100%;line-height:1;font-size:55px;text-align:left;padding:11px 0 31px;z-index:0}
#mcontainer .role-head span {font-weight:400;padding-right:15px}
@media all and (max-width:999px) {
	#mcontainer .role-head {font-size:48px}
}
@media all and (max-width:768px) {
	#mcontainer .role-head {font-size:40px}
	#mcontainer .role-head span {padding-right:10px}
}
@media all and (max-width:599px) {
	#mcontainer .role-head {font-size:35px}
}
/* ---------------------------------------------------------------- */
/* -- 01. 퀵메뉴 -- */
/* ---------------------------------------------------------------- */
#mcontainer-wrap {position:relative}
.user-toggleBox {display:block;position:fixed;width:80px;height:auto;right:40px;top:197px;box-sizing:border-box;z-index:100}
.user-toggleBox .btn-search {display:block;width:80px;height:120px;border-radius:40px;background-color:#cc0066;border:transparent}
.user-toggleBox .btn-search span {color:#fff;font-size:16px;font-weight:500}
.user-toggleBox .btn-search span:before {content:'';display:block;width:30px;height:30px;background-image:url(/resources/homepage/kor3/_Img/main_icospr03.png);margin:0 auto}
.user-toggleBox .utHead {display:none}
.user-toggleBox .utBody {display:block;width:100%;height:auto;border-radius:40px;margin-top:14px}
.user-toggleBox .utBody li {display:block;width:100%;height:auto;position:relative}
.user-toggleBox .utBody li:first-child button {border-radius:40px 40px 0 0}
.user-toggleBox .utBody li:last-child button {border-radius:0 0 40px 40px}
.user-toggleBox .utBody li button {display:block;width:100%;height:95px;border:0;border-radius:0;background:transparent;box-sizing:border-box;position:relative;background-color:#ff8900;transition:all .3s ease}
.user-toggleBox .utBody li button:hover,
.user-toggleBox .utBody li button:focus {background-color:#f75d00;box-shadow:0px 18px 40px 0px rgba(0,0,0,.2);}
.user-toggleBox .utBody li button:before {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease}
.user-toggleBox .utBody li button:before {width:50px;height:1px;margin:auto auto 0 auto;background:rgba(255, 255, 255, .6);z-index:0}
.user-toggleBox .utBody li:last-child button:before {display:none}
.user-toggleBox .utBody li button span {display:block;font-size:15px;color:#fff;line-height:1;position:relative;z-index:1;margin:-2px 0 0;transition:all .3s ease}
.user-toggleBox .utBody li button span:before {content:"";display:block;width:30px;height:30px;margin:0 auto 7px;background:url(/resources/_Templet/Main/main_kor2/_Img/main_spr.png) no-repeat}
.user-toggleBox .utBody li.n01 button span:before {background-position:-42px 0}
.user-toggleBox .utBody li.n02 button span:before {background-position:-82px 0}
.user-toggleBox .utBody li.n03 button span:before {background-position:-122px 0}
.user-toggleBox .utBody li.n04 button span:before {background-position:-162px 0}
@media all and (max-width:1599px) {
	.user-toggleBox {position:absolute;top:90px}
}
@media all and (max-width:1200px) {
	.user-toggleBox {right:30px;top:20px;width:60px}
	.user-toggleBox .utBody {width:60px}
	.user-toggleBox .utBody li button span {font-size:13px;letter-spacing:-.05em}
	.user-toggleBox .btn-search {width:60px;height:80px}
	.user-toggleBox .btn-search span {font-size:14px}
}
@media all and (max-width:999px) {
	.user-toggleBox {right:20px}
}
@media all and (max-width:899px) {
	.user-toggleBox .btn-search {height:70px}
	.user-toggleBox .btn-search span {font-size:13px}
	.user-toggleBox .btn-search span:before {width:24px;height:24px;background-size:auto 84px}
	.user-toggleBox .utBody li button span:before {margin:0 auto 3px}
	.user-toggleBox .utBody li button {height:70px}
	.user-toggleBox .utBody li button span {font-size:12px}
	.user-toggleBox .utBody li button span:before {width:24px;height:24px;background-size:432px auto;}
	.user-toggleBox .utBody li.n01 button span:before {background-position:-34px 0}
	.user-toggleBox .utBody li.n02 button span:before {background-position:-66px 0}
	.user-toggleBox .utBody li.n03 button span:before {background-position:-98px 0}
	.user-toggleBox .utBody li.n04 button span:before {background-position:-130px 0}
}
@media all and (max-width:799px) {
	.user-toggleBox .utBody li button span:before {width:21px;height:21px;background-size:378px auto}
	.user-toggleBox .utBody li.n01 button span:before {background-position:-29px 0}
	.user-toggleBox .utBody li.n02 button span:before {background-position:-57px 0}
	.user-toggleBox .utBody li.n03 button span:before {background-position:-85px 0}
	.user-toggleBox .utBody li.n04 button span:before {background-position:-113px 0}
}
@media all and (max-width:599px) {
	.user-toggleBox {position:absolute;width:100%;height:auto;right:auto;top:334px}
	.user-toggleBox .utBody {height:auto;font-size:0;border-bottom:1px solid #ddd;margin-top:0;width:100%;border-radius:0}
	.user-toggleBox .utBody li {display:inline-block;width:25%;height:auto;vertical-align:top}
	.user-toggleBox .utBody li button {height:auto;padding:10px 0 12px}
	.user-toggleBox .utBody li button:before {width:1px;height:50%;margin:auto 0 auto auto}
	.user-toggleBox .utBody li button:after {display:none}
	.user-toggleBox .utBody li button:focus:before,
	.user-toggleBox .utBody li button:hover:before {opacity:1}
	.user-toggleBox .btn-search {display:none}
	.user-toggleBox .utBody li:first-child button {border-radius:0}
	.user-toggleBox .utBody li:last-child button {border-radius:0}
}
@media all and (max-width:499px) {
	.user-toggleBox {top:234px}
}
@media all and (max-width:399px) {
	.user-toggleBox .utBody {border-bottom:0}
	.user-toggleBox .utBody li {width:50%;border-bottom:1px solid rgba(255, 255, 255, .3)}
	.user-toggleBox .utBody li button {padding:16px 0 12px}
	.user-toggleBox .utBody li button span:before {display:inline-block;margin:-4px 3px 0 0;vertical-align:middle}
	.user-toggleBox .utBody li:nth-child(2n) button:before {display:none}
}

/* 01-1. 메인비쥬얼 텍스트
------------------------------------------------------ */
#mvisual-wr {position:relative;overflow:hidden}
#mvisual-wr .item .txtBox {display:inline-block;width:100%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;padding:0 30px;box-sizing:border-box;transition:all .6s ease}
#mvisual-wr .item .txtBox span {display:block}
#mvisual-wr .item .txtBox .pTxt0 {display:inline-block;width:auto;position:relative;font-family:'Titillium Web',sans-serif;font-size:30px;color:#cc0066;letter-spacing:0;line-height:1.333;margin-bottom:13px;font-weight:600}
#mvisual-wr .item .txtBox .pTxt0:before {content:'';display:block;width:100px;height:100px;background-image:url(/resources/_Templet/Main/main_kor3/_Img/mVis_deco.png);position:absolute;top:-100px;left:-100px;animation: rotate_image 10s linear infinite}
#mvisual-wr .item .txtBox .pTxt0 .wh {color:#fff;text-shadow:0px 0px 20px rgba(0, 0, 0,.7)}
#mvisual-wr .item .txtBox .pTxt0 .or {color:#ffa800;letter-spacing:0;text-shadow:0px 0px 20px rgba(0, 0, 0,.7)}
#mvisual-wr .item .txtBox .pTxt1 {font-family:'Gmarket Sans',sans-serif;font-weight:700;font-size:55px;letter-spacing:-.05em;color:#fff;line-height:1.2}
#mvisual-wr .item .txtBox .pTxt1 .sh {text-shadow:0px 0px 20px rgba(0,0,0,.4)}
#mvisual-wr .item .txtBox .pTxt1 .wh {color:#fff;text-shadow:0px 0px 20px rgba(0,0,0,.7)}
#mvisual-wr .item .txtBox .pTxt1 .or {color:#ffa800;text-shadow:0px 0px 20px rgba(0,0,0,.7)}
#mvisual-wr .item .txtBox .pTxt2 {font-size:22px;letter-spacing:-.05em;color:#fff;line-height:1.333;text-shadow:0px 0px 10px rgba(0,0,0,.8)}
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}
@media all and (max-width:1200px) {
	#mvisual-wr .item .txtBox .pTxt0 {font-size:25px;line-height:1.1}
	#mvisual-wr .item .txtBox .pTxt1 {font-size:45px}
	#mvisual-wr .item .txtBox .pTxt2 {font-size:18px}
}
@media all and (max-width:999px) {
	#mvisual-wr .item .txtBox {top:175px;transform:translate(-50%,0)}
	#mvisual-wr .item .txtBox .pTxt0 {font-size:22px;line-height:1.1}
	#mvisual-wr .item .txtBox .pTxt1 {font-size:40px}
	#mvisual-wr .item .txtBox .pTxt2 {font-size:16px}
	#mvisual-wr .item .txtBox .pTxt0:before {width:60px;height:60px;background-size:60px auto;top:-60px;left:-30px}
}
@media all and (max-width:699px) {
	#mvisual-wr .item .txtBox {top:160px;width:100%}
	#mvisual-wr .item .txtBox .pTxt0 {font-size:20px}
	#mvisual-wr .item .txtBox .pTxt1 {font-size:30px}
	#mvisual-wr .item .txtBox .pTxt2 {font-size:16px}
}
@media all and (max-width:599px) {
	#mvisual-wr .item .txtBox {top:120px}
}
@media all and (max-width:499px) {
	#mvisual-wr .item .txtBox {top:60px}
	#mvisual-wr .item .txtBox .pTxt0 {font-size:17px;margin-bottom:10px}
	#mvisual-wr .item .txtBox .pTxt1 {font-size:22px}
	#mvisual-wr .item .txtBox .pTxt2 {font-size:15px}
	#mvisual-wr .item .txtBox .pTxt0:before {display:none}
}
/* 01-2. 메인비쥬얼 이미지
------------------------------------------------------ */
#mvisual {position:relative;height:700px}
#mvisual .owl-stage-outer,
#mvisual .owl-stage-outer .owl-stage,
#mvisual .owl-stage-outer .owl-stage .owl-item {height:100%;overflow:hidden}
#mvisual .item {position:relative;height:100%}
#mvisual .item .vis-img {position:relative;max-width:1200px;height:100%;margin:0 auto}
#mvisual .item .vis-img .pimg {position:absolute;top:0;left:50%;width:1920px;margin-left:-960px;height:100%;transform:scale(1.2);transition:transform 3s ease;}
#mvisual .item .vis-img .pimg-video {position:absolute;top:35px;left:50%;width:1600px;margin-left:-800px;height:100%;transform:scale(1.2);transition:transform 3s ease;object-fit: fill;}
#mvisual-wr .ctrlnums-wrap {position:absolute;bottom:55px;left:0;width:100%;z-index:100;height:0}
#mvisual-wr .ctrlnums-wrap .ctrl-nums {position:relative;display:block;width:100%;margin:0 auto;text-align:center;font-size:0;line-height:1}
#mvisual-wr .ctrlnums-wrap .ctrl-nums > span {display:inline-block;vertical-align:top}
#mvisual-wr .ctrlnums-wrap .ctrl-nums > span button {display:inline-block;width:15px;height:15px;box-sizing:border-box;position:relative;background:transparent;border:0;transition:all .3s ease}
#mvisual-wr .ctrlnums-wrap .ctrl-nums > span button:after {content:"";display:block;position:absolute;box-sizing:border-box;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
#mvisual-wr .ctrlnums-wrap .ctrl-nums > span button span {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0}
#mvisual-wr .ctrlnums-wrap .ctrl-btns {}
#mvisual-wr .ctrlnums-wrap .ctrl-btns button {}
#mvisual-wr .ctrlnums-wrap .ctrl-btns .btn-play {display:none}
#mvisual-wr .ctrlnums-wrap .ctrl-btns .btn-play:after {width:0;height:0;border:solid;border-width:6px 0 6px 7px;border-color:transparent transparent transparent #fff}
#mvisual-wr .ctrlnums-wrap .ctrl-btns .btn-stop:after {width:7px;height:12px;border:solid;border-width:0 2px;border-color:transparent #fff}
#mvisual-wr .ctrlnums-wrap .nums {margin-left:5px}
#mvisual-wr .ctrlnums-wrap .nums button {margin:0 5px;border-radius:50%}
#mvisual-wr .ctrlnums-wrap .nums button:after {width:13px;height:13px;border:solid;border-width:2px;border-color:#fff;background:transparent;border-radius:999px}
#mvisual-wr .ctrlnums-wrap .nums button.active {width:35px}
#mvisual-wr .ctrlnums-wrap .nums button.active:after {background:#fff;width:35px}














@media all and (max-width:1400px) {
	#mvisual-wr .ctrlnums-wrap {bottom:44px}
}
@media all and (max-width:1200px) {
	#mvisual {height:522px}
	#mvisual .item .vis-img .pimg {width:1760px;margin-left:-880px}
}
@media all and (max-width:999px) {
	#mvisual {height:522px}

}
@media all and (max-width:899px) {
	#mvisual {height:418px}
	#mvisual .item .vis-img .pimg {width:1408px;margin-left:-704px}
	#mvisual-wr .ctrlnums-wrap .ctrl-nums {text-align:center;padding:0}
}
@media all and (max-width:799px) {

	#mvisual .item .vis-img .pimg {width:1126px;margin-left:-563px}
}
@media all and (max-width:768px) {
	#mvisual .item .vis-img .pimg-video {
		left: unset !important;
		width: unset !important;
		margin-left: unset !important;
	}
}
@media all and (max-width:599px) {
	#mvisual {height:334px}

}
@media all and (max-width:499px) {
	#mvisual {height:234px}
	#mvisual .item .vis-img .pimg {width:788px;margin-left:-394px}
	#mvisual-wr .ctrlnums-wrap {bottom:30px}
}


/* ---------------------------------------------------------------- */
/* -- 02. NOTICE -- */
/* ---------------------------------------------------------------- */
#mSec01 {box-sizing:border-box;position:relative}
#mSec01 .decoImg {position:absolute;top:0;left:0;width:358px;}
#mSec01 .decoImg .container {display:block;box-sizing:border-box;position:relative;perspective:1500px}
#mSec01 .decoImg .container img {display:block;width:100%;transform:translateY(30%) rotateX(80deg) scale(.7);opacity:0;transition:all .5s ease}
#mSec01 .decoImg.onEnter .container img {transform:none;opacity:1}


#mSec01 .mmInwr {max-width:1400px;margin:0 auto;padding:60px 0 10px 0;box-sizing:border-box;position:relative;z-index:1;transition:all .8s ease}
#mSec01 .mmInwr.onEnter {right:0;opacity:1;}
#mSec01 .mmInwr .role-head {position:absolute}
#mSec01 .role-body {display:block;text-align:right;position:relative;z-index:1}
#mboardTab {height:555px;font-size:0;box-sizing:border-box;padding-right:40px}
#mboardTab dl {display:inline-block}
#mboardTab dl dt {display:inline-block;position:relative;z-index:1}
#mboardTab dl dt a {display:block;line-height:1;font-size:0;text-align:center;padding:0 25px;box-sizing:border-box;position:relative;margin-left:20px}
#mboardTab dl dt a .base {display:block;position:absolute;width:100%;height:0;background:#b3005b;left:0;bottom:0;z-index:-1;transition:all .3s ease}
#mboardTab dl dt a:before {content:"";display:inline-block;width:0;height:80px;vertical-align:middle}
#mboardTab dl dt a:after {content:"";display:block;position:absolute;width:100%;height:0;top:100%;left:0;z-index:-1;background:url(/resources/_Templet/Main/main_kor2/_Img/mBbs_ptn1.png) no-repeat;background-size:100% 100%;transition:all .3s ease}
#mboardTab dl dt a span {display:inline-block;font-size:25px;line-height:1;color:#333;vertical-align:middle;letter-spacing:-.05em;font-weight:500;margin:-4px 0 0;transition:all .3s ease}
#mboardTab dl.isOn dt a span:before {content:"";display:block;position:absolute;width:18px;height:18px;left:50%;bottom:-4px;margin:0 0 0 -9px;background:url(/resources/_Templet/Main/main_kor2/_Img/main_spr.png) no-repeat -362px 0;transition:all .3s ease}
#mboardTab dl dt a:focus span,
#mboardTab dl dt a:hover span {color:#b3005b}
#mboardTab dl dt a:focus span:after,
#mboardTab dl dt a:hover span:after,
#mboardTab dl.isOn dt a span:after {width:100%}
#mboardTab dl dd {display:none;position:absolute;width:100%;left:0;top:90px}

#mboardTab dl.isOn dd {display:block}
#mboardTab dl.isOn dt a .base {height:100%}
#mboardTab dl.isOn dt a span {color:#fff}
#mboardTab dl.isOn dt a:after {height:21px}
#mboardTab .mboard-list {}
#mboardTab .mboard-list ul {display:flex;flex-flow:row;flex-wrap:wrap}
#mboardTab .mboard-list ul li {display:inline-block;vertical-align:top;width:50%;text-align:left;box-sizing:border-box;position:relative}
#mboardTab .mboard-list ul li:nth-child(2n) {padding:11px 60px 12px 60px;border-right:1px solid #e2e2e2}
#mboardTab .mboard-list ul li:nth-child(2n+1) {padding:11px 0 12px 60px}
#mboardTab .mboard-list ul li a {display:block;box-sizing:border-box;position:relative;padding:0 100px 0 17px}
#mboardTab .mboard-list ul li a:before {content:"";display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#bbb;left:0;top:8px}
#mboardTab .mboard-list ul li a:hover:before,
#mboardTab .mboard-list ul li a:focus:before {background-color:#b3005b}
#mboardTab .mboard-list ul li a span {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;line-height:1.2;transition:all .3s ease}
#mboardTab .mboard-list ul li a:focus .textBox .subj,
#mboardTab .mboard-list ul li a:hover .textBox .subj {text-decoration:underline;font-weight:500;color:#000}
#mboardTab .mboard-list ul li .textBox {}
#mboardTab .mboard-list ul li .textBox .subj {font-size:18px;letter-spacing:-.005em;color:#333}
#mboardTab .mboard-list ul li .dateBox {position:absolute;right:0px;top:1px}
#mboardTab .mboard-list ul li .dateBox .dateStr {font-size:17px;font-family:'Titillium Web',sans-serif;font-weight:500;color:#767676}
#mboardTab .mboard-list ul li.hasNew {}
#mboardTab .mboard-list ul li.hasNew .textBox:after {content:"";display:inline-block;width:20px;height:20px;background:url(/resources/_Templet/Main/main_kor2/_Img/main_spr.png) no-repeat -312px 0;background-size:432px auto;vertical-align:middle;margin:0 0 0 5px}
#mboardTab .mboard-list ul li.hasNew .textBox .subj {display:inline-block;max-width:90%;vertical-align:middle}
#mboardTab .mboard-list ul li.first {width:100%;padding:0;margin:0 0 6px}
#mboardTab .mboard-list ul li.first a {padding:40px 100px 44px 256px;border:20px solid #f3f3f3;border-bottom:0;border-left:0;box-sizing:border-box;border-radius:30px 30px 0 0;transition:all .3s ease;position:relative}
#mboardTab .mboard-list ul li.first a:before {content:'';display:block;width:200px;height:180px;background-image:url(/resources/_Templet/Main/main_kor3/_Img/main_emblem.png);background-repeat:no-repeat;border-radius:0;position:absolute;top:-20px;left:0px}
#mboardTab .mboard-list ul li.first a:after {content:'';display:block;width:60px;height:20px;background-color:#b3005b;position:absolute;top:-20px;left:200px}
#mboardTab .mboard-list ul li.first .dateBox {position:relative;top:0;left:0;margin-top:30px}
#mboardTab .mboard-list ul li.first .dateBox .dateStr {font-size:18px}
#mboardTab .mboard-list ul li.first .textBox .subj {font-size:25px;letter-spacing:-.05em;font-weight:500;color:#000}
#mboardTab .mboard-list ul li.first .textBox .text {font-size:19px;letter-spacing:0;margin:13px 0 0}
#mboardTab .mboard-list ul li.first.hasNew {}
#mboardTab .mboard-list ul li.first.hasNew:before {content:"";display:block;display:none;position:absolute;width:25px;height:25px;background:url(/resources/_Templet/Main/main_kor2/_Img/main_spr.png) no-repeat -390px 0;z-index:1;left:40px;top:20px}
#mboardTab .mboard-list ul li.first.hasNew .textBox:after {display:none}
#mboardTab .mboard-list ul li.hasNoData {display:block;width:100%}
#mboardTab .mboard-list ul li.hasNoData .no-data {display:block;text-align:center;font-size:17px;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 70px;padding:160px 0 50px}
#mboardTab .btn-more {display:block;position:absolute;width:35px;height:35px;right:0;top:-68px}
#mboardTab .btn-more:before,
#mboardTab .btn-more:after,
#mboardTab .btn-more span:before {content:"";display:block;width:24px;height:2px;background:#222;margin-left:12px;transition:all .3s ease;margin:0 auto}
#mboardTab .btn-more:before {margin-bottom:5px;margin-top:10px}
#mboardTab .btn-more:after {margin-top:5px;}
#mboardTab .btn-more:hover:before, #mboardTab .btn-more:hover:after {width:18px;background:#b3005b}
#mboardTab .btn-more:hover span:before {width:18px;margin-left:15px;background:#b3005b}
#mboardTab.hasNoData {height:auto}
#mboardTab.hasNoData .no-data {display:block;text-align:center;font-size:17px;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 30px;padding:110px 0 50px}
@media all and (max-width:1499px) {
	#mboardTab dl dt a {margin-left:0}
	#mboardTab dl dd {top:80px}
	#mSec01 .mmInwr {max-width:100%;margin:0 auto;padding:80px 30px 50px 30px}
	#mboardTab .mboard-list ul li.first a {padding:30px 60px 30px 230px}
	#mboardTab .mboard-list ul li:nth-child(2n) {padding:8px 30px 8px 0}
	#mboardTab .mboard-list ul li:nth-child(2n+1) {padding:8px 0 8px 30px}
	#mboardTab .mboard-list ul li.first {padding-left:0}
	#mboardTab .btn-more {top:-56px}
}
@media all and (max-width:1199px) {
	#mboardTab dl dt a {padding:0 18px}
	#mboardTab dl dt a span {font-size:24px}
	#mboardTab .btn-more {top:-57px}
}
@media all and (max-width:999px) {
	#mSec01 .role-head {position:relative;padding-bottom:15px}
	#mSec01 .mmInwr .role-head {position:relative}
	#mboardTab dl dt a:before {height:60px}
	#mSec01 .mmInwr {right:0;opacity:1;}
	#mSec01 .decoImg {width:248px;height:409px}
	#mSec01 .decoImg img {width:100%}
	#mSec01 .mmInwr {max-width:100%;margin:0 auto;padding:60px 20px 20px 20px}
	#mboardTab {padding-right:20px;height:450px}
	#mboardTab dl dt a {padding:0 20px}
	#mboardTab dl dt a span {font-size:23px}
	#mboardTab dl dt a span:after {bottom:-14px}
	#mboardTab dl dt a:focus span:after,
	#mboardTab dl dt a:hover span:after,
	#mboardTab dl.isOn dt a span:after {height:3px}
	#mboardTab dl dd {top:65px}
	#mboardTab .btn-more {top:-52px;width:29px;height:29px}
	#mboardTab .btn-more:before,
	#mboardTab .btn-more:after,
	#mboardTab .btn-more span:before {width:19px;margin-left:10px}
	#mboardTab .mboard-list ul {background-color:#fff}
	#mboardTab .mboard-list ul li.first a {border-width:15px;padding:25px 40px 20px 170px}
	#mboardTab .mboard-list ul li.first a:before {width:140px;height:126px;background-size:140px auto;top:-15px}
	#mboardTab .mboard-list ul li.first a:after {left:120px;height:15px;top:-15px}
	#mboardTab .mboard-list ul li.first .dateBox {margin-top:20px}
	#mboardTab .mboard-list ul li.first .textBox .subj {font-size:22px}
	#mboardTab .mboard-list ul li.first .textBox .text {font-size:17px;margin-top:10px}
	#mboardTab .mboard-list ul li.first .dateBox .dateStr {font-size:16px}
	#mboardTab .mboard-list ul li .textBox .subj {font-size:17px}
	#mboardTab .mboard-list ul li .dateBox .dateStr {font-size:15px}
}
@media all and (max-width:768px) {
	#mSec01 .mmInwr {padding:30px 20px 20px 20px}
	#mboardTab {height:350px}
	#mboardTab dl dt a {padding:0 18px}
	#mboardTab dl dt a:before {height:45px}
	#mboardTab .btn-more {top:-62px}
	#mboardTab dl dd {top:66px}
	#mboardTab dl dt a span {font-size:21px}
	#mboardTab .mboard-list ul li a {padding:0 80px 0 15px}
	#mboardTab .mboard-list ul li.first a {padding:15px 25px 10px 160px}
	#mboardTab .mboard-list ul li:nth-child(2n) {padding:5px 20px 5px 0}
	#mboardTab .mboard-list ul li:nth-child(2n+1) {padding:5px 0 5px 20px}
	#mboardTab .mboard-list ul li.first {padding-left:0;padding-top:0}
	#mboardTab .mboard-list ul li .textBox .subj {font-size:16px}
}
@media all and (max-width:599px) {
	#mboardTab {height:290px;padding-right:25px}
	#mSec01 .mmInwr {padding:80px 15px 0 15px}
	#mSec01 .mmInwr .role-head {position:relative}
	#mSec01 .role-head {padding-bottom:10px}
	#mboardTab dl dt a {padding:0 15px}
	#mboardTab dl dt a span {font-size:20px}

	#mboardTab .mboard-list ul li.first a:before {width:100px;height:90px;background-size:100px auto;top:-10px;left:-10px}
	#mboardTab .mboard-list ul li.first a:after {left:80px;height:10px;top:-10px}
	#mboardTab .mboard-list ul li.first a {border-width:10px;padding:10px 25px 5px 105px}
	#mboardTab .mboard-list ul li.first .textBox .subj {font-size:19px}
	#mboardTab .mboard-list ul li.first .textBox .text {font-size:16px;margin-top:10px}
	#mboardTab .mboard-list ul li.first .dateBox {margin-top:10px}
	#mboardTab .mboard-list ul li.first .dateBox .dateStr {font-size:14px}
	#mboardTab .mboard-list ul li a:before {width:3px;height:3px}
	#mboardTab .mboard-list ul li .textBox .subj {font-size:15px}
	#mboardTab .mboard-list ul li .dateBox .dateStr {font-size:14px}
	#mboardTab .mboard-list ul li:nth-child(2n) {padding:3px 10px 3px 0;border-right:0}
	#mboardTab .mboard-list ul li:nth-child(2n+1) {padding:3px 0 3px 10px}
	#mboardTab .mboard-list ul li.first {padding-top:0}
	#mboardTab .mboard-list ul li a {padding:0 70px 0 10px}
}

.video-slide .vis-img {
	background:#000;
	height:700px;
	max-width:1920px;
	margin:0 auto;
	overflow:hidden;
}
.video-slide .vis-img video {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.video-slide .vis-img,
.video-slide .vis-img video {
	width:100%;
	position:relative;
}
.video-slide .vis-img .pimg {
	width:1600px;
	margin-left:-800px;
	left:50%;
}
.video-slide .vis-img .pimg-video {
	width:1600px !important;
	margin-left:-800px !important;
	left:50%;
	position:absolute;
	top:0;
}
@media all and (max-width:499px) {
	#mboardTab {height:330px}
	#mSec01 .role-body {width:100%;text-align:left}
	#mboardTab .mboard-list ul li {width:100%}
	#mboardTab .mboard-list ul li:nth-child(2n) {padding:5px 0 5px 0}
	#mboardTab .mboard-list ul li:nth-child(2n+1) {padding:5px 0 5px 0}
	#mboardTab .mboard-list ul li.first {padding-top:0}
	#mboardTab dl dd {top:57px}
	#mboardTab dl dt a {padding:0 8px}
	#mboardTab dl dt a span {font-size:17px}
	#mboardTab dl.isOn dt a:after {height:12px}
	#mboardTab dl.isOn dt a span:before {width:12px;height:12px;background-position:-253px 0;background-size:378px auto;margin:0px 0 0 -7px;bottom:-2px}
	#mboardTab .mboard-list > ul > li:nth-last-child(-n+4) {display:none}
	#mboardTab .mboard-list ul > li.hasNoData:nth-last-child(-n+4) {display:block}
	#mboardTab .btn-more {top:-53px}
}
@media all and (max-width:399px) {
	#mSec01 .role-head {padding-bottom:15px}
	#mSec01 .mmInwr {padding-top:115px}
	#mboardTab {padding-right:0}
	#mboardTab .btn-more {top:-105px}
	#mboardTab .mboard-list ul li.first a {padding:15px 15px 5px 80px}
	#mboardTab .mboard-list ul li.first a:before {width:60px;height:54px;background-size:60px auto}
	#mboardTab .mboard-list ul li.first a:after {left:50px}
	#mboardTab .mboard-list ul li.first .textBox .subj {font-size:18px}
	#mboardTab .mboard-list ul li.first .textBox .text {font-size:15px;margin-top:5px}
}
@media all and (max-width:360px) {
	#mboardTab dl dt a span {font-size:16px}
	#mboardTab dl dt a {padding:0px 6px}

}


/* ---------------------------------------------------------------- */
/* -- 03. NEWS -- */
/* ---------------------------------------------------------------- */
#mSec02 {position:relative;padding:30px 0 0;position:relative;text-align:center}
#mSec02:before {content:'';display:block;width:672px;height:1000px;background-image:url(/resources/_Templet/Main/main_kor3/_Img/main_deco01.png);position:absolute;top:-265px;right:0;z-index:-1}
#mSec02 #mGallery .role-head {position:relative;transform:translateY(-300px);opacity:0;transition:all .4s ease}
#mSec02 #mGallery.onEnter .role-head {transform:none;opacity:1}
#mGallery {position:relative;max-width:1400px;margin:0 auto}
#mGallery .role-body {margin:7px 0 0}
#mGallery .role-body .dataList {}
#mGallery .role-body .dataList .item  {border:1px solid #cacaca;background-color:#fff;height:405px;opacity:0;transform:translateY(-30%)}
#mGallery .role-body .dataList .item:nth-child(4n) {margin-right:0}
#mGallery.onEnter .role-body .dataList .item {transform:none;opacity:1;transition:all .4s ease}
#mGallery .role-body .dataList .item a {display:block;height:100%;background-color:#fff}
#mGallery .role-body .dataList .item a .imgBox {}
#mGallery .role-body .dataList .item a .imgBox span {display:block;position:relative;height:0;padding:0 0 66.6666%;background:rgba(0, 0, 0, .1);overflow:hidden}
#mGallery .role-body .dataList .item a .imgBox span img {display:block;position:absolute;width:auto;height:130%;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}
#mGallery .role-body .dataList .item a .txtBox {padding:0 25px;position:relative;box-sizing:border-box}
#mGallery .role-body .dataList .item a .txtBox .pTit {display:block;padding:27px 0 0;font-size:0}
#mGallery .role-body .dataList .item a .txtBox .pTit:before {content:"";display:inline-block;width:0;height:50px;vertical-align:middle}
#mGallery .role-body .dataList .item a .txtBox .pTit span {display:inline-block;font-size:18px;font-weight:500;color:#222;letter-spacing:-.05em;line-height:1.3636;vertical-align:middle;max-height:90px;height:80px;position:relative;width:100%;overflow:hidden;word-break:break-all;-webkit-line-clamp:3;text-align:left}
#mGallery .role-body .dataList .item a .txtBox .pTit span:before {content:"";display:block;position:absolute;width:70px;height:25px;background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);right:0;bottom:0;display:none}
#mGallery .role-body .dataList .item a .txtBox .pDate {display:block;font-size:17px;color:#888;letter-spacing:0;position:absolute;left:25px;bottom:-56px;font-family:'Titillium Web',sans-serif}
#mGallery .role-body .dataList .item a .txtBox .pDate:before {content:'';display:block;width:50px;height:3px;background-color:#cc0066;position:absolute;top:-24px;left:0}
#mGallery .role-body .dataList .item a .txtBox .pTxt {display:none}
#mGallery .role-body .dataList .item a:focus .imgBox span img,
#mGallery .role-body .dataList .item a:hover .imgBox span img {transform:translate(-50%,-50%) scale(1.1)}
#mGallery .role-body .dataList .item a:focus .txtBox .pTit span,
#mGallery .role-body .dataList .item a:hover .txtBox .pTit span {text-decoration:underline}
#mGallery .role-body .dataList .item.hasNoData {display:block;width:100%;margin:0}
#mGallery .role-body .dataMore {display:block;position:absolute;right:0;top:13px;width:170px;height:55px;line-height:53px;border:1px solid #333;box-sizing:border-box;background-color:#fff;text-align:left;padding:0 18px}
#mGallery .role-body .dataMore span {font-size:18px;font-weight:500;color:#333;letter-spacing:-.05em}
#mGallery .role-body .dataMore:after {content:"";display:block;position:absolute;width:8px;height:8px;right:22px;top:22px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #b9b9b9 #b9b9b9;transition:all .3s ease;transform:rotate(225deg)}
#mGallery .role-body .dataMore:hover:after,
#mGallery .role-body .dataMore:focus:after {right:17px}
#mGallery .no-data {display:block;text-align:center;font-size:17px;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 30px;padding:110px 0 0}
#mGallery .dataNav {display:none}
@media all and (max-width:1399px) {
	#mSec02  {padding:30px 0 0 0}
	#mGallery {width:100%;padding:0 30px;box-sizing:border-box}
	#mGallery .role-body .dataMore {right:30px}
}
@media all and (max-width:1299px) {
	#mGallery .role-body .dataList .item {height:auto}
	#mGallery .role-body .dataList .item a .txtBox {padding:0 15px;margin-bottom:65px}
	#mGallery .role-body .dataList .item a .txtBox .pTit {padding-top:20px}
	#mGallery .role-body .dataList .item a .txtBox .pTit span {font-size:17px;height:70px}
	#mGallery .role-body .dataList .item a .txtBox .pDate {font-size:16px;left:15px;bottom:-40px}
	#mGallery .role-body .dataMore {width:140px;height:40px;line-height:38px;padding-left:13px;top:22px}
	#mGallery .role-body .dataMore:after {top:16px;right:18px}
	#mGallery .role-body .dataMore:hover:after, #mGallery .role-body .dataMore:focus:after {right:13px}
	#mGallery .role-body .dataMore span {font-size:16px}
	#mGallery .role-body .dataList .item a .txtBox .pDate:before {position:relative;top:-10px}
}
@media all and (max-width:999px) {
	#mSec02 {padding:20px 0 0 0}
	#mSec02:before {width:470px;height:700px;background-size:470px auto;top:-112px}
	#mGallery .role-body .dataList li a .txtBox {padding:0 15px}
	#mGallery .role-body .dataList li a .txtBox .pTit {padding-top:15px}
	#mGallery .role-body .dataList li a .txtBox .pTit span {font-size:19px;height:80px}
	#mGallery .role-body .dataList li a .txtBox .pDate {font-size:15px}
	#mGallery .role-body .dataNav {position:absolute;bottom:-38px;right:50%;transform:translateX(50%);display:block;z-index:555}
	#mGallery .role-body .dataNav button {border-color:transparent;background-color:transparent;width:25px;height:25px;position:relative;font-size:0;transition:all .3s ease}
	#mGallery .role-body .dataNav button:after {content:"";display:block;margin:0 auto;width:14px;height:14px;transition:all .3s ease;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #000 #000;opacity:.5;transition:all .3s ease}
	#mGallery .role-body .dataNav button.owl-prev:after {transform:rotate(45deg)}
	#mGallery .role-body .dataNav button.owl-next:after {transform:rotate(225deg)}
	#mGallery .role-body .dataNav button.disabled:after {opacity:.2}
	#mGallery .role-body .dataNav button.owl-prev:hover:after,
	#mGallery .role-body .dataNav button.owl-prev:focus:after {opacity:1;border-color:#b3005b}
	#mGallery .role-body .dataNav button.owl-next:hover:after,
	#mGallery .role-body .dataNav button.owl-next:focus:after {opacity:1;border-color:#b3005b}
	#mGallery .role-body .dataList .item a .txtBox .pDate {font-size:15px}
}
@media all and (max-width:768px) {
	#mGallery {padding:0 20px}
	#mGallery .role-head {padding-bottom:20px}
	#mGallery .role-body {margin-top:0}
	#mGallery .role-body .dataMore {height:35px;line-height:32px;width:110px;padding:0;text-align:center;right:20px;top:13px}
	#mGallery .role-body .dataMore:after {display:none}
	#mGallery .role-body .dataMore span {font-size:15px}
	#mGallery .role-body .dataList li a .txtBox {margin-bottom:65px}
	#mGallery .role-body .dataList li a .txtBox .pTit span {font-size:18px;height:76px}
}
@media all and (max-width:599px) {
	#mSec02:before {width:367px;height:600px;background-size:367px auto;top:-53px;right:-104px}
	#mGallery {padding:0 15px}
	#mGallery .role-body .dataMore {right:15px}
}

@media all and (max-width:499px) {
	#mGallery .role-body .dataList li a .txtBox {margin-bottom:55px}
	#mGallery .role-body .dataList li a .txtBox .pTit span {font-size:17px}
	#mGallery .role-body .dataList li a .txtBox .pDate {bottom:-30px}
	#mGallery .role-body .dataList .item a .txtBox .pTit span {height:68px}
	#mGallery .role-body .dataList .item a .txtBox .pDate:before {top:-12px}
}

@media all and (max-width:450px) {
	#mGallery .role-body .dataList .item a .txtBox {margin-bottom:60px}
	#mGallery .role-body .dataList .item a .txtBox .pTit {padding-top:15px}
	#mGallery .role-body .dataList .item a .txtBox .pTit span {-webkit-line-clamp:2;height:49px}
}
@media all and (max-width:399px) {
	#mGallery .role-head {margin-bottom:20px}
	#mGallery .role-body .dataMore {height:30px;line-height:26px;width:95px;top:45px}
	#mGallery .role-body .dataMore span {font-size:14px}
}

/* ---------------------------------------------------------------- */
/* -- 04. ICON -- */
/* ---------------------------------------------------------------- */
#mSec03 {position:relative;height:230px;background-image:url(/resources/_Templet/Main/main_kor3/_Img/mSec03_bg.jpg);background-size:100% 100%;box-sizing:border-box;margin-top:110px}
#mSec03:before {content:'';display:block;width:421px;height:96px;background-image:url(/resources/_Templet/Main/main_kor3/_Img/sec03_deco.png);position:absolute;bottom:0;left:41px}
#mSec03 .decoImg {width:321px;height:627px;position:absolute;top:230px;right:0;z-index:-1}
#mSec03 .decoImg .container {display:block;box-sizing:border-box;position:relative;perspective:1500px}
#mSec03 .decoImg .container img {display:block;width:100%;transform:translateY(30%) rotateX(80deg) scale(.7);opacity:0;transition:all .5s ease}
#mSec03 .decoImg.onEnter .container img {transform:none;opacity:1}
#mIcban2 {max-width:1400px;margin:0 auto;padding:40px 50px 30px 240px;box-sizing:border-box;position:relative}
#mIcban2 .role-head {position:absolute;top:-59px;left:0;color:#fff;width:auto;letter-spacing:0.23em}
#mIcban2 .role-head span {display:block;letter-spacing:0;color:#000;padding-right:0}
#mIcban2 .role-head:after {content:'';display:block;width:38px;height:39px;background-image:url(/resources/_Templet/Main/main_kor3/_Img/sec03_star.png);margin:18px auto 0 auto;;animation: rotate_image 10s linear infinite}
#mIcban2 ul {display:flex;flex-wrap:wrap}
#mIcban2 ul li {box-sizing:border-box;margin-right:1.428%;width:18.857%;opacity:0;transform:scale(0)}
#mIcban2 ul li:last-child {margin-right:0}
#mSec03 #mIcban2.onEnter ul li {transform:none;opacity:1;transform:scale(1)}
#mSec03 #mIcban2.onEnter ul li:nth-child(1) {transition:all .3s ease}
#mSec03 #mIcban2.onEnter ul li:nth-child(2) {transition:all .3s ease .2s}
#mSec03 #mIcban2.onEnter ul li:nth-child(3) {transition:all .3s ease .4s}
#mSec03 #mIcban2.onEnter ul li:nth-child(4) {transition:all .3s ease .6s}
#mSec03 #mIcban2.onEnter ul li:nth-child(5) {transition:all .3s ease .8s}
#mIcban2 ul li a {display:block;width:100%;height:100%;transition:all .3s ease;box-sizing:border-box;position:relative;text-align:center}
#mIcban2 ul li a .pIco {display:block;width:110px;height:110px;margin:0 auto 19px auto;transition:all .3s ease;background-color:#fff;border-radius:50%;background-position:center center;background-repeat:no-repeat;background-size:70% auto}
#mIcban2 ul li a .pIco.icon1 {background-image:url(/resources/_Img/MainModule/micban2/kor3/ico2-1.png)}
#mIcban2 ul li a .pIco.icon2 {background-image:url(/resources/_Img/MainModule/micban2/kor3/ico2-2.png)}
#mIcban2 ul li a .pIco.icon3 {background-image:url(/resources/_Img/MainModule/micban2/kor3/ico2-3.png)}
#mIcban2 ul li a .pIco.icon4 {background-image:url(/resources/_Img/MainModule/micban2/kor3/ico2-4.png)}
#mIcban2 ul li a .pIco.icon5 {background-image:url(/resources/_Img/MainModule/micban2/kor3/ico2-5.png)}
#mIcban2 ul li a:hover .pIco,
#mIcban2 ul li a:focus .pIco {box-shadow:0px 20px 50px 0px rgba(0,0,0,.2)}

#mIcban2 ul li a .pTxt {display:inline-block;width:auto;font-size:18px;font-weight:500;letter-spacing:-.05em;color:#fff;text-align:center;position:relative;z-index:2;transition:all .3s ease}
#mIcban2 ul li a .pTxt:after {content:'';display:block;width:0;height:1px;background-color:#fff;position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);z-index:5;transition:all .3s ease}
#mIcban2 ul li a:hover .pTxt:after,
#mIcban2 ul li a:focus .pTxt:after {width:100%}
@media all and (max-width:1499px) {
	#mSec03 {height:auto;margin-top:70px;background-size:100% 100%}
}
@media all and (max-width:1399px) {
	#mIcban2 .role-head {left:30px;top:-59px}
}
@media all and (max-width:999px) {
	#mSec03 {margin-top:90px;background-size:auto 100%}
	#mSec03 .decoImg {width:225px;height:439px;background-size:225px auto;top:230px;right:-8px}
	#mIcban2 {padding:80px 30px 40px 30px}
	#mIcban2 ul li a .pIco {width:77px;height:77px;background-size:59px auto}
	#mIcban2 ul li a .pTxt {font-size:17px}
	#mIcban2 .role-head:after {position:absolute;bottom:31px;right:-29px;width:30px;height:31px;background-size:30px auto}
	#mIcban2 .role-head {left:30px;top:-52px}
}
@media all and (max-width:768px) {
	#mIcban2 {padding:60px 20px 30px 20px}
	#mIcban2 ul li a .pTxt {font-size:16px}
	#mIcban2 .role-head {left:20px;top:-45px}
}
@media all and (max-width:599px) {
	#mIcban2 {padding:70px 15px 30px 15px;border-width:6px}
	#mIcban2 .role-head {left:15px;top:-41px}
	#mIcban2 ul li a .pIco {width:55px;height:55px;background-size:43px auto;margin-bottom:10px}
	#mSec03:before {content:'';display:block;width:295px;height:67px;background-size:295px auto;left:50%;transform:translateX(-50%)}
}
@media all and (max-width:450px) {
	#mIcban2 .role-head {left:50%;transform:translateX(-50%);}
	#mIcban2:before {content:'';display:block;width:712px;height:280px;background-image:url(/resources/_Templet/Main/main_kor3/_Img/mSec03_bg.png);position:absolute;top:0;right:-80%}
	#mIcban2 ul li {width:33.333%;margin-bottom:5px;height:auto;margin-right:0}
	#mIcban2 ul li:nth-last-child(-n+2) {margin-top:20px;width:50%}
}


/* ---------------------------------------------------------------- */
/* -- 05. INFO -- */
/* ---------------------------------------------------------------- */
/** -- 공통 */
#mSec04 {margin-top:60px;position:relative}
#mSec04:before {content:'';display:block;width:960px;height:663px;background-image:url(/resources/_Templet/Main/main_kor3/_Img/sec04_bg.png);position:absolute;bottom:-100px;left:0;z-index:-1}
#mSec04 .mSec04-wr {max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;position:relative}
#mSec04 .mSec04-wr > div {width:50%;box-sizing:border-box;position:relative}
#mSec04 .mSec04-wr .sideWr {position:relative;height:auto;width:100%}
#mSec04 .mSec04-wr .role-head {position:relative;transform:translateX(-300px);opacity:0;transition:all .7s ease}
#mSec04 .mSec04-wr.onEnter .role-head {transform:none;opacity:1}
@media all and (max-width:1499px) {
	.mSec04-wr {width:100%;padding:0 30px;box-sizing:border-box}
}
@media all and (max-width:999px) {
	#mSec04:before {width:672px;height:464px}
	#mSec04 {margin-top:40px}
}
@media all and (max-width:768px) {
	#mSec04:before {width:480px;height:332px}
	#mSec04 {margin-top:30px}
	#mSec04 .role-head {padding:0 0 20px 0}
	#mSec04 .mSec04-wr {padding:0 20px}
}
@media all and (max-width:599px) {
	#mSec04 .mSec04-wr {padding:0 15px}
}
/** -- sideL */
#mSec04 .mSec04-wr .sideL {position:absolute;width:700px;left:0;top:0;z-index:5;perspective:1500px}
#mSec04 .mSec04-wr.onEnter #mLinks1  {transform:none;opacity:1}
#mLinks1 {position:relative;width:100%;transform:translateY(30%) rotateX(80deg) scale(.7);opacity:0;transition:all .5s ease}
#mLinks1 .vdoBox {position:relative;height:0;padding:0 0 57.25%}
#mLinks1 .vdoBox iframe {display:block;position:absolute;width:100%;height:100%;left:0;top:0}
#mLinks1 .vdoBox.hasNoData {background:rgba(0, 0, 0, .3)}
#mLinks1 .vdoBox.hasNoData .no-data {display:block;position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);text-align:center;color:#fff;font-size:17px;background:url(/resources/_Img/Board/default/ico_nodata_W.png) no-repeat center 0;padding:80px 0 0}
#mLinks1 .txtBox {display:block;position:absolute;left:0;bottom:10px;width:100%;padding:0 15px;box-sizing:border-box}
#mLinks1 .txtBox .deciption {background:rgba(0, 0, 0, .5);color:#fff;height:68px;padding:15px 20px;border-radius:5px;font-size:1rem;line-height:1.2;text-align:left;box-sizing:border-box}
#mLinks1 .txtBox .deciption .scrollCore {height:100%;overflow-x:hidden;overflow-y:auto}
#mLinks1 .txtBox .deciption .scrollCore:focus {outline:3px solid rgba(59, 153, 252, .5)}
button.PlayButton_module_playButton__c7b7eca7 {width:85px !important;;height:85px;background-color:#fff;border-radius:50%}
@media all and (max-width:1299px) {
	#mSec04 .mSec04-wr .sideL {width:600px}
}
@media all and (max-width:1199px) {
	#mSec04 .mSec04-wr .sideL {width:500px}
}
@media all and (max-width:999px) {
	#mSec04 .mSec04-wr .sideL {width:400px}
}
@media all and (max-width:899px) {
	#mSec04 .mSec04-wr .sideL {width:100%;position:static}
}
/** -- sideR */
.mSec04-wr .sideR {padding-left:10px;display:flex;flex-wrap:wrap;box-sizing:border-box;height:100%;position:relative;padding:0 0 0 730px;width:100%}
.mSec04-wr .sideR > div {box-sizing:border-box;height:400px}
@media all and (max-width:1299px) {
	.mSec04-wr .sideR {padding:0 0 0 630px}
	.mSec04-wr .sideR > div {height:346px}
}
@media all and (max-width:1199px) {
	.mSec04-wr .sideR {padding:0 0 0 520px}
	.mSec04-wr .sideR > div {height:287px}
}
@media all and (max-width:999px) {
	.mSec04-wr .sideR {padding:0 0 0 420px}
	.mSec04-wr .sideR > div {height:230px}
}
@media all and (max-width:899px) {
	.mSec04-wr .sideR {padding:0 0 0 0;margin-top:25px}
	.mSec04-wr .sideR > div {height:250px}
}
@media all and (max-width:850px) {
	.mSec04-wr .sideR {height:auto}
}
/** --- mimban */
#mImban {margin-right:20px;width:38.571%;border: 1px solid #cacaca;padding:37px 35px 90px 35px;box-sizing:border-box;position:relative;background-image:url(/resources/_Templet/Main/main_kor3/_Img/news_ico.png);background-position:right calc(100% - 60px);background-repeat:no-repeat;background-color:#fff;transform:translateY(30%) rotateX(80deg) scale(.7);opacity:0;transition:all .5s ease .2s}
#mSec04 .mSec04-wr.onEnter #mImban  {transform:none;opacity:1}
#mImban .tit {display:inline-block;font-size:1.412em;font-weight:400;color:#000;letter-spacing:-.05em;line-height:1.166;text-align:center;margin-bottom:17px;overflow:hidden;position:relative}

#mImban .tit:before {content:'';display:block;width:100%;height:10px;background-color:#cc0066;opacity:.2;position:absolute;bottom:-200%;left:0;z-index:1;transition:all .3s ease}
#mImban a:hover .tit:before,
#mImban a:focus .tit:before {bottom:0}
#mImban .tit .strong {font-weight:700}
#mImban .bg-img {text-align:center;position:relative}
#mImban .bg-img img {box-shadow:10px 10px 0px 0px rgba(187,187,187,1)}
#mImban .shortcut {width:calc(100% + 2px);height:60px;background-color:#cc0066;color:#fff;font-size:1.059em;letter-spacing:-.02em;position:absolute;bottom:-1px;left:-1px;transition:all .3s ease}
#mImban .shortcut:before {content:'';display:inline-block;height:100%;vertical-align:middle}
#mImban .shortcut span {display:inline-block;vertical-align:middle;padding:0 40px;box-sizing:border-box}
#mImban .shortcut span:before,
#mImban .shortcut span:after {content:"";display:block;position:absolute;width:17px;height:3px;background-color:#fff;top:50%;right:37px;margin:auto;transition:all .3s ease}
#mImban .shortcut span:before {}
#mImban .shortcut span:after {transform:rotate(90deg)}
#mImban a:hover .shortcut span:before,
#mImban a:focus .shortcut span:before {transform:rotate(90deg)}
#mImban a:hover .shortcut span:after,
#mImban a:focus .shortcut span:after {transform:rotate(180deg)}
@media all and (max-width:1499px) {
	#mImban {padding:30px 15px 90px 15px}
	#mImban .tit {font-size:1.1em}
	#mImban .shortcut {font-size:1em}
	#mImban .shortcut span {padding:0 20px}
	#mImban .shortcut span:before, #mImban .shortcut span:after {right:30px}
}
@media all and (max-width:1399px) {
	#mImban .bg-img img {width:153px}
}
@media all and (max-width:1299px) {
	#mImban {background-position:right calc(100% - 45px)}
	#mImban .tit {margin-bottom:12px}
	#mImban .shortcut {height:45px}
	#mImban .shortcut span:before, #mImban .shortcut span:after {right:15px;top:22px;width:15px;height:2px}
}
@media all and (max-width:1199px) {
	#mImban {padding:20px 15px 90px 15px;width:40%;margin-right:10px}
	#mImban .tit {margin-bottom:7px}
	#mImban .bg-img img {width:136px;box-shadow:7px 7px 0px 0px rgba(187,187,187,1)}
}
@media all and (max-width:999px) {
	#mImban {padding:15px 15px 90px 15px;background-position:right calc(100% - 40px)}
	#mImban .tit {font-size:1em}
	#mImban .bg-img img {width:102px}
	#mImban .shortcut {height:40px;font-size:.88em}
	#mImban .shortcut span:before, #mImban .shortcut span:after {top:20px}
}
@media all and (max-width:899px) {
	#mImban {padding:20px 15px 90px 15px;background-position:left calc(100% - 40px)}
	#mImban .tit {margin-bottom:15px}
}
@media all and (max-width:450px) {
	#mImban {width:100%;margin-right:0;height:auto;padding:20px 15px 70px 15px}

	#mImban .bg-img img {width:60%}
	#mImban .tit {margin-bottom:20px;font-size:1.1em}
}
/** --- micban */
#mSec04 .mSec04-wr.onEnter #mIcban ul li {transform:none;opacity:1}
#mSec04 .mSec04-wr.onEnter #mIcban ul li:nth-child(1) {transition:all .5s ease .2s}
#mSec04 .mSec04-wr.onEnter #mIcban ul li:nth-child(2) {transition:all .5s ease .3s}
#mSec04 .mSec04-wr.onEnter #mIcban ul li:nth-child(3) {transition:all .5s ease .4s}
#mSec04 .mSec04-wr.onEnter #mIcban ul li:nth-child(4) {transition:all .5s ease .5s}
#mIcban {width:calc(61.429% - 20px)}
#mIcban ul {display:flex;flex-wrap:wrap}
#mIcban ul li {border:1px solid #cacaca;width:calc(50% - 10px);margin-right:20px;margin-bottom:20px;height:190px;box-sizing:border-box;position:relative;opacity:0;transform:translateX(300px);transition:all 1s ease;}
#mIcban ul li:nth-child(2n) {margin-right:0}
#mIcban ul li:nth-last-child(-n+2) {margin-bottom:0}
#mIcban ul li a {display:block;padding:30px 0;box-sizing:border-box;height:100%;width:100%;background-color:#fff}
#mIcban ul li a .pIco {display:block;width:90px;height:90px;margin:0 auto 20px auto;background-color:#f3f3f3;border-radius:50%;position:relative;transition:all .3s ease}
#mIcban ul li a .pIco.ico1 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico1.png)}
#mIcban ul li a .pIco.ico2 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico2.png)}
#mIcban ul li a .pIco.ico3 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico3.png)}
#mIcban ul li a .pIco.ico4 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico4.png)}
#mIcban ul li a .pIco.ico5 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico5.png)}
#mIcban ul li a .pIco.ico6 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico6.png)}
#mIcban ul li a .pIco.ico7 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico7.png)}
#mIcban ul li a .pIco.ico8 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico8.png)}
#mIcban ul li a .pIco.ico9 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico9.png)}
#mIcban ul li a .pIco.ico10 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico10.png)}

#mIcban ul li a:hover .pIco.ico1,
#mIcban ul li a:focus .pIco.ico1 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico1_b.png);background-color:#cc0066;box-shadow:0px 15px 35px 0px rgba(204,0,102,.3)}
#mIcban ul li a:hover .pIco.ico2,
#mIcban ul li a:focus .pIco.ico2 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico2_b.png);background-color:#d2171f;box-shadow:0px 15px 35px 0px rgba(204,0,102,.3)}
#mIcban ul li a:hover .pIco.ico3,
#mIcban ul li a:focus .pIco.ico3 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico3_b.png);background-color:#2e70f7;box-shadow:0px 15px 35px 0px rgba(46,112,247,.3)}
#mIcban ul li a:hover .pIco.ico4,
#mIcban ul li a:focus .pIco.ico4 {background-image:url(/resources/_Img/MainModule/micban/kor3/ico4_b.png);background-color:#38c8ee;box-shadow:0px 15px 35px 0px rgba(56 200,238,.3)}
#mIcban ul li a .pTxt {display:inline-block;width:auto;font-size:1.059em;font-weight:normal;color:#333;text-align:center;letter-spacing:-.05em;left:50%;transform:translateX(-50%);position:relative;overflow:hidden}
/* #mIcban ul li a .pTxt:before {content:'';display:block;width:100%;height:10px;background-color:#cc0066;opacity:.2;position:absolute;bottom:-200%;left:0;z-index:1;transition:all .3s ease}
#mIcban ul li a:hover .pTxt:before,
#mIcban ul li a:focus .pTxt:before {bottom:0} */
@media all and (max-width:1299px) {
	#mIcban ul li {height:164px}
	#mIcban ul li a .pIco {width:72px;height:72px;background-size:72px;margin-bottom:15px}
	#mIcban ul li a .pTxt {font-size:1em}
}
@media all and (max-width:1199px) {
	#mIcban {width:calc(60% - 10px)}
	#mIcban ul li {height:139px;width:calc(50% - 5px);margin-right:10px;margin-bottom:10px}
	#mIcban ul li a .pIco {width:63px;height:63px;background-size:63px;margin-bottom:10px}
	#mIcban ul li a .pTxt {font-size:.9em}
}
@media all and (max-width:999px) {
	#mIcban ul li {height:110px}
	#mIcban ul li a {padding:15px 0}
	#mIcban ul li a .pIco {width:54px;height:54px;background-size:54px auto}
}
@media all and (max-width:899px) {
	#mIcban ul li {height:110px}
}
@media all and (max-width:450px) {
	#mIcban {width:100%;margin-top:20px}
}
/* ---------------------------------------------------------------- */
/* -- 06. 비젼 -- */
/* ---------------------------------------------------------------- */
#mSec05 {background-image:url(/resources/_Templet/Main/main_kor3/_Img/main_sec05_bg.jpg);background-size:100% 100%;background-repeat:no-repeat;margin-top:60px;position:relative;background-position:500px 0;transition:all .5s ease;opacity:0}
#mSec05.onEnter {background-position:0 0;opacity:1}
#mSec05 .inwr {max-width:1400px;margin:0 auto;padding:70px 0 40px 0}
#mVision .role-head {display:block;color:#fff;border-bottom:1px solid rgba(255,255,255, .5);position:relative}
#mVision .role-head h3 {display:inline-block}
#mVision .role-head .slogan {display:inline-block;position:relative;font-family:"Noto Sans KR";font-size:22px;font-weight:400;color:#fff;letter-spacing:-.05em;vertical-align:middle;margin-left:77px}
#mVision .role-head .slogan:before,
#mVision .role-head .slogan:after {content:'';display:block;width:31px;height:23px;background-image:url(/resources/_Templet/Main/main_kor3/_Img/mvision_mark.png);position:absolute;top:50%;transform:translateY(-50%)}
#mVision .role-head .slogan:before {left:-43px}
#mVision .role-head .slogan:after {background-position:-40px 0;right:-43px}
#mVision .dataBars {width:100%;height:1px;background:rgba(255, 255, 255, .3);box-sizing:border-box;position:absolute;left:0;bottom:0}
#mSec05 #mVision .dataBars .bar {display:block;position:absolute;width:0;height:100%;background:#fff;position:absolute;left:0;top:0}
#mSec05 #mVision .dataBars .bar.play {animation-name:run;animation-timing-function:linear;animation-iteration-count:infinite}
#mDst .data-Head .dataBars {width:100%;height:2px;background:rgba(255, 255, 255, .4);box-sizing:border-box;position:absolute;left:0;bottom:0}
#mDst .data-Head .dataBars .bar {display:block;position:absolute;width:0;height:100%;background:#fff;left:0;top:0}
#mDst .data-Head .dataBars .bar.play {animation-name:run;animation-timing-function:linear}
#mDst .data-Head .dataBars .bar.stop {animation-play-state:paused}
@keyframes run {
	0% {width:0}
	100% {width:100%}
}
#mVision .role-body {margin:42px 0 0;color:#fff;position:relative}
#mVision .role-body .item {min-height:352px;opacity:0;transform:translateY(30%)}
#mSec05.onEnter #mVision .role-body .item {transform:none;opacity:1}
#mSec05.onEnter #mVision .role-body .item.n01 {transition:all .6s ease .3s}
#mSec05.onEnter #mVision .role-body .item.n02 {transition:all .6s ease .5s}
#mSec05.onEnter #mVision .role-body .item.n03 {transition:all .6s ease .7s}
#mSec05.onEnter #mVision .role-body .item.n04 {transition:all .6s ease .9s}
#mSec05.onEnter #mVision .role-body .item.n05 {transition:all .6s ease 1.1s}
#mVision .role-body .t1 strong {font-family:'Titillium Web', sans-serif;font-weight:700;letter-spacing:0;font-size:80px}
#mVision .role-body .t1 > p {display:inline-block;font-size:20px;letter-spacing:-.05em}
#mVision .role-body .t1 > p span {display:block}
#mVision .role-body .n03 .t1 strong {font-family:"Noto Sans KR", 'Titillium Web', sans-serif;font-size:60px;line-height:1.35}
#mVision .role-body .t2 {font-size:24px;line-height:1.458;margin-top:30px;min-height:70px}
#mVision .role-body .ico {display:block;width:133px;height:118px;background-image:url(/resources/_Templet/Main/main_kor3/_Img/main_icoSpr02.png);margin-top:40px}
#mVision .role-body .n02 .ico {background-position:-143px 0}
#mVision .role-body .n03 .ico {background-position:-286px 0}
#mVision .role-body .n04 .ico {background-position:-429px 0}
#mVision .role-body .n05 .ico {background-position:-572px 0}
#mVision .role-body .dataNav {width:100%;z-index:5}
#mVision .role-body .dataNav button {width:35px;height:65px;border:transparent;background-color:transparent;position:relative;position:absolute;top:50%;transform:translateY(-50%);z-index:2}
#mVision .role-body .dataNav button:after {content:"";display:block;position:relative;width:40px;height:40px;top:0;left:0;bottom:0;right:0;;border:solid;border-width:0 0 3px 3px;border-color:transparent transparent #fff #fff;transition:all .3s ease;margin:0 auto;opacity:.3}
#mVision .role-body .dataNav .owl-prev {left:-60px;transform:translate(-50%,-50%)}
#mVision .role-body .dataNav .owl-next {right:-60px;transform:translate(50%,-50%)}
#mVision .role-body .dataNav .owl-prev:after {transform:rotate(45deg);left:9px}
#mVision .role-body .dataNav .owl-next:after {transform:rotate(225deg);left:-15px}
#mVision .role-body .dataNav button:hover:after,
#mVision .role-body .dataNav button:focus:after {opacity:1}
#mVision .no-data {display:block;text-align:center;font-size:17px;background:url(/resources/_Img/Board/default/ico_nodata_W.png) no-repeat center 30px;padding:110px 0 0;color:#fff}
@media all and (max-width:1499px) {
	#mSec05 .inwr {width:100%;padding:50px 0 30px 0}
	#mVision {padding:0 30px}
	#mVision .dataList {padding:0 30px;box-sizing:border-box}
	#mVision .role-body .dataNav .owl-prev {left:-16px;transform:translate(0,-50%)}
	#mVision .role-body .dataNav .owl-next {right:-20px;transform:translate(0,-50%)}
}
@media all and (max-width:1299px) {
	#mSec05 {margin-top:60px}
	#mVision .role-head .slogan {font-size:20px}
	#mVision .role-body .item {min-height:300px}
	#mVision .role-body .t1 strong {font-size:70px}
	#mVision .role-body .n03 .t1 strong {font-size:55px}
	#mVision .role-body .t1 > p {font-size:18px}
	#mVision .role-body .t2 {font-size:22px;margin-top:25px}
	#mVision .role-body .ico {width:106px;height:94px;background-size:564px auto;margin-top:30px}
	#mVision .role-body .n02 .ico {background-position:-114px 0}
	#mVision .role-body .n03 .ico {background-position:-229px 0}
	#mVision .role-body .n04 .ico {background-position:-343px 0}
	#mVision .role-body .n05 .ico {background-position:-457px 0}
}
@media all and (max-width:1099px) {
	#mVision .role-body .item {min-height:290px}
	#mVision .role-head .slogan {font-size:18px;margin-left:55px}
	#mVision .role-body .t1 strong {font-size:50px}
	#mVision .role-body .n03 .t1 strong {font-size:35px}
	#mVision .role-body .t1 > p {font-size:17px}
	#mVision .role-body .t2 {font-size:20px;margin-top:20px;padding-right:20px}
	#mVision .role-body .ico {width:106px;height:94px;background-size:564px auto;margin-top:30px}
	#mVision .role-body .n02 .ico {background-position:-114px 0}
	#mVision .role-body .n03 .ico {background-position:-229px 0}
	#mVision .role-body .n04 .ico {background-position:-343px 0}
	#mVision .role-body .n05 .ico {background-position:-457px 0}
	#mVision .role-body .dataNav button:after {width:30px;height:30px}
}
@media all and (max-width:999px) {
	#mSec05 {margin-top:40px}
	#mVision {padding:0 20px}
}
@media all and (max-width:899px) {
	#mVision .role-body .item {min-height:250px}
}
@media all and (max-width:768px) {
	#mVision {padding:0 15px}
	#mSec05 .inwr {padding:30px 0}
	#mVision .role-head {padding:10px 0 20px}
	#mVision .role-head h3 {display:block}
	#mVision .role-head .slogan {margin:10px 0 0 32px}
	#mVision .role-head .slogan:before, #mVision .role-head .slogan:after {width:22px;height:16px;background-size:auto 16px}
	#mVision .role-head .slogan:before {left:-30px}
	#mVision .role-head .slogan:after {background-position:-27px 0;right:-32px}
	#mVision .role-body {margin-top:25px}
	#mVision .role-body .ico {width:93px;height:83px;background-size:494px auto}
	#mVision .role-body .n02 .ico {background-position:-100px 0}
	#mVision .role-body .n03 .ico {background-position:-200px 0}
	#mVision .role-body .n04 .ico {background-position:-300px 0}
	#mVision .role-body .n05 .ico {background-position:-400px 0}
}
@media all and (max-width:699px) {
	#mVision .role-body .t2 {font-size:18px}
}
@media all and (max-width:599px) {
	#mSec05 {margin-top:30px}
	#mVision .role-head .slogan {font-size:17px}
	#mVision .role-body .t2 {font-size:17px;min-height:50px}
	#mVision .role-body .ico {margin-top:20px}
}
@media all and (max-width:450px) {
	#mSec05 .inwr {padding:25px 0}
	#mVision .role-head .slogan {font-size:16px;line-height:1.333}
	#mVision .role-body .item {min-height:215px}
	#mVision .role-body .t2 {margin-top:15px}
	#mVision .role-body .dataNav button:after {width:25px;height:25px}
}
@media all and (max-width:350px) {
	#mVision .role-head .slogan:after {right:160px;top:30px}
	#mVision .role-head .slogan:before {top:7px}
}