@charset "utf-8";
/****************************************/
/* Name: 동명대학교 교수학습지원센터
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2020-02-17
/* Author:  
/****************************************/

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

/* 서클링크 */
.mVisualWrap .link-wrap .item div{width:80%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.mVisualWrap .link-wrap .ico{width:40px;margin-right:20px;}
.mVisualWrap .link-wrap .caption{text-align:left;width:calc(100% - 60px);margin-top:0;word-break:keep-all}

/* 설문조사 바로가기 */
.survey-wrap{width:100%;background:url('/_res/tongmyong/ctl/img/main/srv_back_bg.png') center top/cover no-repeat;padding:80px 50px;}
.survey-wrap .survey-con{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:left;align-items:center}
.survey-con .srv-left{width:50%;text-align:center}
.survey-con .srv-left img{}
.survey-con .srv-right{width:50%;text-align:left}
.survey-con .srv-right dl{display:block;width:100%}
.survey-con .srv-right dl dt{display:block;width:100%;font-size:1.5rem;font-weight:600;line-height:1;color:#009924;margin-bottom:40px}
.survey-con .srv-right dl dd{display:block;width:100%;font-size:1.2rem;font-weight:300;line-height:1.6;color:#fff;word-break:keep-all}
.survey-con .srv-right .srv-go{color:#fff;margin-top:75px;display:inline-block;font-size:1.2rem;font-weight:bold;padding-right:100px;padding-bottom:10px;background:url('/_res/tongmyong/_share/img/ico-barrow-wt.png') bottom left/contain no-repeat;transition:all .3s;}

 /* TABLET Device */
@media all and (max-width:1200px){
	
	.mVisualWrap .link-wrap .item div{width:90%;}
	.mVisualWrap .link-wrap .ico{width:35px;margin-right:15px;}
	.mVisualWrap .link-wrap .caption{text-align:left;width:calc(100% - 50px)}
	
	/* 설문조사 바로가기 */
	.survey-wrap{padding:60px 50px}
	.survey-con .srv-left{width:40%;text-align:left}
	.survey-con .srv-left img{width:80%}
	.survey-con .srv-right{width:60%;}
}

@media all and (max-width:1024px){
	.mVisualWrap .link-wrap .item div{width:90%;}
	.mVisualWrap .link-wrap .ico{width:30px}
	.mVisualWrap .link-wrap .caption{text-align:left;width:calc(100% - 45px)}
}

@media all and (max-width:800px){
	.mVisualWrap .link-wrap ul{display:flex;flex-wrap:wrap}
	.mVisualWrap .link-wrap li{width:50%;border-right:1px solid #fff;border-bottom:1px solid #fff;box-sizing:border-box}
	.mVisualWrap .link-wrap li:nth-child(2n){border-right:0;}
	.mVisualWrap .link-wrap li:nth-child(n + 6){display:none}
	.mVisualWrap .link-wrap li:last-child{width:100%;border-right:0;border-bottom:0}
	.mVisualWrap .link-wrap li:after{display:none}
	.mVisualWrap .link-wrap .item{padding:10px 20px}
	.mVisualWrap .link-wrap .item div{width:100%}
	.mVisualWrap .link-wrap .caption{margin-bottom:0}
	
	/* 설문조사 바로가기 */
	.survey-con .srv-left{width:100%;text-align:center}
	.survey-con .srv-left img{width:auto}
	.survey-con .srv-right{width:100%;margin-top:50px;}
	
}

@media all and (max-width:640px){
	/* 설문조사 바로가기 */
	.survey-wrap{padding:50px 20px}
	.survey-con .srv-left img{width:60%}
	.survey-con .srv-right dl dt{font-size:1.2rem;margin-bottom:20px}
	.survey-con .srv-right dl dd{font-size:1rem}
	.survey-con .srv-right .srv-go{font-size:1rem;margin-top:40px}
}

@media all and (max-width:414px){
	.mVisualWrap .link-wrap li{width:100%;border-right:0}
	/* 설문조사 바로가기 */
	.survey-con .srv-left img{width:80%}
}