@charset "utf-8"; 


/* 제목 + 내용 */
.con_txt {position:relative; width:100%; overflow:hidden; margin:20px 0 0;}
.con_txt dt.tit {float:left; width:14%; min-height:100px; border-top:1px solid #0055a2; font-family:"NotoM"; font-size:22px; color:#222; padding:30px 2%;}
.con_txt dt.tit br { display:none}
.con_txt dd.list {float:left; width:78%; border-top:1px solid #e1e1e1; padding:30px 2%; font-family:"NotoR"; font-size:16px; color:#555;}


/* 종합홍보관 소개 */
.promotion_info {position:relative; overflow:hidden; margin-top:30px;}
.promotion_info ul {position:relative; overflow:hidden;}
.promotion_info ul li {position:relative; width:32%; min-height:155px; float:left; margin-left:2%; border:1px solid #d8d8d8; padding:40px 30px 20px; box-sizing:border-box;}
.promotion_info ul li:first-child {margin-left:0;}
.promotion_info ul li:hover {border:1px solid #1c94ff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.promotion_info ul li .ico {position:absolute; left:40px; top:40px; width:46px; height:50px;}
.promotion_info ul li .tit {display:block; font-family:'NotoM'; font-size:20px; color:#333; padding-left:80px; word-break:keep-all;}
.promotion_info ul li .txt {display:block; font-family:'NotoR'; font-size:16px; color:#666; margin-top:10px; /* width:300px; */}
.promotion_info ul li .txt a {text-decoration:underline;}




/********** Media quary **********/
@media screen and (max-width:1400px) {	

	/* 제목 + 내용 */
	.con_txt dd.list {float:left; width:78%; border-top:1px solid #e1e1e1; padding:30px 2%; font-family:"NotoR"; font-size:16px; color:#555;}
    
	
}

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

	/* 종합홍보관 소개 */
    .promotion_info ul li {min-height:170px;}
    .promotion_info ul li .txt {font-size:15px}


}

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




}

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

	/* 제목 + 내용 */
	.con_txt dt.tit {width:100%; min-height:60px; padding:30px 0 0 2%;}
	.con_txt dd.list {width:100%; box-sizing:border-box;}
	

	/* 종합홍보관 소개 */
	.promotion_info ul li{min-height:205px}
	.promotion_info ul li .ico {left:50%; top:30px; margin-left:-20px;}
	.promotion_info ul li .tit{ padding:50px 0 0; text-align:center;}


}




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

	/* 종합홍보관 소개 */
	.promotion_info ul li .tit{font-size:18px;}
	.promotion_info ul li .txt {font-size:14px;}

}



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

	
}



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

	/* 종합홍보관 소개 */
	.promotion_info ul li{width:100%; margin-left:0; margin-top:1%; min-height:150px;}


}



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

}