@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;padding:60px 0 0 120px;} 
.mVisual-wr {position:relative;max-width:1800px;width:100%;box-sizing:border-box;}
.mVisual-wr .dataList .swiperBox {text-align:center;}
.mVisual-wr .dataList .imgBox {display:block;position:relative;width:100%;overflow:hidden;border-radius: 100px 0px 0px 0px;}
.mVisual-wr .dataList .imgBox img {width:100%;height:auto;}

.mVisual-wr .dataList .txtBox {position:absolute;top:50%;left:50%;max-width:1440px;width:100%;padding:0 20px;box-sizing:border-box;transform:translate(-50%, -50%);z-index:1;}
.mVisual-wr .dataList .pTxt1 {display:none;}
.mVisual-wr .dataList .pTxt2 {text-align:left;}
.mVisual-wr .dataList .pTxt2 .t1 {display:block;color:#FFF;font-size:1.11111em;line-height:1.2em;font-family:"Poppins", sans-serif;font-weight: 700;opacity:0;transition:all .3s ease-out;}
.mVisual-wr .dataList .pTxt2 .t2 {display:block;color:#fff;font-size:2.77778em;line-height:1.2em;font-family:'ONE-Mobile-Title', sans-serif;padding-top:20px;opacity:0;transition:all .3s ease-out .3s;}
.mVisual-wr .dataList .pTxt2 .t3 {display:block;color:#fff;font-size:1.72222em;line-height:1.2em;padding-top:25px;opacity:0;transition:all .3s ease-out .6s;}
.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 .pTxt2 .t3 {opacity:1;animation: txtUp 0.6s 0.6s;animation-fill-mode: both;}

.mVisual-wr .data-ctrl {position:absolute;bottom:30px;left:50%;max-width:1440px;width:100%;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;}

@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 br {display:none}
}
@media all and (max-width:1599px) {
	.msec01 {padding-left:20px;} 
}
@media all and (max-width:1199px) {
	.msec01 {padding-top:30px;}
	.mVisual-wr .dataList .imgBox {border-radius:50px 0px 0px 0px;height:400px;}
	.mVisual-wr .dataList .imgBox img {position:absolute;top:0;left:50%;width:auto;height:100%;transform:translateX(-50%);}
	.mVisual-wr .dataList .pTxt2 .t1 {font-size:1em;}
	.mVisual-wr .dataList .pTxt2 .t2 {font-size:2em;padding-top:15px;}
	.mVisual-wr .dataList .pTxt2 .t3 {font-size:1.25em;padding-top:20px;}
}
@media all and (max-width:699px) {
	.msec01 {padding-top:30px;}
	.mVisual-wr .dataList .imgBox {border-radius:30px 0px 0px 0px;height:300px;}
	.mVisual-wr .dataList .txtBox {padding-bottom:55px;}
	.mVisual-wr .data-ctrl {bottom:10px;}
}
@media all and (max-width:499px) {
	.msec01 {padding-top:20px;}
	.mVisual-wr .dataList .imgBox {height:250px;}
	.mVisual-wr .dataList .pTxt2 .t1 {font-size:1em;}
	.mVisual-wr .dataList .pTxt2 .t2 {font-size:1.75em;padding-top:10px;}
	.mVisual-wr .dataList .pTxt2 .t3 {font-size:1.2em;padding-top:15px;}
}

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

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


/** -- msec02 */
.msec02 {display:flex;justify-content: space-between;align-items: flex-end;padding-top:100px;}
.msec02 .sideL {width:260px;}
.msec02 .sideR {padding-left:90px;flex:1 1 0;}

@media all and (max-width:999px) {
	.msec02 {padding-top:50px;}
	.msec02 .sideL {width:240px;}
	.msec02 .sideR {padding-left:40px;}
}
@media all and (max-width:768px) {
	.msec02 {display:block;padding-top:40px;}
	.msec02 .sideL {width:100%;}
	.msec02 .sideR {width:100%;padding-left:0;padding-top:40px;}
}

/** -- micban */
#mIcban1 .dataLst {display:flex;flex-wrap:wrap;justify-content: space-between;}
#mIcban1 .dataLst > li {width:110px;margin-top:25px;}
#mIcban1 .dataLst a {position:relative;display:block;text-align:center;transition:all .3s ease;}
#mIcban1 .dataLst .pIco {display:block;position:relative;width:110px;height:110px;border-radius:20px;background:#F5F5F5;overflow:hidden;transition:all .3s ease;}
#mIcban1 .dataLst .pIco:before {display:block;content:'';position:absolute;top:0;right:0;margin:auto;width:0;height:100%;background:linear-gradient(90deg, #009FBF 0%, #86A103 100%);transition:all .3s ease;}
#mIcban1 .dataLst .pIco:after {display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:110px;height:110px;background:no-repeat 0 0;background-size:100% auto;transition:all .3s ease;}
#mIcban1 .dataLst .pIco.icon1:after {background-image:url("/resources/_Img/MainModule/micban/l15/ico1.png");}
#mIcban1 .dataLst .pIco.icon2:after {background-image:url("/resources/_Img/MainModule/micban/l15/ico2.png");}
#mIcban1 .dataLst .pIco.icon3:after {background-image:url("/resources/_Img/MainModule/micban/l15/ico3.png");}
#mIcban1 .dataLst .pIco.icon4:after {background-image:url("/resources/_Img/MainModule/micban/l15/ico4.png");}
#mIcban1 .dataLst .pIco.icon5:after {background-image:url("/resources/_Img/MainModule/micban/l15/ico5.png");}
#mIcban1 .dataLst .pIco.icon6:after {background-image:url("/resources/_Img/MainModule/micban/l15/ico6.png");}
#mIcban1 .dataLst .pIco.icon7:after {background-image:url("/resources/_Img/MainModule/micban/l15/ico7.png");}
#mIcban1 .dataLst .pIco.icon8:after {background-image:url("/resources/_Img/MainModule/micban/l15/ico8.png");}
#mIcban1 .dataLst .pIco.icon9:after {background-image:url("/resources/_Img/MainModule/micban/l15/ico9.png");}
#mIcban1 .dataLst .pIco.icon10:after {background-image:url("/resources/_Img/MainModule/micban/l15/ico10.png");}
#mIcban1 .dataLst .sTit {display:block;position:relative;padding-top:10px;color:#333;font-size:1em;line-height:1.2em;word-break:keep-all;transition:all .3s ease;}

#mIcban1 .dataLst a:focus .pIco:before,
#mIcban1 .dataLst a:hover .pIco:before {right:auto;left:0;width:100%;}
#mIcban1 .dataLst a:focus .sTit,
#mIcban1 .dataLst a:hover .sTit {color:#000;}

@media all and (max-width:768px) {
	#mIcban1 .dataLst > li {width:25%;margin-top:0;box-sizing:border-box;padding:0 5px;}
	#mIcban1 .dataLst .pIco {width:100%;height:80px;}
	#mIcban1 .dataLst .pIco:after {width:80px;height:80px;}
}
@media all and (max-width:499px) {
	#mIcban1 .dataLst .sTit {font-size:1em;}
	#mIcban1 .dataLst .pIco {height:60px;}
	#mIcban1 .dataLst .pIco:after {width:60px;height:60px;}
}


/** -- mTabBoard */
#mTabBoard {position:relative;height:400px;box-sizing:border-box;text-align:right;padding-right:50px;}
#mTabBoard .dataTit {position:absolute;top:0;left:0;color:#000;font-family:'ONE-Mobile-Title', sans-serif;font-size:2.66667em;}
#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:#009FBF;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:#DDF2F7;z-index:-1;}
#mTabBoard dl dd {display:none;text-align:left}
#mTabBoard ul {width:100%;box-sizing:border-box;}
#mTabBoard ul li {padding-bottom:23px;}
#mTabBoard ul li:last-child {padding-bottom:0;}
#mTabBoard ul li a {display:flex;align-items:center;flex-wrap:wrap;position:relative;height:90px;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:#1F8A9F;font-size:1.111em;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:#009FBF;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:#000;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
#mTabBoard ul li a .sTits 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.83333em;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 .sTits span,
#mTabBoard ul li a:hover .sTits span {background-size: 0 1px, 100% 1px;}
#mTabBoard ul li a:focus,
#mTabBoard ul li a:hover {border:1px solid #009FBF;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:85px;width:100%}

#mTabBoard .dataMore {position:absolute;top:-85px;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:#009FBF;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:#009FBF;border-radius:4px;}
#mTabBoard .dataMore:focus,
#mTabBoard .dataMore:hover {transform:rotate(180deg);}

@media all and (max-width:999px) {
	#mTabBoard .dataTit {font-size:2em;}
	#mTabBoard dl.isOn dd {top:65px;}
	#mTabBoard .dataMore {top:-65px;}
}
@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:599px) {
	#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:399px) {
	#mTabBoard {text-align:left;height:300px;}
	#mTabBoard .dataTit {position:relative;top:auto;left:auto;padding-bottom:20px;}
	#mTabBoard dl.isOn dd {top:85px;}
	#mTabBoard .dataMore {top:-40px;}
}


/** -- mImban1 */
.msec03 {padding-top:125px;padding-bottom:60px;}
.msec03:before {display:block;content:'';position:absolute;top:120px;right:-20px;width:403px;height:276px;background:url(/resources/_Templet/Main/main_dept06/Img/mdeco_img.png) no-repeat 0 0;}
.msec03 .mdeco1 {position:absolute;top:10px;left:27%;font-family: "Poppins";font-size:11.11111em;line-height:1;font-style: italic;font-weight: 700;opacity: 0.3;-webkit-text-stroke: 1px #009FBF;text-stroke:1px #009FBF;color:#fff;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;z-index:-1;}
.msec03 .mdeco2 {position:absolute;bottom:0;left:50%;width:1920px;height:412px;transform:translateX(-50%);z-index:-1;}
.msec03 .mdeco2 .svg {width:100%;height:100%;}

#mImban1 .dataLst {display:flex;}
#mImban1 .dataLst > li {padding-right:50px;}
#mImban1 .dataLst > li:nth-child(2) {padding-top:47px;}
#mImban1 .dataLst > li:nth-child(3) {padding-top:8px;}
#mImban1 .dataLst a {display:block;position:relative;width:290px;border-radius: 20px;overflow:hidden;}
#mImban1 .dataLst .pImg {display:block;position:relative;width:100%;height:0;padding-top:117.244%;border-radius: 20px 20px 0 0;overflow:hidden;background:#f5f5f5;}
#mImban1 .dataLst .pImg:after {display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:70px;background:#fff;transition:all .3s ease;}
#mImban1 .dataLst .pImg img {position:absolute;top:50%;left:50%;width:100%;height:auto;transform:translate(-50%, -50%);}
#mImban1 .dataLst .pStr {display:flex;justify-content: center;align-items: center;flex-direction: column;text-align:center;position:absolute;bottom:0;left:0;width:100%;height:70px;box-sizing:border-box;padding:0 10px;z-index:2;transition:all .3s ease;}
#mImban1 .dataLst .pStr .sTit {display:block;position:relative;color:#111;font-family:'ONE-Mobile-Title', sans-serif;font-size: 1.111em;word-break:break-all;transition:all .3s ease;}
#mImban1 .dataLst .pStr .sTxt {display:block;position:relative;color:#FFF;font-weight: 500;line-height: 130%;height:0;overflow:hidden;transition:all .3s ease;}
#mImban1 .dataLst .pStr .sBtn {display:block;position:relative;width:40px;height:0;border-radius: 10px;box-sizing:border-box;overflow:hidden;transition:all .3s ease;}
#mImban1 .dataLst .pStr .sBtn:before {display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:18px;height:2px;border-radius: 10px;background:#fff;box-sizing:border-box;transition:all .3s ease;}
#mImban1 .dataLst .pStr .sBtn:after {display:block;content:'';position:absolute;top:0;left:50%;bottom:0;margin:auto 0 auto -2px;width:10px;height:10px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(-45deg);box-sizing:border-box;transition:all .3s ease;}

@media all and (min-width:700px) {
	#mImban1 .dataLst a:focus .pImg:after,
	#mImban1 .dataLst a:hover .pImg:after {height:100%;}
	#mImban1 .dataLst a:focus .pStr,
	#mImban1 .dataLst a:hover .pStr {top:50%;bottom:auto;margin-top:13px;background:none;height:auto;transform:translateY(-50%);}
	#mImban1 .dataLst a:focus .pImg:after,
	#mImban1 .dataLst a:hover .pImg:after {background:#000;opacity:0.3;}
	#mImban1 .dataLst a:focus .pStr .sTit,
	#mImban1 .dataLst a:hover .pStr .sTit {color:#fff;font-size: 1.38889em;}
	#mImban1 .dataLst a:focus .pStr .sTxt,
	#mImban1 .dataLst a:hover .pStr .sTxt {height:auto;padding-top:25px;}
	#mImban1 .dataLst a:focus .pStr .sBtn,
	#mImban1 .dataLst a:hover .pStr .sBtn {margin-top:57px;height:40px;border: 1px solid #FFF;}

	@media all and (max-width:1099px) {
		#mImban1 .dataLst a:focus .pStr .sBtn,
		#mImban1 .dataLst a:hover .pStr .sBtn {margin-top:20px;}
	}
}
@media all and (max-width:1099px) {
	#mImban1 .dataLst {justify-content: space-between;}
	#mImban1 .dataLst > li {width:32%;padding-right:0;}
	#mImban1 .dataLst a {width:100%;}
}
@media all and (max-width:699px) {
	.msec03 {padding-top:60px;padding-bottom:40px;}
	.msec03:before {top:auto;bottom:0;right:-100px;transform:scale(0.7);}
	.msec03 .mdeco1 {font-size:5em;}
}
@media all and (max-width:499px) {
	.msec03:after {display:block;content:'';position:absolute;bottom:0;left:-20px;width: calc(100% + 40px);height:80%;background:#009FBF;z-index:-1;}
	#mImban1 .dataLst {display:block;}
	#mImban1 .dataLst > li {width:100%;padding-bottom:20px;}
	#mImban1 .dataLst > li:last-child {padding-bottom:0;}
	#mImban1 .dataLst > li:nth-child(2) {padding-top:0;}
	#mImban1 .dataLst > li:nth-child(3) {padding-top:0;}
	#mImban1 .dataLst a {display:flex;}
	#mImban1 .dataLst .pImg {width:50%;padding-top:58.623%;border-radius: 20px 0 0 20px;}
	#mImban1 .dataLst .pImg:after {display:none;}
	#mImban1 .dataLst .pStr {position:relative;bottom:auto;left:auto;width:50%;height:auto;padding:10px;background:#fff;}
}

/* 스포츠건강재활학부 메인페이지 아래 margin */
#mcontainer .sports2 { margin-bottom: 100px;}

@media all and (max-width:999px) {
	#mcontainer .sports2 { margin-bottom: 50px;}
}
@media all and (max-width:768px) {
	#mcontainer .sports2 { margin-bottom: 40px;}
}