@charset "utf-8";
#mcontainer-wrap {position:relative;width:100%;font-size:18px;}
#mcontainer {word-break:keep-all;padding-bottom:0}
#mcontainer img {font-size:0}

h3,h4,h5 {font-weight:500}
@media all and (max-width:999px){
	#mcontainer-wrap {font-size:17px;}
}
@media all and (max-width:768px){
	#mcontainer-wrap {font-size:16px;}
}
@media all and (max-width:599px) {
	#mcontainer-wrap {font-size:15px}
}

/* ==============================
 * 메인비쥬얼
================================= */
/* 메인비쥬얼 */
.msec01 {position:relative;width:100%;}
.mVisual-wr {position:relative;width:100%;max-width:1600px;margin:0 auto;box-sizing:border-box;}

.mVisual-wr #mVisual {}
.mVisual-wr .dataList .swiper-slide {opacity:0 !important;}
.mVisual-wr .dataList .swiperBox {width:100%;box-sizing:border-box;}
.mVisual-wr .dataList .imgBox {position:relative;width:100%;height:430px;border-radius:100px 0 100px 0;overflow:hidden;margin-top:340px}
.mVisual-wr .dataList .imgBox:after {display:block;content:'';position:relative;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 33.85%);}
.mVisual-wr .dataList .imgBox img {position:absolute;top:0;left:50%;width:auto;min-width:100%;height:100%;transform:translateX(-50%);border-radius:100px 0 100px 0;}

.mVisual-wr .dataList .txtBox {position:absolute;top:68px;left:50%;max-width:1440px;width:100%;text-align:left;padding:0 20px;box-sizing:border-box;transform:translateX(-50%);z-index:1;}
.mVisual-wr .pTxt1 {display:none;}
.mVisual-wr .pTxteng {display:block;color:#009FBF;font-size:1.33333em;font-weight:700;letter-spacing:-0.02em;line-height:1.2em;font-family:"Poppins", sans-serif;padding-bottom:20px;text-align:center;opacity:0;transform:translateY(30px);transition:all .3s ease-out;}
.mVisual-wr .pTxt2 {/*display:flex;width:100%*/ text-align:center}
.mVisual-wr .pTxt2 .t1 {/*width:700px;*/display:block;padding-bottom:20px;color:#222;font-size:3.33333em;line-height:1.2em;letter-spacing: -0.04em;opacity:0;transform:translateY(30px);transition:all .3s ease-out .1s;}
.mVisual-wr .pTxt2 .t2 {/*flex:1 1 0;*/display:block;color:#374359;font-size:1.38889em;line-height:1.2em;letter-spacing: -0.03em;padding-left:40px;box-sizing:border-box;opacity:0;transform:translateY(30px);transition:all .3s ease-out .2s;}

.mVisual-wr .data-ctrl {position:absolute;bottom:40px;left:50%;max-width:1440px;width:100%;text-align:right;padding:0 20px;box-sizing:border-box;transform:translateX(-50%);z-index:1;}
.mVisual-wr .data-pkgs {display:inline-flex;align-items: center;background:rgba(0,0,0,0.4);height:35px;padding:0 20px;border-radius:30px;}
.mVisual-wr .data-pkgs .btn-prev,
.mVisual-wr .data-pkgs .btn-next {display:none;} 
.mVisual-wr .data-pkgs .data-auto {display:inline-flex;padding:0 6px;}
.mVisual-wr .data-pkgs .data-auto button {display:inline-block;background:transparent;position:relative;width:8px;height:12px;border:0;}
.mVisual-wr .data-pkgs .data-auto button:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.mVisual-wr .data-pkgs .data-auto .btn-stop:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:2px solid #fff;border-top:0;border-bottom:0;width:4px;height:12px;}
.mVisual-wr .data-pkgs .data-auto .btn-play {display:none}
.mVisual-wr .data-pkgs .data-auto .btn-play:before {content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border-width:7px 0 7px 10px;border-style:solid;border-color:transparent;border-left-color:#fff;width:0;height:0}
.mVisual-wr .data-pkgs .swiper-pagination {position:relative;top:auto;bottom:auto;left:auto;right:auto;width:auto;display:flex;align-items:center;}
.mVisual-wr .data-pkgs .swiper-pagination .swiper-pagination-bullet {position:relative;width:10px;height:10px;background:transparent;border:1px solid #fff;opacity:1;margin-left:15px;}
.mVisual-wr .data-pkgs .swiper-pagination .swiper-pagination-bullet-active {background:#fff;}

.mVisual-wr .dataList .swiper-slide-active {opacity:1 !important;}
.mVisual-wr .dataList .swiper-slide-active .pTxteng,
.mVisual-wr .dataList .swiper-slide-active .pTxt2 .t1,
.mVisual-wr .dataList .swiper-slide-active .pTxt2 .t2 {opacity:1;transform:translateY(0)}

@keyframes txtUp {
  from {
    -webkit-transform:translate3d(0, 110%, 0);
    transform:translate3d(0, 110%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@media all and (max-width:1399px) {
	.mVisual-wr .dataList .txtBox {top:50px;}
	.mVisual-wr .dataList .txtBox br {display:none}
	/*
	.mVisual-wr .pTxt2 {width:100%;}
	.mVisual-wr .pTxt2 .t1 {width:50%;}
	*/
}
@media all and (max-width:999px) {
	.mVisual-wr .dataList .imgBox {height:430px;border-radius:80px 0;margin-top:250px;}
	.mVisual-wr .dataList .imgBox img {border-radius:80px 0;}
	.mVisual-wr .pTxteng {font-size:1.2em;padding-bottom:20px;}
	.mVisual-wr .pTxt2 {display:block;}
	.mVisual-wr .pTxt2 .t1 {/*width:100%;*/font-size:2.5em;}
	.mVisual-wr .pTxt2 .t2 {font-size:1.25em;/*padding-left:0;padding-top:20px;*/}
}
@media all and (max-width:599px) {
	.mVisual-wr .dataList .txtBox {position:relative;top:auto;left:auto;transform:none;padding-top:30px;}
	.mVisual-wr .pTxteng {font-size:1em;padding-bottom:10px;}
	.mVisual-wr .pTxt2 .t1 {font-size:1.85em;}
	.mVisual-wr .pTxt2 .t2 {font-size:1.15em;/*padding-top:10px;*/}
	.mVisual-wr .dataList .imgBox {height:200px;border-radius:40px 0;margin-top:30px;}
	.mVisual-wr .dataList .imgBox img {border-radius:40px 0;}
	.mVisual-wr .data-ctrl {bottom:20px;}
}

/* ==============================
 * 메인위젯
================================= */
.msec {position:relative;width:100%;max-width:1440px;padding:0 20px;box-sizing:border-box;margin:0 auto;}


/* 공지 */
.msec02 {margin-top:50px;padding-bottom:50px;}
.msec02 .m-tit {position:absolute;top:0;left:20px;color:#2E2E2E;font-family:"Poppins", sans-serif;font-size: 2.22222em;font-weight: 600;line-height:1em;}
.msec02 .no-data {background-image:none;padding:15px 0}
#mTabBoard {padding-left:150px;}
#mTabBoard dl {position:relative;width:100%;padding-left:135px;padding-right:70px;box-sizing:border-box;}
#mTabBoard .swiper-slide a {display:block;position:relative;padding-right:150px;height:40px;}
#mTabBoard .swiper-slide .sTit {display:flex;align-items:center;color: #000;font-size: 1.22222em;width:100%;height:100%;box-sizing:border-box;overflow:hidden;}
#mTabBoard .swiper-slide .sTit span {display:inline-block;width:100%;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;z-index:1;text-decoration:none;background-image: linear-gradient(rgba(255, 255, 255,0), rgba(255, 255, 255,0)),linear-gradient(#111, #111);background-size: 100% 1px, 0 1px; background-position: 100% 100%, 0 100%;background-repeat: no-repeat;transition: background-size .3s linear;}
#mTabBoard .swiper-slide .sDate {position:absolute;top:50%;right:0;display:inline-block;color: #878787;font-size: 0.94444em;transform:translateY(-50%);}
#mTabBoard .data-ctrl {position:absolute;top:50%;right:0;transform:translateY(-50%);display:inline-flex;}
#mTabBoard .data-ctrl .data-auto {display:none;}
#mTabBoard .data-ctrl button {position:relative;width:30px;height:30px;border:0;background:none;}
#mTabBoard .data-ctrl button:before {display:block;content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:5px;height:5px;border-bottom:2px solid #374359;border-right:2px solid #374359;transform:rotate(-45deg);}
#mTabBoard .data-ctrl .btn-prev:before {transform:rotate(135deg);}
#mTabBoard .data-more {position:absolute;top:50%;left:0;transform:translateY(-50%);width:30px;height:30px;}
#mTabBoard .data-more:before {display:block;content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:17px;height:3px;background:#5E72D8;border-radius:5px;transition:all .3s ease;}
#mTabBoard .data-more:after {display:block;content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:3px;height:17px;background:#5E72D8;border-radius:5px;transition:all .3s ease;}
#mTabBoard .data-more:focus:before,
#mTabBoard .data-more:hover:before,
#mTabBoard .data-more:focus:after,
#mTabBoard .data-more:hover:after {transform:rotate(180deg);}

@media all and (max-width:999px) {
	.msec02 .m-tit {position:relative;top:auto;left:auto;font-size: 2em;}
	#mTabBoard {padding-left:0;}
	#mTabBoard dl {padding-left:0;padding-right:130px;}
	#mTabBoard .data-ctrl {right:30px;}
	#mTabBoard .data-more {left:auto;right:0;}
}
@media all and (max-width:599px) {
	.msec02 {margin-top:30px;padding-bottom:30px;}
	.msec02 .m-tit {font-size: 1.75em;}
	#mTabBoard dl {padding-right:0;}
	#mTabBoard .swiper-slide a {padding-right:100px;}
	#mTabBoard .data-ctrl {top:-30px;transform:none;}
	#mTabBoard .data-more {top:-30px;transform:none;}
}


/* 배너1 */
#mIcban1 {position:relative;width:100%;padding-top:70px;padding-bottom:60px;}
#mIcban1:before {display:block;content:'';position:absolute;top:0;left:50%;width:1920px;height: calc(100% - 115px);background:#F8F9FE;transform:translateX(-50%);border-radius: 30px;z-index:-1;}
#mIcban1:after {display:block;content:'';position:absolute;bottom:0;right:0;width:576px;height:443px;background:url(/resources/_Templet/Main/main_org03/Img/mban_icon01.png) no-repeat 0 0;background-size:100%;}
#mIcban1 .dataTit {position:relative;color: #374359;font-size: 1.33333em;line-height: 130%;font-weight:400;padding-left:90px;z-index:1;}
#mIcban1 .dataTit span {display:block;font-weight:700;}
#mIcban1 .dataTit:before {display:block;content:'';position:absolute;top:0;left:0;width:60px;height:64px;background:url(/resources/_Templet/Main/main_org03/Img/mban_logo.png) no-repeat 0 0;background-size:cover;}
#mIcban1 .list {display:flex;position:relative;width:70%;max-width:730px;padding:35px 0;margin-top:65px;border-radius: 20px;background:#FFF;box-shadow: 0px 5px 10px 0px rgba(55, 67, 89, 0.10);box-sizing:border-box;z-index:1;}
#mIcban1 .list > li {position:relative;width:33.33%;padding:0 35px;}
#mIcban1 .list > li:before {display:block;content:'';position:absolute;top:0;left:0;width:0;height:100%;border-left:2px dashed #ddd;}
#mIcban1 .list > li:first-child:before {display:none;}
#mIcban1 .list a {display:block;position:relative;text-align:center;}
#mIcban1 .list .sTit {display:block;color: #374359;font-size: 1.22222em;font-weight: 700;}
#mIcban1 .list .pIco {display:block;position:relative;width:70px;height:70px;margin:0 auto;background:url(/resources/_Img/MainModule/micban/l21/icon1.png) no-repeat 0 0;background-size:cover;transition:all .3s ease;}
#mIcban1 .list .pIco.icon2 {background-image:url(/resources/_Img/MainModule/micban/l21/icon2.png);}
#mIcban1 .list .pIco.icon3 {background-image:url(/resources/_Img/MainModule/micban/l21/icon3.png);}
#mIcban1 .list .pIco.icon4 {background-image:url(/resources/_Img/MainModule/micban/l21/icon4.png);}
#mIcban1 .list .pIco.icon5 {background-image:url(/resources/_Img/MainModule/micban/l21/icon5.png);}
#mIcban1 .list .pIco.icon6 {background-image:url(/resources/_Img/MainModule/micban/l21/icon6.png);}
#mIcban1 .list .pIco.icon7 {background-image:url(/resources/_Img/MainModule/micban/l21/icon7.png);}
#mIcban1 .list .pIco.icon8 {background-image:url(/resources/_Img/MainModule/micban/l21/icon8.png);}
#mIcban1 .list .pIco.icon9 {background-image:url(/resources/_Img/MainModule/micban/l21/icon9.png);}
#mIcban1 .list .pIco.icon10 {background-image:url(/resources/_Img/MainModule/micban/l21/icon10.png);}
#mIcban1 .list .pIco.icon11 {background-image:url(/resources/_Img/MainModule/micban/l21/icon11.png);}
#mIcban1 .list .pIco.icon12 {background-image:url(/resources/_Img/MainModule/micban/l21/icon12.png);}
#mIcban1 .list .pIco.icon13 {background-image:url(/resources/_Img/MainModule/micban/l21/icon13.png);}
#mIcban1 .list .pIco.icon14 {background-image:url(/resources/_Img/MainModule/micban/l21/icon14.png);}
#mIcban1 .list .pIco.icon15 {background-image:url(/resources/_Img/MainModule/micban/l21/icon15.png);}










#mIcban1 .list a:focus .pIco,
#mIcban1 .list a:hover .pIco {transform:translateY(-10px);}

@media all and (max-width:999px) {
	#mIcban1 {padding-bottom:0;}
	#mIcban1:before {height: calc(100% - 35px);}
	#mIcban1:after {bottom:0;right:-50px;width:400px;height:308px;}
	#mIcban1 .list {width:100%;max-width:initial;padding:20px 0;margin-top:40px;}
	#mIcban1 .list > li {padding:0 20px;}
	#mIcban1 .list .sTit {font-size: 1.15em;}
}
@media all and (max-width:599px) {
	#mIcban1 {padding-top:40px;}
	#mIcban1:after {bottom:20px;right:-50px;width:250px;height:192px;}
	#mIcban1 .dataTit {font-size: 1.25em;padding-left:0;padding-top:45px;padding-right:200px;}
	#mIcban1 .dataTit span {display:inline;}
	#mIcban1 .dataTit:before {width:35px;height:35px;}
	#mIcban1 .list {margin-top:20px;}
	#mIcban1 .list > li {padding:0 10px;}
	#mIcban1 .list .sTit {font-size: 1em;}
	#mIcban1 .list .pIco {width:60px;height:60px;}
}
@media all and (max-width:459px) {
	#mIcban1:after {bottom:80px;right:-30px;width:150px;height:115px;}
	#mIcban1 .dataTit {padding-right:50px;}
}


/* 배너2 */
.msec04 {padding-top:90px;padding-bottom:100px;}
#mIcban2 .list {width:100%;position:relative;display:flex;flex-direction: column;flex-wrap: wrap;justify-content: space-between; align-content: space-between;height:290px;}
#mIcban2 .list li:nth-child(1),
#mIcban2 .list li:nth-child(2) {width:21.78572%;height:100%;}
#mIcban2 .list li:nth-child(3),
#mIcban2 .list li:nth-child(4) {width:47.8572%;height:44.8276%;}
#mIcban2 .list a {position:relative;display:block;height:100%;padding:35px;box-sizing:border-box;border-radius: 20px;background: #839E00;box-shadow: 0px 10px 20px 0px rgba(55, 67, 89, 0.10);}
#mIcban2 .list .sEng {display:block;position:relative;color: #FFF;font-family:"Poppins", sans-serif;font-size: 0.94444em;opacity:0.5;}
#mIcban2 .list .sTit {display:inline-block;position:relative;color: #FFF;font-family:"ONE-Mobile-Title";font-size: 1.44444em;margin-top:10px;padding-right:35px;z-index:1;}
#mIcban2 .list .sTit:before {display:block;content:'';position:absolute;top:50%;right:0;margin-top:-1px;width:19px;height:3px;background:#fff;border-radius:5px;transition:all .3s ease;}
#mIcban2 .list .sTit:after {display:block;content:'';position:absolute;top:50%;right:8px;margin-top:-9px;width:3px;height:19px;background:#fff;border-radius:5px;transition:all .3s ease;}
#mIcban2 .list .pIco {display:block;position:absolute;bottom:0;right:41px;width:135px;height:135px;background:url(/resources/_Img/MainModule/micban/l22/ico1.png) no-repeat 0 0;background-size:100%;}
#mIcban2 .list .pIco.icon2 {background-image:url(/resources/_Img/MainModule/micban/l22/ico2.png);}
#mIcban2 .list .pIco.icon3 {background-image:url(/resources/_Img/MainModule/micban/l22/ico3.png);}
#mIcban2 .list .pIco.icon4 {background-image:url(/resources/_Img/MainModule/micban/l22/ico4.png);}
#mIcban2 .list .pIco.icon5 {background-image:url(/resources/_Img/MainModule/micban/l22/ico5.png);}
#mIcban2 .list .pIco.icon6 {background-image:url(/resources/_Img/MainModule/micban/l22/ico6.png);}
#mIcban2 .list .pIco.icon7 {background-image:url(/resources/_Img/MainModule/micban/l22/ico7.png);}
#mIcban2 .list .pIco.icon8 {background-image:url(/resources/_Img/MainModule/micban/l22/ico8.png);}
#mIcban2 .list .pIco.icon9 {background-image:url(/resources/_Img/MainModule/micban/l22/ico9.png);}
#mIcban2 .list .pIco.icon10 {background-image:url(/resources/_Img/MainModule/micban/l22/ico10.png);}
#mIcban2 .list .n2 a {background: #0EA063;}
#mIcban2 .list .n3 a {background: #4384CE;}
#mIcban2 .list .n4 a {background: #374359;}

#mIcban2 .list a:focus .sTit:before,
#mIcban2 .list a:hover .sTit:before,
#mIcban2 .list a:focus .sTit:after,
#mIcban2 .list a:hover .sTit:after {transform:rotate(-180deg);}

@media all and (max-width:999px) {
	.msec04 {padding-top:100px;padding-bottom:50px;}
	#mIcban2 .list li:nth-child(1),
	#mIcban2 .list li:nth-child(2) {width:25%;}
	#mIcban2 .list li:nth-child(3),
	#mIcban2 .list li:nth-child(4) {width:45%;}
	#mIcban2 .list .pIco {right:20px;width:100px;height:100px;}
}
@media all and (max-width:799px) {
	.msec04 {padding-top:30px;padding-bottom:20px;}
	#mIcban2 .list {height:auto;row-gap:10px;}
	#mIcban2 .list li {width:100% !important;height:auto;}
	#mIcban2 .list a {padding:25px;border-radius: 10px;}
	#mIcban2 .list .sEng {font-size: 0.85em;}
	#mIcban2 .list .sTit {font-size: 1.2em;padding-right:25px;}
	#mIcban2 .list .sTit:before {margin-top:-1px;width:12px;height:2px;}
	#mIcban2 .list .sTit:after {right:5px;margin-top:-6px;width:2px;height:12px;}
	#mIcban2 .list .pIco {width:75px;height:75px;}
}
@media all and (max-width:499px) {
	#mIcban2 .list .pIco {bottom:auto;top:50%;width:55px;height:55px;transform:translateY(-50%);}
}