@charset "utf-8";
/****************************************/
/* Name: 동명대학교 IT 헬프데스크
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2022-02-15
/* Author:  
/****************************************/

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

.mVisualWrap .topTxt .stit-gy{color:#9cf049;}
.mVisualWrap .topTxt .tit-wt{color:#fff}
.mVisualWrap .visualSlide .control button{margin:0 7px;width:42px;height:42px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-size:100%;background-position:center}
.mVisualWrap .visualSlide .control .prevSlide{background-image:url('/_res/tongmyong/_share/img/ic_prev.png')}
.mVisualWrap .visualSlide .control .nextSlide{background-image:url('/_res/tongmyong/_share/img/ic_next.png')}
.mVisualWrap .visualSlide .control .stopSlide{background-image:url('/_res/tongmyong/_share/img/ic_stop.png')}
.mVisualWrap .visualSlide .control .startSlide{background-image:url('/_res/tongmyong/_share/img/ic_play.png');display:none}

/* contact us */
.mConBox5{padding:80px 50px;background-color:#006845}
.mConBox5 .mCon-left .title-wrap h2{color:#fff}
.mConBox5 .mCon-left .txt{color:#8bd698}
.mConBox5 .mCon-right{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.mConBox5 .mCon-right .inbox{width:48%;background-color:#007b52;padding:30px;height:220px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.mConBox5 .mCon-right .inbox dl{width:100%;display:flex;flex-wrap:wrap;justify-content:left;align-items:center;padding-left:95px;position:relative}
.mConBox5 .mCon-right .inbox.lt-box dl:first-child{margin-bottom:40px;}
.mConBox5 .mCon-right .inbox.rt-box dl:first-child{margin-bottom:12px;}
.mConBox5 .mCon-right .inbox dl dt{width:100%;font-size:1.2rem;color:#8bd698;font-weight:500;display:block;line-height:1}
.mConBox5 .mCon-right .inbox dl dd{width:100%;font-size:1rem;color:#fff;font-weight:500;line-height:1.4;margin-top:5px}
.mConBox5 .mCon-right .inbox .dl-call dd{font-size:1.6rem;}
.mConBox5 .mCon-right .inbox dl::before{content:'';position:absolute;width:70px;height:70px;top:50%;left:0;margin-top:-35px;}
.mConBox5 .mCon-right .inbox .dl-call::before{background:url('/_res/tongmyong/help/img/main/ico_call.png') left top/contain no-repeat;}
.mConBox5 .mCon-right .inbox .dl-call::after{content:'';position:absolute;width:100%;height:1px;bottom:-20px;left:0;border-bottom:1px dashed #009865}
.mConBox5 .mCon-right .inbox .dl-time::before{background:url('/_res/tongmyong/help/img/main/ico_time.png') left top/contain no-repeat;}
.mConBox5 .mCon-right .inbox .btn-linked{width:100%;font-size:1.1rem;line-height:1;text-align:center;padding:20px 0;border-radius:5px;background:#006845;color:#fff;transition:all 0.2s}
.mConBox5 .mCon-right .inbox .btn-linked:hover{background:#005136;}
.mConBox5 .mCon-right .inbox.rt-box .box-linked{width:100%;font-size:1.1rem;line-height:1;text-align:center;padding:15px 0;border-radius:5px;background:#006845;color:#fff}

 /* PC Device */
@media all and (max-width:1400px){
	
	.mConBox5 .mCon-left .txt{word-break:keep-all}
	.mConBox5 .mCon-left .txt br{display:none}
	.mConBox5 .mCon-right .inbox{padding:30px 20px}
	.mConBox5 .mCon-right .inbox .dl-call dd{font-size:1.5rem}
}

 /* TABLET Device */
@media all and (max-width:1200px){

	.mConBox5 .mCon-right .inbox {height:240px;padding:20px}
	.mConBox5 .mCon-right .inbox dl{padding-left:75px}
	.mConBox5 .mCon-right .inbox.lt-box dl:first-child{margin-bottom:15px}
	.mConBox5 .mCon-right .inbox.rt-box dl:first-child{margin-bottom:15px}
	.mConBox5 .mCon-right .inbox dl::before{width:60px;height:60px;margin-top:-30px}
	.mConBox5 .mCon-right .inbox .dl-call::after{bottom:-18px}
	.mConBox5 .mCon-right .inbox .dl-call dd{font-size:1.3rem}
	.mConBox5 .mCon-right .inbox .dl-time dd{font-size:0.9rem}
	.mConBox5 .mCon-right .inbox .btn-linked{font-size:1rem}
	.mConBox5 .mCon-right .inbox.rt-box .box-linked{font-size:0.9rem}
}

/* TABLET Device */
@media all and (max-width:1024px){
	.mConBox5 .mCon-right .inbox{height:200px}
	.mConBox5 .mCon-left .title-wrap{margin-bottom:0}
	.mConBox5 .mCon-left .txt{margin:10px 0 20px}
	
	
}

 /* TABLET Device */
@media all and (max-width:800px){
	
	.mConBox5 .mCon-right .inbox{width:100%;}
	.mConBox5 .mCon-right .inbox:first-child{margin-bottom:20px}
	.mConBox5 .mCon-right .inbox .dl-call::after{display:none}
	
}

@media all and (max-width:720px){

}

 /* Mobile Device */
@media all and (max-width:640px){

	.mConBox5{padding:50px 20px}
	.mConBox5 .mCon-right .inbox{height:auto}
	.mConBox5 .mCon-right .inbox dl{padding-left:65px}
	.mConBox5 .mCon-right .inbox dl dt{font-size:1rem}
	.mConBox5 .mCon-right .inbox dl::before{width:50px;height:50px;margin-top:-25px}
	.mConBox5 .mCon-right .inbox .btn-linked{font-size:0.9rem}
	.mConBox5 .mCon-right .inbox.rt-box .box-linked{font-size:0.8rem}

}

@media all and (max-width:540px){

}


/* Mobile Device */
@media all and (max-width:480px){
	
}

@media all and (max-width:414px){

	.mConBox5 .mCon-right .inbox dl dd{font-size:0.9rem}
}