@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}
}

/*  메인 상단 배경 수정 */
#header .logo a img {-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
#header .logo a .logo-txt {color:#fff;}
#gNavi .srvc-sec .srvcLink > a > span {color:#fff;}

@media all and (min-width:1000px) and (max-width:1799px) {
	#header {background:none;}
	#header-wrap:after {display:block;content:'';position:absolute;top:100px;left:0;width:100%;height:70px;border-top:1px solid #fff;border-bottom:1px solid #fff;box-sizing:border-box;z-index:10;opacity:0.07;}
	#mainNavi .depth2-wrap {top:50px;}
	.pc-topMenu-open #header {background:#fff;}
}
@media all and (min-width:1000px){
	#header .decoBg {display:none;}
	#header .logo {background:none;}
	#header .logo a:before,
	#menu-wrap:before,
	#menu-wrap:after {display:none;}
	#mainNavi-wrap:before {top:100px;}
	#mainNavi-wrap:after {display:none;}
	#mainNavi-wrap #mainNavi .depth1-ul:after {display:none;}
	#mainNavi .mn_a1 > span {color:#fff;}

	.pc-topMenu-open #header .logo a:before,
	.pc-topMenu-open #menu-wrap:before,
	.pc-topMenu-open #menu-wrap:after {display:block;}
	.pc-topMenu-open #header .logo a img {-webkit-filter:none;filter:none;}
	.pc-topMenu-open #header .logo a .logo-txt {color:#009FBF;}
	.pc-topMenu-open #gNavi .srvc-sec .srvcLink > a > span {color:#000;}
	.pc-topMenu-open #mainNavi-wrap:before {top:0;}
	.pc-topMenu-open #mainNavi-wrap:after {display:block;}
	.pc-topMenu-open #mainNavi-wrap #mainNavi .depth1-ul:after {display:block;}
	.pc-topMenu-open #mainNavi .mn_a1 > span {color:#000;}


}
@media all and (max-width:999px){
	#header {background:none;box-shadow:none;}
	#header .logo a:before {display:none;}
}

/* ==============================
 * 메인비쥬얼
================================= */
/* 메인비쥬얼 */
.msec01 {position:relative;width:100%;height:420px;}
.mVisual-wr {position:absolute;top:-100px;left:0;width:100%;height:520px;}
.mVisual-wr .dataList .swiper-slide {}
.mVisual-wr .dataList .imgBox {display:block;position:relative;height:520px;}
.mVisual-wr .dataList .imgBox img {position:absolute;top:0;left:50%;width:auto;height:100%;transform:translate(-50%);}

.mVisual-wr .dataList .txtBox {position:absolute;bottom:170px;left:50%;z-index:1;max-width:1440px;width:100%;padding:0 20px;box-sizing:border-box;transform:translate(-50%);text-align:left;}
.mVisual-wr .dataList .pTxt1 {display:none;}
.mVisual-wr .dataList .pTxt2 {overflow:hidden;max-width:61.572%;}
.mVisual-wr .dataList .pTxt2 .t1 {display:block;color:#2DC1DC;font-size:2.389em;line-height:1em;font-family:"Poppins", sans-serif;opacity:0;transition:all .3s ease-out;}
.mVisual-wr .dataList .pTxt2 .t2 {display:block;color:#fff;font-size:2.222em;line-height:1.2em;font-family:"ONE-Mobile-Title", sans-serif;padding-top:30px;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 .data-ctrl {position:absolute;bottom:90px;left:50%;max-width:1440px;width:100%;padding:0 20px;box-sizing:border-box;transform:translateX(-50%);z-index:2;}
.mVisual-wr .data-ctrl .inBox {max-width:61.572%;text-align:right;padding-right:30px;box-sizing:border-box;}
.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 (min-width:1000px) and (max-width:1799px) {
	.mVisual-wr .dataList .txtBox br {display:none}
}
@media all and (min-width:1000px) and (max-width:1799px) {
	.msec01 {height:490px;}
	.mVisual-wr {top:-170px;height:660px;}
	.mVisual-wr .dataList .imgBox {height:660px;}
}
@media all and (max-width:999px) {
	.msec01 {height:460px;}
	.mVisual-wr {top:-60px;}
	.mVisual-wr .dataList .pTxt2 .t1 {font-size:2em;}
	.mVisual-wr .dataList .pTxt2 .t2 {font-size:1.75em;padding-top:30px;}
	.mVisual-wr .data-ctrl {bottom:20px;}
}
@media all and (max-width:768px) {
	.msec01 {height:360px;}
	.mVisual-wr {height:420px;}
	.mVisual-wr .dataList .imgBox {height:420px;}
	.mVisual-wr .dataList .txtBox {bottom:auto;top:60px;height: calc(100% - 110px);}
	.mVisual-wr .dataList .pTxt2 {max-width:100%;text-align:center;display:flex;height:100%;justify-content: center;flex-direction: column;}
	.mVisual-wr .dataList .pTxt2 .t1 {font-size:1.75em;}
	.mVisual-wr .dataList .pTxt2 .t2 {font-size:1.25em;padding-top:20px;}
	.mVisual-wr .data-ctrl .inBox {max-width:100%;padding-right:0;text-align:center;}
}
@media all and (max-width:599px) {
	.msec01 {height:300px;}
	.mVisual-wr {height:360px;}
	.mVisual-wr .dataList .imgBox {height:360px;}
}

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

/* 공통 */
.msec {position:relative;max-width:1440px;box-sizing:border-box;padding:0 20px;margin:0 auto;}
.msec .mtit {font-weight:bold;color:#000;font-size:2.5em;font-weight:700;line-height:1.2em;}
.msec .mtit .t1 {display:inline-block;padding-right:10px;}
.msec .mtit .t2 {display:inline-block;font-family:"Poppins", sans-serif;color:#1F8A9F;}

@media all and (max-width:799px) {
	.msec .mtit {font-size:2em;}
}


/** -- msec02 */
.msec02 {display:flex;justify-content: space-between;padding-top:50px;}
.msec02 .sideL {width:61.428%;}
.msec02 .sideR {position:absolute;top:-327px;right:20px;width:34.028%;min-height:730px;background:#fff;padding:67px 60px 60px 60px;box-sizing:border-box;border-radius: 0px 120px 120px 120px;box-shadow: 0px 10px 20px 0px rgba(55, 67, 89, 0.10);z-index:2;}
.msec02 .sideR:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:270px;border-radius: 0px 120px 0px 0px;background: #12A3A0;}
 
@media all and (max-width:1299px) {
	.msec02 .sideR {top:auto;bottom:0;min-height:initial;padding:67px 40px 60px 40px;border-radius: 0px 100px 100px 100px;}
	.msec02 .sideR:before {border-radius: 0px 100px 0px 0px;}
} 
@media all and (max-width:1199px) {
	.msec02 .sideR {padding:40px 25px 60px 25px;border-radius: 0px 70px 70px 70px;}
	.msec02 .sideR:before {height:40%;border-radius: 0px 70px 0px 0px;}
}
@media all and (max-width:768px) {
	.msec02 {display:block;padding-top:30px;}
	.msec02 .sideL {width:100%;padding-bottom:40px;}
	.msec02 .sideR {position:relative;top:auto;right:auto;width:100%;padding:30px 20px 30px 20px;border-radius: 0px 30px 30px 30px;}
	.msec02 .sideR:before {border-radius: 0px 30px 0px 0px;}
}


/** -- mTabBoard */
#mTabBoard {position:relative;height:355px;box-sizing:border-box;text-align:right;padding-right:50px;}
#mTabBoard .dataTit {position:absolute;top:-5px;left:0;color:#000;font-family:"Poppins", sans-serif;font-size:2.5em;font-weight: 600;}
#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:#3E3E3E;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:#F2F8DE;z-index:-1;}
#mTabBoard dl dd {display:none;text-align:left}
#mTabBoard ul {width:100%;box-sizing:border-box;}
#mTabBoard ul li {padding-bottom:30px;}
#mTabBoard ul li:last-child {padding-bottom:0;}
#mTabBoard ul li a {display:flex;align-items:center;flex-wrap:wrap;position:relative;height:75px;border:1px solid #DDD;border-radius:20px;padding:0 145px 0 130px;box-sizing:border-box;transition:all .3s ease;}
#mTabBoard ul li a .sCate {display:inline-block;position:absolute;top:50%;left:0;width:130px;text-align:center;color:#111;font-size:1.056em;transform:translateY(-50%);transition:all .3s ease;}
#mTabBoard ul li a .sTit {display:flex;width:100%;z-index:1;transition:all .3s ease;}
#mTabBoard ul li a .sTit .newMark {position:relative;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 .sTit .newMark:before {display:block;content:'N';font-family: "Poppins";font-size:15px;font-weight:bold;color:#fff;}
#mTabBoard ul li a .sTits {flex:1 1 0;width:100%;font-size:1.111em;color:#111;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;z-index:1;transition:all .3s ease;}
#mTabBoard ul li a .sTit span {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:inline-block;position:absolute;top:50%;right:0;width:145px;text-align:center;color:#878787;font-size:0.889em;transform:translateY(-50%);transition:all .3s ease;}
#mTabBoard ul li.no-data {margin-top:0;height:285px;box-sizing:border-box;width:100%;border:1px solid #DDD;border-radius:20px;}

#mTabBoard ul li a:focus .sTit span,
#mTabBoard ul li a:hover .sTit span {background-size: 0 1px, 100% 1px;}
#mTabBoard ul li a:focus,
#mTabBoard ul li a:hover {border:1px solid #86A103;box-shadow: 0px 10px 20px 0px rgba(55, 67, 89, 0.10);}

#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:#000;font-family:'ONE-Mobile-Title', sans-serif;}
#mTabBoard dl.isOn dt a span:before {display:block;}
#mTabBoard dl.isOn dd {display:block;position:absolute;left:0;top:70px;width:100%}

#mTabBoard .dataMore {position:absolute;top:-70px;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 ul li a {padding:0 110px 0 20px;}
	#mTabBoard ul li a .sCate {display:none;}
	#mTabBoard ul li a .sDate {right:20px;width:auto;text-align:left;}
}
@media all and (max-width:768px) {
	#mTabBoard {height:265px;}
	#mTabBoard .dataTit {font-size:2em;}
	#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 dl dt a span {display:inline-block;color:#3E3E3E;font-size:1.111em;vertical-align:middle;transition:all .3s ease}
	#mTabBoard ul li {padding-bottom:10px;}
	#mTabBoard ul li a {height:65px;}
	#mTabBoard ul li.no-data {height:215px;}
	#mTabBoard dl.isOn dt a {padding-left:34px;}
	#mTabBoard dl.isOn dd {top:50px;}
	#mTabBoard .dataMore {top:-50px;width:26px;height:26px;}
}
@media all and (max-width:399px) {
	#mTabBoard {text-align:left;height:375px;}
	#mTabBoard .dataTit {position:relative;top:auto;left:auto;padding-bottom:20px;}
	#mTabBoard dl.isOn dd {top:85px;}
	#mTabBoard ul li a {height:90px;padding:20px 20px 0 20px;align-items: flex-start;align-content: flex-start;box-sizing:border-box;}
	#mTabBoard ul li a .sTits {font-size:1em;font-weight:500;}
	#mTabBoard ul li a .sDate {position:relative;top:auto;right:auto;width:100%;padding-top:0;transform:none;}
	#mTabBoard .dataMore {top:-40px;}
}


/** -- mGallery */
#mGallery {position:relative;width:100%;}
#mGallery .mtit {color:#FFF;font-family:"Poppins", sans-serif;font-size: 2.5em;font-weight: 600;padding-bottom:35px;}
#mGallery .mGallery-sld {width:100%;box-sizing:border-box;}
#mGallery .mGallery-sld a {display:block;padding:0 25px;}
#mGallery .mGall-box {position:relative;display:block;width:100%;box-sizing:border-box;overflow:hidden;}
#mGallery .img-box {display:block;position:relative;width:100%;height:0;overflow:hidden;padding-top:75%;background:#D9D9D9;}
#mGallery .img-box:before {display:block;content:'';position:absolute;bottom:0;width:100%;}
#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 {position:absolute;bottom:0;left:0;width:100%;min-height:69px;padding:0 30px 27px 30px;box-sizing:border-box;display:flex;align-items: flex-end;background: linear-gradient(0deg, #000 0%, rgba(210, 210, 210, 0.03) 96.87%, rgba(210, 210, 210, 0.00) 96.89%, rgba(217, 217, 217, 0.00) 100%, rgba(217, 217, 217, 0.00) 100%);}
#mGallery .txt-box .s-tit {display:block;line-height:1.25em;color:#fff;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap: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(#fff, #fff);background-size: 100% 1px, 0 1px; background-position: 100% 100%, 0 100%;background-repeat: no-repeat;transition: background-size .3s linear;}
#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%;height:230px;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 {display:flex;justify-content: center;padding-top:20px;}
#mGallery .data-ctrl button {position:relative;width:46px;height:46px;border:3px solid #313742;background:#313742;border-radius:50%;transition:all .3s ease;}
#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:8px;height:8px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(-45deg);transition:all .3s ease;}
#mGallery .data-ctrl .btn-prev:after,
#mGallery .data-ctrl .btn-next:after {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:21px;height:2px;background:#fff;transition:all .3s ease;}
#mGallery .data-ctrl .btn-prev:before {right:50%;transform:rotate(135deg);}
#mGallery .data-ctrl .btn-next:before {left:50%;}
#mGallery .data-ctrl .data-auto {padding:0 6px;}
#mGallery .data-ctrl .data-auto button {background:#fff;}
#mGallery .data-ctrl .data-auto .btn-play {display:none;}
#mGallery .data-ctrl .btn-stop:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:4px;height:17px;border-left:3px solid #313742;border-right:3px solid #313742;}
#mGallery .data-ctrl .btn-play:before {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:0;height:0;border:9px solid transparent;border-left:8px solid #313742;border-right:0;}

#mGallery .dataMore {position:absolute;top:13px;right:4px;width:32px;height:32px;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:#005667;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:#005667;border-radius:4px;}
#mGallery .dataMore:focus,
#mGallery .dataMore:hover {transform:rotate(180deg);}

@media all and (max-width:1299px) {
	#mGallery .mGallery-sld a {padding:0;}
}
@media all and (max-width:1199px) {
	#mGallery .mtit {font-size: 2em;padding-bottom:25px;}
	#mGallery .dataMore {top:10px;right:0;}
}
@media all and (max-width:768px) {
	#mGallery .dataMore {width:26px;height:26px;}
}


/** -- mIcban1 */
#mIcban1 {width:100%;padding-top:44px;}
#mIcban1 .dataTit {color: #12A3A0;font-size: 1.667em;font-weight: 600;font-family:"Poppins", sans-serif;padding-bottom:25px;}
#mIcban1 .dataLst {display:flex;width:100%;}
#mIcban1 .dataLst > li {position:relative;width:33.33%;text-align:center;box-sizing:border-box;}
#mIcban1 .dataLst > li:before {display:block;content:'';position:absolute;top:0;left:0;width:1px;height: calc(100% - 4px);background:#CCC;}
#mIcban1 .dataLst > li:first-child:before {display:none;}
#mIcban1 .dataLst a {position:relative;display:block;padding:0 3px;}
#mIcban1 .dataLst .pIco {display:block;position:absolute;top:0;left:0;right:0;margin:0 auto;width:60px;height:60px;background:no-repeat 0 0;background-size:100% auto;transition:all .3s ease;}
#mIcban1 .dataLst .pIco.icon1 {background-image:url("/resources/_Img/MainModule/micban/l11/ico1.png");}
#mIcban1 .dataLst .pIco.icon2 {background-image:url("/resources/_Img/MainModule/micban/l11/ico2.png");}
#mIcban1 .dataLst .pIco.icon3 {background-image:url("/resources/_Img/MainModule/micban/l11/ico3.png");}
#mIcban1 .dataLst .pIco.icon4 {background-image:url("/resources/_Img/MainModule/micban/l11/ico4.png");}
#mIcban1 .dataLst .pIco.icon5 {background-image:url("/resources/_Img/MainModule/micban/l11/ico5.png");}
#mIcban1 .dataLst .pIco.icon6 {background-image:url("/resources/_Img/MainModule/micban/l11/ico6.png");}
#mIcban1 .dataLst .pIco.icon7 {background-image:url("/resources/_Img/MainModule/micban/l11/ico7.png");}
#mIcban1 .dataLst .pIco.icon8 {background-image:url("/resources/_Img/MainModule/micban/l11/ico8.png");}
#mIcban1 .dataLst .pIco.icon9 {background-image:url("/resources/_Img/MainModule/micban/l11/ico9.png");}
#mIcban1 .dataLst .pIco.icon10 {background-image:url("/resources/_Img/MainModule/micban/l11/ico10.png");}
#mIcban1 .dataLst .pIco.icon11 {background-image:url("/resources/_Img/MainModule/micban/l11/ico11.png");}
#mIcban1 .dataLst .pIco.icon12 {background-image:url("/resources/_Img/MainModule/micban/l11/ico12.png");}
#mIcban1 .dataLst .pIco.icon13 {background-image:url("/resources/_Img/MainModule/micban/l11/ico13.png");}
#mIcban1 .dataLst .pIco.icon14 {background-image:url("/resources/_Img/MainModule/micban/l11/ico14.png");}
#mIcban1 .dataLst .pIco.icon15 {background-image:url("/resources/_Img/MainModule/micban/l11/ico15.png");}
#mIcban1 .dataLst .sTit {display:inline-block;position:relative;color:#222;font-size:1.111em;padding-top:55px;word-break:break-all;}
#mIcban1 .dataLst .sTit:before {display:block;content:'';position:absolute;bottom:0;right:0;width:0;height:1px;background:#222;transition:all .3s ease;}
#mIcban1 .dataLst a:focus .pIco,
#mIcban1 .dataLst a:hover .pIco {top:-5px;}
#mIcban1 .dataLst a:focus .sTit:before,
#mIcban1 .dataLst a:hover .sTit:before {left:0;width:100%;}

@media all and (max-width:1199px) {
	#mIcban1 .dataTit {font-size: 1.5em;padding-bottom:25px;}
	#mIcban1 .dataLst .sTit {font-size:1em;}
}


/** -- mIcban2 */
.msec03 {padding-top:45px;}
#mIcban2 .dataLst {display:flex;justify-content: space-between;flex-wrap:wrap;width:100%;}
#mIcban2 .dataLst > li {width:22.5%;}
#mIcban2 .dataLst a {display:block;position:relative;border-radius: 35px;height:100%;min-height: 320px;text-align:center;transition:all .3s ease;}
#mIcban2 .dataLst a:before {display:block;content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;background:#F8F9FE;transform:translate(-50%,-50%);border-radius: 35px;transition:all .3s ease;}
#mIcban2 .pIco {position:absolute;top:50px;left:50%;width:94px;height:94px;background:no-repeat 0 0;background-size:100% auto;transform:translateX(-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 .pPkg {position:relative;padding:154px 15px 15px 15px;}
#mIcban2 .pPkg .sTit {display:block;color:#374359;font-size:1.333em;font-family:'ONE-Mobile-Title', sans-serif;transition:all .3s ease;}
#mIcban2 .pPkg .sTxt {display:block;color:#222;font-size:1.111em;padding-top:15px;max-width:145px;margin:0 auto;line-height:1.1em;transition:all .3s ease;}

#mIcban2 .dataLst a:hover:before {background:#12A3A0;}
#mIcban2 .dataLst a:hover .pPkg .sTit,
#mIcban2 .dataLst a:hover .pPkg .sTxt {color:#fff;}

@media all and (min-width:1000px) {
#mIcban2 .dataLst a:hover:before {height: calc(100% + 20px);background:#12A3A0;border-radius: 35px 80px 35px 35px;}
#mIcban2 .dataLst a:hover .pIco {top:40px;}
}

@media all and (max-width:768px) {
	.msec03 {padding-top:30px;}
	#mIcban2 .dataLst > li {width:49%;margin-top:10px;}
	#mIcban2 .dataLst a {border-radius: 20px;min-height:initial;}
	#mIcban2 .pIco {top:15px;}
	#mIcban2 .pPkg {padding:120px 15px 30px 15px;}
	#mIcban2 .pPkg .sTit {font-size:1.2em;}
	#mIcban2 .pPkg .sTxt {font-size:1em;padding-top:10px;max-width:initial;}
}
@media all and (max-width:499px) {
	#mIcban2 .pIco {width:70px;height:70px;top:10px;}
	#mIcban2 .pPkg {padding:82px 15px 20px 15px;}
}


/** -- mInterview */
.msec04 {padding-top:40px;padding-bottom:45px;}
.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;word-break:break-all;word-wrap:break-word}
.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;padding-bottom:35px;}
	.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;}
}