/* ************************ 데스크탑(1367~) ************************ */

/* ************************ 비즈니스 ************************ */
/* 비즈니스 - type1:수처리분야 */
.business .water .facility article { display:grid; grid-template-columns:repeat(2,1fr); gap:100px;}
.business .water .facility article img { width: 100%; height: auto;}
.business .water .facility article .tit { margin-top:0px; }
.business .water .facility article .tit dt:after { bottom: -10px; }

/* 비즈니스 - 환경약품 및 AS분야 */
.business .medic {display:grid; grid-template-columns:repeat(2,1fr); gap:80px;}
.business .medic .stickyBox {position:relative; height:100%;}
.business .medic .stickyBox>div {position:sticky; top:120px; left:0;}
.business .medic .stickyBox div .txt {position:relative; margin-top:30px; padding-left:30px; line-height:1.8; color:#666;}
.business .medic .stickyBox div .txt:before {display:block; position:absolute; content:""; width:10px; height:100%; background:#4169e0; left:0;}
.business .medic h2 {position: relative; font-size: 24px; padding-left: 15px; font-weight: 600; transform: rotate(0.03deg);}
.business .medic h2:before {content: ""; position: absolute; display: block; width: 5px; height: 100%; background: #8bce7b; left: 0; top: 0px;}
.business .medic div article {margin-top: 30px;}
.business .medic div article p {position:relative; margin-top:20px; font-size:20px;}
.business .medic div article p:before {position:absolute; content:''; display:block; bottom:-8px; left:0; width:30px; height:2px; background:#4169e0;}
.business .medic div article ul {position:relative; margin-top:20px;}
.business .medic div article ul li {position:relative; padding-left:20px; line-height:30px; color:#666; margin-top:5px;}
.business .medic div article ul li:first-child {margin-top:0;}
.business .medic div article ul li:before {position:absolute; content:''; display:block;     top: 10px; left: 0; width: 5px; height: 5px; background: #ddd;}
.business .medic .treatment h2 {margin-top:50px;}
.business .medic span {font-size:10px;}

/* ************************ 태블릿 이하(~1024) ************************ */
@media screen and (max-width: 1023px) {

    /* ************************ 비즈니스 ************************ */
	/* 비즈니스 - type1:수처리분야 */
	.business .water .facility article { display: grid; grid-template-columns: repeat(1,1fr); gap: 40px; }
	.business .water .facility article img { width: 100%; height: 100%; object-fit:cover; max-height:40dvh;}
	/* 비즈니스 - 환경약품 및 AS분야 */
	.business .medic {display:grid; grid-template-columns:repeat(1,1fr); gap:50px;}
	.business .medic h2 {font-size:22px;}
	.business .medic .stickyBox {position:relative; height:auto;}
	.business .medic .stickyBox img {width:100%;}
	.business .medic div article {margin-top:20px;}
	.business .medic div article p {display:inline-block; margin-top:20px; font-size:17px;  padding:5px 25px; background:#eceef2;}
	.business .medic div article p:before {display:none;}
	
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.business .water .facility article img { width: 100%; height: 100%; object-fit:cover; max-height:40dvh;}
    
	
    

}