.main-visual{position: relative;width: 100%;margin: 0 auto;overflow: hidden;background: linear-gradient(rgba(28, 38, 91, 0.2), rgba(28, 38, 91, 0.2)),url("/images/graduateNew/main/mvbg_01.jpg") no-repeat center;background-size: cover;}
.mv-wid{width: calc(100% - 40px);max-width: 1170px;margin: 0 auto;height: 645px;}
.mv-wid > p{padding-top: 165px;}
.mv-wid > p > span.mo{display: none;}


.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: 27px;top: 27px;display: inline-block; transition: transform 0.3s;}
.mb-more:hover{transform: rotate(45deg);}
.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: "";position: absolute;left:40%;width: 40%;top: 0;bottom: 0;height: 100%;background: url(/images/graduateNew/main/mic-b.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{display: table-cell;vertical-align: middle;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;letter-spacing: -0.5px;line-height: 1.3;}
.mic-line > li > a > p > span{display: block;font-size: 25px;font-weight: bold;line-height: 1.1;/*margin-bottom: 10px;*/}
.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;}

.msection2{width: calc(100% - 20px);max-width: 1170px;margin:0 auto;padding: 55px 0;}
.mfc-line{font-size: 0;text-align: center;margin-top: -20px;}
.mfc-line > li{display: inline-block;margin-top: 20px;vertical-align: top;}
.mfc-line > li > a{display: block;padding: 0 30px;}
.mfc-line > li > a > span{display: block;font-size: 0;}
.mfc-line > li > a > p{margin-top: 10px;font-size: 17px;color: #000;line-height:1.2;letter-spacing: -0.7px;font-weight: bold;}
.mfc-line > li:hover > a > span{transform:rotateY(360deg);transition: all 0.4s ease-in-out;}

@keyframes slideIn {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0);
	}
}

/* 팝업 */
.pop-container {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 1000;
}
.graduate-layer-popup {
	animation: slideIn 2s forwards;
}

.graduate-layer-popup .wrap {
	padding-top: 10px;
	padding-left: 10px;
}
.pop_main_v {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.graduate-layer-popup.main_noti {
	/*width: calc(50% - 5px);*/
	margin-bottom: 10px;
}
.graduate-layer-popup.main_noti {
	margin-right: 10px;
}
.graduate-layer-popup.main_noti:last-child {
	margin-right: 0px;
}
.graduate-layer-popup.main_noti .box.lg {
	max-width: 250px;
	height: auto;
	padding: 0;
	box-sizing: content-box !important;
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	white-space: nowrap;
	justify-content: flex-end;
	border-top: 1px solid #424242;
	border-left: 1px solid #424242;
	border-right: 1px solid #424242;
	padding: 5px 5px;
	background: #424242;
}
.noti_check.combo label {
	color: #FFFFFF;
	font-size: 13px;
	font-family: 'Pretendard', sans-serif;
}
.buttonWrap {
	background: #424242;
	box-sizing: border-box;
	width: 100%;
	align-items: flex-end;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
	justify-content: space-between;
	margin-top: 5px;
	align-items: center;
}
.buttonWrap button {
	font-family: 'Pretendard', sans-serif;
}



@media screen and (max-width:1024px){
	.mv-wid{display: table;text-align: center;height: 540px;}
	.mv-wid > p{padding-top: 0;display: table-cell;vertical-align: middle;padding: 0 30px;}
	.mv-wid > p > span.pc{display: none;}
	.mv-wid > p > span.mo{display: block;}

	.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: url(/images/graduateNew/main/mic-b2.jpg) center center no-repeat;background-size: cover;}

	.msection2{display: none;}
}

@media screen and (max-width:767px){
	.main-visual{background: url(/images/graduateNew/main/mvbg_mo.jpg) center center no-repeat;background-size: cover;}
	.mv-wid{height: 370px;}

	.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: 50%;bottom: -234px;}
	.mic-line > li.bg4 > a{background: rgba(14,49,81,0.8);}
	.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;}

}

@media screen and (max-width:545px) {

	/* 팝업 */
	.pop-container{left: 10px;}
	.graduate-layer-popup.main_noti {
		width: calc(50% - 5px);
	}
	/*.graduate-layer-popup:not(:first-child):not(:last-child) {*/
	/*	width: 100%;*/
	/*	margin: 0;*/
	/*}*/
	.buttonWrap button {
		background-color: #ddd;
		border: none;
		padding: 2px 4px;
		border-radius: 5px;
		font-size: 14px;
	}
}

@media screen and (max-width:520px){
	.mv-wid{height: 290px;}
	.m-board-area{height: auto;padding: 20px 12px;}
	.mb-more{right: 12px;top: 20px; width: 16px;}
	.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){
	.mv-wid{height: 220px;}
	.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;}
}