/* main-visual */
.no-loop .owl-stage{transform:none !important;-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important; left:0 !important;}
.no-loop .control-wrap{display:none !important;}
.no-loop .mini-board-ctrl{display:none !important;}
.no-loop .owl-dots{display:none !important;}
.main-visual-box{position:relative;}
.main-visual-box .item{position:relative;background:#00579f;}
.main-visual-box .item:after{content:'';display:block;clear:both;}
.main-visual-box .main-visual-img-box{position:relative;float:right;width:80.4%;height:597px;}
.main-visual-box .main-visual-img-box img{width:100%;height:100%;object-fit:cover;}
.main-visual-box .txt-box{position:absolute;top:20%;left:13%;}
.main-visual-box .txt-box .item-num{position:relative;padding:0 0 28px 0;font-size:22px;color:#a6c4dd;}
.main-visual-box .txt-box .item-num:before{content:'';display:block;position:absolute;top:12px;left:-25px;width:21px;height:1px;background:#a6c4dd;}
.main-visual-box .txt-box .txt01{font-weight:500;font-size:48px;line-height:52px;color:#fff;text-shadow: 0px 5px 10px black;}
.main-visual-box .vi02 .main-visual-img-box{width:60%;height:420px;}
.main-visual-box .vi02 .txt-box{z-index:10;}
.main-visual-box .txt-box .txt02{padding:20px 0 0;font-size:22px;line-height:26px;color:#fff;text-shadow: 0px 5px 10px black;}

.main-visual-box .owl-theme .owl-dots{position:absolute;bottom:25px;left:0;right:0;margin:0 auto;width:100%;max-width:1200px;text-align:center;box-sizing:border-box;opacity:0;}
.main-visual-box .owl-theme .owl-dots .owl-dot span{margin:5px 3px;width:16px;height:16px;border:1px solid #fff;background:none;}
.main-visual-box .owl-theme .owl-dots .owl-dot.active span{background:#fff;}
.main-visual-box .control-wrap{position:absolute;bottom:40%;left:13%;margin:0 auto;width:100%;max-width:1200px;z-index:10;}
.main-visual-box .control-wrap a{display:block;position:absolute;left:0;width:48px;height:48px;border:3px solid #3d7fb6;border-radius:45px;}
.main-visual-box .prev{top:0;background:url(../img/main/btn-prev.png) no-repeat 50% 50%;}
.main-visual-box .next{top:150px;background:url(../img/main/btn-next.png) no-repeat 50% 50%;}
.main-visual-box .mini-board-ctrl{position:absolute;bottom:11px;left:calc(50% + 20px);z-index:10;margin:0 0 0 13px;width:11px;opacity:0;}
.main-visual-box .mini-board-ctrl img{display:none;width:100%;}
.main-visual-box .carousel-stop img:first-of-type{display:inline-block;}
.main-visual-box .carousel-play img:last-of-type{display:inline-block;}
.main-visual-box .cnt-wrap{position:absolute;top:70px;left:20px;}
.main-visual-box .cnt-wrap span{display:block;color:#669ac5;}
.main-visual-box .cnt-wrap span:first-of-type{position:relative;padding:0 0 30px 0;color:#fff;}
.main-visual-box .cnt-wrap span:first-of-type:after{content:'';display:block;position:absolute;bottom:10px;left:4px;width:2px;height:9px;background:#669ac5;}

/* 메인비주얼 control-wrap 원 색 채워지는 애니메이션 */
.main-visual-box .control-wrap a:after, .control-wrap a:before{content:'';display:block;position:absolute;top:-3px;left:-3px;width:48px;height:48px;border:3px solid #fff;border-radius:50px;clip:rect(0px, 30px, 100px, 0px);opacity:0;}
.main-visual-box .control-wrap a:hover:after,.control-wrap a:hover:before{-ms-animation-iteration-count:1;-webkit-animation-iteration-count:1; /* 애니메이션이 몇번 반복될지 */-ms-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;/* 애니메이션이 끝나는 위치에 가 있음*/-ms-animation-timing-function:linear;-webkit-animation-timing-function:linear;/* 애니메이션이 동일한 속도로 */-ms-animation-name:nav-btn;-webkit-animation-name:nav-btn;/* 애니메이션 이름 */border-color:#fff;opacity:1;}
.main-visual-box .control-wrap a:hover:after{-ms-animation-duration:0.5s;-webkit-animation-duration:0.5s;-ms-animation-name:left-spin;-webkit-animation-name:left-spin;}
.main-visual-box .control-wrap a:hover:before{-ms-animation-duration:0.5s;-webkit-animation-duration:0.5s;-ms-animation-name:right-spin;-webkit-animation-name:right-spin;}

@-ms-keyframes right-spin {
	from {-ms-transform:rotate(0deg);}
	to {-ms-transform:rotate(180deg);}
}
@-webkit-keyframes right-spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(180deg);}
}
@-ms-keyframes left-spin {
	from {-ms-transform:rotate(0deg);}
	to {-ms-transform:rotate(360deg);}
}
@-webkit-keyframes left-spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}
/* 요소의 모든 부분이 나오는 애니메이션 */
@-ms-keyframes nav-btn {
	to {clip:rect(auto, auto, auto, auto);}/* 특정 영역을 보이지 않게 하는 속성 */
}
@-webkit-keyframes nav-btn {
	to{clip:rect(auto, auto, auto, auto);}
}

/* popup-box */
.popup-box{position:absolute;top: 18.5%;/*transform:translateY(-50%);*/max-width:100%;width:100%;height:0px;/*background-color:#fff;*/z-index:99;right:0px}
.popup-box > .tab-box{position:absolute;top:0;right:100px;width:820px;/*max-height:1000px;transition:all .5s;*/}
.popup-box > .tab-box.active{/*max-height:0;overflow:hidden;transition:max-height .5s;*/}
.popup-box > .popup-btn{position:absolute;top:0;right:50px;width:50px;height:50px;transition:all .3s;background: #00204c center/cover no-repeat url(/_res/ajou/iadmissions/img/main/ico-popup-open.jpg);}
.popup-box > .popup-btn.open{background-image: url(/_res/ajou/iadmissions/img/main/ico-popup-close.jpg);}
.popup-box > .popup-btn.close{background-image: url(/_res/ajou/iadmissions/img/main/ico-popup-open.jpg);}

.popup-box > .tab-box .tab-title-lists {background-color: rgba(1,85,154,0.75);font-size:0;}

.popup-box > .tab-box .tab-title-lists > li{display:inline-block;width:25%;box-sizing:border-box;border-right:1px solid rgba(255,255,255,0.2);color:#cdd9e9;font-size:16px;text-align:center;vertical-align:top;}
.popup-box > .tab-box .tab-title-lists > li:last-of-type{border-right:none;}
.popup-box > .tab-box .tab-title-lists > li.active{background-color:#fff;color:#333;}
.popup-box > .tab-box .tab-title-lists > li.active > a{background-color:#fff;font-weight:500;}
.popup-box > .tab-box .tab-title-lists > li > a{display:inline-block;box-sizing:border-box;padding:15px 10px;width:100%;overflow:hidden;font-size: 20px;white-space: nowrap;text-overflow:ellipsis;}
.popup-box > .tab-box .tab-content-box{position:relative;padding: 0px 30px 16px;margin: -2px 0 0;background-color:#fff;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li{display:none;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li.active{display:block;}

.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box{font-size:0; text-align:center;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li{display:inline-block;padding:20px;width:calc(50% - 10px);box-sizing:border-box;margin:0 20px 20px 0;border:1px solid #e7e7e7;background-color:#f7f7f7;font-size:16px;vertical-align:top;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li:hover{transition:all 0.5s;border:1px solid #ead19a;background-color:#f9f1df;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li:nth-of-type(2){margin-right:0;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li:nth-of-type(3){margin-bottom:0;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li:last-of-type{margin-right:0;margin-bottom:0;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li .title-p{padding:0 0 10px 0;min-height:56px;font-size:20px;font-weight:500;line-height:28px;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li .date-p{padding:0 0 20px 0;font-size:18px;line-height:26px;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li > .btn-box{font-size:0;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li >.btn-box > a{display: inline-block;padding: 18px 0;width: calc(100% - 7px);background-color:#e6eef6;border:1px solid #b0d0f1;font-size:16px;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li >.btn-box > a:nth-of-type(1){margin:0 10px 0 0;}
.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li >.btn-box > a:hover {background-color: #046cc4;border: 1px solid #046cc4;color: #fff;transition: all .3s;}

.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box.viet-box > li .title-p{display: -webkit-box;padding:0;margin:0 0 10px 0;max-height:56px;text-overflow: ellipsis;overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}

@media screen and (max-width: 1280px) {
	/* main-visual*/
	.screen{display:none;opacity:0;}
	.main-visual-box .vi02 .main-visual-img-box:after{left:6%;}
}
@media screen and (max-width: 1024px) {
	/* main-visual */
	.main-visual-box:after{display:none;}
	.main-visual-box .vi02 .main-visual-img-box{float:none;width:100%;}
	.main-visual-box .vi02 .main-visual-img-box:after{display:none;}
	.main-visual-box .control-wrap{bottom:60px;left:53%;opacity:0;}
	.main-visual-box .control-wrap a{bottom:0;top:auto;width:11px;height:20px;border:none;border-radius:0;}
	.main-visual-box .control-wrap a:hover:before{animation:none;}
	.main-visual-box .control-wrap a:hover:after{animation:none;}
	.main-visual-box .control-wrap a:after, .control-wrap a:before{display:none;}
	.main-visual-box .control-wrap a:hover:after,.control-wrap a:hover:before{animation:none;border:none;}
	.main-visual-box .control-wrap .prev{left:-90px;background:url(../img/main/btn-prev02.png) no-repeat 50% 50%;}
	.main-visual-box .control-wrap .next{left:70px;background:url(../img/main/btn-next02.png) no-repeat 50% 50%;}
	.main-visual-box .cnt-wrap{display:none;}
	.main-visual-box .txt-box{top:auto;bottom:35px;left:50%;padding:25px 25px 70px 25px;width:87%;max-width:570px;background:#00579f;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);box-sizing:border-box;}
	.main-visual-box .txt-box .item-num{display:none;}
	.main-visual-box .txt-box .txt01{font-size:30px;line-height:40px;text-shadow:unset;}
	.main-visual-box .owl-theme .owl-dots{opacity:1;}
	.main-visual-box .owl-theme .owl-dots{bottom:62px;}
	.main-visual-box .mini-board-ctrl{bottom:69px;left:calc(50% + 60px);opacity:1;}
	.main-visual-box .txt-box .txt02{padding:10px 0 0;font-size:18px;line-height:22px;text-shadow:unset;}
}
@media screen and (max-width:768px){
	/* main-visual */
	.main-visual-box .main-visual-img-box{height:509px;}
	.main-visual-box .vi02 .main-visual-img-box{height:509px;}
	.main-visual-box .txt-box{bottom:10px;padding:20px 20px 50px 20px;}
	.main-visual-box .txt-box .txt01{font-size:20px;line-height:28px;}
	.main-visual-box .owl-theme .owl-dots{bottom:25px;}
	.main-visual-box .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;}
	.main-visual-box .mini-board-ctrl{bottom:30px;left:calc(50% + 35px);width:9px;}
	.main-visual-box .txt-box .txt02{font-size:14px;line-height:18px;}

	/* popup */
	.popup-box{/*top:auto;*/bottom:100px;width:100%;}
	.popup-box > .tab-box{width: calc(100% - 100px);}
	.popup-box > .tab-box .tab-content-box {padding: 22px 20px 20px;}
	.popup-box > .tab-box .tab-title-lists > li > a{padding:14px 10px;font-size:18px;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li{width:100%;margin:0 0 20px 0;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li:nth-of-type(3){margin-bottom:20px;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li .title-p {padding: 0 0 10px 0;min-height: auto;font-size: 18px;line-height: 26px;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li .date-p{padding: 0px 0 12px 0;font-size: 16px;line-height: 24px;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box.en-box > li{padding:20px;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box.viet-box > li{padding:20px;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box.viet-box  > li .date-p{min-height:auto;}

}

@media screen and (max-width: 560px) {
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li >.btn-box > a{display:block; width:100%; margin:0;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li >.btn-box > a:first-of-type{margin:0 0 10px 0!important;}
}
@media screen and (max-width: 480px) {
	/* main-visual */
	.main-visual-box .vi02 .main-visual-img-box{height:320px;}

	.popup-box > .popup-btn{width:40px;height: 40px;}
	.popup-box > .tab-box {right:40px;width: calc(100% - 70px);}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li .title-p{display: -webkit-box;padding: 0;margin: 0 0 10px 0;max-height: 56px;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li .date-p{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
	.popup-box > .tab-box .tab-content-box .tab-content-lists > li .application-box > li >.btn-box > a{padding: 10px 0;}
}