/* 계열사 - 상세 */
#detail .ir .img .top{ margin-bottom: 20px; }
#detail .ir .item{ padding-inline: 40px; }
#detail .ir .item h6{ flex: 1 1 auto; min-width: 0; font-size: 28px; }
#detail .ir .item .viewmore{ flex-shrink: 0; }

#detail .esg .item:hover .text > *{ left: 50% !important; transform: translateX(-50%) !important; }


/* 계열사 - 팝업 */
#popup.affiliate .info table th{ padding: 10px; }

@media screen and (max-width: 1700px){
	/* 계열사 - 상세 */
	#detail .ir .item h6{ font-size: 24px; }
	#detail .ir .item{ padding-inline: 30px; }
}

@media screen and (max-width: 1300px){
	#detail .esg .item:hover .text > *{ left: 0 !important; transform: translateX(0) !important; }
	#detail .esg .item .text h6{ text-align: left; }
}

@media screen and (max-width: 1280px){
	/* 계열사 - 상세 */
	#detail .ir .item h6{ font-size: 22px; }
}

@media screen and (max-width: 1060px){
	/* 계열사 - 상세 */
	#detail .ir .page-title br{ display: none; }
}

@media screen and (max-width: 1024px){
	/* 계열사 - 상세 */
	#detail .certify .page-title br{ display: none; }
}

@media screen and (max-width: 900px){
	/* 계열사 - 상세 */
	#detail .ir .item h6{ font-size: 20px; }
	#detail .ir .item{ padding: 25px; }
	
	/* 계열사 - 팝업 */
	#popup.affiliate .info table th{ width: 120px; }
}


/* 제품소개 - 고무소재 */
@media screen and (max-width: 1280px){
	#product #research .blue-table col.m{ width: 142px; }
	#product #research .blue-table col.l{ width: 200px; }
}


/* 연구개발 - 기술연구소 */
@media screen and (max-width: 960px){
	#lab .scale .responsive{
		--paddingTB: 15px;
		--paddingLR: 15px;
	}
	#lab .scale .responsive table{ border-top: none; }
	#lab .scale .responsive colgroup,
	#lab .scale .responsive thead{ display: none; }
	#lab .scale .responsive tbody tr{ width: 100%; display: block; border-top: 2px solid #333;  }
	#lab .scale .responsive tbody tr:not(:last-of-type){ margin-bottom: 40px; }
	#lab .scale .responsive tbody tr > *{ width: 100%; display: block; border-right: none; text-align: center; padding-left: calc(210px + var(--paddingLR)); position: relative; }
	#lab .scale .responsive tbody tr > *:not(:last-child){ border-bottom: none; }
	#lab .scale .responsive tbody tr > *::before{ content: attr(data-th); display: flex; justify-content: center; align-items: center; width: 210px; height: 100%; background: #FAFCFE; font-weight: 600; padding: var(--paddingTB) var(--paddingLR); position: absolute; top: 0; left: 0; box-sizing: border-box; }
}

@media screen and (max-width: 600px){
	#lab .scale .table-txt span{ display: block; }
}


/* 연구개발 - 연구분야 - 연구장비 (공통) */
#research.cae .intro-grid .blue-table{
	--th: 125px;
}

@media screen and (max-width: 900px){
	.equipment-table td{ font-size: 16px; }
}


/* 연구개발 - 연구분야 - 방진 - 연구장비 */
@media screen and (max-width: 650px){
	br.m650{ display: block !important; }
}


/* 연구개발 - 연구분야 - 에어 - 에어서스펜션 */
@media screen and (max-width: 1370px){
	#research.air-suspension .skill dl dd br{ display: none; }
}


/* 연구개발 - 연구분야 - 호스 - 호스 */
#research.hose .table .blue-table{ 
	--th: 145px;
}

@media screen and (max-width: 1200px){
	#research.hose .table .blue-table br{ display: none; }
}


/* 연구개발 - 연구분야 - 호스 - CAE 해석 */
#research.cae .hose01 .block p{ width: auto; }


/* 연구개발 - 연구분야 - 씰링 - CAE 해석 */
#research.cae.sealing .intro-grid .blue-table colgroup col.th{ width: 141px; }
#research.cae .sealing01 figure .arrow > div span{ width: 200px; height: 120px; }
#research.cae .sealing02 .blue-table{ --th: 155px; }

@media screen and (max-width: 1200px){
	#research.cae .sealing02 .blue-table{ --th: 100px; }
}

@media screen and (max-width: 1024px){
	#research.cae .sealing01 figure .arrow > div span{ width: unset; height: unset; }
}


/* 연구개발 - 연구분야 - 연구성과 */
@media screen and (max-width: 1000px){
	/* board-box (column) */
	.board-box.column tbody tr td{ display: flex; justify-content: center; align-items: center; min-height: 60px; padding-left: 170px; }
	.board-box.column tbody tr td::before{ width: 155px; padding: 10px; box-sizing: border-box; }
}


/* 투자정보 - 주가정보 */
#stock .price .table-box{
	--tbodySize: 17px;
}
#stock .price .table-box colgroup col.th{ width: unset; }

#stock .price .present dl{ width: 100%; } 
#stock .price .present dl dt{ width: 160px; }
#stock .price .present dl dd{ text-align: right; }

#stock .price .data dl dt{ width: 150px; }

#stock .info .table-box{
	--theadSize: 19px;
}
#stock .info .table-box thead th{ padding-inline: 10px; }

@media screen and (max-width: 1700px){
	#stock .info .table-box{
		--theadSize: 18px;
	}
}

@media screen and (max-width: 1280px){
	#stock .price .present dl dt{ width: 140px; }
	#stock .price .data dl dt{ width: 130px; }
	
	#stock .info .table-box{
		--theadSize: 17px;
	}
	#stock .info .table-box tr > *::before{ width: 180px; }
}

@media screen and (max-width: 900px){
	#stock .index .table-box th{ width: 200px; }
	#stock .index .table-box td{ width: calc(100% - 200px); display: flex; justify-content: flex-end; align-items: center; }
	#stock .index .table-box br.m{ display: block; }
}

@media screen and (max-width: 600px){
	#stock .price .table-box th{ width: 200px; }
	#stock .price .table-box td{ width: calc(100% - 200px); }
}


/* 지속가능경영 - 인증현황 */
@media screen and (max-width: 900px){
	#certifications .table thead th{ font-size: 16px; }
}


/* 지속가능경영 - 사회 - 임직원 - 임직원 교육 프로세스 */
#process .development dl dt{ width: 550px; }
#process .development dl dt .title{ padding: 0 80px; }

@media screen and (max-width: 1700px){
	#process .development dl dt{ width: 500px; }
	#process .development dl dt .title{ padding: 0 60px; }
}

@media screen and (max-width: 1280px){
	#process .development dl dt{ width: 450px; }
	#process .development dl dt .title{ padding: 0 40px; }
}

@media screen and (max-width: 1024px){
	#process .development dl dt{ width: 100%; }
	#process .development dl dt .title{ padding-inline: 20px 0; }
}

@media screen and (max-width: 900px){
	#process .program .table-box{ 
		--theadSize: 16px;
		--tbodySize: 16px;
	}
}


/* 지속가능경영 - 사회 - 공급망 관리 - 공급망 관리 활동 */
#supply .process .diagram dl dt span{ min-height: 80px; }

#supply .management .item .content .dot-list{ grid-template-columns: repeat(1, 100%); }

@media screen and (max-width: 1700px){
	#supply .process .diagram dl dt span{ min-height: 75px; }
}

@media screen and (max-width: 1280px){
	#supply .process .diagram dl dt span{ min-height: 65px; }
}


/* 지속가능경영 - 사회 - 사회공헌 - 정기 봉사처 */
@media screen and (max-width: 1024px){
	#volunteer .esg-layout .text dl dt br{ display: block; }
}


/* 지속가능경영 - 거버넌스 - 이사회 (공통) */
#directorate .table-box{
	--theadSize: 17px;
	--tbodySize: 17px;
}

@media screen and (max-width: 1280px){
	#directorate .table-box{
		--tbodySize: 16px;
	}
}


/* 지속가능경영 - 거버넌스 - 이사회 - 이사회 운영현황 */
#directorate.status .table-box table{ table-layout: unset; }
#directorate.status .table-box colgroup col.s, 
#directorate.status .table-box colgroup col.m{ width: unset; }
#directorate.status .table-box colgroup col.l{ width: 130px; }



/* 지속가능경영 - 거버넌스 - 온라인 신문고 - 이용안내 */
@media screen and (max-width: 900px){
	#guide .workflow .box p{ font-size: 16px; }
}