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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.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{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* 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:5rem; }
	.sub-tab-list-style ul li a em{font-size:1.4rem}
	.sub-tab-wrapper-style:has(.location3){margin-bottom:3rem}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 2.5rem; height:5rem; line-height:5rem; border-radius:5rem; font-size:1.6rem; background-color:var(--main-color); box-sizing:border-box; z-index:100; border-radius:5rem;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:2.5rem; margin-top:-0.7rem}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:calc(100% - 2.5rem); left:0px; right:0px; padding-top:2.5rem; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box; border-radius:0 0 2.5rem 2.5rem;}
	.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:block; width:auto; height:auto; padding:1.5rem; border:0; background:transparent !important;}
	.sub-drop-menu-style ul li a em,
	.sub-drop-menu-style ul li a span{font-size:1.4rem;}
	.sub-drop-menu-style ul li.selected{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em,
	.sub-drop-menu-style ul li.selected a span{color:var(--main-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:1220px){
	
}

/* ========================================================
 * NEXTGRID :: 공통 컴포넌트 / 회사개요 반응형
======================================================== */
@media all and (max-width:800px){
	/* 3차 pill 탭 */
	.sub-tab-menu{margin-top:6rem; padding:0 var(--area-padding);}
	.sub-tab-menu ul{flex-wrap:wrap;}
	.sub-tab-menu ul li{flex:1 1 auto;}
	.sub-tab-menu ul li a{width:auto; min-width:14rem; height:4.6rem; padding:0 2rem; font-size:1.4rem;}

	/* 인트로 */
	.intro-display{margin-top:5rem;}
	.intro-display-tit{font-size:4.2rem; line-height:1.35; padding:0 var(--area-padding);}
	.intro-display-tit .line1,
	.intro-display-tit .line2{padding-left:0; white-space:normal;}
	.intro-hero-img{margin-top:3rem;}
	.intro-hero-img > img:first-child{height:40rem; border-radius:2rem;}
	.intro-hero-img .intro-watermark{width:24rem; top:auto; bottom:-6rem; left:auto; right:var(--area-padding);}
	.intro-about{margin-top:8rem;}
	.intro-slogan{margin-top:2.4rem; font-size:2.8rem; line-height:1.45;}
	.intro-slogan br, .intro-desc br, .intro-band-tit br, .intro-band-txt br,
	.intro-vision-tit br, .intro-vision-sub br, .intro-vision-txt br, .intro-pill-banner p br{display:none;}
	.intro-desc{margin-top:2rem; font-size:1.7rem; line-height:1.65;}
	.intro-facility-img{margin:4rem var(--area-padding) 0;}
	.intro-facility-img img{height:32rem; border-radius:2rem;}
	.intro-grey-band{margin-top:-16rem; padding-top:22rem; padding-bottom:6rem;}
	.intro-band-tit{font-size:2.4rem; line-height:1.45;}
	.intro-pill-banner{height:auto; padding:2rem 2.4rem; border-radius:3rem;}
	.intro-pill-banner .pill-icon{width:5.2rem; height:5.2rem; margin-left:0;}
	.intro-pill-banner p{margin-left:2rem; font-size:1.7rem; line-height:1.6;}
	.intro-vision{padding:8rem var(--area-padding) 10rem;}
	.intro-vision-tit{font-size:2.4rem; line-height:1.5;}
	.intro-vision-esg{margin-top:1.6rem; font-size:1.7rem; line-height:1.6;}
	.intro-seq-img{width:100%; margin-top:3rem;}
	.intro-seq-img > img:first-child{height:auto;}
	.intro-seq-img .intro-partner-logos{position:static; transform:none; width:100%; margin-top:2rem;}
	.intro-vision-sub{margin-top:4rem; font-size:2rem; line-height:1.5;}
	.intro-vision-txt{margin-top:1.4rem; font-size:1.6rem; line-height:1.65;}
}

@media all and (max-width:1280px){
	/* CEO 사진: 고정 캔버스 → cover 전환 */
	.ceo-photo > img:first-child{position:static; width:100%; height:100%; max-width:100%; object-fit:cover;}
}
@media all and (max-width:800px){
	/* CEO 메시지 */
	.ceo-greeting{margin-top:6rem; padding-bottom:10rem;}
	.ceo-slogan{font-size:2.4rem; line-height:1.5;}
	.ceo-slogan br{display:none;}
	.ceo-photo{height:32rem;}
	.ceo-photo .ceo-photo-logo{width:60%; top:50%; transform:translate(-50%,-50%);}
	.ceo-message{flex-direction:column; margin-top:5rem;}
	.ceo-since-card{width:100%; max-width:36rem; margin:0 auto;}
	.ceo-message-txt{margin-left:0; margin-top:5rem; width:100%;}
	.ceo-message-txt br{display:none;}
	.ceo-message-txt p + p{margin-top:2rem;}
	.ceo-sign{margin-top:4rem;}
}

@media all and (max-width:1536px){
	/* 채용과정 CTA/히어로 배경: 고정 캔버스 → cover 전환 */
	.proc-hero .bg{left:0; top:0; width:100%; height:100%; object-fit:cover;}

	.proc-cta .bg{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; object-position:50% 30%;}
	/* 채용과정 직무 이미지: 고정 캔버스 → cover 전환 */
	.job-box .img{right:2.4rem; width:52rem; height:39.4rem;}
	.job-box .img img{position:static; width:100%; height:100%; object-fit:cover;}
	/* 회사문화 밴드 배경: 고정 캔버스 → cover 전환 */
	/* 경영이념 카드 이미지: 고정 캔버스 → cover 전환 */
	.phil-card .bg img{position:static; width:100%; height:100%; object-fit:cover;}
	.phil-card .bg1 img{object-position:47% 95%;}
	.phil-card .bg2 img{object-position:70% 2%;}
	.phil-card .bg3 img{object-position:46% 10%;}
}
@media all and (max-width:1024px){
	.core-wrap{width:36rem; height:auto; margin-top:4rem;}
	.core-wrap:before{content:""; display:block; height:36rem;}
	.core-wrap .ring{inset:auto; left:0; top:0; width:36rem; height:36rem;}
	.core-inner{left:6rem; top:6rem; width:24rem; height:24rem; padding-top:5.4rem;}
	.core-inner img{width:5.4rem; height:5rem;}
	.core-inner strong{margin-top:1.6rem; font-size:2.4rem;}
	.core-inner p{margin-top:0.6rem; font-size:1.2rem;}
	.val-circle{width:8rem; height:8rem;}
	.val-circle img{transform:scale(0.7);}
	.val-circle.vc1, .val-circle.vc3{left:0;}
	.val-circle.vc2, .val-circle.vc4{right:0;}
	.val-circle.vc1, .val-circle.vc2{top:2.6rem;}
	.val-circle.vc3, .val-circle.vc4{top:25.4rem;}
	.val-txt{position:static; white-space:normal; text-align:left !important; margin-top:2.4rem; padding:0 var(--area-padding);}
	.val-txt strong{font-size:2rem;}
	.val-txt p{margin-top:0.6rem;}
	.val-txt p br{display:none;}
}
@media all and (max-width:1280px){
	.phil-card{width:32.5%; height:44rem;}
	.phil-card-txt{top:auto; bottom:4rem; right:2.4rem;}
}
@media all and (max-width:800px){
	/* 경영이념 */
	.phil-philosophy{margin-top:6rem;}
	.phil-card-list{flex-direction:column; gap:2rem; margin-top:3rem; padding:0 var(--area-padding);}
	.phil-card{width:100%; height:36rem;}
	.phil-card-txt{left:2.4rem; bottom:2.4rem;}
	.phil-card-txt strong{font-size:2.4rem;}
	.phil-card-txt p br{display:none;}
	.phil-values{margin-top:8rem; padding:8rem 0 10rem;}

}

@media all and (max-width:1024px){
	/* 연혁 타임라인: 센터라인 → 좌측 스택 */
	.hist-line{display:none;}
	.hist-timeline ul{padding-top:6rem; padding-bottom:8rem;}
	.hist-timeline li{height:auto; padding-bottom:5rem;}
	.hist-timeline li:last-child{height:auto; padding-bottom:0;}
	.hist-timeline li .img{position:static; width:100%; max-width:55rem; margin:0 auto;}
	.hist-timeline li .txt{position:static; margin-top:2.4rem; text-align:left !important;}
	.hist-timeline li.left .txt dl > div{justify-content:flex-start;}
	.hist-timeline li.left .txt dt{order:0; margin-left:0; width:5.3rem; text-align:left;}
	.hist-timeline li .txt strong{margin-top:0; font-size:4.8rem; line-height:1.2;}
	.hist-timeline li .txt dl{margin-top:1.6rem;}
	.hist-timeline li .txt dl > div{white-space:normal; line-height:1.6; margin-top:0.6rem;}
}
@media all and (max-width:800px){
	/* 연혁 상단 */
	.hist-top{margin-top:6rem;}
	.hist-tit{font-size:2.6rem; line-height:1.5;}
	.hist-tit br, .hist-desc br{display:none;}
	.hist-desc{font-size:1.6rem; line-height:1.65;}
	.hist-hero{margin-top:4rem;}
	.hist-hero > img{height:30rem;}
	.hist-hero .quote{right:2rem; bottom:2rem; font-size:1.5rem; line-height:1.6;}
}

@media all and (max-width:1024px){
	/* CI */
	.ci-symbol .area{flex-direction:column; gap:5rem;}
	.ci-symbol-txt{padding-top:0;}
	.ci-symbol-txt{padding-top:0;}
	.ci-symbol-txt h4 + p{margin-top:3rem;}
	.ci-symbol-imgs{width:100%;}
	.ci-sub-imgs{flex-direction:column; gap:4rem;}
	.ci-sub-imgs .ci-sub-item{width:100%;}
	.ci-main-color .sig{width:48rem; height:auto;}
	.ci-sub-colors{flex-wrap:wrap; gap:1.4rem; justify-content:flex-start;}
	.ci-sub-colors li{width:calc(33.33% - 1rem);}
}
@media all and (max-width:800px){
	.ci-signature{margin-top:6rem;}
	.ci-desc br{display:none;}
	.ci-hero{height:24rem; margin-top:4rem;}
	.ci-hero-logo{width:80%; height:auto;}
	.ci-download{flex-direction:column; align-items:center; gap:1.2rem;}
	.ci-sub-imgs{margin-top:5rem;}
	.ci-sub-item .box{height:20rem;}
	.ci-symbol{margin-top:8rem; padding:6rem 0;}
	.ci-symbol-txt h4{font-size:2.6rem; line-height:1.5;}
	.ci-symbol-txt p br{display:none;}
	.ci-color{margin-top:8rem;}
	.ci-color-tit{font-size:2.8rem;}
	.ci-main-color{height:auto; padding:3rem 2.4rem 12rem;}
	.ci-main-color .spec{flex-wrap:wrap; font-size:1.6rem;}
	.ci-main-color .sig{right:2.4rem; width:32rem;}
	.ci-sub-colors li{width:calc(50% - 0.7rem); height:17rem;}
	.ci-rule{margin-top:8rem; padding:6rem var(--area-padding);}
	.ci-rule h4{font-size:2.8rem;}
	.ci-rule p br{display:none;}
}

@media all and (max-width:1024px){
	/* CI */
	.ci-symbol .area{flex-direction:column; gap:5rem;}
	.ci-symbol-txt h4 + p{margin-top:3rem;}
	.ci-symbol-imgs{width:100%;}
	.ci-sub-imgs{flex-direction:column; gap:4rem;}
	.ci-sub-imgs .ci-sub-item{width:100%;}
	.ci-main-color .sig{width:48rem; height:auto;}
	.ci-sub-colors{flex-wrap:wrap; gap:1.4rem; justify-content:flex-start;}
	.ci-sub-colors li{width:calc(33.33% - 1rem);}
}
@media all and (max-width:800px){
	.ci-signature{margin-top:6rem;}
	.ci-desc br{display:none;}
	.ci-hero{height:24rem; margin-top:4rem;}
	.ci-hero-logo{width:80%; height:auto;}
	.ci-download{flex-direction:column; align-items:center; gap:1.2rem;}
	.ci-sub-imgs{margin-top:5rem;}
	.ci-sub-item .box{height:20rem;}
	.ci-symbol{margin-top:8rem; padding:6rem 0;}
	.ci-symbol-txt h4{font-size:2.6rem; line-height:1.5;}
	.ci-symbol-txt p br{display:none;}
	.ci-color{margin-top:8rem;}
	.ci-color-tit{font-size:2.8rem;}
	.ci-main-color{height:auto; padding:3rem 2.4rem 12rem;}
	.ci-main-color .spec{flex-wrap:wrap; font-size:1.6rem;}
	.ci-main-color .sig{right:2.4rem; width:32rem;}
	.ci-sub-colors li{width:calc(50% - 0.7rem); height:17rem;}
	.ci-rule{margin-top:8rem; padding:6rem var(--area-padding);}
	.ci-rule h4{font-size:2.8rem;}
	.ci-rule p br{display:none;}
}

@media all and (max-width:1024px){
	/* 인증 및 수상 */
	.cert-card-list{flex-direction:column; gap:2.4rem; align-items:center;}
	.cert-card-list li{width:100%; max-width:44.4rem;}
}
@media all and (max-width:800px){
	.cert-content{margin-top:6rem; padding-bottom:8rem;}
	.cert-tit{font-size:2.8rem; line-height:1.4;}
	.cert-card-list{margin-top:3rem;}
	.cert-modal-panel{width:92vw; height:auto; max-height:90vh; overflow-y:auto; padding:0 2.4rem;}
	.cert-modal-head{height:auto; padding:2.4rem 0 1.6rem;}
	.cert-modal-head h4{font-size:2.8rem;}
	.cert-modal-body{padding:2rem 0 2.4rem;}
	.cert-modal-body .preview{width:100%; height:auto; padding:3rem 0;}
	.cert-modal-body .preview-caption{position:static; width:100%; margin-top:1.2rem;}
	.cert-modal-body .thumbs{position:static; width:100%; grid-template-columns:repeat(3, 1fr); margin-top:2rem;}
	.cert-modal-body .thumbs li{width:100%; height:14rem;}
	.cert-modal-body .scroll-track{display:none;}
}

@media all and (max-width:1280px){
	/* 사업장 안내 */
	.loc-top{height:auto; padding:6rem 0;}
	.loc-card{position:relative; top:0; margin:0 auto;}
	.loc-map{position:relative; right:auto; top:0; width:100%; max-width:82.6rem; height:auto; margin:4rem auto 0;}
	.loc-map .map{height:auto;}
	.loc-map .overlay{width:66%; left:16%; top:11%; height:auto;}
	.loc-list li{height:auto; padding-bottom:6rem;}
	.loc-list li .img{position:static; width:100%; max-width:73.8rem; height:auto; margin-top:2.4rem;}
	.loc-list li .img img{height:auto;}
	.loc-list ul{padding-top:8rem; padding-bottom:8rem;}
}
@media all and (max-width:800px){
	.loc-card{width:100%; height:auto; padding:4rem 2.4rem 10rem;}
	.loc-card h3{font-size:2.6rem; line-height:1.5;}
	.loc-card .num{position:static; display:block; margin-top:3rem; font-size:8rem;}
	.loc-card .num-label{position:static; display:block; margin-top:0.6rem;}
	.loc-scroll-btn{left:1.6rem; right:1.6rem; bottom:1.6rem;}
	.loc-list h4{font-size:3rem;}
	.loc-list .divider{width:100%;}
	.loc-list .info dd{word-break:keep-all;}
}

@media all and (max-width:1440px){
	/* 파트너 그리드 */
	.partner-grid{grid-template-columns:repeat(4, 1fr); grid-template-rows:none; grid-auto-flow:row; gap:2rem;}
	.partner-grid li{width:100%;}
	.partner-grid li .logo-box{left:5%; width:90%;}
}
@media all and (max-width:1024px){
	.partner-grid{grid-template-columns:repeat(3, 1fr);}
}
@media all and (max-width:800px){
	.partner-content{margin-top:6rem; padding-bottom:10rem;}
	.partner-grid{grid-template-columns:repeat(2, 1fr); gap:1.4rem; margin-top:3rem;}
	.partner-grid li{height:20rem;}
	.partner-grid li .logo-box{height:12rem;}
	.partner-grid li .logo-box img{transform:scale(0.8);}
	.partner-grid li p{bottom:1.4rem; font-size:1.4rem;}
}

@media all and (max-width:1024px){
	/* 보도자료 */
	.press-grid{gap:2rem;}
	.press-grid li{width:calc(50% - 1rem);}
	.press-grid li a{height:auto; padding-bottom:20.6rem;}
	.press-head{display:flex; flex-direction:column; gap:2rem;}
	.press-search{position:static; width:100%; max-width:42rem;}
	.press-grid .txt .date{top:auto; bottom:22rem;}
}
@media all and (max-width:800px){
	.press-content{margin-top:6rem; padding-bottom:10rem;}
	.press-grid li{width:100%;}
}

@media all and (max-width:1024px){
	/* 홍보영상 */
	.video-list .thumb{width:100%; height:auto; aspect-ratio:690/388;}
	.video-list li{padding:4rem 0;}
	.video-list .thumb .play{left:50%; top:50%; transform:translate(-50%,-50%);}
	.video-list .txt{position:static; width:100%; margin-top:2.4rem;}
	.video-list .txt strong{font-size:2.4rem; line-height:1.4;}
	.video-list .txt .bar{margin-top:1.6rem;}
	.video-list .txt p{margin-top:1.6rem;}
	.video-filter{flex-direction:column; align-items:flex-start; gap:1.2rem; margin-top:3rem;}
	.video-filter .press-search{width:100%; max-width:42rem;}
}
@media all and (max-width:800px){
	.video-content{margin-top:6rem; padding-bottom:10rem;}
}

@media all and (max-width:1280px){
	/* 인사제도 */
	.hr-sec, .hr-sec.band{height:auto; padding:4rem; margin-left:var(--area-padding); margin-right:var(--area-padding);}
	.hr-sec .img{position:static; width:100%; max-width:60rem; height:auto; aspect-ratio:3/2; margin:0 auto;}
	.hr-sec .img img{position:static !important; width:100% !important; height:100% !important; object-fit:cover;}
	.hr-sec .txt{position:static; margin-top:2.4rem; max-width:60rem; margin-left:auto; margin-right:auto;}
	.hr-sec.hr1, .hr-sec.hr2, .hr-sec.hr3, .hr-sec.hr4{margin-top:5rem;}
	.hr-sec.hr4{margin-bottom:8rem;}
}
@media all and (max-width:800px){
	.hr-page-tit{margin-top:5rem; font-size:2.8rem;}
	.hr-sec, .hr-sec.band{padding:2.4rem; border-radius:2rem;}
	.hr-sec .txt h4{font-size:2.6rem; line-height:1.4;}
	.hr-sec .bullets li p br{display:none;}
}

@media all and (max-width:1280px){
	/* 회사문화 */
	.talent-cards ul{flex-direction:column; gap:2.4rem; align-items:center; padding:0 var(--area-padding);}
	.talent-cards li{width:100%; max-width:44.4rem; height:auto; padding-bottom:4rem;}
	.talent-cards li strong{margin-top:3rem;}
	.talent-cards li strong br{display:none;}
	.culture-box{width:calc(100% - 2*var(--area-padding));}
	.culture-box li{height:auto; padding:2.4rem 2.4rem 2.4rem 14rem;}
	.culture-box li:last-child{height:auto;}
	.culture-box li .circle{left:2.4rem; top:2.4rem; width:8rem; height:8rem;}
	.culture-box li strong{padding-top:0; line-height:1.4;}
	.culture-box li p{position:static; margin-top:0.8rem;}
	.culture-box li p br{display:none;}
	.culture-box li:not(:last-child):after{top:auto; bottom:0;}
	.culture-box{padding:2.4rem 0;}
	.welfare-box{width:calc(100% - 2*var(--area-padding)); height:32rem;}
	.welfare-box p{font-size:2rem; padding:0 2.4rem; text-align:center;}

	.culture-band .band-txt strong{font-size:2.4rem; line-height:1.5; padding:0 var(--area-padding);}
	.culture-band .band-txt strong br{display:none;}
	.culture-band .band-txt p{padding:0 var(--area-padding);}
	.culture-band .band-txt p br{display:none;}
}
@media all and (max-width:800px){
	.talent-cards{margin-top:4rem;}
	.culture-tit{margin-top:8rem;}
	.culture-band{height:46rem;}
	.culture-band .band-txt{padding-top:10rem;}
	.welfare-sec{margin-top:8rem; padding:6rem 0;}
}

@media all and (max-width:1280px){
	/* 채용과정 */
	.proc-hero{height:56rem;}
	.proc-hero .txt strong{padding-top:24rem; font-size:3.6rem;}
	.proc-hero .txt .t1{font-size:2.2rem; line-height:1.5;}
	.proc-hero .txt .t1 br, .proc-hero .txt .t2 br{display:none;}
	.job-tabs{flex-wrap:wrap;}
	.job-tabs li{flex:1 1 40%;}
	.job-box{height:auto; padding:4rem 2.4rem;}
	.job-box .txt{position:static;}
	.job-box .img{position:static; width:100%; max-width:62rem; height:auto; aspect-ratio:62/47; margin-top:2.4rem;}
	.job-box .img img{position:static; width:100%; height:100%; object-fit:cover;}
	.proc-steps{margin-top:8rem;}
	.steps-list{flex-wrap:wrap; gap:2rem;}
	.steps-list li{width:calc(50% - 1rem); height:auto; padding:3rem 2.4rem 3rem;}
	.steps-list li em{margin-top:2.4rem;}
	.steps-list .step-arrow{display:none;}
	.proc-cta{margin-top:8rem; height:auto;}
	.proc-cta .txt{padding-bottom:6rem;}
	.proc-cta .badge{margin-top:6rem;}
	.proc-cta strong{font-size:3.6rem;}
	.proc-cta .apply-btn{position:static; margin-top:3rem; width:14rem; height:14rem;}
}
@media all and (max-width:800px){
	.steps-list li{width:100%;}
	.steps-quote strong{font-size:1.8rem; line-height:1.5;}
	.steps-quote p{font-size:1.4rem;}
}

@media all and (max-width:1280px){
	/* 사업영역 소개 */
	.biz-banner-img{height:auto; padding-block:10rem; aspect-ratio: 2; box-sizing: border-box;}
	.biz-banner-img .txt strong{padding-top:0rem; font-size:3.4rem; line-height:1.4;}
	/* .biz-banner-img .txt strong br, .biz-banner-img .txt p br{display:none;} */
	.biz-sec{flex-direction:column; gap:3rem;}
	.biz-tit{width:100%;}
	.biz-tit h4{font-size:3.4rem;}
	.biz-tit em{margin-top:1rem;}
	.biz-body{width:100%;}
	.biz-body .desc br{display:none;}
	.biz-body .grid{gap:4rem 1.4rem;}
	.biz-body .grid.col3 li{width:calc(33.33% - 1rem);}
	.biz-body .grid.col3 .img{width:100%;}
	.biz-body .grid.col2 li{width:calc(50% - 0.7rem);}
	.biz-body .grid.col2 .img.wd, .biz-body .grid.col2 .img.tall{width:100%; height:auto; aspect-ratio:492/280;}
	.biz-body .grid li strong{font-size:1.8rem;}
	.biz-divider{margin:5rem 0;}
	.biz-list{margin-top:8rem; padding-bottom:10rem;}
}
@media all and (max-width:800px){
	.biz-banner{margin-top:0;}
	.biz-banner-img{margin-top:4rem; aspect-ratio: auto;}
	.biz-banner-tit{font-size:3.4rem;}
	.biz-body .grid.col3 li{width:calc(50% - 0.7rem);}
}
@media all and (max-width:480px){
	.biz-body .grid.col3 li{width:100%;}
	.biz-body .grid.col2 li{width:100%;}
}

/* 시뮬레이터 뷰 */
@media all and (max-width:1750px){
	.effect-band{border-radius:0;}
	.sim-customer{border-radius:0;}
}
@media all and (max-width:1280px){
	/* 배너 */
	.sim-hero{height:56rem;}
	.sim-hero .txt strong{font-size:3rem; line-height:1.4;}
	/* .sim-hero .txt p br, .sim-hero .txt strong br{display:none;} */
	.sim-scroll-btn{right:var(--area-padding); top:auto; bottom:4rem; width:14rem; height:14rem; margin-right:0; transform:none;}
	.sim-scroll-btn .circle{width:9.5rem; height:9.5rem;}
	/* fixed tab */
	.sim-sticky-tab{overflow-x:auto;}
	.sim-sticky-tab ul{gap:1.6rem;}
	/* 핵심 솔루션 */
	.sim-sol{height:auto; padding-block:12rem;}
	.sol-list .sol-item{padding-bottom:12rem; min-height:38rem;}
	/* 핵심 경쟁력 */
	.sim-edge{height:auto;}
	.sim-edge > .bg{height:100%;}
	.edge-cards .card{width:100%; height:auto;}
	/* flow txt */
	.sim-marquee .track span{font-size:9rem;}
	.sim-marquee .track img{width:10rem; height:auto;}
	/* 적용분야 */
	.apply-grid{flex-wrap:wrap;}
	.apply-grid li{width:calc(33.33% - 0.8rem);}
	/* 기대효과 */
	.effect-band .inner{padding:6rem 2.4rem;}
	.effect-grid{flex-wrap:wrap;}
	.effect-grid li{width:calc(50% - 0.7rem);}
	/* 관련소식 */
}
@media all and (max-width:800px){
	/* fixed tab */
	.sim-tab{display: none;}

	/* 핵심 솔루션 */
	.sol-tit{font-size:3rem;}
	.sim-sol{padding-block:6rem;}
	.sol-list{margin-top:3rem;}
	.sol-list .sol-item{width: calc(100% - 1.6rem); padding:3rem 2rem 10rem; min-height:auto;}
	.sol-list .sol-item .txt-box .tit{font-size:2rem;}
	.sol-list .sol-item .txt-box .inner{margin-top:1rem;}
	.sol-list .sol-item .txt-box .inner .txt{font-size:1.4rem; padding-left:2rem;}
	.sol-list .sol-item .txt-box .inner .txt:before{font-size:1.4rem;}
	.sol-list .sol-item .img-box{bottom:1.5rem; text-align:right;}
	.sol-list .sol-item .img-box img{max-width:80%;}
	
	/* 핵심 경쟁력 */
	.sim-edge{padding:10rem 0 7rem;}
	.sim-edge-con{display: block;}
	.sim-edge-con .edge-head{position: relative; top:auto; width:100%; margin-bottom:3rem;}
	.sim-edge-con .edge-head em{font-size:1.6rem;}
	.sim-edge-con .edge-head strong{font-size:3rem; margin-top:1.5rem;}
	.edge-cards{width:100%; margin-top:3rem;}
	.edge-cards .card{padding:3rem 2rem;}
	.edge-cards .card strong{font-size:2rem;}
	.edge-cards .card p{font-size:1.4rem;}
	.edge-cards .card .num{right:3rem; font-size:5rem;}
	
	.sim-marquee{padding:3rem 0;}
	.sim-marquee .track span{font-size:6rem;}
	
	/* 적용분야 */
	.sim-apply{padding:6rem 0;}
	.sim-sec-tit{font-size:3rem; line-height:1.5;}
	.apply-grid{margin-top:3rem;}
	.apply-grid li{width:100% !important; height:auto; padding:3rem 2rem;}
	.apply-grid li strong{font-size:1.6rem;}
	.apply-grid li strong br{display: none;}
	.apply-grid li > i{margin-top:0rem;}
	
	/* 기대효과 */
	.effect-band{padding:9rem 0;}
	.effect-band .inner{padding:0;}
	.effect-grid{margin-top:3rem;}
	.effect-grid li{width:100%;}
	
	.sim-news{padding:9rem 0;}
	.sim-news-con{display: block;}
	.sim-news-con .sim-sec-tit{width:100%; margin-bottom:3rem;}
	.news-grid{width:100%;}
	.news-grid li{width:100%;}
	.news-grid li a:before{right:3rem; font-size:2.6rem;}
	.news-grid li .icon-box{width:8rem; height:8rem; margin-right:3rem; font-size:2.6rem;}
	.news-grid li .txt-box{width:calc(100% - 11rem); padding-right:2rem; box-sizing:border-box;}
	.news-grid li .txt-box .tit{font-size:2rem;}
	.news-grid li .txt-box .txt{font-size:1.4rem;}
	
	/* 고객지원 */
	.sim-customer{height:auto; padding:8rem 0;}
	.sim-customer-con{display: block;}
	.sim-customer-con .txt-box{width:100%; text-align:center;}
	.sim-customer-con .txt-box .tit{font-size:3rem; margin-top:2rem;}
	.sim-customer-con .txt-box .txt{font-size:1.6rem; margin-top:1rem;}
	.sim-customer-con .customer-link{justify-content:center; margin-top:3rem;}
	.sim-customer-con .customer-link .link{width:14rem;}
	.sim-customer-con .customer-link .link i{font-size:2rem;}
	.sim-customer-con .customer-link .link strong{font-size:1.6rem;}
	.sim-customer-con .customer-link .link p{font-size:1.3rem;}
}

@media all and (max-width:1536px){
	/* 시뮬레이터 히어로 배경: 고정 캔버스 → cover 전환 */
	.sim-hero .bg{left:0; top:0; width:100%; height:100%; object-fit:cover;}
}

@media all and (max-width:1024px){
	/* 시뮬레이터 따라다니는 탭: 모바일 숨김 */
	.sim-sticky-tab{display:none;}
}


@media all and (max-width:1280px){
	/* 제품리스트 */
	.plist-top{margin-top:0;}
	.plist-top .head h3{font-size:3.6rem;}
	.plist-top .ask-btn{position:static; margin-top:2rem;}
	.plist-top .hero-box{height:auto; padding:4rem 2rem; display:flex; flex-wrap:wrap; gap:2rem; align-items:center; justify-content:center;}
	.plist-top .hero-box img{position:static;}
	.plist-top .quote{margin-top:8rem; padding:10rem 0 0;}
	.plist-top .quote h4{font-size:2.6rem; line-height:1.5;}
	.prod-cards{/* flex-direction:column; */ align-items:center;}
	.prod-cards li{width:calc(50% - 1.8rem);}
	.svc-grid li{width:calc(50% - 0.8rem);}
	.svc-grid li a{padding:2.4rem 0 0 2.4rem; height:13rem;}
	.plist-service{margin-top:8rem; margin-bottom:10rem;}
	.plist-main{margin-top:8rem;}
	.plist-contact{margin-top:8rem; margin-bottom:6rem;}
	.plist-contact .band{margin:0 var(--area-padding); height:auto;}
	.plist-contact .txt{padding:0 2.4rem 6rem;}
	.plist-contact .badge{margin-top:6rem;}
	.plist-contact strong{font-size:3.2rem; line-height:1.4;}
	.plist-contact p{line-height:1.6;}
	.plist-contact .sq-btn{position:static; margin-top:2rem; margin-right:1.6rem; display:inline-flex; width:14rem; height:14rem;}
}
@media all and (max-width:800px){
	.prod-cards .txt{padding-inline:1rem;}
	.prod-cards .txt strong{font-size:2.8rem;}
	.prod-cards .txt .desc{font-size:1.4rem;}
}
@media all and (max-width:640px){
	.svc-grid li{width:100%;}
	.prod-cards li{width:100%;}
}

/* ===== 제품뷰1 반응형 ===== */
@media all and (max-width:1536px){
	.pv-banner .bg{left:0; top:0; width:100%; height:100%;}
}
@media all and (max-width:1366px){
	.pv-hero .photo{left:52rem; width:56rem; height:39.5rem;}
}
@media all and (max-width:1280px){
	.pv-hero{height:auto; padding:16rem 0 10rem;}
	.pv-hero .txtcol{position:static; width:auto; max-width:56rem;}
	.pv-hero .photo{position:static; display:block; margin-top:5rem; width:63rem; height:auto;}
	.pv-hero .thumbs{top:16rem;}
	.pv-hero .thumb-nav{display:none;}
	.pv-banner h4{font-size:3.2rem; line-height:1.3;}
	.pv-ask .area{flex-direction:column;}
	.pv-ask .lcol{width:100%; padding-right:0;}
	.pv-ask .agree{margin-top:5rem;}
	.pv-ask .form{margin-left:0; margin-top:6rem; width:100%;}
}
@media all and (max-width:1024px){
	.pv-tab{display:none;}
	.pv-body .pv-col{margin-left:0; width:100%;}
	.pv-hero .thumbs{position:static; flex-direction:row; margin-top:3rem;}
	.pv-banner{height:auto; padding:10rem 0;}
	.pv-banner h4, .pv-banner .sub, .pv-banner .body{position:static;}
	.pv-banner .sub{margin-top:3rem;}
	.pv-banner .body{margin-top:2rem; width:100%;}
	.pv-lineup .lineup-cards{flex-direction:column;}
	.pv-lineup .card{width:100%;}
	.pv-down .down-grid{grid-template-columns:repeat(2, 1fr);}
	.pv-clients .logo-row{flex-wrap:wrap; gap:3rem; justify-content:flex-start;}
	.pv-contact .contact-band{height:auto; padding:24rem 0 4rem;}
	.pv-contact .contact-band .txt{position:static; margin:4rem 4.4rem 0;}
	.pv-contact .contact-band .card{position:static; margin:4rem 4.4rem 0;}
}
@media all and (max-width:800px){
	.pv-hero h3{font-size:4.6rem;}
	.pv-hero .photo{width:100%;}
	.pv-sec-head{flex-direction:column; gap:1.2rem; align-items:flex-start;}
	.pv-sec-head > i{display:none;}
	.pv-feat .feat-list li{align-items:flex-start;}
	.pv-feat .icbox{width:9rem; height:9.3rem;}
	.pv-feat .icbox img{transform:scale(0.7);}
	.pv-down .down-grid{grid-template-columns:1fr;}
	.pv-spec .acc-body{padding:2rem 2rem 3rem;}
	.pv-spec .spec-table th, .pv-spec .spec-table td{padding:0 1.6rem;}
	.pv-ask .form .row label{width:8.5rem;}
	.pv-ask .form .row .ph{font-size:1.4rem;}
	.pv-ask .agree{flex-wrap:wrap;}
	.pv-ask .agree .terms{margin-left:0;}
}
@media all and (max-width:480px){
	.pv-hero .btns{flex-direction:column;}
	.pv-hero .thumbs{flex-wrap:wrap;}
	.pv-banner h4{font-size:2.6rem;}
	.pv-lineup .card-head{font-size:1.5rem; padding:0 1.8rem;}
	.pv-contact .contact-band .txt, .pv-contact .contact-band .card{margin-left:2rem; margin-right:2rem;}
	.pv-contact .contact-band .card{width:auto;}
}