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

/*popup css*/
.popup {position:fixed;display:inline-block;top:0;left:0;width:100%;height:100%;z-index:10000;text-align:center;}

.popup .outline {display:inline-block;height:auto;}
.popup .img {height:auto;margin:0 auto;}
.popup .img a {display:inline-block;padding-bottom:0px;}
.popup .img.w {display:none;}
.popup .img img {max-height:calc(100vh - 45px);}
.popup .mobile-noti {position:fixed;}

.popup .today {width:100%;background:#111;padding:6px 10px 10px 10px;text-align:center;margin:0 auto;}
.popup .today a {display:inline-block;color:#fff;text-decoration:none;font-size:12px;}
.popup .today a:hover {color:#b0b0b0;}
.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:#203a72;}

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

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

@media (min-width:320px) {

}

@media (min-width:360px) {

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


}

@media (min-width:768px) {
	
	.popup .today a {font-size:14px;}
	body.logged-in.admin-bar .popup {top:32px !important;}


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

	.popup .img img {max-height:calc(100vh - 100px);}

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

	.popup .img img {max-height:calc(100vh - 150px);}
}


/*Main Visual //////////////////////////////////////////////////////////////////////////////////*/
.main-visual {margin-top:92px}
.main-visual, .swipe-bg {height:200px;width:100%;position:relative;overflow:hidden;}

.v1 {background:#fff url('../images/mv1.jpg') no-repeat;background-position:center;background-size:cover;}
.v2 {background:#fff url('../images/mv2.jpg') no-repeat;background-position:center;background-size:cover;}
.v3 {background:#fff url('../images/mv3.jpg') no-repeat;background-position:center;background-size:cover;}

.v-txt {margin:40px 0 0 0;text-align:center;}

.v-txt h2 {color:#fff;}
.v-txt h2 span {display:block;letter-spacing:-0.025em;}
.v-txt h2 span.vt1 {font-size:28px;font-weight:700;opacity:0;transition:1s ;transform:translateY(-50%);}
.v-txt h2 span.vt2 {font-size:15px;font-weight:400;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:1240px;margin:0 auto;text-align:center;bottom:90px;}
.swiper-pagination-bullet {width:14px;height:14px;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:320px) {

	.v-txt h2 span.vt2 {font-size:17px;}

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

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

	.v-txt {margin:100px 0 0 0;}
	.v-txt h2 span.vt1 {font-size:50px;}
	.v-txt h2 span.vt2 {font-size:30px;}
	
	.swiper-pagination {bottom:180px;}
}

@media (min-width:992px) {

	.main-visual {margin-top:0;}
	.main-visual, .swipe-bg {height:550px;}

	.v-txt {max-width:100%;margin:220px 0 0 0 !important;}
	.v-txt h2 span.vt1 {font-size:56px;}
	.v-txt h2 span.vt2 {font-size:30px;}
	
	.swiper-pagination {bottom:190px;}
	.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:630px;}

	.v-txt {max-width:1240px;margin:265px auto 0 !important;}
	.v-txt h2 span.vt1 {font-size:60px;}
	.v-txt h2 span.vt2 {font-size:32px;}
	.swiper-pagination {bottom:220px;}

}

@media (min-width:1921px) {


}

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

@media (min-width:768px) {

	.main-content-body {margin-top:0;padding:0;}
	.m-hide {display:inline;}
}


/* Recent Board Title */
.recent-board {margin-top:-36px;overflow:hidden;}
.recent-board .ugrdauate {width:100%;border-radius:14px;overflow:hidden;background:#0048a0;}

.recent-board .title {overflow:hidden;position:relative;padding:14px 16px 10px 16px;}
.recent-board .title h3 {margin:0;font-size:18px;font-weight:700 !important;color:#fff;float:left;}
.recent-board .title span {float:right;}
.recent-board .title span a {display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #fff;text-align:center;line-height:21px;}
.recent-board .title span a img {}

/* Left 1~2 */
.recent-board .txt {width:100%;;position:relative;padding:0 16px 16px 16px;}

.recent-board .txt ul {margin:0;padding:0;list-style:none;position:relative;}
.recent-board .txt ul li:nth-child(1), 
.recent-board .txt ul li:nth-child(2) {position:relative;float:none;width:100%;border-bottom:1px solid #2663ae;background:none !important;margin-right:0;}
.recent-board .txt ul li:nth-child(1) {background:url('../images/ic-notice-b.png') 0 8px no-repeat !important;background-size:40px !important;padding:10px 10px 8px 50px !important;line-height:17px;border-top:1px solid #2663ae;}
.recent-board .txt ul li:nth-child(2) {background:url('../images/ic-notice-b.png') 0 8px no-repeat !important;background-size:40px !important;padding:10px 10px 8px 50px !important;line-height:17px;}

.recent-board .txt ul li:nth-child(1) a,
.recent-board .txt ul li:nth-child(2) a {width:100%;padding:0 !important;background:transparent !important;color:#fff !important;position:relative;display:block;margin-top:-2px;}
.recent-board .txt ul li:nth-child(1) a::before, .recent-board .txt ul li:nth-child(2) a::before {display:none;}
.recent-board .txt ul li:nth-child(1) a span, .recent-board .txt ul li:nth-child(2) a span {display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;line-height:1.4;}
.recent-board .txt ul li:nth-child(1) span.date, .recent-board .txt ul li:nth-child(2) span.date {position:relative;right:0;display:block;color:#fff;font-weight:400;font-size:14px;}

/* Right 1~2 */
.recent-board .txt ul li:nth-child(n+3) {position:relative;right:auto;width:100%;line-height:18px;background:none !important;height:auto !important;padding:10px 0 0 0;}
.recent-board .txt ul li:nth-child(3),
.recent-board .txt ul li:nth-child(4),
.recent-board .txt ul li:nth-child(5),
.recent-board .txt ul li:nth-child(6),
.recent-board .txt ul li:nth-child(7),
.recent-board .txt ul li:nth-child(8),
.recent-board .txt ul li:nth-child(9) {top:auto;}
.recent-board .txt ul li:nth-child(8), .recent-board .txt ul li:nth-child(9) {display:none;}
.recent-board .txt ul li:nth-child(n+3) a {display:block;width:100%;padding:0 0 0 8px !important;background:url('../images/bullet-dot-white.png') left center no-repeat !important;color:#fff !important;position:relative;min-height:auto;overflow:hidden;}
.recent-board .txt ul li:nth-child(n+3) a::before {display:none;}
.recent-board .txt ul li:nth-child(n+3) a span {display:inline-block;max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;margin-bottom:0;float:left;}
.recent-board .txt ul li:nth-child(n+3) a img {display:none;}
.recent-board .txt ul li:nth-child(n+3) span.date {position:absolute;right:0;top:10px;display:inline-block;font-size:14px;color:#fff;font-weight:400;}

.recent-board .txt ul li a:hover {opacity:0.8;}

@media (min-width:768px) {

    .recent-board {margin:-70px 0 20px 0;}
    .recent-board .title {height:60px;padding:22px 30px 15px 30px;}
    .recent-board .title h3 {font-size:20px;}

    .recent-board .txt {height:230px;padding:0 30px;}
	.recent-board .txt ul li:nth-child(1), .recent-board .txt ul li:nth-child(2) {float:left;width:48%;margin-right:4%;padding:20px 0 20px 100px !important;}
	.recent-board .txt ul li:nth-child(1) {background:url('../images/ic-notice-b.png') 0px 19px no-repeat !important;background-size:60px !important;padding:26px 0 20px 74px !important;min-height:100px;line-height:20px;}
	.recent-board .txt ul li:nth-child(2) {background:url('../images/ic-notice-b.png') 0px 19px no-repeat !important;background-size:60px !important;padding:26px 0 20px 74px !important;min-height:100px;line-height:20px;}

    .recent-board .txt ul li:nth-child(3) {top:0;}
    .recent-board .txt ul li:nth-child(4) {top:30px;}
    .recent-board .txt ul li:nth-child(5) {top:60px;}
    .recent-board .txt ul li:nth-child(6) {top:90px;}
    .recent-board .txt ul li:nth-child(7) {top:120px;}
    .recent-board .txt ul li:nth-child(8) {top:150px;}
    .recent-board .txt ul li:nth-child(9) {top:180px;}
	.recent-board .txt ul li:nth-child(8), .recent-board .txt ul li:nth-child(9) {display:block;}

    .recent-board .txt ul li:nth-child(n+3) {position:absolute;right:0;width:50%;border-bottom:none;padding:0;}
    .recent-board .txt ul li:nth-child(n+3) a {font-size:16px;padding:0 0 0 12px !important;}
    .recent-board .txt ul li:nth-child(n+3) a span {max-width:70%;} 
	.recent-board .txt ul li:nth-child(n+3) span.date {top:1px;}
}

@media (min-width:992px) {

    .recent-board {margin:-70px 0 28px 0;}
    .recent-board .title {height:80px;padding:32px 40px 0 40px;}
    .recent-board .title h3 {font-size:22px;}

	.recent-board .txt {height:265px;padding:0 40px;}
	.recent-board .txt ul li:nth-child(1) {background:url('../images/ic-notice-b.png') 10px 22px no-repeat !important;background-size:64px !important;padding:32px 10px 20px 90px !important;min-height:110px;}
	.recent-board .txt ul li:nth-child(2) {background:url('../images/ic-notice-b.png') 10px 22px no-repeat !important;background-size:64px !important;padding:32px 10px 20px 90px !important;min-height:110px;}

	.recent-board .txt ul li:nth-child(1) a,
    .recent-board .txt ul li:nth-child(2) a {font-size:19px;}
    .recent-board .txt ul li:nth-child(1) a span,
    .recent-board .txt ul li:nth-child(2) a span {font-size:19px;}
    .recent-board .txt ul li:nth-child(4) {top:34px;}
    .recent-board .txt ul li:nth-child(5) {top:68px;}
    .recent-board .txt ul li:nth-child(6) {top:102px;}
    .recent-board .txt ul li:nth-child(7) {top:136px;}
    .recent-board .txt ul li:nth-child(8) {top:170px;}
    .recent-board .txt ul li:nth-child(9) {top:204px;}

    .recent-board .txt ul li:nth-child(n+3) a {font-size:18px;}
	.recent-board .txt ul li:nth-child(n+3) a span {max-width:80%;} 

}

@media (min-width:1200px) {

    .recent-board .title h3 {font-size:24px;}

}


/* Photo */
.photo {width:100%;margin-top:16px;overflow:hidden;height:180px;position:relative;}
.photo .photo-gradient {position:absolute;top:0;left:0;right:0;bottom:0;background:url('../images/photo-black.png') no-repeat;background-size:100% auto;pointer-events:none;z-index:10;border-radius:14px;}
.photo-board {overflow:hidden;}

.photo .title {position:absolute;top:20px;left:20px;right:20px;z-index:10;display:flex;justify-content:space-between;align-items:center;}
.photo .title h3 {color:#fff;font-size:19px;font-weight:700 !important;margin:0;}
.photo .title div {display:block;}
.photo .title div a {display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #fff;}

.photo .swiper-container {height:100%;border-radius:14px;overflow:hidden;position:relative;z-index:1;}
.photo a {display:block;height:100%;overflow:hidden;}
.photo a .img {height:100%;background-size:cover !important;background-position:center center !important;transition:transform 0.5s ease;}
.photo:hover a .img {transform:scale(1.1);}

.photo .swiper-pagination {position:absolute;margin:0 auto;text-align:center;bottom:20px;left:0;right:0;z-index:10;}
.photo .swiper-pagination-bullet {width:14px;height:14px;margin:0 4px;display:inline-block;border-radius:100%;background:#fff;opacity:1;}
.photo .swiper-pagination-bullet-active {opacity:1;background:#0f7dd6;}

@media (min-width:360px) {

    .photo {height:220px;}

}

@media (min-width:768px) {

    .photo {height:260px;margin-top:0px;}
	.photo .title {top:20px;left:20px;right:20px;}
	.photo .title h3 {font-size:20px;}

	.photo1 {float:left;width:calc(50% - 10px);}
    .photo2 {float:right;width:calc(50% - 10px);}	
	.photo .swiper-pagination {bottom:10px;}
}

@media (min-width:992px) {

	.photo {height:320px;}
	.photo .title {top:20px;left:30px;right:30px;}
	.photo .title h3 {font-size:22px;}

	.photo1 {float:left;width:calc(50% - 14px);}
    .photo2 {float:right;width:calc(50% - 14px);}
    .photo .swiper-pagination {bottom:20px;}

}

@media (min-width:1200px) {

	.photo {height:350px;}
    .photo .title {top:24px;left:40px;right:40px;}
	.photo .title h3 {font-size:24px;}

}

/* 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 {width:100%;background:#f1f7fa;padding:34px 0 16px 0;overflow:hidden;}
.bg-grey .title {text-align:center;margin-bottom:20px;}
.bg-grey .title h3 {font-size:24px !important;font-weight:700 !important;color:#0048a0;padding-bottom:4px;}
.bg-grey .s-txt {font-weight:400 !important;color:#3c3e41;}

.bg-grey .ict-on {margin:0 auto;}
.bg-grey .ict-wrap {flex:1;background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;margin-bottom:16px;}
.bg-grey .ict-wrap:hover {transform:translateY(-7px);box-shadow:0 2px 10px rgba(0, 0, 0, 0.08);}

.bg-grey .ict-img {width:100%;height:180px;overflow:hidden;}
.bg-grey .ict-img img {width:100%;height:100%;object-fit:cover;object-position:top;}
.bg-grey .ict-img1 img {object-position:center;}

.bg-grey .ict-white {padding:18px 16px 16px 16px;flex:1;display:flex;flex-direction:column;}
.bg-grey .ict-white h4 {font-size:18px;font-weight:700 !important;color:#0f7dd6;margin-bottom:6px;}
.bg-grey .ict-white .s-txt {font-weight:400 !important;line-height:1.4;flex:1;}

.bg-grey .btn-circle {text-align:right;margin-top:-10px;align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0f7dd6;border-radius:50%;}
.bg-grey .s-txt {font-weight:400 !important;color:#3c3e41;}

@media (min-width:360px) {

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

	.bg-grey {padding:40px 0 60px 0;}
	.bg-grey .title {margin-bottom:30px;}
	.bg-grey .title h3 {font-size:30px !important;padding-bottom:4px;}

	.bg-grey .ict-on {display:flex;justify-content:space-between;gap:14px;}
	.bg-grey .ict-wrap {margin-bottom:0;}

	.bg-grey .ict-img {height:170px;}
	.bg-grey .ict-white {padding:20px 14px 16px 18px;flex:1;display:flex;flex-direction:column;}
	.bg-grey .ict-white h4 {font-size:20px;margin-bottom:6px;}
	.bg-grey .btn-circle {margin-top:-5px;width:30px;height:30px;}

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

	.bg-grey {padding:50px 0 60px 0;}
	.bg-grey .title {margin-bottom:34px;}
	.bg-grey .title h3 {font-size:40px !important;padding-bottom:4px;}

	.bg-grey .ict-on {gap:16px;}
	.bg-grey .ict-img {height:200px;}
	.bg-grey .ict-white .s-txt {line-height:1.5;word-break:keep-all;white-space:normal;}
	.bg-grey .ict-white {padding:20px 16px 16px 20px;flex:1;display:flex;flex-direction:column;}
	.bg-grey .ict-white h4 {font-size:22px;margin-bottom:8px;}
	.bg-grey .btn-circle {margin-top:-10px;width:40px;height:40px;}

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

	.bg-grey {padding:80px 0 100px 0;}
	.bg-grey .title {margin-bottom:40px;}

	.bg-grey .ict-on {gap:25px;}
	.bg-grey .ict-img {height:250px;}
	.bg-grey .ict-white {padding:30px 30px 30px 36px;}
	.bg-grey .btn-circle {margin-top:20px;width:50px;height:50px;}
	.bg-grey .ict-white .s-txt {line-height:1.6;}
}


/* Transition //////////////////////////////////////////////////////////////////////////////////*/
.recent-board .txt ul li a, .free .txt ul li a, .gallery .gallery-list a .txt .subject {
		-webkit-transition: color 0.3s ease-out;
		   -moz-transition: color 0.3s ease-out;
		     -o-transition: color 0.3s ease-out;
		        transition: color 0.3s 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, .bg-grey .ict-wrap, .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;
}