/*
  Theme Name: College & University Theme
  Author: Design101
  Version: 1.0
*/
@charset "utf-8";

/*popup css*/
/*.popup {position:absolute;top:90px;left:0;z-index:10000;padding:20px;}*/
.popup {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;text-align:center;}

.popup .outline {display:inline-block;height:100%;}
.popup .img {display:block;/*height: calc(100% - 40px);*/height: calc(100% - 45px);overflow-x:hidden;overflow-y:auto;margin:0 auto;}
.popup .img a {display:inline;padding-bottom:0px;}
.popup .img.w {display:none;}
.popup .img img {max-height:100%;}

.popup .today {background:#111;padding:6px 10px 10px 10px;text-align:center;margin:0 auto;border-radius:0 0 12px 12px;}
.popup .today a {display:inline-block;color:#fff;text-decoration:none;font-size:12px;}
.popup .today a:hover {color:#00a2e0;}
.popup .today a.pclose {margin-left:4px;color:#fff;background:#666;border-radius:14px;padding:5px 10px;}
.popup .today a.pclose:hover {color:#fff;background:#00a2e0;}

.popup .wrap {position:fixed;top:0;left:0;width:100%;height:auto;z-index:10005;}
.popupbg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:10001;}


body.logged-in.admin-bar .popup {top:90px !important;}

@media (min-width:320px) {

}

@media (min-width:360px) {

}
@media (min-width:640px) {


}

@media (min-width:768px) {
	
	.popup .today a {font-size:14px;}
	.popup .img {display:block;background:#fff;width:680px;border-radius:12px 12px 0 0;}
	.popup .img a {display:block;padding:10px !important;text-align:center;}

	body.logged-in.admin-bar .popup {top:175px !important;}

}

@media (min-width:992px) {

	.popup .img img {height:100%;}
	.popup .img.w {display:flex;}
	.popup .img.m {display:none;}

	.popup .wrap {vertical-align:middle;}
	.popup .outline, .popup .img {height:auto;}
	.popup .today {display:block;text-align:right;}


}
@media (min-width:1200px) {

	.popup .outline {margin-top:3%;}

}
@media (min-width:1440px) {


}

/*Main Visual //////////////////////////////////////////////////////////////////////////////////*/
.main-visual {}
.main-visual, .swipe-bg {position:relative;overflow:hidden;height:320px;}

.v1 {background:#fff url('../images/mv1-mobile.jpg') no-repeat;background-position:52% 5px;background-size:cover;}
.v2 {background:#fff url('../images/mv2.jpg') no-repeat;background-position:46% 30px;background-size:cover;}
.v-txt {margin:165px 0 0 10px;}

.v1 .v-txt h2 {color:#0d224c;}
.v2 .v-txt h2 {color:#fff;}
.v-txt h2 span {display:block;letter-spacing:-0.055em;}
.v-txt h2 span.vt1 {font-size:15px;font-weight:400;opacity:0;transition:1s ;transform:translateY(-50%);}
.v-txt h2 span.vt2 {font-size:28px;font-weight:700;opacity:0;transition:1s ;transform:translateY(50%);transition-delay:0.4s;}

.swiper-slide-active .v-txt h2 span.vt1 {transform:translateY(0) !important;opacity:1 !important;}
.swiper-slide-active .v-txt h2 span.vt2 {transform:translateY(0) !important;opacity:1 !important;}


.swiper-pagination {position:relative;max-width:1200px;margin:0 auto;text-align:left;left:10px;bottom:90px;}
.swiper-pagination-bullet {width:13px;height:13px;margin:0 2px;display:inline-block;border-radius:100%;background:#fff;opacity:1;}
.swiper-pagination-bullet-active{opacity:1;background:#1e71c1;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-prev, .swiper-button-next, .swiper-container-rtl .swiper-button-next {display:none;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {top:57%;background:url('../assets/swiper-4.4.1/dist/btn-prev.png') no-repeat center center;background-size:100% 100%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-next {top:57%;background:url('../assets/swiper-4.4.1/dist/btn-next.png') no-repeat center center;background-size:100% 100%;}


@media (min-width:768px) {

	.main-visual, .swipe-bg {height:400px;}
	.v2 {background-position:center center;}

	.v-txt {margin:180px 0 0 15px;}
	.v-txt h2 span.vt1 {font-size:21.5px;}
	.v-txt h2 span.vt2 {font-size:40px;}
	
	.swiper-pagination {left:15px;bottom:135px;}
}

@media (min-width:992px) {

	.main-visual, .swipe-bg {height:550px;}
	.v1 {background:#fff url('../images/mv1.jpg') no-repeat;background-position:45% 0;}
	.v2 {background:#fff url('../images/mv2.jpg') no-repeat;background-position:46% 30px;}

	.v-txt {max-width:100%;margin:250px 0 0 60px !important;}
	.v-txt h2 span.vt1 {font-size:27px;}
	.v-txt h2 span.vt2 {font-size:50px;}
	
	.swiper-pagination {bottom:190px;left:60px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-prev, .swiper-button-next, .swiper-container-rtl .swiper-button-next {display:block;}

}
@media (min-width:1200px) {

	.main-visual, .swipe-bg {height:600px;}
	.v1 {background-position:center -60px;}
	.v2 {background-position:center -40px;}

	.v-txt {max-width:1200px;margin:280px auto 0 !important;}
	.swiper-pagination {bottom:186px;left:0;}

}

@media (min-width:1921px) {

	.v1, .v2 {background-size:cover;background-position:45% -40px;}

}

/*Main-Content-body //////////////////////////////////////////////////////////////////////////////////*/
.main-content-body {margin-top:0;position:relative;z-index:100;}

@media (min-width:768px) {

	.main-content-body {margin-top:0;padding:0;}

}


/* Recent Board Title //////////////////////////////////////////////////////////////////////////////////*/
.recent-board {margin-top:-36px;overflow:hidden;}
.recent-board .title {position:relative;height:36px;line-height:35px;padding:0 12px;font-size:16px;font-weight:400;color:#fff;}
.recent-board .title span {position:absolute;right:12px;top:7px;}
.recent-board .title span a {display:block;width:23px;height:23px;border:1px solid #fff;}
.recent-board .title span a img {display:block;margin:4px auto;}

.ugrdauate {width:100%;}
.ugrdauate .title {background:#1e71c1;border-bottom:1px solid #629cd4;}
.grdauate {width:100%;margin-top:16px;}
.grdauate .title {background:#00a2e0;border-bottom:1px solid #4dbee9;}


/* Recent Board //////////////////////////////////////////////////////////////////////////////////*/
.recent-board .txt ul li {position:relative;padding:4px 0 4px 5px !important;line-height:16px;}
.recent-board .txt ul li a {display:inline-block;width:74%;padding-left:8px;background:url('../images/bullet-dot-black.png') left center no-repeat;font-size:15px;font-weight:400;}
.recent-board .txt ul li a span {display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.recent-board .txt ul li a img {vertical-align:top !important;margin-top:5px;}
.recent-board .txt ul li span.date {position:absolute;right:5px;display:inline-block;font-size:14px;color:#333;font-weight:400;}

.recent-board .txt ul li:first-child {padding:10px 0 0 62px !important;height:60px;line-height:18px;}
.recent-board .txt ul li:nth-child(2) {padding-top:15px !important;}
.recent-board .txt ul li:first-child a {width:96%;font-size:16px;font-weight:400;color:#fff;padding-left:0;background:transparent;}
.recent-board .txt ul li:first-child a img {display:none;}
.recent-board .txt ul li:first-child span.date {position:relative;right:0;display:block;font-size:13px;font-weight:400;color:#d2e3f3;}

.recent-board .ugrdauate .txt ul li a:hover {color:#1e71c1;}
.recent-board .grdauate .txt ul li a:hover {color:#00a2e0;}
.recent-board .ugrdauate .txt ul li:first-child {background:#1e71c1 url('../images/ic-notice-b.png') 12px no-repeat !important;background-size:40px !important;}
.recent-board .grdauate .txt ul li:first-child {background:#00a2e0 url('../images/ic-notice-sb.png') 12px no-repeat !important;background-size:40px !important;}
.recent-board .ugrdauate .txt ul li:first-child a:hover {color:#bdcfe8 !important;}
.recent-board .grdauate .txt ul li:first-child a:hover {color:#b8ddf3 !important;}


@media (min-width:360px) {

}
@media (min-width:768px) {

	.recent-board {margin-top:-52px;overflow:hidden;}
	.recent-board .title {height:53px;line-height:51px;padding:0 25px;font-size:22px;}
	.recent-board .title span {position:absolute;right:25px;top:15px;}

	.recent-board .txt ul li {padding:8px 0 8px 10px !important;line-height:17px;}
	.recent-board .txt ul li a {width:80%;padding-left:13px;font-size:17px;}
	.recent-board .txt ul li a span {max-width:100%;}
	.recent-board .txt ul li span.date {right:10px;font-size:15px;}

	.recent-board .txt ul li:first-child {padding:15px 0 0 90px !important;height:80px;line-height:22px;}
	.recent-board .txt ul li:nth-child(2) {padding-top:20px !important;}
	.recent-board .txt ul li:first-child a {max-width:100%;font-size:20px;padding-left:0;}
	.recent-board .txt ul li:first-child span.date {right:0;font-size:15px;}

	.recent-board .ugrdauate .txt ul li:first-child {background:#1e71c1 url('../images/ic-notice-b.png') 25px 15px no-repeat !important;background-size:50px !important;}
	.recent-board .grdauate .txt ul li:first-child {background:#00a2e0 url('../images/ic-notice-sb.png') 25px 15px no-repeat !important;background-size:50px !important;}

}
@media (min-width:992px) {

	.ugrdauate {width:50%;float:left;padding-right:6px;}
	.grdauate {width:50%;float:right;padding-left:6px;margin-top:0px;}

	.recent-board .txt ul li a {display:inline-block;padding-left:13px;font-size:17px;}
	.recent-board .txt ul li a span {max-width:95%;}
	.recent-board .txt ul li span.date {right:10px;font-size:15px;}

	.recent-board .txt ul li:first-child {padding:20px 0 0 85px !important;height:90px;line-height:22px;}
	.recent-board .txt ul li:nth-child(2) {padding-top:30px !important;}
	.recent-board .txt ul li:first-child a {max-width:100%;font-size:20px;padding-left:0;}
	.recent-board .txt ul li:first-child span.date {right:0;font-size:15px;}


}
@media (min-width:1200px) {

	.ugrdauate {padding-right:24px;}
	.grdauate {padding-left:24px;}

	.recent-board .txt ul li {padding:8px 0 8px 10px !important;line-height:17px;}
	.recent-board .txt ul li a span {max-width:412px;}

	.recent-board .txt ul li:first-child {padding:30px 0 0 125px !important;height:106px;line-height:22px;}

	.recent-board .ugrdauate .txt ul li:first-child {background:#1e71c1 url('../images/ic-notice-b.png') 30px 20px no-repeat !important;}
	.recent-board .grdauate .txt ul li:first-child {background:#00a2e0 url('../images/ic-notice-sb.png') 30px 20px no-repeat !important;}


}


/* Util Menu //////////////////////////////////////////////////////////////////////////////////*/
.util-menu {clear:both;width:100%;margin:0;padding:20px 0;overflow-y:hidden;overflow-x:auto;white-space:nowrap;}
.util-menu ul {}
.util-menu ul li {display:inline-block;text-align:center;padding-right:10px;}
.util-menu ul li a {color:#333;display:inline-block;height:100%;}
.util-menu ul li a img {height:40px;}
.util-menu ul li:last-child a {margin-right:0px;}
.util-menu ul li a:hover {color:#0f7dd6;transform:translateY(-3px);}
.util-menu ul li a span {display:block;margin-top:20px;}


@media (min-width:360px) {

}
@media (min-width:768px) {

	.util-menu {padding:36px 0;}
	.util-menu ul li {padding-right:15px;}
	.util-menu ul li a span {margin-top:15px;}

}
@media (min-width:992px) {

	.util-menu {padding:40px 0 50px 0;overflow:hidden;}

	.util-menu ul li {width:14%;}
	.util-menu ul li:nth-child(1), .util-menu ul li:nth-child(2), .util-menu ul li:nth-child(7), .util-menu ul li:nth-child(8) {width:10.5%;}
	.util-menu ul li:last-child {padding-right:10px;}

	.util-menu ul li a {margin-right:0px;}
	.util-menu ul li a img {height:auto;}
	.util-menu ul li a span {margin-top:20px;}

}
@media (min-width:1200px) {

	.util-menu {padding:50px 0 60px 0;}

}


/* Free //////////////////////////////////////////////////////////////////////////////////*/
.bg-grey {background:#f7f7f7;padding-top:24px;overflow:hidden;}

.free {width:100%;overflow:hidden;}
.free .title {position:relative;height:36px;line-height:35px;background:#45c7cd;padding:0 12px;font-size:16px;font-weight:400;color:#fff;}
.free .title span {position:absolute;right:12px;top:7px;}
.free .title span a {display:block;width:23px;height:23px;border:1px solid #fff;}
.free .title span a img {display:block;margin:4px auto;}

.free .txt ul li {position:relative;padding:4px 0 4px 5px !important;line-height:16px;}
.free .txt ul li a {display:inline-block;width:74%;padding-left:8px;background:url('../images/bullet-dot-black.png') left center no-repeat;font-size:15px;font-weight:400;}
.free .txt ul li a:hover {color:#45c7cd;}
.free .txt ul li a span {display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.free .txt ul li a img {vertical-align:top !important;margin-top:5px;}
.free .txt ul li span.date {position:absolute;right:5px;display:inline-block;font-size:14px;color:#333;font-weight:400;}
.free .txt ul li:first-child {padding-top:15px !important;}


@media (min-width:360px) {

}
@media (min-width:768px) {

	.bg-grey {padding-top:30px;}

	.free .title {height:53px;line-height:51px;padding:0 25px;font-size:22px;}
	.free .title span {right:25px;top:15px;}

	.free .txt ul li {padding:8px 0 8px 10px !important;line-height:17px;}
	.free .txt ul li a {width:80%;padding-left:13px;font-size:17px;}
	.free .txt ul li a span {max-width:100%;}
	.free .txt ul li a img {margin-top:5px;}
	.free .txt ul li span.date {right:10px;font-size:15px;}
	.free .txt ul li:first-child {padding-top:20px !important;}

}
@media (min-width:992px) {

	.bg-grey {padding-top:50px;}

	.free {width:50%;float:left;padding-right:12px;overflow:hidden;}
	.free .txt ul li a span {max-width:95%;}
	.free .txt ul li:first-child {padding-top:30px !important;}

}
@media (min-width:1200px) {

	.bg-grey {padding-top:80px;}

	.free {padding-right:24px;}
	.free .txt ul li a span {max-width:396px;}

}


/* Btns //////////////////////////////////////////////////////////////////////////////////*/
.btns {width:100%;overflow:hidden;margin-top:16px;}
.btns ul {font-size:0;}
.btns li {width:50%;height:60px;display:inline-block;}
.btns li a {display:block;height:100%;line-height:55px;padding-left:14px;font-size:15px;font-weight:400;color:#fff;background-size:40px !important;}

.btns li.b1 a {border-right:1px solid #fff;border-bottom:1px solid #fff;background:#31b3e5 url('../images/ic-department.png') 90% center no-repeat;}
.btns li.b1 a:hover {background:#1e71c1 url('../images/ic-departmentb.png') 90% center no-repeat;}
.btns li.b2 a {border-bottom:1px solid #fff;background:#31b3e5 url('../images/ic-school.png') 90% center no-repeat;}
.btns li.b2 a:hover {background:#1e71c1 url('../images/ic-schoolb.png') 90% center no-repeat;}
.btns li.b3 a {border-right:1px solid #fff;background:#31b3e5 url('../images/ic-graduate.png') 90% center no-repeat;}
.btns li.b3 a:hover {background:#1e71c1 url('../images/ic-graduateb.png') 90% center no-repeat;}
.btns li.b4 a {background:#31b3e5 url('../images/ic-doc.png') 90% center no-repeat;}
.btns li.b4 a:hover {background:#1e71c1 url('../images/ic-docb.png') 90% center no-repeat;}


@media (min-width:360px) {

}
@media (min-width:768px) {

	.btns li {height:100px;}
	.btns li a {line-height:100px;padding-left:40px;font-size:20px;background-size:50px !important;}

}
@media (min-width:992px) {

	.btns {width:50%;float:right;padding-left:24px;overflow:hidden;margin-top:0;}
	.btns li {height:116px;}
	.btns li a {line-height:112px;padding-left:40px;font-size:20px;background-size:59px !important;}

}
@media (min-width:1200px) {

	.btns li {height:120px;}
	.btns li a {line-height:115px;padding-left:40px;font-size:20px;background-size:59px !important;}

}


/*Gallery //////////////////////////////////////////////////////////////////////////////////*/
.gallery {clear:both;overflow:hidden;}

.gallery .gallery-list {margin:10px -12px 24px -12px;}
.gallery .gallery-list a {display:inline-block;width:48%;margin:1%;background:#fff;}
.gallery .gallery-list a:hover {transform:translateY(-5px);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}

.gallery .gallery-list a .img {height:130px;overflow-y:hidden;}
.gallery .gallery-list a .img img {width:100%;display:block;vertical-align:top;}
.gallery .gallery-list a .txt {position:relative;height:90px;padding:16px 20px;}
.gallery .gallery-list a .txt span {display:block;}
.gallery .gallery-list a .txt .subject {font-size:14px;font-weight:400;color:#333;max-width:212px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.gallery .gallery-list a .txt .date {position:absolute;bottom:16px;left:20px;font-size:13px;font-weight:300;color:#666;}
.gallery .gallery-list a:hover .txt .subject {color:#63a417;/*background:#fffff3;*/}


@media (min-width:360px) {

}
@media (min-width:768px) {


	.gallery .gallery-list a .img {height:200px;}
	.gallery .gallery-list a .txt {height:140px;padding:20px;}
	.gallery .gallery-list a .txt .subject {font-size:17px;}


}
@media (min-width:992px) {

	.gallery .title span {right:0;top:9px;}
	.gallery .title span a {width:23px;height:23px;}
	.gallery .title span a img {margin:4px auto;}

	.gallery .gallery-list {margin:30px -12px 50px -12px;}
	.gallery .gallery-list a {width:24%;margin:0.5%;}
	.gallery .gallery-list a .img {height:200px;}
	.gallery .gallery-list a .img img {width:100%;}
	.gallery .gallery-list a .txt {height:160px;padding:30px 35px;}
	.gallery .gallery-list a .txt .subject {font-size:17px;max-width:212px;}
	.gallery .gallery-list a .txt .date {bottom:30px;left:35px;font-size:15px;}

}
@media (min-width:1200px) {


}


/*Gallery //////////////////////////////////////////////////////////////////////////////////*/
.new-title {position:relative;font-size:17px;font-weight:500;color:#000;text-align:center;margin:20px 0 14px 0;font-family: 'Montserrat', sans-serif;font-weight:700;line-height:0.96;}
.new-title span {position:absolute;right:0;top:2px;}
.new-title span a {display:block;width:23px;height:23px;border:1px solid #959595;}
.new-title span a img {display:block;margin:4px auto;}

@media (min-width:768px) {

	.new-title {font-size:24px;margin:36px 0 24px 0;}

}
@media (min-width:992px) {
	
	.new-title {font-size:24px;margin:60px 0 40px 0;}

}

/* Transition //////////////////////////////////////////////////////////////////////////////////*/
.recent-board .txt ul li a, .free .txt ul li a, .gallery .gallery-list a .txt .subject {
		-webkit-transition: color 0.2s ease-out;
		   -moz-transition: color 0.2s ease-out;
		     -o-transition: color 0.2s ease-out;
		        transition: color 0.2s ease-out;
}

.btns li a {
		-webkit-transition: background 0.2s ease-out;
		   -moz-transition: background 0.2s ease-out;
		     -o-transition: background 0.2s ease-out;
		        transition: background 0.2s ease-out;
}

.util-menu ul li a:hover img, .util-menu ul li a, .gallery .gallery-list a {
		-webkit-transition: all 0.2s ease-out;
		   -moz-transition: all 0.2s ease-out;
		     -o-transition: all 0.2s ease-out;
		        transition: all 0.2s ease-out;
}