/* 아이콘 박스형 섹션 A */
.iconbanner-1 .iconbanner-1-booking {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	row-gap: 20px;
}
.iconbanner-1 .about-min-height {min-height: 100%;}
.iconbanner-1 .feature-box-8 {background-color: rgba(255, 255, 255, 0.5);border: 1px solid #e4e4e4;}
.iconbanner-1 .feature-box-8 .iconbox-small {margin-bottom: 19px;}
.iconbanner-1 .feature-box-8 .iconbox-small.gray {background-color: #246f79;color: #fff;}
.iconbanner-1 .feature-box-8:hover, .iconbanner-1 .feature-box-8.active {background-color: #246f79;border: 1px solid #246f79;}
.iconbanner-1 .feature-box-8:hover .iconbox-small, .iconbanner-1 .feature-box-8.active .iconbox-small {
	background-color: #fff;
	color: #246f79;
}
.iconbanner-1 .feature-box-8 h4 {
	font-size: min(3.3333333333333335vw,24px);
	font-weight: 600;
	margin-bottom: 0;
}
.iconbanner-1 .feature-box-8 p {
	color: #505050;
	line-height: 1.3;
	margin-top: 18px;
}
.iconbanner-1 .feature-box-8:hover p {
	color: #fff;
}

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {	
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (min-width: 992px) {
	.iconbanner-1-booking .booking-1 {order: 1;}
	.iconbanner-1-booking .booking-2 {order: 2;}
	.iconbanner-1-booking .booking-3 {order: 3;}
	.iconbanner-1-booking .booking-4 {order: 4;}
}
@media only screen and (max-width: 991px) {
	.iconbanner-1-booking .booking-1 {order: 1;}
	.iconbanner-1-booking .booking-2 {order: 2;}
	.iconbanner-1-booking .booking-3 {order: 3;}
	.iconbanner-1-booking .booking-4 {order: 4;}
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 768px) {
	.iconbanner-1-booking .booking-1 {order: 1;}
	.iconbanner-1-booking .booking-2 {order: 2;}
	.iconbanner-1 .feature-box-8 {padding: 35px 15px;}
}
@media only screen and (max-width: 640px) {
	.iconbanner-1 .feature-box-8 {padding: 25px 15px;}
	.iconbanner-1 .feature-box-8 .iconbox-small {margin-bottom: 10px;}
	.iconbanner-1 .feature-box-8 h4 {
		margin-bottom: 0;
	}
	.iconbanner-1 .feature-box-8 p {
		margin-top: 10px;
		line-height: 1.2;
	}
}
@media only screen and (max-width: 480px) {
	.iconbanner-1 .iconbanner-1-booking {
		row-gap: 10px;
	}
	.iconbanner-1 .feature-box-8 h4 {
		font-size: min(3.888888888888889vw,16px);
	}
}
@media only screen and (max-width: 360px) {
	.iconbanner-1 .feature-box-8 {padding: 15px 15px;}
}
@media only screen and (max-width: 320px) {
}
