@charset "utf-8";
#mcontainer-wrap {position:relative;width:100%;font-size:18px;line-height:1.667em;}
#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;}
.mVisual-wr .dataList .swiperBox {min-height:860px;}
.mVisual-wr .dataList .imgBox {display:block;position:absolute;bottom:0;left:0;width:100%;height:440px;border-radius: 50px 50px 0px 0px;overflow:hidden;opacity:0;transition:all .3s ease-out;}
.mVisual-wr .dataList .imgBox img {position:absolute;top:0;left:50%;width:auto;height:100%;transform:translateX(-50%);}

.mVisual-wr .dataList .txtBox {width:100%;max-width:750px;box-sizing:border-box;text-align:left;z-index:1;padding-top:90px;padding-right:50px;}
.mVisual-wr .dataList .pTxt1 {display:none;}
.mVisual-wr .dataList .pTxt2 {overflow:hidden;}
.mVisual-wr .dataList .pTxt2 .t1 {display:block;color:#86A103;font-size:1.111em;font-size:600;font-family:"Poppins", sans-serif;opacity:0;transition:all .3s ease-out;}
.mVisual-wr .dataList .pTxt2 .t2 {display:block;color:#000;font-size:2.222em;font-weight:700;line-height:1.2em;padding-top:20px;opacity:0;transition:all .3s ease-out .3s;}
.mVisual-wr .dataList .swiper-slide.swiper-slide-active .pTxt2 .t1 {opacity:1;animation: txtUp 0.6s 0.2s;animation-fill-mode: both;}
.mVisual-wr .dataList .swiper-slide.swiper-slide-active .pTxt2 .t2 {opacity:1;animation: txtUp 0.6s 0.4s;animation-fill-mode: both;}
.mVisual-wr .dataList .swiper-slide.swiper-slide-active .imgBox {opacity:1;}

.mVisual-wr .data-ctrl {position:absolute;bottom:520px;left:0;box-sizing:border-box;z-index:2;}
.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;}

@keyframes txtUp {
  from {
    -webkit-transform:translate3d(0, 50px, 0);
    transform:translate3d(0, 50px, 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 {max-width: calc(100% - 600px);}
	.mVisual-wr .dataList .txtBox br {display:none}
}
@media all and (max-width:1199px) {
	.mVisual-wr .dataList .swiperBox {padding-bottom:0;min-height:initial;}
	.mVisual-wr .dataList .imgBox {position:relative;bottom:auto;left:auto;height:auto;border-radius: 30px 30px 0px 0px;}
	.mVisual-wr .dataList .imgBox img {position:relative;top:auto;left:auto;width:100%;height:auto;transform:none;}
	.mVisual-wr .dataList .txtBox {max-width:100%;padding-top:30px;padding-right:0;padding-bottom:30px;}
	.mVisual-wr .dataList .pTxt2 br {display:none;}
	.mVisual-wr .data-ctrl {bottom:20px;left:50%;transform:translateX(-50%);}
}
@media all and (max-width:999px) {
	.mVisual-wr .dataList .pTxt2 .t1 {font-size:1em;}
	.mVisual-wr .dataList .pTxt2 .t2 {font-size:1.75em;padding-top:15px;}
}
@media all and (max-width:599px) {
	.mVisual-wr .dataList .swiperBox {padding-bottom:220px;}
	.mVisual-wr .dataList .imgBox {position:absolute;bottom:0;left:0;width:100%;height:200px;}
	.mVisual-wr .dataList .imgBox img {position:absolute;top:0;left:50%;width:auto;height:100%;transform:translate(-50%);}
	.mVisual-wr .dataList .txtBox {padding-top:20px;padding-bottom:0;}
}

/* ==============================
 * 메인위젯
================================= */

/* 공통 */
.msec {position:relative;max-width:1440px;box-sizing:border-box;padding:0 20px;margin:0 auto;}


/** -- micban */
.mban-box {position:absolute;top:110px;right:20px;z-index:2;}
#mIcban1 ul {display:flex;flex-wrap:wrap;justify-content:space-between;max-width:600px;row-gap:50px;}
#mIcban1 ul > li {width:46.25%;}
#mIcban1 a {position:relative;display:block;padding:0 0 0 58px;}
#mIcban1 .pIco {display:block;position:absolute;top:0;left:0;width:42px;height:42px;border-radius:50%;transition:all .3s ease;}
#mIcban1 .n1 .pIco {background-color:#009FBF;background-repeat:no-repeat;background-position:50% 50%;}
#mIcban1 .n2 .pIco {background-color:#005667;background-repeat:no-repeat;background-position:50% 50%;}
#mIcban1 .n3 .pIco {background-color:#1F8A9F;background-repeat:no-repeat;background-position:50% 50%;}
#mIcban1 .n4 .pIco {background-color:#86A103;background-repeat:no-repeat;background-position:50% 50%;}

#mIcban1 .icon1 {background-image:url(/resources/_Img/MainModule/micban/l14/iconD1.png);}
#mIcban1 .icon2 {background-image:url(/resources/_Img/MainModule/micban/l14/iconD2.png);}
#mIcban1 .icon3 {background-image:url(/resources/_Img/MainModule/micban/l14/iconD3.png);}
#mIcban1 .icon4 {background-image:url(/resources/_Img/MainModule/micban/l14/iconD4.png);}
#mIcban1 .icon5 {background-image:url(/resources/_Img/MainModule/micban/l14/iconD5.png);}
#mIcban1 .icon6 {background-image:url(/resources/_Img/MainModule/micban/l14/iconD6.png);}
#mIcban1 .icon7 {background-image:url(/resources/_Img/MainModule/micban/l14/iconD7.png);}
#mIcban1 .icon8 {background-image:url(/resources/_Img/MainModule/micban/l14/iconD8.png);}
#mIcban1 .icon9 {background-image:url(/resources/_Img/MainModule/micban/l14/iconD9.png);}
#mIcban1 .icon10 {background-image:url(/resources/_Img/MainModule/micban/l14/iconD10.png);}

#mIcban1 .sTit {display:inline-block;position:relative;color: #000;font-size: 1.389em;font-weight: 700;letter-spacing: -1.25px;word-break:break-all;padding-right:38px;transition:all .3s ease;word-break:keep-all}
#mIcban1 .sTit:before {display:block;content:'';position:absolute;top:2px;right:0;width:20px;height:20px;background:#000;border-radius:50%;transition:all .3s ease;}
#mIcban1 .sTit span:before {display:block;content:'';position:absolute;top:11px;right:6px;width:8px;height:2px;background:#fff;transition:all .3s ease;}
#mIcban1 .sTit span:after {display:block;content:'';position:absolute;top:8px;right:6px;width:0;height:0;border:4px solid transparent;border-left:4px solid #fff;border-right:0;transition:all .3s ease;}
#mIcban1 .sTxt {display:block;color:#686868;font-size:0.889em;letter-spacing: -0.8px;padding-top:10px;line-height:1.2em;}

#mIcban1 a:focus .pIco,
#mIcban1 a:hover .pIco {box-shadow: 0px 5px 10px 0px rgba(55, 67, 89, 0.2);}
#mIcban1 a:focus .sTit:before,
#mIcban1 a:hover .sTit:before {right:5px;}
#mIcban1 a:focus .sTit span:before,
#mIcban1 a:hover .sTit span:before {right:11px;}
#mIcban1 a:focus .sTit span:after,
#mIcban1 a:hover .sTit span:after {right:11px;}

@media all and (max-width:1199px) {
	.mban-box {position:relative;top:auto;right:auto;padding-top:40px;padding-bottom:40px;}
	#mIcban1 ul {max-width:100%;}
	#mIcban1 ul > li {width:23%;}
}
@media all and (max-width:999px) {
	#mIcban1 ul {row-gap:10px;}
	#mIcban1 ul > li {width:46.25%;}
	#mIcban1 .sTit {font-size: 1.15em;}
	#mIcban1 .sTxt {font-size:0.75em;padding-top:5px;}
}
@media all and (max-width:499px) {
	#mIcban1 ul > li {width:100%;}
	#mIcban1 a {padding-top:5px;}
}


/** -- msec02 */
.msec02 {position:relative;display:flex;justify-content:space-between;z-index:1;}
.msec02:before {display:block;content:'';position:absolute;top:0;right:25%;width:1320px;height:780px;border-radius: 0px 0px 122px 0px;background:#F8F9FE;z-index:-1;}
.msec02:after {display:block;content:'';position:absolute;top:100px;left:18%;width:1420px;height: calc(100% - 165px);border-radius: 0px 0px 0px 180px;background:#313742;z-index:-1;}
.msec02 .sideL {position:relative;padding-top:190px;}
.msec02 .sideR {position:relative;padding-top:440px;}
.msec02 .sideR:before {display:block;content:'';position:absolute;top:355px;right:-57px;width: 215px;height: 221px;border-radius: 55px;opacity: 0.6;background:#0EA2A4;animation: msec-deco1 30s linear infinite;animation-fill-mode: both;}

.msec02 a {position:relative;display:block;}
.msec02 .pImg {display:block;position:relative;overflow:hidden;border-radius: 60px;width:400px;height:0;padding-top:122.5%;}
.msec02 .pImg:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.20);z-index:1;}
.msec02 .pImg img {position:absolute;top:50%;left:50%;width:100%;transition:all .8s ease;transform:translate(-50%, -50%);}

.msec02 .pStr {display:flex;flex-direction: column;align-items: flex-start;z-index:2;width:500px;}
.msec02 .pStr .sEng {display:inline-block;font-family: "Poppins";font-size:1.75em;font-weight: 700;line-height:1.3em;background:linear-gradient(90deg, #009FBF 0%, #86A103 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.msec02 .pStr .sTit {display:inline-block;position:relative;color:#F8F9FE;font-size:2.222em;line-height:1.2em;font-weight: 700;word-break:break-all;margin-top:20px;padding-right:50px;}
.msec02 .pStr .sTit:before {display:block;content:'';position:absolute;top:-2px;right:14px;width:4px;height:32px;background:#86A103;border-radius:6px;transition:all .3s ease;}
.msec02 .pStr .sTit:after {display:block;content:'';position:absolute;top:12px;right:0;width:32px;height:4px;background:#86A103;border-radius:6px;transition:all .3s ease;}
.msec02 .pStr .sTxt {display:block;color:#FFF;font-size:0.889em;font-weight:400;line-height: 130%;padding-top:20px;}
.msec02 a:focus .pImg img,
.msec02 a:hover .pImg img {transform:translate(-50%, -50%) scale(1.1);}
.msec02 a:focus .sTit:before,
.msec02 a:hover .sTit:before,
.msec02 a:focus .sTit:after,
.msec02 a:hover .sTit:after {transform:rotate(180deg);}

.msec02 .sideL .pStr {position:absolute;top:50px;left:440px;}
.msec02 .sideR .pStr {position:absolute;bottom:185px;right:440px;align-items: flex-end;text-align:right;}

@keyframes msec-deco1 {
	100% {
		-webkit-transform: rotateZ(360deg);
		-moz-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}
@media all and (max-width:1439px) {
	.msec02 .pStr {/*width:auto;*/}
}
@media all and (max-width:1199px) {
	.msec02:before {height:650px;}
	.msec02 .sideL {width:50%;}
	.msec02 .sideR {width:50%;padding-top:380px;}
	.msec02 .sideR:before {top:300px;width:150px;height: 150px;border-radius:30px;}
	.msec02 .sideR a {display:flex;justify-content: flex-end;}
	.msec02 .pImg {width:60%;padding-top:73.0555%;}
	.msec02 .sideL .pStr {top:30px;left:65%;}
	.msec02 .sideR .pStr {bottom:100px;right:65%;}

	.msec02 .pStr .sEng {font-size:1.5em;}
	.msec02 .pStr .sTit {font-size:1.5em;}
	.msec02 .pStr .sTxt {font-size:0.75em;}
}
@media all and (max-width:999px) {
	.msec02:before {height: calc(100% - 100px);border-radius: 0px 0px 80px 0px;}
	.msec02:after {top:30px;height: calc(100% - 60px);border-radius: 0px 0px 0px 120px;}
	.msec02 .sideL {padding-top:50px;}
	.msec02 .sideR {padding-top:250px;}
}
@media all and (max-width:899px) {
	.msec02:before {right:15%;border-radius: 0px 0px 60px 0px;}
	.msec02:after {top:30px;left:10%;height: calc(100% - 55px);border-radius: 0px 0px 0px 80px;}
	.msec02 .pImg {border-radius: 40px;}
	.msec02 .pStr {width:60%;}

	.msec02 .sideL {padding-top:50px;}
	.msec02 .sideR {padding-top:250px;}
	.msec02 .sideR:before {top:210px;right:-27px;width:100px;height:100px;}
	.msec02 .sideR .pStr {top:auto;bottom:60px;}
}
@media all and (max-width:699px) {
	.msec02 .pStr .sEng {font-size:1.25em;}
	.msec02 .pStr .sTit {font-size:1.25em;}
	.msec02 .pStr .sTxt {font-size:0.833em;}
}
@media all and (max-width:599px) {
	.msec02 {display:block;padding-bottom:30px;}
	.msec02:before {}
	.msec02:after {top:0;left:50px;height:100%;border-radius: 0px 0px 0px 40px;}

	.msec02 a {display:flex;align-items: center;}
	.msec02 .pImg {border-radius: 20px;width:150px;padding-top:34.4%;}
	.msec02 .pStr .sEng {font-size:1em;}
	.msec02 .pStr .sTit {font-size:1em;padding-right:40px;margin-top:10px;}
	.msec02 .pStr .sTit:before {top:0;right:10px;width:2px;height:22px;}
	.msec02 .pStr .sTit:after {top:10px;right:0;width:22px;height:2px;}
	.msec02 .pStr .sTxt {font-size:0.75em;padding-top:10px;white-space:initial;}
	.msec02 .pStr .sTxt br {display:none;}

	.msec02 .sideL {width:100%;padding-top:30px;}
	.msec02 .sideR {width:100%;padding-top:30px;}
	.msec02 .sideR:before {top:-10px;right:-20px;width:80px;height:80px;border-radius:20px;}
	.msec02 .sideR a {flex-direction: row-reverse;justify-content: flex-start;}
	.msec02 .sideL .pStr {position:relative;top:auto;left:auto;padding-left:20px;}
	.msec02 .sideR .pStr {position:relative;bottom:auto;right:auto;padding-right:20px;padding-left:60px;}
}


/** -- msec02 */
.msec03 {position:relative;display:flex;justify-content:space-between;}
.msec03 .sideL:before {display:block;content:'';position:absolute;top:-173px;right:50px;width:910px;height: calc(100% + 173px);border-radius: 0px 0px 122px 0px;background:#005667;border-radius: 0px 0px 180px 0px;z-index:-1;}
.msec03 .sideL {position:relative;width:50%;padding-top:25px;padding-right:17%;padding-bottom:100px;box-sizing:border-box;}
.msec03 .sideR {position:relative;width:50%;padding-top:100px;padding-left:90px;padding-bottom:75px;box-sizing:border-box;}

@media all and (max-width:1199px) {
	.msec03 .sideR {padding-top:50px;}
}
@media all and (max-width:1299px) {
	.msec03 .sideL {padding-right:110px;}
	.msec03 .sideR {padding-left:0;}
}
@media all and (max-width:999px) {
	.msec03 {display:block;}
	.msec03 .sideL:before {top:-173px;right:-20px;width:200%;height: calc(100% + 173px);border-radius: 0px 0px 40px 0px;}
	.msec03 .sideL {width:100%;padding-right:0;padding-bottom:30px;}
	.msec03 .sideR {width:100%;padding-top:30px;padding-left:0;padding-bottom:0;}
}


/** -- mTabBoard */
#mTabBoard {position:relative;height:400px;box-sizing:border-box;padding-right:50px;}
#mTabBoard .dataTit {color:#fff;font-size:2.22222em;font-weight:700 !important;padding-bottom:40px;}
#mTabBoard dl {display:inline-block;vertical-align:middle;}
#mTabBoard dl dt {display:inline-block;position:relative;text-align:left;padding-left:40px;}
#mTabBoard dl dt:before {display:block;content:'';position:absolute;top:14px;left:16px;width: 5px;height: 5px;background:#D9D9D9;border-radius:50%;}
#mTabBoard dl dt a {display:block;position:relative;background:none;padding-left:0;transition:all .3s ease}
#mTabBoard dl dt a:before {display:none;content:'';position:absolute;top:1px;left:0;width: 30px;height: 30px;background:#ABCD05;border-radius:50%;}
#mTabBoard dl dt a:after {display:none;content:'';position:absolute;top:6px;left:8px;width:18px;height:7px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg);}
#mTabBoard dl dt a span {display:inline-block;color: rgba(255, 255, 255, 0.60);font-size:1.111em;vertical-align:middle;transition:all .3s ease}
#mTabBoard dl dt a span:before {display:none;content:'';position:absolute;bottom:-5px;left:0;width:100%;height:8px;background:rgba(171, 205, 5, 0.20);z-index:-1;}
#mTabBoard dl dd {display:none;text-align:left}
#mTabBoard ul {width:100%;box-sizing:border-box;}
#mTabBoard ul li a {display:block;position:relative;border-bottom:1px solid rgba(204, 204, 204, 0.30);padding:30px 0;box-sizing:border-box;transition:all .3s ease;}
#mTabBoard ul li a .txt-box {display:block;position:relative;padding-left:100px;}
#mTabBoard ul li a .sCate {position:absolute;top:6px;left:0;width:100px;padding-right:10px;color:#BFE700;font-weight:700;line-height:1.1em;word-break:break-all;transition:all .3s ease;font-size:15px}
#mTabBoard ul li a .newMark {display:inline-flex;align-items:center;justify-content:center;background:#ABCD05;width:26px;height:26px;border-radius:50%;margin-right:10px;}
#mTabBoard ul li a .newMark:before {display:block;content:'N';font-family: "Poppins";font-size:15px;font-weight:bold;color:#fff;}
#mTabBoard ul li a .sTit {display:block;width:auto;font-size:1.111em;color:#fff;font-weight:700;width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;z-index:1;transition:all .3s ease;}
#mTabBoard ul li a .sTit .tit {text-decoration:none;background-image: linear-gradient(rgba(255, 255, 255,0), rgba(255, 255, 255,0)),linear-gradient(#fff, #fff);background-size: 100% 1px, 0 1px; background-position: 100% 100%, 0 100%;background-repeat: no-repeat;transition: background-size .3s linear;}
#mTabBoard ul li a .sDate {display:block;color:#FFF;font-size:0.94em;padding-top:2px;opacity: 0.6;transition:all .3s ease;}
#mTabBoard ul li.no-data {margin-top:0;height:246px;box-sizing:border-box;width:100%;color:#fff;border-bottom:0 solid rgba(204, 204, 204, 0.30);}
#mTabBoard ul li a:focus .sTit .tit,
#mTabBoard ul li a:hover .sTit .tit {background-size: 0 1px, 100% 1px;}
#mTabBoard dl.first dt {padding-left:0;}
#mTabBoard dl.first dt:before {display:none;}
#mTabBoard dl.isOn dt a {padding-left:40px;}
#mTabBoard dl.isOn dt a:before {display:block;}
#mTabBoard dl.isOn dt a:after {display:block;}
#mTabBoard dl.isOn dt a span {color:#fff;font-family:'ONE-Mobile-Title', sans-serif;}
#mTabBoard dl.isOn dt a span:before {display:block;}
#mTabBoard dl.isOn dd {display:inline-block;position:absolute;left:0;top:155px;width:100%;}
#mTabBoard .dataMore {position:absolute;top:-88px;right:0;width:32px;height:32px;transition:all .3s ease;}
#mTabBoard .dataMore:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:4px;background:#86A103;border-radius:4px;}
#mTabBoard .dataMore:after {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:4px;height:100%;background:#86A103;border-radius:4px;}
#mTabBoard .dataMore:focus,
#mTabBoard .dataMore:hover {transform:rotate(180deg);}

@media all and (max-width:999px) {
	#mTabBoard {height:300px;padding-right:30px;}
	#mTabBoard .dataTit {font-size:2em;padding-bottom:30px;}
	#mTabBoard dl dt {padding-left:20px;}
	#mTabBoard dl dt:before {top:10px;left:6px;}
	#mTabBoard dl dt a:before {top:-1px;width:26px;height:26px;}
	#mTabBoard dl dt a:after {top:5px;left:8px;width:14px;height:5px;}
	#mTabBoard ul li a {padding:20px 0;}

	#mTabBoard dl.isOn dt a {padding-left:35px;}
	#mTabBoard dl.isOn dd {top:100px;}
	#mTabBoard .dataMore {top:-47px;width:26px;height:26px;}
}
@media all and (max-width:599px) {
	#mTabBoard .dataTit {font-size:1.5em;}
}
@media all and (max-width:499px) {
	#mTabBoard {height:340px;}
	#mTabBoard ul li a .txt-box {padding-left:0;}
	#mTabBoard ul li a .sCate {display:block;position:relative;top:auto;left:auto;width:auto;padding-right:0;padding-bottom:10px;}
}


/** -- mTabBoard */
#mIcban2 a {display: flex;position:relative;width:100%;height: 180px;padding: 60px 50px 60px 170px;align-items: center;border-radius: 30px;background:#DDE7F5;box-sizing:border-box;transition:all .3s ease;}
#mIcban2 .pIco {display:block;position:absolute;top:50%;left:45px;width:99px;height:99px;background:no-repeat 0 0;background-size:100% auto;transform:translateY(-50%);transition:all .3s ease;}
#mIcban2 .pIco.icon1 {background-image:url("/resources/_Img/MainModule/micban/l12/ico1.png");}
#mIcban2 .pIco.icon2 {background-image:url("/resources/_Img/MainModule/micban/l12/ico2.png");}
#mIcban2 .pIco.icon3 {background-image:url("/resources/_Img/MainModule/micban/l12/ico3.png");}
#mIcban2 .pIco.icon4 {background-image:url("/resources/_Img/MainModule/micban/l12/ico4.png");}
#mIcban2 .pIco.icon5 {background-image:url("/resources/_Img/MainModule/micban/l12/ico5.png");}
#mIcban2 .pIco.icon6 {background-image:url("/resources/_Img/MainModule/micban/l12/ico6.png");}
#mIcban2 .pIco.icon7 {background-image:url("/resources/_Img/MainModule/micban/l12/ico7.png");}
#mIcban2 .pIco.icon8 {background-image:url("/resources/_Img/MainModule/micban/l12/ico8.png");}
#mIcban2 .pIco.icon9 {background-image:url("/resources/_Img/MainModule/micban/l12/ico9.png");}
#mIcban2 .pIco.icon10 {background-image:url("/resources/_Img/MainModule/micban/l12/ico10.png");}

#mIcban2 .sTxt {display:block;color: #000;font-size: 1.111em;padding-bottom:15px;}
#mIcban2 .sTit {display:inline-block;position:relative;color:#374359;font-family:'ONE-Mobile-Title', sans-serif;font-size:1.44444em;padding-right:38px;transition:all .3s ease;}
#mIcban2 .sTit:before {display:block;content:'';position:absolute;top:5px;right:0;width:20px;height:20px;background:#000;border-radius:50%;transition:all .3s ease;}
#mIcban2 .sTit span:before {display:block;content:'';position:absolute;top:14px;right:6px;width:8px;height:2px;background:#fff;transition:all .3s ease;}
#mIcban2 .sTit span:after {display:block;content:'';position:absolute;top:11px;right:6px;width:0;height:0;border:4px solid transparent;border-left:4px solid #fff;border-right:0;transition:all .3s ease;}

#mIcban2 li:first-child {padding-bottom:50px;}
#mIcban2 li:first-child a {background:#E7F4F4;}

#mIcban2 a:focus .pIco,
#mIcban2 a:hover .pIco {margin-top:10px;}
#mIcban2 a:focus .sTit:before,
#mIcban2 a:hover .sTit:before {right:5px;}
#mIcban2 a:focus .sTit span:before,
#mIcban2 a:hover .sTit span:before {right:11px;}
#mIcban2 a:focus .sTit span:after,
#mIcban2 a:hover .sTit span:after {right:11px;}

@media all and (max-width:999px) {
	#mIcban2 a {height: 150px;padding:20px 20px 20px 170px;border-radius:20px;}
	#mIcban2 li:first-child {padding-bottom:20px;}
}
@media all and (max-width:599px) {
	#mIcban2 a {height:auto;padding:30px 20px 30px 85px;border-radius:20px;}
	#mIcban2 .pIco {left:10px;width:70px;height:70px;}
	#mIcban2 .sTxt {font-size: 1em;padding-bottom:5px;}
	#mIcban2 .sTit {font-size:1.2em;padding-right:30px;}
	#mIcban2 li:first-child {padding-bottom:10px;}
}


/** -- mInterview */
.msec04 {padding-top:70px;}
.mInterview {position:relative;padding: 36px 220px 25px 40px;border-radius: 30px;background:#DEEFF9;background:linear-gradient(90deg, #ECF6F7 51.75%, #ECF6F7 51.76%, #DEEFF9 100.35%, rgba(236, 246, 247, 0.00) 100.36%);display:flex;align-items: flex-start;}
.mInterview .mtit {font-size:1.333em;width:214px;}
.mInterview .mInterview-swiper {flex:1 1 0;}
.mInterview .imgBox {position:relative;width:124px;height:124px;border-radius:50%;overflow:hidden;display:none;}
.mInterview .imgBox img {width:100%;}
.mInterview .txtBox {position:relative;width:100%;display:flex;flex-wrap:wrap;}
.mInterview .txtBox span {position:relative;display:inline-block;}
.mInterview .txtBox .tits {color:#0EA2A4;font-size:1.222em;opacity: 0.6;font-family: "Poppins";font-weight:500;display:none;}
.mInterview .txtBox .name {color:#374359;font-size:0.889em;font-weight:bold;padding-right:4px;}
.mInterview .txtBox .info {color:#374359;font-size:0.889em;padding-right:4px;}
.mInterview .txtBox .info .dept {padding-right:4px;}
.mInterview .txtBox .info .deptnum {}
.mInterview .txtBox .txt {width:100%;color:#111;font-weight:bold;padding-top:7px;}
.mInterview .txtBox .txt > span {max-width:100%;box-sizing:border-box;color:#111;font-weight:bold;padding:0 8px;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;}
.mInterview .txtBox .txt > span:before {display:block;content:'“';position:absolute;top:0;left:0;color:#111;font-weight:bold;}
.mInterview .txtBox .txt > span:after  {display:block;content:'”';position:absolute;top:0;right:0;color:#111;font-weight:bold;}
.mInterview .txtBox .btnMores {display:none !important;}

.mInterview a:focus .txtBox .txt > span,
.mInterview a:hover .txtBox .txt > span {background-size: 0 1px, 100% 1px;}

.mInterview .btnMore {position:absolute;top:40px;right:40px;width:19px;height:19px;}
.mInterview .btnMore:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:3px;border-radius:3px;background:#1F899F;}
.mInterview .btnMore:after {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:3px;height:100%;border-radius:3px;background:#1F899F;}

.mInterview .data-ctrl {position:absolute;top:40px;right:63px;}
.mInterview .data-pkgs {display:flex;}
.mInterview .data-ctrl button {position:relative;width:26px;height:19px;border:0;background:none;transition:all .3s ease;}
.mInterview .data-ctrl .btn-prev:before,
.mInterview .data-ctrl .btn-next:before {display:block;content:'';position:absolute;top:0;bottom:0;margin:auto 0;width:10px;height:10px;border-bottom:3px solid #374359;border-right:3px solid #374359;transform:rotate(-45deg);transition:all .3s ease;}
.mInterview .data-ctrl .btn-prev:before {left:11px;transform:rotate(135deg);}
.mInterview .data-ctrl .btn-next:before {right:9px;}
.mInterview .data-ctrl .data-auto {display:none;}

@media all and (max-width:999px) {
	.msec04 {padding-top:30px;}
	.mInterview {display:block;padding: 40px 40px 20px 40px;}
	.mInterview .mtit {padding-bottom:20px;}
}
@media all and (max-width:599px) {
	.mInterview {padding:30px 30px 20px 30px;}
	.mInterview .txtBox .name {width:100%;padding-right:0;}
	.mInterview .btnMore {top:30px;right:30px;}
	.mInterview .data-ctrl {top:30px;right:53px;}
}


/** -- mTabGallery */
.msec05 {padding-top:90px;padding-bottom:130px;}
#mGallery {position:relative;width:100%;}
#mGallery .dataTit {color:#111;font-size:2.22222em;font-weight:700;}
#mGallery .dataTxt {color:#999;font-size: 0.94444em;font-weight: 700;line-height: 140%;padding-top:20px;}


#mGallery .dataMore {display:block;position:absolute;top:0;right:7px;width:32px;height:32px;transition:all .3s ease;}
#mGallery .dataMore:before {display:block;content:'';position:absolute;top:0;right:14px;width:4px;height:100%;background:#1F8A9F;border-radius:4px;transition:all .3s ease;}
#mGallery .dataMore:after {display:block;content:'';position:absolute;top:14px;right:0;width:100%;height:4px;background:#1F8A9F;border-radius:4px;transition:all .3s ease;}

#mGallery .inbox {position:relative;padding:60px 70px 0 70px;}
#mGallery .mGallery-sld {width:100%;}
#mGallery .mGallery-sld a {display:block;}
#mGallery .img-box {display:block;position:relative;width:100%;height:0;overflow:hidden;padding-top:75%;border-radius: 30px;}
#mGallery .img-box img {position:absolute;top:0;left:50%;min-width:100%;height:100%;transform:translateX(-50%);transition:all .6s ease;}
#mGallery .txt-box {display:block;padding-top:15px;}
#mGallery .txt-box .s-tit {display:block;font-size: 1.22222em;line-height: 130%;color:#111;font-weight:bold;height:58px;overflow:hidden;word-wrap: break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;transition:all .3s ease;}
#mGallery .txt-box .s-tit span {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;}
#mGallery .txt-box .s-date {display:block;color:#878787;padding-top:10px;}

#mGallery a:focus .img-box img,
#mGallery a:hover .img-box img {transform:translateX(-50%) scale(1.1);}
#mGallery a:focus .txt-box .s-tit span,
#mGallery a:hover .txt-box .s-tit span {background-size: 0 1px, 100% 1px;}
#mGallery .no-data {width:100%;text-align:center;padding-top:140px;font-size:14px;color:#555;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat center 30px;box-sizing:border-box;}

#mGallery .data-ctrl button {position:absolute;top:50%;width:21px;height:32px;background:none;border:0;transform:rotate(-50%);transition:all .3s ease;}
#mGallery .data-ctrl .btn-prev {left:0;}
#mGallery .data-ctrl .btn-next {right:0;}
#mGallery .data-ctrl .btn-prev:before,
#mGallery .data-ctrl .btn-next:before {display:block;content:'';position:absolute;top:0;bottom:0;margin:auto 0;width:20px;height:20px;border-bottom:3px solid #313742;border-right:3px solid #313742;transform:rotate(-45deg);transition:all .3s ease;}
#mGallery .data-ctrl .btn-prev:before {left:5px;transform:rotate(135deg);}
#mGallery .data-ctrl .btn-next:before {right:5px;}
#mGallery .data-ctrl .data-auto {display:none;}
#mGallery .data-ctrl .btn-prev:focus:before,
#mGallery .data-ctrl .btn-prev:hover:before {left:15px;}
#mGallery .data-ctrl .btn-next:focus:before,
#mGallery .data-ctrl .btn-next:hover:before {right:15px;}

#mGallery .dataMore {position:absolute;top:0;right:0;display:inline-block;width:32px;height:32px;background:none;transition:all .3s ease;}
#mGallery .dataMore:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:4px;background:#313742;border-radius:4px;}
#mGallery .dataMore:after {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:4px;height:100%;background:#313742;border-radius:4px;}
#mGallery .dataMore:focus,
#mGallery .dataMore:hover {transform:rotate(180deg);}

@media all and (max-width:999px) {
	.msec05 {padding-top:40px;padding-bottom:50px;}
	#mGallery .dataTit {font-size:2em;}
	#mGallery .dataTxt {padding-top:15px;}
	#mGallery .inbox {padding:20px 50px 0 50px;}
	#mGallery .img-box {border-radius:20px;}
	#mGallery .txt-box .s-tit {font-size: 1.125em;height:50px;}
}
@media all and (max-width:768px) {
	#mGallery .txt-box .s-tit {height:48px;}
	#mGallery .dataMore {top:-4px;}
}
@media all and (max-width:599px) {
	#mGallery .dataTit {font-size:1.5em;}
	#mGallery .inbox {padding:20px 40px 0 40px;}
	#mGallery .txt-box .s-tit {height:45px;}
	#mGallery .data-ctrl .btn-prev:focus:before,
	#mGallery .data-ctrl .btn-prev:hover:before {left:5px;}
	#mGallery .data-ctrl .btn-next:focus:before,
	#mGallery .data-ctrl .btn-next:hover:before {right:5px;}
	#mGallery .dataMore {width:26px;height:26px;}
}