.main-visual{width: 100%; position: relative;margin:0 auto;overflow: hidden; }
.main-visual-image {width:100%; height:100%; display:block; position:absolute; left:0; top : 0; background: linear-gradient(rgba(28, 38, 91, 0.2), rgba(28, 38, 91, 0.2)), url("../images/main/mvbg_01.jpg") center center no-repeat; background-size: cover;transform: scale(1.1, 1.1);transition: transform 15s ease-out, opacity 1s ease 0.1s;animation: scaleBackground 15s ease-out forwards;z-index: -1;}
@keyframes scaleBackground {
	0% {
		transform: scale(1.1, 1.1);
	}
	100% {
		transform: scale(1, 1);
	}
}
.main-visual .mv-con{height: 645px;}
.main-visual .mv-con > .txt{font-size: 42px; font-family: 'Pretendard', sans-serif; color:#fff;text-shadow: 0 0 5px rgba(0,0,0,0.7); padding-top: 163px; padding-left: 40px;}
.main-visual .mv-con > .txt.en{font-size: 35px; }

/* 모집요강 css S */

.mv-mark{position: absolute;right: 40px;bottom: 280px;padding: 15px 14px;background: rgba(255,255,255,0.88);border-radius: 15px;box-shadow: 5px 5px 5px rgba(9,2,4,0.7);z-index: 2;}
.mv-mark h4{margin-bottom: 14px;text-align: center;font-size: 15px;color: #171717; font-family: 'Pretendard', sans-serif;font-weight: bold;}
.mv-mark h4 span{display: block;margin-bottom: 5px;font-size: 18px;color: #014195;}
.mv-mark.ch h4 span{font-family: NotoSansSC;}
.mv-mark.jp h4 span{font-family: NotoSansJP;}
.mv-mark ul a{margin-top: 5px; text-align: center; padding: 10px 10px; border: 1px solid #2853bf;border-radius: 8px; max-width: 100px; display: block;}
.mv-mark ul a.en {padding: 6px 10px}
.mv-mark ul a.jp {padding: 10px 2px}
.mv-mark.jp ul a{padding: 10px 5px;}
.mv-mark ul a:nth-child(1) {background: #2853bf; border: 1px solid #2853bf;}
.mv-mark ul a:nth-child(2) {background: #3ca7d4; border: 1px solid #3ca7d4;}
.mv-mark ul a:nth-child(3) {background: #818bba; border: 1px solid #818bba;}
.mv-mark ul a:nth-child(4) {background: #557cc3; border: 1px solid #557cc3;}
.mv-mark ul a:nth-child(5) {background: #218fe5; border: 1px solid #218fe5;}
.mv-mark ul a span{font-size: 16px;font-weight: bold; color: #FFFFFF!important;}
.mv-mark.ch ul a span{font-family: NotoSansSC;}
.mv-mark.jp ul a span{font-family: NotoSansJP; font-size: 15px;}

/* 모집요강 css E */

/* 홍보영상 css S */

.mv-mark.video-link {
	bottom: 80px;
	width: 126px;
}
.mv-mark.video-link .character_img {
	/*animation: move1 0.7s infinite alternate;*/
	animation: move1 1s infinite;
	position: absolute;
	z-index: 99999;
	left: -38px;
	bottom: 135px;
	width: 50%;
}

.mv-mark.video-link.en .character_img {
	bottom: 152px
}
@keyframes move1 {
	/*0% { transform:translate(0, 0);}*/
	/*100% { transform: translate(0, 8px);}*/
	0% { transform: rotate(0deg); }
	50% { transform: rotate(5deg); }
	100% { transform: rotate(0deg); }
}

/* 홍보영상 css E  */

.msection1{width: 100%;margin: 0 auto;background: #ededed;}
.mic-area{position: relative;padding-bottom: 60px;}
.m-board-area{position: absolute;right: 0;top: -234px;width: 40%;height: 234px;box-sizIng: border-box;padding: 28px;background: #fff;}
.mb-more{position: absolute;right: 20px;top: 30px;display: inline-block;padding-right: 16px;font-size: 13px;color: #666;line-height: 1;background: url(../images/main/more02.png) right 1px top no-repeat;}
.mb-btns{font-size: 0;margin-bottom: 24px;}
.mb-btns > li{display: inline-block;margin-right: 30px;position: relative;}
.mb-btns > li:after{content: "";position: absolute;right: -15px;top: 50%;width: 1px;height: 18px;background: #bfbfbf;margin-top: -9px;}
.mb-btns > li:last-child{margin-right:0;}
.mb-btns > li:last-child:after{display: none;}
.mb-btns > li > a{display: block;font-size: 16px;color: #5e5e5e;line-height: 1;font-weight: bold;}
.mb-btns > li.on > a{color: #ff2424;}
.mb-box{height: 135px;overflow: hidden;}
.mb-box > .mb_lines{display: none;}
.mb-box > .mb_lines.on{display: block;}
.mb-box > .mb_lines > ul > li{margin-bottom: 14px;}
.mb-box > .mb_lines > ul > li > a{display: block;font-size: 15px;color: #666;line-height: 1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mb-box > .mb_lines > ul > li > a:hover{color:#3c497b;}
.mb-box > .mb_lines > ul > li:last-child{margin-bottom: 0;}

.mic-box{position: relative;}
.mic-box:after{content: "";display: inline-block; position: absolute;left:40%;width: 40%; height: 100%; top: 0;bottom: 0;height: 100%;background: url('../images/main/mc.jpg') center center no-repeat;background-size: cover; }
.mic-line{position: relative;z-index: 1;}
.mic-line > li{float: left;width: 20%;height: 234px;display: table;text-align: center;}
.mic-line > li > a{width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;  padding: 5px;}
.mic-line > li.bg1 > a{background: #2853bf;}
.mic-line > li.bg2 > a{background: #0e3151;}
.mic-line > li.bg3 > a{background: #fff;}
.mic-line > li.bg4 > a{background: rgba(14,49,81,0.8);}
.mic-line > li.bg5 > a{background: #3752c3;}
.mic-line > li.bg6 > a{background: #218fe5;}
.mic-line > li.bg7 > a{background: #fff;}
.mic-line > li > a > span{display: block;font-size: 0;margin-bottom: 15px;}
.mic-line > li > a > p{font-size: 15px;color: #fff;} 
.mic-line > li > a > p > span{display: block;font-size: 22px; font-family: 'Pretendard'; margin-bottom: 10px;font-weight: bold;}
.mic-line > li.bg3 > a > p, .mic-line > li.bg7 > a > p{color: #3a3a3a;}
.mic-line > li.bg1{position: absolute;left: 40%;top: -234px;}
.mic-line > li.bg4{margin-left: 20%;}
.mic-line > li.bg6{margin-left: 20%;}
.mic-line > li.bg7{margin-left: 40%;}
.mic-line > li:hover > a > span{transform:rotateY(360deg);transition: all 0.4s ease-in-out;}

.popupzone .slideArea .bx-viewport{overflow: hidden;}
.popupzone .slideArea .bx-controls{position: absolute;top:10px;right: 0;width: 70px;}
.popupzone .slideArea .bx-controls-direction a{position: absolute;display: block;width:20px;height: 20px; font-size: 0;}
.popupzone .slideArea .bx-controls-direction .bx-prev{left:-3px; background: url(../images/main/arrow-left.png) center no-repeat; }
.popupzone .slideArea .bx-controls-direction .bx-next{right: 3px; background: url(../images/main/arrow-right.png) center no-repeat;}
.popupzone .slideArea .bx-controls-auto .bx-controls-auto-item{position: absolute;left: 23px;} 
.popupzone .slideArea .bx-controls-auto-item a{display: none; width:8px;height: 10px;font-size: 0;position: relative;}
.popupzone .slideArea .bx-controls-auto-item .bx-start{background: url(../images/main/stop.png) center no-repeat; }
.popupzone .slideArea .bx-controls-auto-item .bx-stop{background: url(../images/main/play.png) center no-repeat; }
.popupzone .slideArea .bx-controls-auto .bx-controls-auto-item .active{display: block;z-index: 5;}
.popupzone .slideArea .sliderAcc {position: absolute;top:10px;right:28px}
.popupzone .slideArea .sliderAcc .ctl .bx-controls-auto-item > a {display: block;width:20px;height: 20px;background: url(../images/main/stop.png) center no-repeat;}
.popupzone .slideArea .sliderAcc .ctl .bx-controls-auto-item > .bx-stop.start{background: url(../images/main/play.png) center no-repeat;}

@media screen and (max-width:1024px){
    .main-visual .mv-con > .txt{font-size: 36px;}
	.mic-area{position: relative;padding: 25px 80px;}
	.mic-box:after{display: none;}
	.m-board-area{position: relative;right: auto;top: auto;width: 66.66666666%;margin-left: 33.33333333%;}
	.mic-line > li{width: 33.333333333%;}
	.mic-line > li.bg1{left: 0;top: -234px;}
	.mic-line > li.bg4{margin-left: 0;}
	.mic-line > li.bg6{margin-left: 0;}
	.mic-line > li.bg7{margin-left: 0;}
	.mic-line > li.bg4 > a{ background:linear-gradient(rgba(28, 38, 91, 0.6), rgba(28, 38, 91, 0.6)), url(../images/main/mc.jpg) center center no-repeat;background-size: cover;}

	.msection2{display: none;}
	
	/* 모집요강 css  */
	.mv-mark{bottom: 200px;}

	.mv-mark.video-link{
		display: none;
	}
	
}

@media screen and (max-width:767px){
	.main-visual{background: url(../images/main/bizbg2.png) center center no-repeat;background-size: cover;}
	.main-visual .mv-con{height: 370px; display: flex; align-items: center; justify-content: center;}
    .main-visual .mv-con > .txt{padding-top: 0;padding-bottom: 194px; font-size: 21px;}
    .main-visual .mv-con > .txt.en{font-size: 21px; }
	.mic-area{position: relative;padding: 20px 0;}
	.mic-box{padding-bottom: 234px;}
	.m-board-area{width: 100%;margin-left: 0;}
	.mic-line > li{width: 50%;}
	.mic-line > li.bg1{position: static;}
	.mic-line > li.bg4{position: absolute;left: 0;bottom: -234px; width: 100%; background: url(../images/main/mc.jpg) center center no-repeat; background-size: 100% auto;}
	.mic-line > li.bg4 >a{width: 50%; height: 100%; background: rgba(14, 49, 81,0.7); float:right}
	
	.mic-box:after{display: block;left:0;width: 100%;top: auto;bottom: 0;height: 234px;background: url(/images/graduateNew/main/mic-b.jpg) right center no-repeat;background-size: cover;}

	/*모집요강 css  */
	.mv-mark ul li span {font-size: 12px;}
	.mv-mark{right: auto;left: 50%;width: 70%;max-width: 310px;bottom: 25px;padding: 15px 14px;transform: translate(-50%, 0);}
	.mv-mark h4{margin-bottom: 12px;text-align: center;font-size: 18px;}
	.mv-mark h4 span{display: inline-block;margin-bottom: 0;font-size: 18px;color: #014195; margin-right: 10px;}
	.mv-mark ul{margin-top: -5px; display: flex; flex-wrap: wrap; justify-content: center;}
	.mv-mark ul a{margin-left: 3px; margin-right: 3px; flex: 0 0 38%; max-width: 125px; padding: 5px;}

	.mv-mark.video-link .character_img{display: none;}
	
}
@media screen and (max-width:520px){
	
    

	.m-board-area{height: auto;padding: 20px 12px;}
	.mb-more{top: 20px;}
	.mb-btns{margin-bottom: 15px;}
	.mb-btns > li{margin-right: 14px;}
	.mb-btns > li:after{right: -7px;height: 13px;margin-top: -7px;}
	.mb-btns > li > a{font-size: 15px;}
	.mb-box{height: 110px;}
	.mb-box > .mb_lines > ul > li{margin-bottom: 10px;}
	.mb-box > .mb_lines > ul > li > a{font-size: 14px;}
	.mic-box{padding-bottom: 200px;}
	.mic-line > li{height: 200px;}
	.mic-line > li.bg4{bottom: -200px;}
	.mic-line > li > a > span img{width: 70px;}
	.mic-line > li > a > p{font-size: 14px;}
	.mic-line > li > a > p > span{font-size: 21px;margin-bottom: 8px;}
}

@media screen and (max-width:420px){
	
    .main-visual .mv-con > .txt{ font-size: 20px;}
	.mic-box{padding-bottom: 180px;}
	.mic-line > li{height: 180px;}
	.mic-line > li.bg4{bottom: -180px;}
	.mic-line > li > a > p{font-size: 13px;}
	.mic-line > li > a > p > span{font-size: 19px;}
}

/* main.css  추가*/
* {
	box-sizing: border-box;
}
 



/* 컨트롤 추가 */

.popupzone .ctrl {
	display: flex;
	background: #ffffff94;
	border-radius: 6px;
	position: absolute;
	right: 7px;
	bottom: 10px;
}
.popupzone .ctrl .ctrl-s {
	margin: 0 4px;
}
.mic-line > li.popupzone > a {
	padding: 0;
}