@charset "utf-8";

/* 2023.12.10 kang nuri */
/* business_01.css */


/**************************************************/

#business_products_01{
	padding: 262px 0 210px 0;
	text-align: center;
	background-position: center;
	background-size: cover;
}

#business_products_01 h1{
	font-size: 56px;
	color: #fff;
}

#business_products_02{
	padding: 80px 0 120px 0;
}

#business_products_02 h2{
	font-size: 40px;	
}

.business_products.bggas{
	background-image: url("../img/business/products/products_2depth_01.jpg");
}

.business_products.bgliquid{
	background-image: url("../img/business/products/products_2depth_04.jpg");
}

.business_products.bgmonitoring{
	background-image: url("../img/business/products/products_2depth_05.jpg");
}

.business_products.bgdistributor{
	background-image: url("../img/business/products/products_2depth_06.jpg");
}

/**************************************************/

.cabinet > div{
	display: inline-block;
	float: left;
}

.cabinet .typo{
	width: 633px;
	margin: 34px 105px 0 0;
}

.cabinet .typo .title{
	margin-bottom: 80px;
}

.cabinet .typo .subtitle{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.25;
	margin-bottom: 12px;
}

.cabinet .typo .details{
	font-size: 14px;
	margin-bottom: 40px;
}

.cabinet .typo .details:last-child{
	margin-bottom: 0;
}

.cabinet .img{
	width: 454px;
}

.cabinet .img img{
	width: 100%;
}

/**************************************************/

.bsgs > div{
	display: inline-block;
	float: left;
}

.bsgs .typo{
	width: 635px;
	margin: 34px 44px 0 0;
}

.bsgs .typo .title{
	margin-bottom: 80px;
}

.bsgs .typo .subtitle{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.25;
	margin-bottom: 12px;
}

.bsgs .typo .details{
	font-size: 14px;
	margin-bottom: 40px;
}

.bsgs .typo .details:last-child{
	margin-bottom: 0;
}

.bsgs .img{
	width: 520px;
}

.bsgs .img img{
	width: 100%;
}

/**************************************************/

.vmb > div{
	display: inline-block;
	float: left;
}

.vmb .typo{
	width: 648px;
	margin: 34px 32px 0 0;
}

.vmb .typo .title{
	margin-bottom: 80px;
}

.vmb .typo .subtitle{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.25;
	margin-bottom: 12px;
}

.vmb .typo .details{
	font-size: 14px;
	margin-bottom: 40px;
}

.vmb .typo .details:last-child{
	margin-bottom: 0;
}

.vmb .img{
	width: 520px;
}

.vmb .img img{
	width: 100%;
}

/**************************************************/

.liquid > div{
	display: inline-block;
	float: left;
}

.liquid .typo{
	width: 590px;
	margin: 34px 233px 0 0;
}

.liquid .typo .title{
	margin-bottom: 80px;
}

.liquid .typo .subtitle{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.25;
	margin-bottom: 12px;
}

.liquid .typo .details{
	font-size: 14px;
}

.liquid .img{
	width: 294px;
}

.liquid .img img{
	width: 100%;
}

/**************************************************/

.monitoring > div{
	box-sizing: border-box;
	display: inline-block;
	float: left;
	width: 590px;
}

.monitoring .typo{
	padding-left: 10px;
	margin-right: 20px;
}

.monitoring .typo .title{
	margin-bottom: 80px;
}

.monitoring .typo .subtitle{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.25;
	margin-bottom: 12px;
}

.monitoring .typo .details{
	font-size: 14px;
}

.monitoring .img img{
	width: 100%;
}

/**************************************************/

.distributor > .title{
	margin-bottom: 40px;
}

.distributor_list > li{
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: calc(25% - 15px);
	margin-right: 20px;
	float: left;
	margin-bottom: 24px;
}

.distributor_list > li:nth-child(4n){
	margin-right: 0;
}

.distributor_list > li > a{
	position: absolute;
	width: 100%;
	height: 100%;
}

.distributor_list > li .img{
	border: solid 1px #c4c4c4;
	box-shadow: 6px 12px 12px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 8px;
}

.distributor_list > li .img img{
	width: 100%;
}

.distributor_list > li .title{
	font-weight: 600;
}

.distributor_list > li .title object{
	position: absolute;
	margin-left: 8px;
}

.distributor_2depth.type1 > div{
	box-sizing: border-box;
	display: inline-block;
	float: left;
}

.distributor_2depth.type1 > .typo{
	padding-left: 10px;
}

.distributor_2depth.type1 > .typo .title{
	margin-bottom: 40px;
}

.distributor_2depth.type1 > .typo .subtitle{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.25;
	margin-bottom: 12px;
}

.distributor_2depth.type1 > .typo .details{
	font-size: 14px;
}

.distributor_2depth.autovalve .typo{
	width: 600px;
	margin-right: 20px;
}

.distributor_2depth.autovalve .typo .img_list{
	margin-top: 80px;
}

.distributor_2depth.autovalve .typo .img_list > li{
	box-sizing: border-box;
	display: inline-block;
	width: 190px;
	height: 200px;
	margin-right: 10px;
	border: solid 1px #c4c4c4;
	float: left;
}

.distributor_2depth.autovalve .typo .img_list > li:last-child{
	margin-right: 0;
}

.distributor_2depth.autovalve .typo .img_list > li img{
	width: 100%;
}

.distributor_2depth.autovalve .img{
	width: 580px;
}

.distributor_2depth.autovalve .img img{
	width: 100%;
}

.distributor_2depth.windvelocity{
	position: relative;
}

.distributor_2depth.windvelocity .typo{
	display: block;
	width: 100%;
}

.distributor_2depth.windvelocity .typo > img{
	width: 590px;
	margin-top: 36px;
}

.distributor_2depth.windvelocity .img{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 560px;
}

.distributor_2depth.windvelocity .img img{
	width: 100%;
}

.distributor_2depth.type2 > .typo .title{
	margin-bottom: 40px;
}

.distributor_2depth.type2 > .typo .subtitle{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.25;
	margin-bottom: 12px;
}

.distributor_2depth.type2 > .typo .details{
	font-size: 14px;
	margin-bottom: 40px;
}

.distributor_2depth.sat .typo .img_list > li{
	display: inline-block;
	width: calc(25% - 15px);
	margin-right: 20px;
	float: left;
	font-size: 14px;
}

.distributor_2depth.sat .typo .img_list > li:last-child{
	margin-right: 0;
}

.distributor_2depth.sat .typo .img_list > li img{
	width: 100%;
	height: 204px;
	margin-bottom: 8px;
}

.distributor_2depth.vacuum .typo .img_list > li{
	display: inline-block;
	width: 285px;
	margin-left: 20px;
	float: left;
	font-size: 14px;
}

.distributor_2depth.vacuum .typo .img_list > li:first-child{
	width: 590px;
	margin-left: 0;
}

.distributor_2depth.vacuum .typo .img_list > li img{
	width: 100%;
	height: 310px;
	margin-bottom: 8px;
}

.distributor_2depth.temp .typo h2 img{
	width: 223px;
	float: right;
	margin: 8px 0;
}

.distributor_2depth.temp .typo .img_list > li{
	display: inline-block;
	width: calc(25% - 15px);
	margin-right: 20px;
	float: left;
	font-size: 14px;
}

.distributor_2depth.temp .typo .img_list > li:last-child{
	margin-right: 0;
}

.distributor_2depth.temp .typo .img_list > li img{
	width: 100%;
	height: 310px;
	margin-bottom: 8px;
}

.distributor_2depth.temp .typo .img_list > li .font_green{
	color: #048f00;
}

.distributor_2depth.temp .typo .img_list > li .font_red{
	color: #f00;
}

.distributor_2depth.leak .typo .img_list > li{
	display: inline-block;
	width: 285px;
	margin-right: 20px;
	float: left;
	font-size: 14px;
}

.distributor_2depth.leak .typo .img_list > li > .subtitle{
	margin-bottom: 8px;
}

.distributor_2depth.leak .typo .img_list > li:last-child{
	width: 590px;
	margin-right: 0;
}

.distributor_2depth.leak .typo .img_list > li img.only_pc{
	display: block !important;
	width: 100%;
	height: 300px;
	margin-bottom: 8px;
}

/* MOBILE ------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width:1024px){

	#business_products_01{
		padding: 280px 0 220px 0;
	}

	#business_products_01 h1{
		font-size: 40px;
	}

	#business_products_02{
		padding: 64px 0;
	}

	.business_products.bggas{
		background-image: url("../img/business/products/m_products_2depth_01.jpg");
	}

	.business_products.bgliquid{
		background-image: url("../img/business/products/m_products_2depth_04.jpg");
	}

	.business_products.bgmonitoring{
		background-image: url("../img/business/products/m_products_2depth_05.jpg");
	}

	.business_products.bgdistributor{
		background-image: url("../img/business/products/m_products_2depth_06.jpg");
	}

	/**************************************************/

	.cabinet > div{
		float: none;
	}

	.cabinet .typo{
		width: 100%;
		margin: 0 0 64px 0;
	}

	.cabinet .typo .title{
		margin-bottom: 64px;
	}

	.cabinet .typo .subtitle{
		margin-bottom: 14px;
	}

	.cabinet .typo .details{
		margin-bottom: 60px;
	}

	.cabinet .img{
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - 40px);
	}

	/**************************************************/

	.bsgs > div{
		float: none;
	}

	.bsgs .typo{
		width: 100%;
		margin: 0 0 64px 0;
	}

	.bsgs .typo .title{
		margin-bottom: 64px;
	}

	.bsgs .typo .subtitle{
		margin-bottom: 14px;
	}

	.bsgs .typo .details{
		margin-bottom: 60px;
	}

	.bsgs .img{
		width: 100%;
	}

	/**************************************************/

	.vmb > div{
		float: none;
	}

	.vmb .typo{
		width: 100%;
		margin: 0 0 64px 0;
	}

	.vmb .typo .title{
		margin-bottom: 64px;
	}

	.vmb .typo .subtitle{
		margin-bottom: 14px;
	}

	.vmb .typo .details{
		margin-bottom: 60px;
	}

	.vmb .img{
		width: 100%;
	}

	/**************************************************/

	.liquid > div{
		float: none;
	}

	.liquid .typo{
		width: 100%;
		margin: 0 0 64px 0;
	}

	.liquid .typo .title{
		margin-bottom: 64px;
	}

	.liquid .typo .subtitle{
		margin-bottom: 14px;
	}

	.liquid .typo .details{
		margin-bottom: 0;
	}

	.liquid .img{
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - 152px);
	}

	/**************************************************/

	.monitoring > div{
		float: none;
		width: 100%;
	}

	.monitoring .typo{
		padding-left: 0;
		margin-right: 0;
		margin-bottom: 64px;
	}

	.monitoring .typo .title{
		margin-bottom: 64px;
	}

	.monitoring .typo .subtitle{
		margin-bottom: 14px;
	}

	.monitoring .typo .details{
		margin-bottom: 0;
	}

	/**************************************************/

	.distributor > .title{
		margin-bottom: 64px;
	}

	.distributor_list > li{
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 40px;
	}

	.distributor_list > li:last-child{
		margin-bottom: 0;
	}

	.distributor_list > li .img{
		margin-bottom: 12px;
	}

	.distributor_2depth.type1 > div{
		float: none;
	}

	.distributor_2depth.type1 > .typo{
		padding-left: 0;
	}

	.distributor_2depth.type1 > .typo .title{
		margin-bottom: 64px;
	}

	.distributor_2depth.type1 > .typo .subtitle{
		margin-bottom: 14px;
	}

	.distributor_2depth.type1 > .typo .details{
		margin-bottom: 40px;
	}

	.distributor_2depth.autovalve .typo{
		width: 100%;
		margin-right: 0;
	}

	.distributor_2depth.autovalve .typo .img_list{
		margin-top: 0;
	}

	.distributor_2depth.autovalve .typo .img_list > li{
		width: calc(50% - 8px);
		height: auto;
		margin-right: 16px;
		margin-bottom: 16px;
		float: left;
	}

	.distributor_2depth.autovalve .typo .img_list > li:nth-child(2n){
		margin-right: 0;
	}

	.distributor_2depth.autovalve .typo .img_list > li img{
		width: 100%;
	}

	.distributor_2depth.autovalve .img{
		width: 100%;
		margin-top: 24px;
	}

	.distributor_2depth.windvelocity .typo > img{
		width: 100%;
		margin-top: 0;
		margin-bottom: 40px;
	}

	.distributor_2depth.windvelocity .img{
		position: relative;
		width: 100%;
	}

	.distributor_2depth.type2 > .typo .title{
		margin-bottom: 64px;
	}

	.distributor_2depth.type2 > .typo .subtitle{
		margin-bottom: 14px;
	}

	.distributor_2depth.sat .typo .img_list > li{
		width: calc(50% - 8px);
		margin-right: 16px;
		margin-bottom: 16px;
	}

	.distributor_2depth.sat .typo .img_list > li:nth-child(2n){
		margin-right: 0;
	}

	.distributor_2depth.sat .typo .img_list > li img{
		height: auto;
		margin-bottom: 12px;
	}

	.distributor_2depth.vacuum .typo .img_list > li{
		display: block;
		width: 100%;
		margin-left: 0;
		float: none;
		margin-bottom: 16px;
	}

	.distributor_2depth.vacuum .typo .img_list > li:first-child{
		width: 100%;
	}

	.distributor_2depth.vacuum .typo .img_list > li:last-child{
		margin-top: 40px;
	}

	.distributor_2depth.vacuum .typo .img_list > li img{
		height: auto;
		margin-bottom: 12px;
	}

	.distributor_2depth.temp .typo h2 img{
		display: block;
		width: auto;
		height: 40px;
		float: none;
		margin: 0;
		margin-top: 16px;
	}

	.distributor_2depth.temp .typo .img_list > li{
		width: calc(50% - 8px);
		margin-right: 16px;
		margin-bottom: 16px;
	}

	.distributor_2depth.temp .typo .img_list > li:nth-child(2n){
		margin-right: 0;
	}

	.distributor_2depth.temp .typo .img_list > li img{
		height: auto;
		margin-bottom: 0;
	}

	.distributor_2depth.temp .typo .img_list > li > p{
		margin-top: 12px;
	}

	.distributor_2depth.temp .typo .img_list > li > p > span{
		display: block;
	}

	.distributor_2depth.leak .typo .img_list > li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}

	.distributor_2depth.leak .typo .img_list > li:last-child{
		width: 100%;
		margin-bottom: 0;
	}

	.distributor_2depth.leak .typo .img_list > li img.only_pc{
		display: none !important;
	}

	.distributor_2depth.leak .typo .img_list > li img.only_m{
		display: block !important;
		width: 100%;
		margin-bottom: 8px;
	}

}