@charset "utf-8";
/****************************************/
/* Name: 동명대학교 국제교류
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2021-12-21
/* Author:  
/****************************************/

/*
=========================================================================
메인 콘텐츠 css
=========================================================================
*/


.conBoxBtn .conBoxBtn-inner.banner-back-color{
	background: #0c3837;
}
.conBoxBtn .conBoxBtn-inner.banner-back-color .boxBtn-bg .bg-left{
	background: none;
}
.conBoxBtn .conBoxBtn-inner.banner-back-color .boxBtn-cont-inner{
	align-items: center;
	border-left: 1px solid #577978;
}
.boxBtn-cont .box-left.banner-img{
	background: #0c3837;
	padding: 0 20px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.boxBtn-cont .box-left.banner-img .img-pc{
	display: block;
}

.boxBtn-cont .box-left.banner-img .img-mobile{
	display: none;
}

@media (max-width: 1024px){
	
	.boxBtn-cont .box-left.banner-img .img-pc{
		display: none;
	}

	.boxBtn-cont .box-left.banner-img .img-mobile{
		display: block;
	}
	.conBoxBtn .conBoxBtn-inner.banner-back-color .boxBtn-cont-inner{
		border-left: none;
	}
}
@media (max-width: 640px){
	.boxBtn-cont .box-left.banner-img {
		padding: 20px 20px;
		height: auto;
	}
	.mVisualWrap03 .link-wrap .item{height: 100%;}
}
/*------외국인유학생 원서접수-----*/
.mConBox5{
	padding: 80px 50px;
	background-color: #f0f7f0;
}
.mConBox5 .title-wrap h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mConBox5 .title-wrap h2 small{font-size:.7em;color:#999}
.mConBox5 .mBoxWp{
	display: block;
}
.mConBox5 .mCon4 .title-wrap{
	background: url(/_res/tongmyong/global/img/main/global_submit-tit_240411.png) left center no-repeat;
}
.mConBox5 .mCon4 ul{
	gap:20px
}
.mConBox5 .mCon4 li{
	width: calc(25% - 15px);
	margin:0;
}
.mConBox5 .mCon4 .subject{
	min-height: 130px;
	word-break: keep-all;
	display: flex;
	line-height: 1.6;
}
.mConBox5 .mCon4 .subject div{height:7em;display: inline-block;margin-left: 10px}
.mConBox5 .mCon4 .con{
	min-height: 120px;
	display: flex;
}
.mConBox5 .mCon4 .con div{
	display: inline-block;
	margin-left: 5px;
}

@media (max-width: 1024px){
	.mConBox5 .mCon4 li {
		width: calc(50% - 10px);
	}
	.mConBox5 .mCon4 .subject{
		min-height: 100px
	}
	.mConBox5 .mCon4 .con{
		min-height: 90px
	}
}
@media (max-width: 640px){
	.mConBox5{
		padding: 50px 20px;
	}
	.mConBox5 .mCon4 li {
		width: 100%;
	}
	
	.mConBox5 .mCon4 .subject,
	.mConBox5 .mCon4 .con{
		min-height: auto;
	}
	
}


/*241216 메인서클 비쥬얼(위젯 사용 시 삭제 필요) ↓ */ 
.mVisualWrap03 .visualSlide .control{bottom: 220px;}
.mVisualWrap .link-wrap ul{display: flex;align-items: center;}
.mVisualWrap .link-wrap .main-v.btn-wrap-trd{display: flex; gap: 10px; flex-direction: column; align-items: center; width: 310px; margin-top: 0;}
.mVisualWrap .link-wrap .main-v.btn-wrap-trd a{width: calc(100% - 50px); padding: 5px;}
.mVisualWrap .link-wrap li{flex-grow: 1;}

@media (max-width: 640px){
	.mVisualWrap03 .topTxt{top: calc(50% - 170px);}
	.mVisualWrap03 .visualSlide .control{bottom: 330px;}
	.mVisualWrap .link-wrap ul{padding-top: 20px;flex-direction: column;}
	.mVisualWrap03 .link-wrap .item{border-right: none; border-bottom: none;justify-content: flex-start;}
	.mVisualWrap .link-wrap li{width: 100%;}
	.mVisualWrap .link-wrap .main-v.btn-wrap-trd{width: 100%;}
}
/*241216 메인서클 비쥬얼(위젯 사용 시 삭제 필요) ↑ */