@charset "utf-8";
/****************************************/
/* Name: 동의대학교 스마트호스피탈리티학과
/* PART: STYLE 
/* Version: 2.0 / day: 2021-06-30
/* Author: 
/****************************************/

.sub_top .txt2{font-size: 21px;}
.imgLi ul li {width: 50%;}
.imgLi ul li img{width: 100%;}
.s4_2_con .imgLi ul li {width: 33.333%}
.s4_2_con .imgLi ul li p{text-align:center; font-size:18px}
.s4_2_con .imgLi ul li p span{; font-size:16px}


/*사업단 소개*/
.s1_3_con .int_list{width:100%;font-size:0; text-align:left;}
.s1_3_con .int_list li{border:1px solid #dddddd; background:#f5f5f5; border-radius:5px; padding:40px; width:30%; height:350px; margin-right:5%; display:inline-block; vertical-align:top;}
.s1_3_con .int_list li:last-child{margin-right:0;}
.s1_3_con .int_list li p{display:block; font-size:16px; text-align:center;}
.s1_3_con .int_list li .img_box{margin-bottom:20px; text-align:center;}
.s1_3_con .int_list li .img_box img{height:100%;}
.s1_3_con .int_list li .text_box{text-align:left; word-break:keep-all;}

.s1_3_con table .tr_blue{color:#ffffff;}
.s1_3_con table .tr_blue td{background:#2352a0; text-align:center;}

.curi_box{width:100%; font-size:0; text-align:left;}
.curi_box > ul{display:inline-block; vertical-align:top; width:30%; margin-right:5%;}
.curi_box > ul:last-child{margin-right:0;}
.curi_box > ul > li{font-size:18px;}
.curi_box > ul > li.li_title{text-align:center; border:1px solid #dddddd; color:#084bbb; font-weight:bold; padding:15px; margin-bottom:10px;}
.curi_box > ul > li > ul{padding:20px; font-size:16px;}

@media (max-width: 1400px){
	#gnb .gnb > li { width: 120px;}
}

@media screen and (max-width: 1200px) {
	
	.s1_3_con .int_list li{height:auto; width:100%; margin-bottom:20px; zoom*:1;}
	.s1_3_con .int_list li:after{content:""; display:block; clear:both;}
	.s1_3_con .int_list li:last-child{margin-bottom:0;}
	.s1_3_con .int_list li .img_box{float:left; width:10%; margin-right:5%; height:100%; margin-bottom:0;}
	.s1_3_con .int_list li .text_box{width:80%; height:100%; vertical-align:middle;}
	
	.curi_box > ul{width:100%; margin-right:0; margin-bottom:30px;}
}

@media (max-width: 1300px){
	#gnb .gnb > li { width: 100px;}
}

@media screen and (max-width: 820px) {
	
	.s1_3_con .int_list li .img_box{float:none; width:100%; margin-bottom:5%; text-align:center;}
	.s1_3_con .int_list li .text_box{width:100%;}
}

@media all and (max-width: 640px)
	{
		.listTypeA.mb tbody td.name::before {content: '채용예정인원 ' !important;}
    
}