/*------------------------------------------------------------------------------------------------------
메인비주얼
---------------------------------------------------------------------------------------------------------*/

/*.visual_img {top: 130px!important;}
	@media (max-width: 768px) {
		.visual_img {top: 120px!important;}
	}
	@media all and (min-width: 769px) and (max-width: 1462px) {
		.visual_img {top: 100px!important;}
	}*/

/*.visual_img .carousel-item {min-width: 100%; height: 470px;}
	@media screen and (max-width: 768px) {
		.visual_img .carousel-item {max-height: 250px;}
	}
	@media screen and (min-width: 576px) and (max-width: 991px) {
		.visual_img .carousel-item {height: 350px;}
	}
	@media screen and (min-width: 992px) {
		.visual_img .carousel-item {height: 710px;}
	}*/
.visual_img .carousel-item img {display: block; max-height: 100%; object-fit: contain; object-position: center;}
	@media screen and (min-width: 992px) {
		.visual_img .carousel-item img {
			width: 100%; height: auto;/* max-width: 1200px; max-height: 470px;
			vertical-align: middle; object-fit: cover;*/
		}
	}

	/*-----------------------
	메인카피
	-----------------------

/*------------------------------------------------------------------------------------------------------
지나온역사
---------------------------------------------------------------------------------------------------------*/
.history_wrap {}
	@media screen and (max-width: 575px) {
		.history_wrap {padding: 2rem 0;}
	}
	@media screen and (min-width: 576px) and (max-width: 767px) {
		.history_wrap {padding: 2rem 0;}
	}
	@media screen and (min-width: 768px) and (max-width: 991px) {
		.history_wrap {padding: 3rem 0;}
	}
	@media screen and (min-width: 992px) {
		.history_wrap {padding: 5rem 0;}
	}
.history_wrap h2 span {color: #b2e6e7;}
	@media screen and (min-width: 320px) and (max-width: 991px) {
		.history_wrap h2 span {display: none;}
	}
























/*1타입*/
.history_container {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-evenly;
	align-items:center;
	margin: 3rem auto;
}
	@media screen and (min-width: 320px) and (max-width: 991px) {
		.history_container {margin: 1rem auto;}
	}

.history_container a {width: calc(100% / 4 - 20px); height: 250px; padding: 1rem; text-align: center;} /* width 4등분하고 양쪽에 10px 여백 */
	@media screen and (min-width: 320px) and (max-width: 991px) {
		.history_container a {width: calc(100% / 1 - 20px);}
	}
	@media screen and (min-width: 992px) {
		.history_container a {width: calc(100% / 4 - 20px);}
	}

.history_con {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	background-color: #fff; border-radius: 1rem;
	box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
	transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
	@media screen and (min-width: 320px) and (max-width: 991px) {
		.history_con {/*display:table-cell; width: 100%; height: auto; margin-top: .5rem; padding: 1.5rem; text-align: left;*/}
	}
	@media screen and (min-width: 992px) {
		.history_con {/*width: 380px; height: 317px; padding: 1rem; text-align: center;*/}
	}

.history_con:hover {background-color: #e5f6f6; transition:background-color 0.3s ease-in-out;}
.history_con h3 {font-size: 28px;}
	@media screen and (min-width: 320px) and (max-width: 991px) {
		.history_con h3 {font-size: 20px;}
	}
.history_con p {}
	@media screen and (min-width: 992px) {
		.history_con p {
			margin: 2rem auto;
			font-size: 18px;
		}
	}
.history_con span {}
	@media screen and (min-width: 320px) and (max-width: 991px) {
		.history_con span {display: none;}
	}

	






/*2타입*/
.pro_container a div {transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-radius: 1rem;}

/*------------------------------------------------------------------------------------------------------
미니리스트
---------------------------------------------------------------------------------------------------------*/
.minilist_wrap ul {border-top: 3px solid #282828; border-bottom: 3px solid #282828;}
.tab li {
	width: calc(100% / 3); /*padding-left: 3rem; padding-right: 3em;*/
	font-size: 1.125rem; cursor: pointer;
}
.tab li a {transform:translateY(-50%); right: 0.8rem;}