/* visual */
@media screen and (max-width: 1100px){
	#visual .text-box{ margin-bottom: 0; }
	#visual .text-box h2{ width: 100%; }
	#visual .text-box{ flex-direction: column; align-items: flex-end; }
}

@media screen and (max-width: 650px){
	#visual .text-box{ margin-bottom: 10px; }
}


/* lnb */
@media screen and (max-width: 650px){
	#lnb{ display: none; }
}


/* table-box */
.table-box table th, 
.table-box table td{ padding-inline: 5px; }


/* 회사소개 - CEO 인사말 */
@media screen and (max-width: 700px){
	#ceo br{ display: none; }
}


/* 회사소개 - 회사소개 */
@media screen and (max-width: 700px){
	#greeting .company .item{ width: calc((100% - 20px) / 2); }
	#greeting .company .item:nth-of-type(3n){ margin-right: 20px; }
	#greeting .company .item:nth-of-type(2n){ margin-right: 0; }
}


/* 회사소개 - 연혁 */
#history .title{ width: calc((100% - 215px) / 2); }

@media screen and (max-width: 1700px){
	#history .title{ width: calc((100% - 150px) / 2); }
}

@media screen and (max-width: 1280px){
	#history .title{ width: calc((100% - 80px) / 2); }
}

@media screen and (max-width: 900px){
	#history .title{ width: 100%; }
}


/* 회사소개 - 오시는 길 */
#location .item dl{ display: block; }
#location .item dl dt, 
#location .item dl dd{ width: 100%; }
#location .item dl dt{ padding-right: 0; padding-bottom: 20px; }

@media screen and (max-width: 1280px){
	#location .item dl dt{ padding-bottom: 10px; }
}


/* 사업분야 - 창정비· 유지부품 */
#business.retention .tab .gallery figcaption{ font-size: 14px; padding: 3px 5px; }

@media screen and (max-width: 800px){
	#business.retention .page-title br{ display: none; }
	#business.retention .step .title .icon img{ height: 55px; }
}


/* 사업분야 - 시험장비 */
#business.testing .border{ padding: 30px; }

#business.testing .sec02 .gallery figcaption{ font-size: 14px; padding: 4px 5px; } 

@media screen and (max-width: 1280px){
	#business.testing .border{ padding: 20px; }
}


/* 설비 및 환경 */
#facilities .marker span{ font-size: 18px; padding: 12px 25px; }

#facilities .table-box table .s{ width: 15%; }
#facilities .table-box table th{ font-size: 18px; } 
#facilities .table-box table td{ font-size: 16px; }

@media screen and (max-width: 1280px){
	#facilities .marker span{ font-size: 16px; padding: 10px 20px; }

	#facilities .table-box table th{ font-size: 17px; } 
	#facilities .table-box table td{ font-size: 15px; }
}


/* 지속가능경영 - ESG 경영 */
#esg .organ .min{ padding: 10px 5px; }

@media screen and (max-width: 900px){
	#esg .organ{
		--min: 60px;
	}

	#esg .organ .circle .text{ padding: 0 50px; }
	#esg .organ .circle .text .icon img{ height: 45px; }
}


/* 지속가능경영 - 환경대응 */
#environment.rnm .manage .square::after{ width: 1px; height: 100%; background: #000; border: none; }

#environment.rnm .manage .square .line{ position: relative; }
#environment.rnm .manage .square .line::before{ content: ""; width: calc(100% + calc(var(--gap) / 2)); height: 1px; background: #000; position: absolute; top: 50%; right: 0; }
#environment.rnm .manage .square .line::after{ content: ""; width: 3px; height: 50%; background: #FFF; position: absolute; top: 0; left: calc((var(--gap) / 2) * -1); }
#environment.rnm .manage .square .line:last-of-type::after{ top: calc(50% + 1px); }

@media screen and (max-width: 1100px){
	#environment.rnm .sec-title br{ display: none; }

	#environment.rnm .manage .border{ height: calc((var(--width) * 1.5) + (var(--boxH) * 3) + (var(--gap) * 4.5) + 10px) }
	#environment.rnm .manage .square::after{ width: calc(50% + (var(--lineGap) / 2)); height: 100%; background: none; top: calc(var(--gap) * -0.5); left: 50%; transform: translateX(-50%); border: 1px solid #000;  border-right-width: 1px;  border-bottom-width: 0; }
	#environment.rnm .manage .square .line::before{ display: none; }
}


/* 지속가능경영 - 사회공헌 */
#social.contribute .diagram .item .pb{ display: none; }
#social.contribute .diagram .item .on{ height: 100%; position: relative; }

@media screen and (max-width: 1320px){
	#social.contribute .diagram .item:not(:first-of-type) .off{ height: 100%; position: relative; }
	#social.contribute .diagram .item:not(:first-of-type) .on{ position: absolute; }
}


/* 지속가능경영 - 동반성장 */
#social.growth .diagram .hexagon .dots span{ text-align: center; }  
#social.growth .diagram .hexagon .dots .dot02 span{ top: calc(var(--dot) * 4); left: calc(var(--dot) * -1); }
#social.growth .diagram .hexagon .dots .dot03 span{ top: calc(var(--dot) * 4); right: calc(var(--dot) * -2); }
#social.growth .diagram .hexagon .dots .dot04 span{ top: calc(var(--dot) * 1.5); left: calc(var(--dot) * -2.25); }
#social.growth .diagram .hexagon .dots .dot05 span{ top: calc(var(--dot) * 0.2); right: calc(var(--dot) * -0.7); }

#social.growth .diagram .dot-list{ width: 100%; padding-inline: 30px; }  

@media screen and (max-width: 1700px){
	#social.growth .dash-box{ padding-bottom: 60px; }
	#social.growth .diagram .hexagon .dots .dot02 span{ top: calc(var(--dot) * 3); }
	#social.growth .diagram .hexagon .dots .dot03 span{ top: calc(var(--dot) * 3); }
	#social.growth .diagram .hexagon .dots .dot04 span{ top: calc(var(--dot) * 0); }
	#social.growth .diagram .hexagon .dots .dot05 span{ top: calc(var(--dot) * -0.7); right: calc(var(--dot) * -1); }
	
	#social.growth .diagram .dot-list{ padding-inline: 20px; }  
}

@media screen and (max-width: 1280px){
	#social.growth .diagram .dot-list{ padding-inline: 0; }
}

@media screen and (max-width: 1000px){
	#social.growth .dash-box{ padding: 30px 25px; }
	#social.growth .diagram .hexagon .dots .dot02 span{ top: calc(var(--dot) * 2); left: calc(var(--dot) * -2.5); }
	#social.growth .diagram .hexagon .dots .dot03 span{ top: calc(var(--dot) * 2); right: calc(var(--dot) * -2.5); }
	#social.growth .diagram .hexagon .dots .dot04 span{ top: calc(var(--dot) * -0.5); left: calc(var(--dot) * -2.5); }
	#social.growth .diagram .hexagon .dots .dot05 span{ top: calc(var(--dot) * -1.7); right: calc(var(--dot) * -2.5); }
}