@charset "utf-8";

/* 배너모음 191126 jhk 공통사용*/
.bn_list {overflow:hidden;}
.bn_list li {width:18%; float:left; margin:5px 1%;}
.bn_list li a img {width:100%; height:38px; border:1px solid #ddd;}

/* 리스트팝업 201127 jsl */
.popup_tbl {padding:10px;}
.popup_tbl table {width:100%; margin-top:10px; border-collapse:collapse; border-left:1px solid #ddd; border-top:2px solid #0c3f7b;}
.popup_tbl th {text-align:left;}
.popup_tbl th, .popup_tbl td {padding: 10px 2px 10px 10px;font-size: 14px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-family: NotoR; vertical-align:middle;}
.popup_tbl td {text-align:center;}
.popup_tbl p.popup_bu {position:relative;padding-left:12px;font-size:14px;line-height:1.4;color:#444;}
.popup_tbl p.popup_bu:before {content:''; position:absolute; top:9px; left:0; width:4px; height:4px; background:#0c3f7b; border-radius:2px;}

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

}

@media screen and (max-width:1019px) {
	
	/* 배너모음 191126 jhk 공통사용*/
	.bn_list li {width:23%;}
	
}

/********** media query mobile *************/


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

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

	/* 배너모음 191126 jhk 공통사용*/
	.bn_list li {width:31%;}
	
}

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

}

@media screen and (max-width:580px) {
		
	/* 배너모음 191126 jhk 공통사용*/
	.bn_list li {width:48%;}

}

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

}

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

}

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

}