@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2022-10-18
******************************************************** */

/* ========================================================
 * 서브공통
======================================================== */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1280px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative; /* margin-right:calc(-1* var(--area-padding)); */ cursor:move}
	.custom-scrollbar-wrapper .scroll-object-box{/* margin-right:calc(-1* var(--area-padding)) */}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-wrapper .mCSB_scrollTools .mCSB_draggerContainer{right:var(--area-padding)}
	.cm-scroll-drag-guide {display:flex}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1280px){
	.sub-tab-list-style .area{padding:0}
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:6rem; }
	.sub-tab-list-style ul li a em{font-size:13px}
	.sub-tab-wrapper-style {margin-bottom:7rem; margin-top:0;}
	#content.wide .sub-tab-wrapper-style{margin:0 var(--area-padding) 7rem}
	.sub-tab-wrapper-style02 {margin-bottom:7rem;}

	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:6rem; line-height:6rem; font-size:1.4rem; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:flex; align-items:center; width:100%; height:5rem; padding:0 15px; box-sizing:border-box;}
	.sub-drop-menu-style ul li a em{font-size:1.4rem;}
	.sub-drop-menu-style ul li.selected a,
	.sub-drop-menu-style ul li.on a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em,
	.sub-drop-menu-style ul li.on a em{color:var(--theme-red-color); font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* -------- 공통 ::  텍스트  -------- */
@media all and (max-width:800px){
	.cm-top-tit{font-size:3.4rem;}
	.cm-tit{font-size:2.9rem}
}

/* -------- 공통 :: 컨텐츠 레이아웃  -------- */
@media all and (max-width:1280px){
	.sub-cm-con{display:block;}
	.sub-cm-con .left-box,
	.sub-cm-con .right-box{width:auto;}
	.sub-cm-con .left-box{margin-bottom:3rem}
}

/* ========================================================
 * 기업소개
======================================================== */
/* ******************  기업소개 :: 개요 ********************** */
@media all and (max-width:1680px){
	.overview-bottom-con .tit {font-size:13.8810vw;}
}
@media all and (max-width:1280px){
	.overview-top-con{background-attachment:initial; background-size:cover;}
}
@media all and (max-width:800px){
	.overview-top-con {height:auto; padding:10rem 0;}
	.overview-bottom-con{margin-top:10rem}
	.overview-top-con .txt-box,
	.overview-bottom-con .txt01{font-size:3.4rem;}
}

/* ******************  기업소개 :: CEO인사말 ********************** */
@media all and (max-width:1280px){
	.ceo-con {padding-top:35rem;}
	.ceo-con .area {padding:0 var(--area-padding);}
	.ceo-con .con-box .inner-box {padding:20rem 0 70px; }
	.ceo-con .con-box .top-box {align-items:center;}
	.ceo-con .con-box .top-box br {display:none;}
}
@media all and (max-width:800px){
	.ceo-con {padding-top:20rem;}
	.ceo-con .point-box .inner-box {width:24rem; height:34.4rem; padding:6rem 3rem;}
	.ceo-con .con-box .top-box {display:block;}
	.ceo-con .con-box .img-box {width:100%;}
	.ceo-con .con-box .tit-box {width:100%; padding-bottom:4rem;}
	.ceo-con .con-box .txt-box {width:100%; }
	.ceo-con .con-box .txt-box .txt:first-child {margin-top:0;}
}

/* ******************  기업소개 :: 연혁 ********************** */
@media all and (max-width:1280px){
	.history-top-con {height:57rem;}
	.history-top-con .con-box {top:10rem; left: var(--area-padding);padding:7.9rem 6rem 10rem; }
}
@media all and (max-width:800px){
	.history-top-con {height:auto; padding:0 var(--area-padding); }
	.history-top-con .bg {height:auto; padding-top:67.04%;}
	.history-top-con .con-box {position:relative; padding:5rem var(--area-padding); top:0; left:0; height:auto;}
	.history-top-con .con-box .year-box {padding-top:5rem; position:static; }
}

/* ******************  기업소개 :: 기업문화 ********************** */
@media all and (max-width:1280px){
	.culture-con .con-box {display:block;}
	.culture-con .con-box .left-box {width:100%;}
	.culture-con .con-box .right-box {width:100%; margin-top:3rem}
}
@media all and (max-width:800px){
	.culture-element > li {display:block;}
	.culture-element > li .culture-el-left {width:100%; display:block;}
	.culture-element > li .culture-el-left .tit-box {width:100%;}
	.culture-element > li .culture-el-left .point-box {width:100%; text-align:center; margin-top:20px;}
	.culture-element > li .culture-el-left .point-box:before  {display:none;}
	.culture-element > li .culture-el-left .point-box ul { display:inline-block;}
	.culture-element > li .culture-el-left .point-box .txt {display:inline-block; }
	.culture-element > li .culture-el-right {display:block; width:100%; padding: 5.3rem 3rem; text-align:center;}
	.culture-element > li .culture-el-right .arrow {top:0; left:50%; }
	.culture-element > li .culture-el-right .arrow i:before {content:"\e905";}
	/* 도식화 */
	.skms-spec-list-con{display:block; padding:5rem 0;}
	.skms-left-box .skms-spec-item{width:calc(33.33% + 1.5rem)}
	.skms-spec-item-inner strong{box-sizing:border-box; padding:0 1.5rem; font-size:1.4rem;}
	.skms-right-box{width:18rem; margin:3rem auto 0;}
	.skms-right-box .skms-red-tit:before{width:22rem; height:22rem}
}

/* ******************  기업소개 :: CI ********************** */
@media all and (max-width:1280px){
	/* Concept */
	.ci-con01 .left-box {display:block;}
	.ci-con01 .download-box {margin-top:3rem;}
	.ci-con01 .download-box .btn-box {display:flex; margin:15px -0.5rem 0;}
	.ci-con01 .download-box .btn-box a {margin:10px 0.5rem;}
}
@media all and (max-width:800px){
	/* Concept */
	.ci-con01 .logo-box .txt-box { padding:5rem 3rem;}
	.ci-con01 .download-box .btn-box a{min-width:auto; height:26vw; width:calc(33.33% - 1rem); text-align:center; line-height:1.4; border-radius:1.5rem; justify-content:center; flex-direction:column; }
	.ci-con01 .download-box .btn-box a .txt{margin-bottom:1.6rem}
	/* Color System */
	.ci-con03 .color-box {margin-top:0;}
	.ci-con03 .color-item {display:block;}
	.ci-con03 .color-item .color-list{width:100%; margin-top:3rem;}
}
@media all and (max-width:640px){
	/* Color System */
	.ci-con03 .color-item .color-list {display:block; }
	.ci-con03 .color-item .color-list li {width:100%; margin-top:2rem;}
	.ci-con03 .color-item .color-list li:first-child {margin-top:0;}
	.ci-con03 .color-item .color-list li dl {align-items:center;}
	.ci-con03 .color-item .color-list li .name {margin-top:0;}
}

/* ******************  기업소개 :: VISION ********************** */
@media all and (max-width:1280px){
	.vision-img-con .vision-img-box img{max-width:100%;}
	.vision-img-con .vision-img-box:before{background-size:cover}
}

/* ******************  기업소개 :: 글로벌 네트워크 ********************** */
@media all and (max-width:1280px){
	.cm-scroll-drag-guide.overseas-domestic-map-guide{display:flex}
	/* .overseas-domestic-map-container{overflow-y:hidden; overflow-x:scroll;} */
	/* .overseas-domestic-map-container.mCustomScrollbar{overflow-x:hidden;}
	.overseas-domestic-map-container .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:var(--area-padding); right:var(--area-padding);} */
	/* .overseas-domestic-map-container .overseas-map-con{width:1280px} */
	.overseas-map-con .marker{width:7px; height:7px}
	.overseas-map-con .marker:before{font-size:11px}
	.overseas-map-con .marker.korea-item:after{width:63px; height:66px}
	.domestic-zoom-item .domestic-tit{height:20px; font-size:11px;}

	/* 지도마커 각각 위치 */
	.overseas-map-con .marker[data-title="Europe"]:before,
	.overseas-map-con .marker[data-title="Singapore"]:before,
	.overseas-map-con .marker[data-title="Taiwan"]:before,
	.overseas-map-con .marker[data-title="China"]:before,
	.overseas-map-con .marker.pos-left[data-title="China"]:before,
	.overseas-map-con .marker.pos-right[data-title="China"]:before,
	.overseas-map-con .marker[data-title="Korea"]:before,
	.overseas-map-con .marker[data-title="Japan"]:before{top: -2px;}
}
@media all and (max-width:800px){
	/* 글로벌 네트워크 :: 국내리스트 */
	.domestic-list{display:block; margin:5rem 0 0 0; }
	.domestic-list > li{width:auto; margin:0 0 2rem 0;}
	.domestic-list > li .inner-box{padding:2rem;}
	/* 글로벌 네트워크 :: 해외 */
	.overseas-info-con .info-list{display:block;}
	.overseas-info-con .info-list li{width:auto; margin:0 0 2rem 0}
}

/* ========================================================
 * 지속가능경영
======================================================== */
/* ******************  지속가능경영 :: ESG :: ESG경영 ********************** */
@media all and (max-width:1680px){
	.esg-management-con .img-box  img {max-width:100%;}
	.esg-management-con .txt-box br {display:none;}
}
@media all and (max-width:1280px){
	.esg-management-con .txt-box{padding:0 5rem;}
}
@media all and (max-width:800px){
	.esg-management-con .txt-box{padding:2rem 0 0 0;}
	.esg-management-con .txt-box .tit-box{margin-bottom:1.5rem; padding-bottom:1.5rem;}
}

/* ******************  지속가능경영 :: ESG :: 공급망관리 ********************** */
@media all and (max-width:1280px){
	/* ESG Policy 영역 */
	.esg-policy-list{margin:0 -1.5rem}
	.esg-policy-list .esg-policy-item{width:calc(33.33% - 3rem ); margin:0 1.5rem}
	/* ESG Result 영역 */	
	.esg-policy-result .esg-policy-result-item{margin:0 3rem;}
	/* -------- ESG :: 공급망관리 :: 하단 -------- */
	.esg-partner-list-con{background-image:none;}
	.esg-partner-list-con .esg-partner-item:nth-child(2){margin-left:0}
	.esg-partner-list-con .esg-partner-item dl dt{box-shadow: 13.6px 11.8px 32px 0 rgba(75, 75, 75, 0.27); margin-bottom:5rem; }
	.esg-partner-list-con .esg-partner-item:nth-child(1) dt{background-color:#9c9c9c}
	.esg-partner-list-con .esg-partner-item:nth-child(2) dt{background-color:#4b4b4b}
	.esg-partner-list-con .esg-partner-item:nth-child(3) dt{background-color:#000000}
}
@media all and (max-width:800px){
	/* ESG Policy 영역 */
	.esg-policy-tit-box{padding-bottom:5rem;}
	.esg-policy-tit-box:after{display:none;}
	.esg-policy-list{display:block; margin:0;}
	.esg-policy-list .esg-policy-item{margin:0; width:auto; margin-bottom:1rem;} 
	/* ESG Result 영역 */
	.esg-policy-result{margin:0 calc(-1 * var(--area-padding)); background-position:50% -3.5rem}
	.esg-policy-result .esg-policy-result-item{margin:0 2rem; font-size:1.4rem;}
	/* -------- ESG :: 공급망관리 :: 하단 -------- */
	.esg-partner-plan-con .esg-partner-tit{margin-bottom:5rem}
	.esg-partner-list-con{display:block;}
	.esg-partner-list-con .esg-partner-item{width:auto; margin-top:8rem}
	.esg-partner-list-con .esg-partner-item:first-child{margin-top:0;}
	.esg-partner-list-con .esg-partner-item dl dt{margin:0; margin-bottom:2rem;}
}

/* ******************  지속가능경영 :: SHE :: 안전보건환경 방침 ********************** */
@media all and (max-width:1280px){
	.she-safe-con-box{padding:0 var(--area-padding);}
	.she-safe-con.con01 .she-safe-con-box .tit-box{padding-top:4rem; padding-bottom:2rem;}
}
@media all and (max-width:800px){
	.she-safe-con-box{margin-left:calc(-1 * var(--area-padding)); margin-right:calc(-1 * var(--area-padding)); background-size:120% auto; background-color:#f2f2f2}
	.she-safe-con-box .tit-box .tit{font-size:2.2rem; }
	.she-safe-con-box .num-box{padding:2rem 0;}
	.she-safe-con-box .num-list .num{width:3rem; height:3rem; line-height:3rem; font-size:1.3rem; }
	.she-safe-con.con01 .she-safe-con-box .num-list .num{margin-top:0.5rem}
	.she-safe-con-box .num-list .cm-txt{margin-top:0}
	.she-safe-con-box .bottom-box{display:block;}
	.she-safe-con-box .bottom-box .date{display:block; margin-bottom:1rem}
}

/* ******************  지속가능경영 :: SHE :: 경영시스템 ********************** */
@media all and (max-width:1280px){
	/* -------- 프로세스 -------- */
	.she-manage-process-img{margin:0 calc(-1 * var(--area-padding))}
	.she-manage-process-img img{max-width:100%;}
}
@media all and (max-width:800px){
	.she-manage-detail-list{display:block;}
	.she-manage-detail-list:before{border-top:0; border-left:1px dashed #cecece; top:0; left:5.5rem; height:auto; bottom:0; right:auto;}
	.she-manage-detail-list .she-manage-item{display:flex; width:auto; margin-top:8rem}
	.she-manage-detail-list .she-manage-item:first-child{margin-top:0;}
	.she-manage-item .she-manage-tit-box{margin:0; margin-right:1.9rem}
	.she-manage-item .she-manage-tit-box .she-manage-tit{width:11rem; height:11rem; border-width:1.1rem; font-size:1.4rem; }
	.she-manage-item.key-item .she-manage-tit-box .she-manage-tit{box-shadow:none}
	.she-manage-item .she-manage-list-con{height:auto; width:calc(100% - 13rem); padding:3rem; text-align:left; }
	.she-manage-item .she-manage-list-con:before{display:none;}
}


/* ******************  지속가능경영 :: SHE :: 성과 ********************** */
@media all and (max-width:800px){
	/* 성과 :: 인증 취득 */
	.she-performance-certifi-list{margin:0 -2.5rem}
	.she-performance-certifi-list li{width:calc(50% - 5rem); max-width:20.6rem}
	/* 성과 :: 사전검토제도 */
	.she-performance-step-list-con ol{display:block; margin:0; }
	.she-performance-step-list-con ol:before{top:0; bottom:0px; left:50%; right:auto; border-left:1px dashed #ccc; border-top:0;}
	.she-performance-step-list-con ol:last-child:before{top:-2rem}
	.she-performance-step-list-con .she-perfor-step-item{width:auto; margin:0 0 2rem 0; height:auto; }
}

/* ******************  지속가능경영 :: SHE :: SHE Golden Rule 제도 ********************** */
@media all and (max-width:1280px){
	/* 공장 리스트 */
	.she-golden-factory-list-con .she-golden-factory-item strong{height:auto;}
}
@media all and (max-width:800px){
	/* 공장 리스트 */
	.she-golden-factory-list-con{flex-wrap:wrap; justify-content:center; margin-top:10rem}
	.she-golden-factory-list-con .she-golden-factory-item{width:calc(50% - 5rem); margin:1rem; border-width:1rem}
	/* SGR */
	.she-golden-sgr-list-con li{width:50%; padding:3rem 1rem;}
	.she-golden-sgr-list-con li.m-gray{background-color:#f7f7f7;}
	.she-golden-sgr-list-con li.m-gray .sgr-icon{background-color:#fff;}
}

/* ******************  지속가능경영 :: 윤리경영 ********************** */
@media all and (max-width:1280px){
	.ethical-regulation-con.con02 .btn-box {display:flex; justify-content:center;}
	.ethical-regulation-con.con02 .btn-box a {margin-top:0;}
	.ethical-regulation-con.con02 .btn-box a:first-child {margin-right: 1rem;}
}

@media all and (max-width:800px){
	.ethical-regulation-list{display:block;}
	.ethical-regulation-list li{width:auto; margin-bottom:1rem}
	.ethical-regulation-list li dl{display:flex; align-items:center;}
	.ethical-regulation-list li dl dt{padding:0; width:10rem;}
	.ethical-regulation-list li .tit{font-size:1.8rem}
	.ethical-regulation-list li dl dd{width:calc(100% - 10rem); text-align:left;}
	.ethical-regulation-list li .cm-txt{margin-top:0; padding-right:0}
	.ethical-regulation-con.con02 .right-box .btn-box{display:flex; /* flex-wrap:wrap; flex-direction:column; */}
	.ethical-regulation-con.con02 .btn-box a {width:48%; min-width:initial; margin-top: 0; margin-right: 2%;}
	.ethical-regulation-con.con02 .btn-box a:last-child {width: 50%; margin-right: 0;}
	.ethical-regulation-con.con02 .download-btn{width:48%; padding:0 1rem; line-height:1.4; text-align:center;}
}

/* ******************  지속가능경영 :: 상담/제보하기 ********************** */
@media all and (max-width:800px){
	/* 상담센터 */
	.ethical-counsel-tbl colgroup{display:none;}
	.ethical-counsel-tbl tr th,
	.ethical-counsel-tbl tr td{display:block; padding:2rem;}
	.ethical-counsel-tbl tr th{padding:1.3rem 2rem; background-color:#f7f7f7}
	.ethical-counsel-tbl .counsel-info-tit:after{display:none;}
	/* 제보자 보호 */
	.ethical-protect-txt-box{padding:3rem;}
	.ethical-protect-txt-box .ethical-protect-icon{display:none;}
	.ethical-protect-txt-box .ethical-protect-icon span{background-size:50% 50%;}
}

/* ******************  품질경영 :: 품질경영 ********************** */
@media all and (max-width:1280px){
	/* -------- 품질관리체계 -------- */
	.quality-manage-system-img{margin:0 calc(-1 * var(--area-padding))}
	.quality-manage-system-img img{max-width:100%;}
}
@media all and (max-width:800px){
	.quality-manage-container .top-tit-box{margin-bottom:10rem;}
	/* -------- 품질방침 -------- */
	.quality-policy-con .quality-policy-item{flex-direction:column-reverse; padding:2rem var(--area-padding); text-align:center;}
	.quality-policy-con .quality-policy-item dl{width:auto; margin-top:2rem;}
	.quality-policy-con .quality-policy-item dt{display:block; line-height:1.3;}
	/* -------- 품질인증현황 -------- */
	.quality-certifi-list-con li{display:block; height:auto; margin-top:1.5rem}
	.quality-certifi-list-con .quality-img-con{width:auto; padding:3rem 0;}
	.quality-certifi-list-con .quality-img-con img{width:10rem;}
	.quality-certifi-list-con .quality-certifi-info{width:auto; padding:var(--area-padding)}
}

/* ******************  품질경영 :: 혁신활동 ********************** */
@media all and (max-width:800px){
	.quality-activity-container .top-tit-box{margin-bottom:13rem}
	/* -------- 혁신활동의 필요성 -------- */
	/* Innovation */
	.quality-innovation-con h5{font-size:3.2rem;}
	.quality-innovation-list{display:block;}
	.quality-innovation-list .quality-innovation-item{width:auto; margin-bottom:1.5rem;}

	/* -------- 혁신활동의 기대효과  -------- */
	.quality-supex-con:before{display:none;}
	.quality-supex-con .circle{border-width:1rem}
	.quality-supex-con .circle, .quality-supex-expect-con{width:calc(50% - 1rem); box-sizing:border-box;}
	.quality-supex-con .circle:after{display:none;}
	.quality-supex-expect-con .quality-expect-txt{width:auto;}
	.quality-expect-list-con{width:auto; margin:0;}
	.quality-supex-expect-con .quality-expect-txt .inner strong,
	.quality-expect-list-con li{font-size:1.4rem;}
	/* -------- 추진방향 -------- */
	.quality-activity-direction ul{display:block;}
	.quality-activity-direction ul li{width:auto; border-left:0; border-top:1px solid rgba(0,0,0,0.1)}
	.quality-activity-direction ul li:first-child{border-top:0}
	.quality-activity-direction ul li dl{padding:3rem 2rem;}
	.quality-activity-direction ul li dl dt{height:auto; margin-bottom:6rem}
	.quality-activity-direction ul li dl dt:before{bottom:-5rem; width:3rem; height:3rem; line-height:3rem; font-size:0.88em; margin-left:-1.5rem;}
	.quality-activity-direction ul li dl dt br{display:none;}
	.quality-activity-direction ul li dl dd{text-align:center;}
}



/* ========================================================
 * 미디어센터
======================================================== */
/* ******************  미디어센터 :: 미디어 센터 ********************** */
@media all and (max-width:1280px){
	.news-gallery-list{max-width:800px; margin:0px auto;}
	.news-gallery-list li{width:calc(50% - 4rem);}
}
@media all and (max-width:800px){
	.news-gallery-list {margin:-1rem}
	.news-gallery-list li{width:calc(50% - 2rem); margin:1rem; box-shadow:none;}
	.news-gallery-list li dt{padding:2rem}
	.news-gallery-list li:not(.img) dd{padding:0 2rem 20%;}
	.news-gallery-list li .date-box span{display:inline-block;}
	.news-gallery-list li .date-box .date{font-weight:400; margin-left:-0.4rem}
	.news-gallery-list li .date-box .date:before{content:".";}
	.news-gallery-list li .tit{font-size:1.6rem}
	.news-gallery-list li .txt{font-size:1.4rem; -webkit-line-clamp:3; }
}

/* ******************  공시정보 :: 공시정보 ********************** */
@media all and (max-width:800px){
	.public-info-banner{display:block; text-align:center; height:auto; padding:5rem var(--area-padding)}
	.public-info-banner .public-banner-txt{font-size:2.9rem}
}
/* ******************  공시정보 :: 공고 ********************** */
@media all and (max-width:800px){
	.notice-list-con .notice-item a{display:block; height:auto; padding:2rem 0;}
	.notice-list-con .notice-item .num{display:none;}
	.notice-list-con .notice-item .notice-tit{width:100%;}
	.notice-list-con .notice-item .date{width:auto; text-align:left; margin-top:0.5em}
}


/* ========================================================
 * 사업소개
======================================================== */
/* ******************  사업소개 :: 공통 ********************** */
@media all and (max-width:800px){
	.cm-img-list-con{display:block; ; margin:0rem; text-align:center; }
	.cm-img-list-con .cm-img-item{width:auto; margin:0 0 5rem 0;}
}

/* ******************  소재,부품 :: Fine Ceramics ********************** */
/* -------- Fine Ceramics :: 제품소개 -------- */
@media all and (max-width:800px){
	.fine-ceramic-prd-tbl colgroup col:nth-child(1){width:10rem !important;}
	.fine-ceramic-prd-tbl colgroup col:nth-child(2){width:25rem !important;}
	.fine-ceramic-prd-tbl td img{height:10rem}
}

/* ******************  소재,부품 :: CMP ********************** */
@media all and (max-width:1280px){
	.cmp-slurry-img-con img{max-width:100%;}
}
@media all and (max-width:800px){
	/* CMP Pad */
	.cmp-pad-txt-con{display:block; padding:3rem 2rem;}
	.cmp-pad-txt-con .cmp-pad-photo{padding-right:0; text-align:center; margin-bottom:3rem;}
	.cmp-pad-txt-con .cmp-pad-photo:after{display:none}
	.cmp-pad-detail-list{width:auto; justify-content:space-between; }
	.cmp-pad-detail-list li{margin:0}
	/* CMP Slurry */
	.cmp-slurry-img-con{display:block;}
	.cmp-slurry-left-con{width:auto;padding:3rem; margin-right:auto; margin-bottom:4rem}
}

/* ******************  소재,부품 :: Blank Mask ********************** */
@media all and (max-width:800px){
	.blank-mask-prd-list-con{display:block;}
	.blank-mask-prd-item{margin-bottom:2rem}
}

/* ******************  소재,부품 :: Cleaning ********************** */
@media all and (max-width:800px){
	.material-wet-prd-list-con{display:block; margin:0;}
	.material-wet-prd-list-con .wet-prd-table-item{width:auto; margin:0 0 2rem 0}
	.material-wet-prd-list-con .wet-prd-table-item col:first-child{width:10rem !important;}
}

/* ******************  장비 :: PCB ********************** */
@media all and (max-width:800px){
	.equipment-PCB-prd-list{flex-wrap:wrap;}
	.equipment-PCB-prd-list li{width:50%}
	.equipment-PCB-prd-list li:nth-child(3) .equipment-PCB-inner{border-left:0}
	.equipment-PCB-prd-list li:nth-child(3) .equipment-PCB-inner,
	.equipment-PCB-prd-list li:nth-child(4) .equipment-PCB-inner{border-top:1px solid rgba(0,0,0,0.1) }
}
/* ******************  장비 :: TESTER ********************** */
@media all and (max-width:800px){
	.equipment-tester-item{width:calc(50% - 2rem); margin:0 1rem 5rem}
	.equipment-tester-item dl{margin-top:2.8rem;}
}
/* ******************  장비 :: EFEM ********************** */
@media all and (max-width:800px){
	.equipment-EFEM-container{display:block; }
	.equipment-EFEM-container .left-photo-con{width:auto; text-align:center; margin-bottom:3rem;}
	.equipment-EFEM-container .right-detail-con{width:auto; }
	.equipment-EFEM-container .cm-table-style tbody td{height:auto; padding:3rem 0}
	.equipment-EFEM-container .equipment-Ref-con{margin-top:3rem;}
}

/* ========================================================
 * 문의하기, 설문조사
======================================================== */
/* ******************  문의하기 ********************** */
@media all and (max-width:1280px){
	#inquiryContent{margin:0; padding:0 var(--area-padding)}
}
@media all and (max-width:800px){
	#inquiryContent{margin:-7rem calc(-1 * var(--area-padding));}
	.inquiry-item{margin-bottom:3rem}
}
/* ******************  설문조사 ********************** */
@media all and (max-width:800px){
	#surveyContent{padding:5rem 3rem; border:0}
	/* Survey :: 상단타이틀 */
	.survey-top-container .survey-tit{font-size:3rem}
	/* Survey :: 체크리스트 테이블 */
	.survey-tbl-top-con{display:block; font-size:1.6rem; position:sticky; top:0; left:0; background-color:#fff; padding:1.5rem 0; z-index:1;}
	.survey-tbl-top-con .survey-top-caution-txt{margin-bottom:1.5rem}
	.survey-tbl-top-con .survey-grade-check{justify-content:space-around; text-align:center;}
	/* 테이블 레이아웃 */
	.survey-tbl colgroup,
	.survey-tbl thead{display:none}
	.survey-tbl tr{display:flex; flex-wrap:wrap; justify-content:space-around; }
	.survey-tbl th{display:block; height:auto; padding:2rem; width:100%; box-sizing:border-box; font-size:1.8rem; text-align:center;}
	.survey-tbl tbody td{border-top:0}
	.survey-tbl tfoot td{width:100%; height:auto;}
	.survey-tbl .total-score{height:5rem; justify-content:space-between; padding:0 2rem;}
}