@charset "UTF-8";

/*-------------------------------------------------
title       :위해요소 정보
Create date :2023-02-09
-------------------------------------------------*/

.c040300 .top-visual:after {background:url('/bkri/img/sub/sub04/c040300-bg.jpg') no-repeat center top}
.c040300 .top-visual .stt strong{display:block; font-size:4.8rem}


/*위해요소 링크*/
.table-list .list {border-top:2px solid #000; display:flex; font-size:1.6rem;  flex-wrap:wrap; width:100%}
.table-list .list li {border-bottom:1px solid #ddd; display:table; padding:1rem 5rem 1rem 0; width:50%}
.table-list .list li:nth-child(even) {padding-right:0}
.table-list .list li > * {display:table-cell; word-break:keep-all;}
.table-list .list li > .button {width:10rem; height:100%;  text-align:center}
.table-list .list li > .button a {display:inline-block; padding:.3rem 1rem}

@media screen and (max-width:1024px){
	
	.border-box {display:block}
	.border-box .img {display:block; width:100%; margin-right:0}
	.border-box .img img {width:100%}
	.border-box .desc {width:100%; margin-top:2rem}
	
	.border-box .desc .tt {font-size:2.4rem}
	.border-box .desc .tt  small {font-size:2rem}
	
	.table-list:before {content:none}
	.table-list .list li {width:100%; padding:1rem}
	.table-list .list li:nth-child(even) {padding:1rem}
	.table-list .list .mnone {display:none}
	.table-list .list li.empty {display:none}
	
}


.iMg_box {display:flex; flex-wrap:wrap;}
.iMg_box > div {margin:1rem; text-align: center;}
.iMg_box > div >img{height:100%;max-width: 300px !important;}


@media screen and (max-width:1000px){
	
	.iMg_box > div {width:22%}
}

@media screen and (max-width:768px){
	
	.iMg_box > div {width:30%}
	/*.board_info .form .btn button {height:8.5rem}*/
	.board_info .form .item + * {margin:0.3rem 0}
}

@media screen and (max-width:640px){
	
	.iMg_box {text-align:center; margin-right:0}
	.iMg_box > div {width:100%}
	.iMg_box img {width:100%}
}

