/* =========================================================
   한성이노텍 리디자인 (영일산기 벤치마킹)
   default.css 뒤에 로드되어 공통 헤더/푸터/메인을 오버라이드
   ========================================================= */
:root{--point:#E82F24;--point-d:#CE291F;
  /* 세컨더리(스틸 네이비) — 영일산기 '레드 단색' 탈피용 보조 브랜드색 */
  --point2:#22467a;--point2-d:#17335a;--point2-lt:#78a6da;
  --mono:"DM Mono","Roboto Mono",ui-monospace,SFMono-Regular,Consolas,"D2Coding",monospace;
  --text:#333;--muted:#888;--line:#e8e8e8;--dark:#0f1c33;--dark2:#13223d;--max:1320px;--hd-h:84px;--topbar-h:38px;}
*{box-sizing:border-box;}
/* [모바일 반응형 핵심] 그누보드 기본 default.css가 @media(max-width:780px)에서 body{min-width:640px}를 박아
   세로 화면(≈384px)에서 640px로 넘쳐 축소(확대돼 보임)되던 문제 → 최소폭 해제 */
body{margin:0;font-family:"Pretendard","Pretendard Variable","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--text);min-width:0!important;}
a{text-decoration:none;color:inherit;}
.yp-inner{max-width:var(--max);margin:0 auto;padding:0 24px;}
.yp-sec{position:relative;padding:120px 0;}
.yp-eyebrow{display:block;font-size:20px;font-weight:800;letter-spacing:.08em;color:var(--point);margin-bottom:14px;text-transform:uppercase;}
.yp-title{font-size:45px;font-weight:800;line-height:1.25;color:#111;letter-spacing:-.02em;margin:0;}
.yp-sec.is-dark .yp-title{color:#fff;}
.yp-sec.is-dark .yp-eyebrow{color:#ff5d52;}
.yp-btn{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 28px;border-radius:6px;font-size:21px;font-weight:700;line-height:52px;transition:.25s;cursor:pointer;border:0;}
.yp-btn--point{background:var(--point);color:#fff;}
.yp-btn--point:hover{background:var(--point-d);color:#fff;}
.yp-btn--line{background:transparent;color:#222;border:1px solid #ccc;}
.yp-btn--line:hover{border-color:#222;}
.yp-sec.is-dark .yp-btn--line{color:#fff;border-color:rgba(255,255,255,.4);}
/* 히어로 문의하기 버튼: 어두운 배경에서 잘 보이도록 흰 배경 */
#sec-hero .yp-btn--line{background:#fff;color:#222;border-color:#fff;}
#sec-hero .yp-btn--line:hover{background:#ececec;border-color:#ececec;color:#111;}

/* 헤더 (공통) */
#hd{position:fixed;top:0;left:0;width:100%;height:auto;z-index:1000;background:#fff;border-bottom:1px solid var(--line);transition:.3s;min-width:0;}
.hd_topbar{height:var(--topbar-h);background:#f5f6f8;border-bottom:1px solid var(--line);overflow:hidden;transition:height .3s,border-color .3s;}
.hd_topbar__inner{max-width:var(--max);height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.hd_tel{display:flex;align-items:center;margin:0;padding:0;list-style:none;}
.hd_tel li{display:flex;align-items:center;gap:8px;font-size:18px;line-height:1;white-space:nowrap;padding:0 22px;}
.hd_tel li:first-child{padding-left:0;}
.hd_tel li+li{border-left:1px solid #e1e3e7;}
.hd_tel .ht-label{color:#8a9098;font-weight:600;}
.hd_tel a,.hd_tel .ht-num{color:#222;font-weight:800;letter-spacing:.01em;}
.hd_tel a:hover{color:var(--point);}
.hd_topbar__right{display:flex;align-items:center;gap:16px;}
.hd_topbar__right a{font-size:18px;color:#666;font-weight:600;}
.hd_topbar__right a:hover{color:var(--point);}
#hd.scrolled .hd_topbar{height:0;border-bottom-color:transparent;}
#hd #hd_h1,#hd #skip_to_container{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
#hd_wrapper{display:flex;align-items:center;height:var(--hd-h);max-width:var(--max);min-width:0;margin:0 auto;padding:0 24px;gap:24px;width:100%;}
#hd #logo{margin:0;width:auto;height:auto;text-align:left;}
#hd #logo a{display:inline-flex;align-items:center;}
#hd #logo img{height:46px;width:auto;display:block;}
#hd #logo .lg-wh{display:none;}#hd #logo .lg-bk{display:block;}
#hd .hd_login{display:flex;gap:16px;align-items:center;}
#hd .hd_login a{font-size:19px;color:#555;font-weight:600;}
#hd .hd_login a:hover{color:var(--point);}
.hd_util{margin-left:auto;display:flex;align-items:center;gap:18px;}
.hd_sns{display:flex;gap:9px;align-items:center;margin-left:auto;}
.hd_sns .sns{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:800;line-height:1;transition:transform .2s,opacity .2s;}
.hd_sns .yt{background:#FF0000;}.hd_sns .blog{background:#03C75A;}.hd_sns .ig{background:#E4405F;}.hd_sns .fb{background:#1877F2;}.hd_sns .kko{background:#FEE500;color:#3C1E1E;}
.hd_sns .kko:hover{color:#3C1E1E;}
.hd_sns .sns:hover{opacity:.85;color:#fff;transform:translateY(-2px);}
.hd_contact_btn{display:inline-flex;align-items:center;height:44px;padding:0 24px;border-radius:6px;background:var(--point);color:#fff;font-weight:700;font-size:20px;}
.hd_contact_btn:hover{background:var(--point-d);color:#fff;}
/* 상단 바 우측: 회원 메뉴와 고객센터 사이 구분선 */
.hd_topbar__right .tb-div{width:1px;height:12px;background:#d4d7dc;display:inline-block;}
/* 비로그인 시엔 메인 줄에 회원가입·로그인이 들어가 폭이 빠듯 → 중폭 데스크톱(≤1400)에서 상단 SNS만 숨김(로그인 회원은 여유가 있어 SNS 유지). SNS는 푸터·사이드·모바일 메뉴에서 계속 노출 */
@media (max-width:1400px){
  #hd.hd--guest .hd_sns{display:none!important;}
}
#hd #gnb_pc,#hd nav#gnb_pc{position:static;background:none;border:0;width:auto;flex:0 0 auto;height:auto;margin-left:56px;}
#hd #gnb_pc h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
#hd .gnb_wrap{max-width:none;margin:0;width:auto;}
#hd #gnb_1dul{display:flex;justify-content:center;gap:40px;height:auto;}
#hd .gnb_1dli{position:relative;float:none;height:auto;background:none;width:auto;}
#hd .gnb_1da{display:block;height:var(--hd-h);line-height:var(--hd-h);font-size:23px;font-weight:700;color:#222;white-space:nowrap;background:none;text-align:center;}
#hd .gnb_1da:hover{color:var(--point);}
#hd .gnb_1dli .bg{display:none;}
#hd .gnb_2dul{position:absolute;top:var(--hd-h);left:50%;transform:translateX(-50%);min-width:180px;width:auto;height:auto;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.12);border-radius:0 0 8px 8px;padding:10px 0;display:none;}
#hd .gnb_1dli:hover .gnb_2dul{display:block;}
#hd .gnb_2dul_box{width:auto;}
#hd .gnb_2dli{float:none;width:auto;height:auto;background:none;}
#hd .gnb_2da{display:block;padding:11px 22px;font-size:20px;color:#444;white-space:nowrap;background:none;height:auto;line-height:1.4;}
#hd .gnb_2da:hover{background:#f6f6f6;color:var(--point);}
/* 메인 헤더 — 다른 페이지처럼 흰 배경으로 통일 (검은 로고·어두운 글자) */
body.main-page #hd{background:#fff;border-bottom-color:var(--line);}
body.main-page #hd .gnb_1da,body.main-page #hd .hd_login a{color:#222;}
body.main-page #hd #logo .lg-bk{display:block;}body.main-page #hd #logo .lg-wh{display:none;}
body.main-page #hd.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.06);}
body.main-page #hd.scrolled .gnb_1da:hover{color:var(--point);}

/* 서브페이지: 고정 헤더만큼 본문을 내려줌 + 컨테이너 풀폭 */
#wrapper{width:100%;max-width:none;margin:0;padding:0;float:none;}
#container_wr{width:100%;max-width:none;margin:0;padding:0;float:none;background:none;}
#container{width:100%;max-width:none;margin:0;padding:0;min-height:0;float:none;}
body:not(.main-page) #container{padding-top:calc(var(--hd-h) + var(--topbar-h));}
#container:after{content:"";display:block;clear:both;}

/* 히어로 */
/* 고정 헤더 높이만큼 상단 패딩 → 콘텐츠가 헤더 아래로 밀려 잘리지 않음 */
.hero{position:relative;height:100vh;min-height:680px;overflow:hidden;display:flex;align-items:center;padding-top:calc(var(--hd-h) + var(--topbar-h));}
.hero__media{position:absolute;inset:0;z-index:0;background:#0d0f12;}
.hero__media img{width:100%;height:100%;object-fit:cover;}
/* 히어로 배경 동영상 */
.hero__video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#0d0f12;}
/* 히어로 상단 고객사 로고 띠 (헤더 아래, 영상 위 오버레이) */
.hero__clients{position:absolute;top:auto;bottom:0;left:0;right:0;z-index:4;padding:16px 0;overflow:hidden;background:#14171c;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -6px 20px rgba(0,0,0,.25);}
/* 로고 띠 제거로 겹침이 사라져 SCROLL 표시 복원 */
.hero__clients .lw-row{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.hero__clients .lw-track{gap:44px;padding-right:44px;animation-duration:46s;}
.hero__clients .lw-item{height:56px;padding:0 22px;background:rgba(255,255,255,.94);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.18);}
.hero__clients .lw-item img{height:34px;max-width:132px;}
@media (max-width:768px){
  .hero__clients{bottom:0;padding:11px 0;}
  .hero__clients .lw-item{height:44px;padding:0 16px;border-radius:9px;}
  .hero__clients .lw-item img{height:26px;max-width:104px;}
}
/* ===== 전국 납품 네트워크 지도 ===== */
.delivery{background:#f6f7f9;}
.delivery .yp-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:44px;}
.deliv-lead{font-size:21px;color:#666;line-height:1.7;margin:0;text-align:right;}
.deliv-lead b{color:var(--point);font-weight:800;font-size:24px;}
/* 컬럼 수를 항상 2개로 유지(우측 0fr↔1fr)해야 부드럽게 전환됨 */
.deliv-wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch;
  transition:grid-template-columns 1s cubic-bezier(.22,.61,.36,1),gap 1s cubic-bezier(.22,.61,.36,1);}
/* 초기: 우측 컬럼 접힘 → 지도만 중앙. 지역 클릭 시 컬럼이 열리며 지도가 왼쪽으로 이동 */
.deliv-wrap:not(.has-selection){grid-template-columns:1fr 0fr;gap:0;}
.deliv-wrap:not(.has-selection) .deliv-panel{opacity:0;overflow:hidden;pointer-events:none;}
.deliv-wrap:not(.has-selection) .deliv-map{max-width:600px;}
.deliv-panel{transition:opacity .9s ease .25s;}
.deliv-hint-below{display:none;grid-column:1/-1;margin:18px 0 0;text-align:center;color:#9aa0a8;font-size:19px;font-weight:600;}
.deliv-hint-below i{color:var(--point);margin-right:7px;}
.deliv-wrap:not(.has-selection) .deliv-hint-below{display:block;}
.deliv-wrap.has-selection .deliv-hint-below{display:none;}
.deliv-map{width:100%;max-width:540px;margin:0 auto;display:flex;align-items:center;justify-content:center;transition:max-width 1s cubic-bezier(.22,.61,.36,1);}
.deliv-map svg{width:100%;height:auto;max-height:720px;display:block;overflow:visible;}
.deliv-map .region{fill:#e6e9ed;stroke:#fff;stroke-width:.6;transition:fill .2s,filter .2s;cursor:pointer;}
/* 납품 밀도 히트맵 (연함→진함) */
.deliv-map .region.d1{fill:#fcdbd8;}
.deliv-map .region.d2{fill:#f7b3ac;}
.deliv-map .region.d3{fill:#f08a80;}
.deliv-map .region.d4{fill:#e85449;}
.deliv-map .region.d5{fill:#cf1f16;}
.deliv-map .region:hover{filter:brightness(.92);}
.deliv-map .region.active{fill:var(--point);stroke:#fff;stroke-width:1.3;filter:drop-shadow(0 3px 6px rgba(232,47,36,.4));}
.deliv-map text{font-size:9.5px;font-weight:700;fill:#3f444b;pointer-events:none;font-family:inherit;paint-order:stroke;stroke:rgba(255,255,255,.75);stroke-width:.5px;}
.deliv-legend{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #f0f1f3;font-size:17.5px;color:#8a9098;flex-wrap:wrap;}
.deliv-legend .lg-label{font-weight:700;color:#6b7078;}
.deliv-legend .lg-scale{display:inline-flex;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.06);}
.deliv-legend .lg-scale i{width:24px;height:12px;display:block;}
.lg-scale .d1{background:#fcdbd8;}.lg-scale .d2{background:#f7b3ac;}.lg-scale .d3{background:#f08a80;}.lg-scale .d4{background:#e85449;}.lg-scale .d5{background:#cf1f16;}
.deliv-legend .lg-minmax{display:inline-flex;align-items:center;gap:8px;}
.deliv-legend .lg-minmax em{font-style:normal;opacity:.55;}
.deliv-panel{background:#fff;border:1px solid #eceef1;border-radius:20px;padding:32px 30px;display:flex;flex-direction:column;min-height:0;}
.deliv-panel__head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:18px;border-bottom:2px solid #f0f1f3;flex-wrap:wrap;gap:6px;}
.deliv-panel__region{font-size:31px;font-weight:800;color:#111;}
.deliv-panel__count{font-size:19px;color:#888;}
.deliv-panel__count b{color:var(--point);font-size:25px;font-weight:800;margin-right:2px;}
.deliv-list{list-style:none;margin:0;padding:6px 6px 0 0;flex:1;min-height:0;max-height:470px;overflow-y:auto;overscroll-behavior:contain;}
/* 목록 스크롤바 정제 */
.deliv-list::-webkit-scrollbar{width:6px;}
.deliv-list::-webkit-scrollbar-thumb{background:#d7dbe0;border-radius:6px;}
.deliv-list::-webkit-scrollbar-thumb:hover{background:#c2c7ce;}
.deliv-list{scrollbar-width:thin;scrollbar-color:#d7dbe0 transparent;}
.deliv-panel{align-self:stretch;}
.deliv-more{margin-top:12px;width:100%;padding:12px;background:#fff;border:1px solid #e2e5e9;border-radius:10px;color:var(--point);font-size:19px;font-weight:700;cursor:pointer;transition:.15s;}
.deliv-more:hover{background:var(--point);border-color:var(--point);color:#fff;}
.deliv-list li{display:flex;align-items:center;gap:12px;padding:15px 4px;border-bottom:1px solid #f2f3f5;font-size:21px;font-weight:600;color:#2b2f36;}
.deliv-list li i{color:var(--point);font-size:21px;flex:0 0 auto;}
.deliv-list .deliv-hint{color:#9aa0a8;font-weight:500;font-size:20px;border:0;padding-top:22px;line-height:1.6;}
/* 지역 통계(업체명 미노출) */
.deliv-list .ds-row{justify-content:space-between;padding:16px 4px;}
.deliv-list .ds-k{color:#7b818a;font-weight:600;font-size:20px;}
.deliv-list .ds-v{color:#2b2f36;font-weight:700;font-size:21px;}
.deliv-list .ds-v b{color:var(--point);font-size:27px;font-weight:800;margin-right:3px;}
.deliv-list .ds-bar{display:block;padding:14px 4px 0;border:0;}
.deliv-list .ds-bar i{display:block;height:8px;border-radius:6px;background:var(--point);min-width:6px;transition:width .8s cubic-bezier(.22,.61,.36,1);}
.deliv-list .ds-note{border:0;padding-top:20px;color:#8a9098;font-weight:500;font-size:19px;line-height:1.6;align-items:flex-start;}
.deliv-list .ds-note i{margin-top:3px;}
@media (max-width:768px){
  .delivery .yp-head{flex-direction:column;align-items:flex-start;}
  .deliv-lead{text-align:left;}
  .deliv-wrap{grid-template-columns:1fr;gap:22px;}
  .deliv-map{max-width:300px;}
  .deliv-panel{padding:24px 20px;}
  .deliv-panel__region{font-size:27px;}
  /* 모바일: 가로 슬라이드 대신 단순 세로 쌓기 (초기 지도만 → 클릭 후 패널 등장) */
  .deliv-wrap:not(.has-selection){grid-template-columns:1fr;gap:22px;}
  .deliv-wrap:not(.has-selection) .deliv-panel{display:none;}
  .deliv-wrap:not(.has-selection) .deliv-map{max-width:300px;}
  /* 패널 높이 제약이 없어 목록이 끝없이 늘어나므로 내부 스크롤 상한 부여 */
  .deliv-list{max-height:56vh;}
}

/* 데스크톱 히어로: 영상 전체 배경 + 좌측만 그라데이션으로 어둡게(하드 경계 대신 부드러운 블렌드) */
@media (min-width:1025px){
  .hero{background:#0e1013;}
  .hero__media{left:0;}
  .hero__media::after{background:linear-gradient(180deg,rgba(11,13,16,.52),rgba(11,13,16,.72));}
  .hero__sub,.hero__title,.hero__desc,.hero__btns{max-width:800px;margin-left:auto;margin-right:auto;}
  .hero__title{font-size:43px;line-height:1.32;word-break:keep-all;}
}
.hero__logowall{display:flex;flex-direction:column;justify-content:center;gap:34px;overflow:hidden;}
.hero__logowall::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,13,16,.9),rgba(11,13,16,.62) 50%,rgba(11,13,16,.45));}
.lw-row{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}
.lw-track{display:flex;flex:0 0 auto;align-items:center;gap:44px;padding-right:44px;animation:lwscroll 44s linear infinite;will-change:transform;}
.lw-row--2 .lw-track{animation-duration:58s;animation-direction:reverse;}
.lw-row--3 .lw-track{animation-duration:50s;}
.lw-item{flex:0 0 auto;height:58px;display:flex;align-items:center;justify-content:center;padding:0 24px;background:rgba(255,255,255,.9);border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.15);}
.lw-item img{height:34px;width:auto;max-width:140px;object-fit:contain;display:block;}
@keyframes lwscroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
/* 고객사 로고 띠 (밝은 밴드, 1줄, 흑백→hover 시 컬러) */
.clients-bar{background:#f6f7f9;border-top:1px solid #ececec;border-bottom:1px solid #ececec;padding:28px 0;overflow:hidden;}
.clients-bar .lw-row{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.clients-bar .lw-track{gap:56px;padding-right:56px;animation-duration:48s;}
.clients-bar .lw-item{height:auto;background:none;box-shadow:none;border-radius:0;padding:0;}
.clients-bar .lw-item img{height:38px;max-width:150px;filter:grayscale(1);opacity:.6;transition:filter .3s, opacity .3s;}
.clients-bar .lw-item:hover img{filter:none;opacity:1;}
@media (max-width:768px){.clients-bar{padding:20px 0;}.clients-bar .lw-track{gap:38px;padding-right:38px;}.clients-bar .lw-item img{height:28px;max-width:110px;}}
@media (max-width:768px){
  .hero__logowall{gap:22px;}
  .lw-item{height:46px;padding:0 16px;border-radius:10px;}
  .lw-item img{height:26px;max-width:110px;}
}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,13,16,.60),rgba(11,13,16,.74));}
.hero__inner{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:0 24px;width:100%;}
.hero__sub{font-size:23px;font-weight:600;color:#ff7b72;letter-spacing:.04em;margin:0 0 18px;}
.hero__title{font-size:60px;font-weight:800;line-height:1.28;color:#fff;letter-spacing:-.02em;margin:0;word-break:keep-all;}
.hero__desc{margin-top:24px;font-size:24px;color:rgba(255,255,255,.82);line-height:1.7;}
.hero__btns{margin-top:40px;display:flex;gap:14px;}
.hero__scroll{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.7);font-size:18px;letter-spacing:.1em;text-align:center;}
.hero__scroll i{display:block;margin-top:6px;animation:hb 1.6s infinite;}
@keyframes hb{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}

/* PRODUCTS */
.products .yp-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;}
.prod-nav{display:flex;gap:12px;}
.prod-nav button{width:54px;height:54px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#333;font-size:23px;cursor:pointer;transition:.2s;}
.prod-nav button:hover{background:var(--point);border-color:var(--point);color:#fff;}
.prodSwiper{padding-bottom:10px;overflow:hidden;}
.prodSwiper .swiper-wrapper{align-items:stretch;}
.prodSwiper .swiper-slide{height:auto;}
.prod-card{display:block;background:#f7f7f8;border-radius:14px;overflow:hidden;transition:.3s;height:100%;}
.prod-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1);}
.prod-card__thumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f7f7f8;display:flex;align-items:center;justify-content:center;padding:22px;}
.prod-card__thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:.4s;}
.prod-card:hover .prod-card__thumb img{transform:scale(1.06);}
.prod-card__body{padding:24px 22px 28px;}
.prod-card__cat{font-size:18px;color:var(--muted);font-weight:600;}
.prod-card__title{margin:8px 0 0;font-size:26px;font-weight:800;color:#111;}
.prod-card__tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px;}
.prod-card__tags span{font-size:17px;font-weight:600;color:var(--point);background:rgba(232,47,36,.08);border-radius:4px;padding:5px 10px;}
/* 5칸 노출 구간: 카드가 좁아지므로 내부 여백·폰트 축소 */
@media (min-width:1280px){
  .prod-card__body{padding:20px 18px 24px;}
  .prod-card__title{font-size:23px;}
  .prod-card__cat{font-size:17px;}
  .prod-card__tags{margin-top:12px;gap:5px;}
  .prod-card__tags span{font-size:16.5px;padding:4px 8px;}
}
.products .yp-cta{margin-top:48px;display:flex;justify-content:center;gap:14px;}

/* 강점 */
.strength{background:radial-gradient(circle at 85% 20%,rgba(232,47,36,.42),transparent 48%),linear-gradient(125deg,#0a1428,#122540,#173056);}
.strength::before{content:"";position:absolute;inset:0;background:transparent;}
.strength .yp-inner{position:relative;z-index:2;}
.strength__top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:60px;}
.strength__detail{color:#fff;font-weight:700;letter-spacing:.06em;display:inline-flex;align-items:center;gap:10px;}
.strength__detail:hover i{transform:translateX(6px);}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.stat-card{display:block;color:inherit;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:38px 30px;transition:transform .3s cubic-bezier(.22,.61,.36,1),background .3s,border-color .3s;}
a.stat-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.1);border-color:rgba(232,47,36,.6);}
a.stat-card:hover .stat-card__num{color:var(--point);}
.stat-card__num{transition:color .3s;}
.stat-card__num{font-size:47px;font-weight:800;color:#fff;line-height:1;}
.stat-card__num em{color:var(--point);font-style:normal;}
.stat-card__label{margin-top:14px;font-size:22px;font-weight:700;color:#fff;}
.stat-card__desc{margin-top:8px;font-size:19px;color:rgba(255,255,255,.6);line-height:1.6;}

/* BUSINESS */
.business{background:var(--dark2);text-align:center;}
.business__head{margin-bottom:60px;}
.biz-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.biz-cell{position:relative;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;overflow:hidden;border-radius:16px;box-shadow:0 0 0 1px rgba(143,182,228,.16),0 18px 40px -22px rgba(0,0,0,.6);transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s;}
.biz-cell:hover{transform:translateY(-4px);}
/* 배경 사진 제거 → 솔리드 컬러 셀 */
.biz-cell::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,#28508a 0%,#183056 55%,#132745 100%);z-index:0;}
.biz-cell::after{content:"";position:absolute;inset:0;background:rgba(232,47,36,0);z-index:1;transition:.4s;}
.biz-cell:hover::after{background:rgba(232,47,36,.9);}
.biz-cell>*{position:relative;z-index:2;}
.biz-cell i{font-size:51px;margin-bottom:18px;}
.biz-cell__en{font-size:35px;font-weight:800;}
.biz-cell__ko{margin-top:8px;font-size:22px;color:rgba(255,255,255,.8);}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.about-card{position:relative;min-height:300px;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:50px;color:#fff;background:#222;}
.about-card::before{content:"";position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:center;z-index:0;transition:.5s;}
.about-card::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1;}
/* 사진 없이 배경색(네이비+레드 글로우)으로 채우는 카드 */
.about-card--solid{background:radial-gradient(circle at 85% 22%,rgba(232,47,36,.5),transparent 46%),linear-gradient(120deg,#0b1730,#132845,#173056);}
.about-card--solid::before{background-image:none;}
.about-card--solid::after{background:transparent;}
/* 주요 납품 고객사 로고 */
.clients{padding-top:90px;}
.clients__head{text-align:center;margin-bottom:8px;}
.clients__head .yp-eyebrow{justify-content:center;}
.clients__sub{margin:14px 0 0;font-size:20px;color:#6b7280;font-weight:500;}
.client-marquee{overflow:hidden;margin-top:44px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);}
.client-track{display:flex;align-items:center;width:max-content;animation:client-scroll 104s linear infinite;}
/* hover 일시정지는 마우스 기기에서만 — 모바일 터치가 hover로 눌러붙어 마퀴가 멈추는 문제 방지 */
/* [멈춤 방지] hover 일시정지 제거 — 데스크톱에서 커서가 마퀴 위에 머물 때 멈추는 현상 방지 (항상 연속 스크롤) */
.client-logo{flex:0 0 auto;height:56px;margin-right:84px;display:flex;align-items:center;justify-content:center;}
/* 로고 이미지: 모바일 꾹 누름(이미지 선택·드래그·컨텍스트메뉴) 차단 */
.client-logo img{max-height:40px;max-width:230px;width:auto;object-fit:contain;display:block;mix-blend-mode:multiply;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;}
/* [크기 균형] 로고 비율별 높이 차등 — 가로로 길수록 낮게, 정사각/세로형일수록 크게 해 시각적 크기를 맞춤 */
.client-logo.cl-xl img{max-height:54px;} /* 세로/정사각 (제주맥주·CJ·SPC) */
.client-logo.cl-lg img{max-height:50px;} /* 하림·KCC·참프레 */
.client-logo.cl-md img{max-height:44px;} /* 엄지·동원·팔도 등 */
.client-logo.cl-sm img{max-height:36px;} /* 가로로 긴 로고 */
.client-logo.cl-xs img{max-height:33px;} /* 삼성·LX하우시스 등 매우 긴 워드마크 */
@keyframes client-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (max-width:768px){.client-logo{height:44px;margin-right:56px;}.client-logo img{max-height:31px;max-width:180px;}.client-logo.cl-xl img{max-height:42px;}.client-logo.cl-lg img{max-height:39px;}.client-logo.cl-md img{max-height:34px;}.client-logo.cl-sm img{max-height:28px;}.client-logo.cl-xs img{max-height:26px;}.client-track{animation-duration:74s;}}
/* [멈춤 방지] reduced-motion 일시정지 제거 — OS '동작 줄이기' 설정 사용자 화면에서 마퀴가 멈춰 보이는 현상 방지 (로고 스크롤은 저자극 장식이라 유지) */
.about-card:hover::before{transform:scale(1.06);}
.about-card>*{position:relative;z-index:2;}
.about-card h3{font-size:35px;font-weight:800;margin:0;}
.about-card p{margin-top:14px;font-size:21px;color:rgba(255,255,255,.8);line-height:1.6;}
.about-card .more{margin-top:24px;display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.05em;}
.about-card .more i{transition:.2s;}
.about-card:hover .more i{transform:translateX(6px);}
.about-card .notice-list{margin-top:18px;}
.about-card .notice-list li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.15);}
.about-card .notice-list a{color:#eee;font-size:20px;display:flex;justify-content:space-between;gap:12px;}
.about-card .notice-list a:hover{color:#fff;}

/* 푸터 (공통) */
#ft{background:var(--dark);color:#aaa;margin:0;border:0;}
#ft .ft-top{max-width:var(--max);margin:0 auto;padding:64px 24px 30px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px;border-bottom:1px solid rgba(255,255,255,.1);}
#ft .ft-logo img{height:30px;display:block;}
#ft .ft-menu{display:flex;gap:34px;flex-wrap:wrap;}
#ft .ft-menu a{color:#ddd;font-weight:700;font-size:21px;}
#ft .ft-menu a:hover{color:var(--point);}
#ft .ft-bottom{max-width:var(--max);margin:0 auto;padding:32px 24px 70px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:28px 40px;}
#ft .ft-info{font-size:19px;line-height:1.9;color:#888;margin:0;text-align:left;}
#ft .ft-info .sep{margin:0 8px;color:#555;}
#ft .ft-copy{font-size:18px;color:#666;margin:16px 0 0;text-align:left;}
#ft .ft-bottom__right{display:flex;flex-direction:column;align-items:flex-end;gap:20px;}
#ft .ft-sns{display:flex;gap:10px;}
#ft .ft-sns a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:#cfcfcf;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;line-height:1;text-decoration:none;transition:.2s;}
#ft .ft-sns a:hover{background:var(--point);color:#fff;transform:translateY(-2px);}
#ft .ft-links{text-align:right;}
#ft .ft-links a{color:#999;font-size:18px;margin:0 0 0 18px;}
#ft .ft-links a:hover{color:#fff;}

/* 반응형 */
@media (max-width:1200px){#hd #gnb_pc,#hd .hd_login,.hd_util .hd_login,.hd_sns{display:none!important;}.m-menu-btn{display:flex!important;}#hd_wrapper{gap:14px;}}
@media (max-width:1024px){:root{--hd-h:64px;--topbar-h:32px;}.hero__title{font-size:45px;}.yp-title{font-size:35px;}.stat-grid{grid-template-columns:repeat(2,1fr);}
  /* 모바일 상단 전화번호 바 — 압축해서 계속 노출 */
  .hd_topbar{display:block;}
  #hd.scrolled .hd_topbar{height:var(--topbar-h);border-bottom-color:var(--line);} /* 스크롤해도 유지 */
  .hd_topbar__inner{justify-content:center;padding:0 10px;gap:0;}
  .hd_tel{justify-content:center;flex-wrap:nowrap;}
  .hd_tel li{font-size:12.5px;padding:0 9px;gap:5px;}
  .hd_tel .ht-label{display:none;} /* 라벨 숨기고 번호만 */
  .hd_tel li a::before,.hd_tel li .ht-num::before{font-family:"FontAwesome";margin-right:4px;color:var(--point);font-size:11px;}
  .hd_tel li a::before{content:"\f095";} /* 전화 아이콘 */
  .hd_tel li:last-child .ht-num::before{content:"FAX";font-family:inherit;color:#8a9098;font-weight:700;margin-right:5px;}
  .hd_topbar__right{display:none;} /* 고객센터 링크는 모바일에서 숨김 */
}
@media (max-width:768px){.yp-sec{padding:72px 0;}.hd_contact_btn{height:38px;padding:0 14px;font-size:18px;}#hd_wrapper{gap:12px;}.hero{min-height:560px;}.hero__title{font-size:35px;}.biz-grid,.about-grid{grid-template-columns:1fr;}.products .yp-head{flex-direction:column;align-items:flex-start;gap:18px;}#ft .ft-top{flex-direction:column;}}
.pc-br{display:inline;}
@media (max-width:768px){.pc-br{display:none;}}

/* 모바일 메뉴 버튼/드로어 */
.m-menu-btn{display:none;width:42px;height:42px;align-items:center;justify-content:center;background:none;border:0;font-size:29px;color:#222;cursor:pointer;padding:0;}
body.main-page #hd .m-menu-btn{color:#222;}
.m-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1190;opacity:0;visibility:hidden;transition:.3s;}
.m-nav-overlay.open{opacity:1;visibility:visible;}
/* 닫힘 상태는 display:none 으로 완전히 제거 → 화면 밖 배치로 인한 가로 넘침(모바일 축소/잘림) 방지 */
.m-nav{position:fixed;top:0;right:0;width:280px;max-width:85vw;height:100%;background:#fff;z-index:1200;box-shadow:-8px 0 30px rgba(0,0,0,.15);flex-direction:column;padding:22px;overflow-y:auto;display:none;animation:mnav-in .28s ease;}
.m-nav.open{display:flex;}
@keyframes mnav-in{from{transform:translateX(100%);}to{transform:translateX(0);}}
.m-nav__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.m-nav__logo{font-size:23px;font-weight:800;color:var(--point);}
.m-nav__close{background:none;border:0;font-size:29px;color:#333;cursor:pointer;}
.m-nav__list li{border-bottom:1px solid #eee;}
.m-nav__list a{display:block;padding:15px 4px;font-size:22px;font-weight:700;color:#222;}
.m-nav__list a:hover{color:var(--point);}
.m-nav__contact{margin-top:22px;display:block;text-align:center;background:var(--point);color:#fff;font-weight:700;padding:14px;border-radius:8px;}
.m-nav__auth{margin-top:14px;padding-top:6px;border-top:2px solid #eee;}
.m-nav__auth a{font-size:19px;color:#666;font-weight:600;}
.m-nav__sns{display:flex;justify-content:center;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid #eee;}
.m-nav__sns .sns{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:23px;font-weight:800;line-height:1;text-decoration:none;transition:transform .2s;}
.m-nav__sns .sns:hover{transform:translateY(-2px);color:#fff;}
.m-nav__sns .yt{background:#FF0000;}
.m-nav__sns .blog{background:#03C75A;}
.m-nav__sns .ig{background:#E4405F;}
.m-nav__sns .kko{background:#FEE500;color:#3C1E1E;}
.m-nav__sns .kko:hover{color:#3C1E1E;}

/* =========================================================
   기존 default.css 헤더 규칙 충돌 제거 (선언 누락 속성 강제 덮어쓰기)
   ========================================================= */
#hd ul{margin:0;padding:0;list-style:none;}
#hd #hd_wrapper{justify-content:flex-start;}
#hd #logo{float:none;padding:0;}
#hd #gnb_pc{padding:0;height:auto;}
#hd #gnb_pc .gnb_wrap{position:static;}
/* 1차 메뉴 링크: 옛 padding:35px 40px / height:100px 제거 */
#hd #gnb_1dul .gnb_1da{padding:0 4px;height:var(--hd-h);line-height:var(--hd-h);font-size:23px;font-weight:700;}
#hd #gnb_1dul .gnb_1da:before{display:none;}
/* util 영역이 절대 짜부되지 않게 */
#hd .hd_util{flex-shrink:0;flex-wrap:nowrap;}
#hd ul.hd_login{flex-direction:row;flex-wrap:nowrap;}
#hd ul.hd_login li{white-space:nowrap;float:none;}
/* 2차 드롭다운: 옛 width:100%/height:600px/top:101px 제거 */
#hd .gnb_2dul{top:var(--hd-h);width:auto;height:auto;text-align:left;padding:10px 0;}
#hd .gnb_2dul .gnb_2dul_box{width:auto;height:auto;}
/* (메인 헤더를 흰 배경으로 통일하면서 옛 투명 hover 규칙 제거) */

/* 플로팅 컨택 내비 (프리뷰 동일 · 스크롤 시 등장하는 통일 세트) */
#moveContact{display:none !important;}
.floating-nav{position:fixed;right:24px;bottom:30px;z-index:900;display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .4s,transform .4s,visibility .4s;pointer-events:none;}
.floating-nav.show{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
/* 기존 default.css의 #phone_call_bt/#kakao_ct_bt/#top_btn 위치고정·배경 무력화 (id 우선순위라 !important 필요) */
.floating-nav .fl-btn{position:static !important;right:auto !important;bottom:auto !important;left:auto !important;top:auto !important;width:64px !important;height:64px !important;min-width:0 !important;border:0 !important;border-radius:50% !important;display:flex !important;flex-direction:row !important;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff !important;line-height:1 !important;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.2) !important;transition:.2s;background-image:none !important;text-align:center;}
.floating-nav .fl-btn i{font-size:29px;line-height:1;}
.floating-nav .fl-btn:hover{transform:translateY(-3px);}
.floating-nav .fl-contact{background:var(--point) !important;}
.floating-nav .fl-top{background:#444 !important;}
/* 좌측 전화 사이드바 (스크롤 시 표시 · 접기 가능) */
.side-tel{position:fixed;left:0;top:50%;margin-top:-92px;z-index:1100;display:flex;align-items:stretch;transform:translateX(-105%);opacity:0;visibility:hidden;transition:transform .38s cubic-bezier(.2,.7,.3,1),opacity .38s,visibility .38s;}
.side-tel.show{transform:translateX(0);opacity:1;visibility:visible;}
.side-tel.show.collapsed{transform:translateX(calc(-100% + 36px));}
.side-tel__body{background:#fff;border:1px solid #eee;border-left:0;box-shadow:0 12px 30px rgba(0,0,0,.16);padding:16px 20px;display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:180px;border-radius:0 4px 4px 0;}
.side-tel__item{display:block;white-space:nowrap;line-height:1.2;}
.side-tel__item .st-label{display:block;font-size:12px;color:#8a9098;font-weight:600;margin-bottom:3px;}
.side-tel__item strong{font-size:17px;color:#222;font-weight:800;letter-spacing:.01em;}
a.side-tel__item:hover strong{color:var(--point);}
.side-tel__blog{border-top:1px solid #eee;padding-top:12px;margin-top:2px;}
.side-tel__blog strong{color:#03c75a;font-size:15px;display:inline-flex;align-items:center;gap:6px;}
a.side-tel__blog:hover strong{color:#02a94c;}
.side-tel__youtube strong{color:#ff0000;font-size:15px;display:inline-flex;align-items:center;gap:6px;}
a.side-tel__youtube:hover strong{color:#cc0000;}
.side-tel__kakao strong{color:#3c1e1e;background:#fee500;padding:6px 12px;border-radius:8px;font-size:14px;display:inline-flex;align-items:center;gap:6px;}
a.side-tel__kakao:hover strong{background:#ffd900;}
.side-tel__toggle{flex:0 0 36px;width:36px;border:0;cursor:pointer;background:var(--point);color:#fff;border-radius:0 12px 12px 0;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:3px 0 10px rgba(0,0,0,.12);transition:background .2s;}
.side-tel__toggle:hover{background:var(--point-d);}
@media (max-width:768px){.side-tel{display:none;}}
/* 챗봇 자체 런처 버블 숨김 — 우측 '문의' 버튼이 챗봇을 열어줌 (프리뷰 동일) */
.nsi-chat__launcher{display:none !important;}

/* =========================================================
   제품 서브페이지 (잉크젯/레이저/고해상도/열전사/비전/라벨러 공통)
   _preview_products.html 등에서 이식
   ========================================================= */
.pd-wrap{font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--text);}
.pd-wrap .yp-title{font-size:39px;font-weight:800;line-height:1.25;color:#111;letter-spacing:-.02em;margin:0;}
.sub-visual{position:relative;height:340px;margin-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;background:#222;}
.sub-visual::before{content:"";position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:center;}
.sub-visual::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6);}
.sub-visual>*{position:relative;z-index:2;}
.sub-visual h1{font-size:47px;font-weight:800;margin:0;letter-spacing:-.02em;color:#fff;}
.breadcrumb{margin-top:14px;font-size:19px;color:rgba(255,255,255,.85);}
.breadcrumb .sep{margin:0 8px;opacity:.6;}
.breadcrumb a{color:rgba(255,255,255,.85);}
.pd-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:90px 0;}
.pd-intro__img{background:#f5f6f7;border-radius:16px;padding:50px;text-align:center;}
.pd-intro__img img{max-width:100%;max-height:380px;}
/* 인트로 모델 라인업(라벨형) */
.pd-intro__img--lineup{padding:30px 22px 26px;}
.pd-lineup{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;justify-content:center;gap:14px;}
.pd-lineup li{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;}
.pd-lineup img{display:block;width:100%;max-height:320px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.12));}
.pd-lineup .ln-name{font-family:var(--mono);font-size:18px;font-weight:700;color:#333;letter-spacing:.01em;white-space:nowrap;border-top:2px solid var(--point);padding-top:8px;}
@media (max-width:768px){.pd-intro__img--lineup{padding:22px 14px;}.pd-lineup{gap:8px;}.pd-lineup .ln-name{font-size:15.5px;padding-top:6px;}}
.pd-intro__cat{color:var(--point);font-weight:800;letter-spacing:.06em;}
.pd-intro__name{font-size:49px;font-weight:800;margin:10px 0 18px;letter-spacing:-.02em;color:#111;}
.pd-intro__desc{font-size:22px;color:#555;line-height:1.7;}
.pd-spec-chips{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px;}
.pd-spec-chips span{background:#f1f1f3;border-radius:6px;padding:9px 14px;font-size:19px;font-weight:600;color:#444;}
.pd-intro__btns{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap;}
/* a.btn(default.css 362행: 55px·1.4em) 무력화 위해 .pd-wrap 스코프로 specificity 상향 */
.pd-wrap .btn{display:inline-flex;align-items:center;gap:8px;width:auto;height:52px;line-height:1;padding:0 28px;border-radius:6px;font-size:21px;font-weight:700;text-align:center;}
.pd-wrap .btn--point{background:var(--point);color:#fff;}.pd-wrap .btn--point:hover{background:var(--point-d);color:#fff;}
.pd-wrap .btn--line{background:transparent;border:1px solid #ccc;color:#222;}.pd-wrap .btn--line:hover{border-color:#222;}
.pd-sec{padding:100px 0;}
.pd-sec.alt{background:#f7f8f9;}
.pd-sec.dark{background:#141414;}
.pd-sec.dark .yp-title{color:#fff;}
.pd-head{text-align:center;margin-bottom:64px;}
.pd-head .yp-title{font-size:39px;}
.pd-head p{max-width:760px;margin:16px auto 0;color:#666;font-size:21px;line-height:1.75;word-break:keep-all;overflow-wrap:break-word;}
.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:90px;}
.feat-row:last-child{margin-bottom:0;}
.feat-row.reverse .feat-row__media{order:2;}
.feat-row__media{background:#f5f6f7;border-radius:16px;padding:40px;text-align:center;min-height:340px;display:flex;align-items:center;justify-content:center;}
.feat-row__media img{max-width:100%;max-height:340px;width:auto;display:inline-block;border-radius:6px;}
.feat-row__num{font-size:20px;font-weight:800;color:var(--point);letter-spacing:.1em;}
.feat-row__title{font-size:33px;font-weight:800;margin:10px 0 22px;color:#111;}
.feat-list li{position:relative;padding:9px 0 9px 30px;font-size:21px;color:#555;line-height:1.6;border-bottom:1px solid #eee;list-style:none;}
.feat-list li::before{content:"\f00c";font-family:"FontAwesome";position:absolute;left:0;top:11px;color:var(--point);font-size:18px;}
.feat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.feat-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:40px 30px;text-align:center;transition:.3s;}
.feat-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.08);border-color:transparent;}
.feat-card__ic{width:70px;height:70px;border-radius:50%;background:rgba(232,47,36,.08);color:var(--point);display:flex;align-items:center;justify-content:center;font-size:33px;margin:0 auto 22px;}
.feat-card h4{font-size:25px;font-weight:800;margin:0 0 12px;}
.feat-card p{font-size:20px;color:#666;line-height:1.65;margin:0;}
.pd-figure{margin:44px auto 0;max-width:1000px;text-align:center;}
.pd-figure--wide{max-width:1120px;}
.pd-figure img{width:100%;height:auto;border-radius:14px;border:1px solid #eee;box-shadow:0 12px 34px rgba(0,0,0,.07);}
.pd-figure figcaption{margin-top:16px;font-size:18px;color:#888;line-height:1.6;}
/* 적용산업 카테고리 영상(유튜브 임베드) */
.bo-video-list{display:grid;gap:28px;margin:8px 0 24px;}
.bo-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 12px 34px rgba(0,0,0,.1);}
.bo-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
/* 영상 캐러셀 (← → 전환 · 영상 2개 이상일 때) */
.bo-video-list--carousel{position:relative;}
.bo-video-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(17,17,17,.55);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:4;transition:background .2s,transform .12s;}
.bo-video-nav:hover{background:var(--point);color:#fff;}
.bo-video-nav:active{transform:translateY(-50%) scale(.92);}
.bo-video-nav--prev{left:14px;}
.bo-video-nav--next{right:14px;}
.bo-video-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:4;}
.bo-video-dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);transition:background .2s;}
.bo-video-dots span.on{background:var(--point);}
@media (max-width:600px){.bo-video-nav{width:40px;height:40px;font-size:17px;}.bo-video-nav--prev{left:8px;}.bo-video-nav--next{right:8px;}}
.bo-link-cta{text-align:center;margin:4px 0 30px;padding:30px 24px;background:#f6f8fb;border:1px solid #e7ebf1;border-radius:16px;}
.bo-link-cta__text{margin:0 0 20px;font-size:21px;font-weight:600;color:#2a3547;line-height:1.6;}
.bo-link-cta__btn{display:inline-flex;align-items:center;gap:11px;padding:18px 38px;background:#03c75a;color:#fff;font-weight:700;font-size:20px;border-radius:999px;text-decoration:none;box-shadow:0 8px 22px rgba(3,199,90,.28);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
.bo-link-cta__btn:hover{background:#02b350;transform:translateY(-2px);box-shadow:0 12px 28px rgba(3,199,90,.36);color:#fff;}
.bo-link-cta__btn i{font-size:.95em;}
.bo-link-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.bo-link-cta__btn--yt{background:#ff0000;box-shadow:0 8px 22px rgba(255,0,0,.28);}
.bo-link-cta__btn--yt:hover{background:#e60000;box-shadow:0 12px 28px rgba(255,0,0,.36);}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:44px 30px;}
.apply-card{display:block;background:#fff;border-radius:14px;overflow:hidden;transition:.3s;box-shadow:0 4px 16px rgba(0,0,0,.04);}
.apply-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.1);}
.apply-card__thumb{aspect-ratio:4/3;overflow:hidden;background:#eee;}
.apply-card__thumb img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.apply-card:hover .apply-card__thumb img{transform:scale(1.06);}
.apply-card__body{padding:18px 20px 22px;}
.apply-card__cat{font-size:17px;font-weight:700;color:var(--point);}
.apply-card__title{margin:6px 0 0;font-size:22px;font-weight:700;color:#222;}
.spec-table{width:100%;border-collapse:collapse;font-size:20px;}
.spec-table th,.spec-table td{border:1px solid #e3e3e3;padding:16px 20px;text-align:left;}
.spec-table th{background:#f5f6f7;font-weight:700;color:#333;width:220px;}
.spec-note{margin-top:14px;font-size:18px;color:#999;}
.display-show{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;}
.display-show img{width:100%;border-radius:16px;}
.display-show .yp-title{color:#fff;}
.display-show p{color:rgba(255,255,255,.75);font-size:22px;line-height:1.8;margin-top:20px;}
/* 모델 익스플로러 (이름 선택형 라인업+사양) */
.model-explorer{display:block;}
.model-list{display:flex;flex-wrap:nowrap;gap:2px;margin-bottom:28px;border-bottom:1px solid #e5e5e5;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#dcdcdc transparent;}
.model-list::-webkit-scrollbar{height:5px;}
.model-list::-webkit-scrollbar-thumb{background:#dcdcdc;border-radius:4px;}
.model-list::-webkit-scrollbar-track{background:transparent;}
.ml-group{flex:0 0 auto;align-self:center;padding:0 14px 8px 4px;margin-right:4px;font-size:15.5px;font-weight:800;letter-spacing:.04em;color:#bfbfbf;background:transparent;white-space:nowrap;border-right:1px solid #eee;}
.model-list button{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;width:auto;text-align:center;white-space:nowrap;padding:11px 18px;margin-bottom:-1px;background:transparent;border:0;border-bottom:2.5px solid transparent;border-radius:0;cursor:pointer;transition:.2s;position:relative;}
.model-list button:hover .ml-name{color:var(--point);}
.model-list button.active{background:transparent;border-bottom-color:var(--point);}
.model-list button.active .ml-name{color:var(--point);}
.model-list button.active .ml-sub{color:var(--point);opacity:.75;}
.ml-name{font-size:20px;font-weight:800;color:#333;transition:color .2s;}
.ml-sub{font-size:16px;color:#aaa;font-weight:600;}
.model-view{background:#fff;border:1px solid #eee;border-radius:16px;padding:40px;box-shadow:0 6px 18px rgba(0,0,0,.04);}
.mv-panel{display:none;}
.mv-panel.active{display:block;animation:specfade .35s ease;}
@keyframes specfade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.mv-top{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #eee;}
.mv-img{background:#f5f6f7;border-radius:14px;padding:24px;text-align:center;display:flex;align-items:center;justify-content:center;min-height:220px;}
.mv-img img{max-width:100%;max-height:220px;}
/* [자동공급장치 sub0301] 제품 이미지 크게 — 눈에 잘 들어오도록 (다른 제품 페이지엔 영향 없음) */
#sub0301 .mv-img{min-height:390px;padding:16px;}
#sub0301 .mv-img img{max-height:390px;}
@media (min-width:901px){ #sub0301 .mv-top{grid-template-columns:560px 1fr;} }
.mv-cat{font-size:18px;font-weight:800;color:var(--point);letter-spacing:.04em;}
.mv-name{font-size:35px;font-weight:800;color:#111;margin:6px 0 14px;letter-spacing:-.02em;}
.mv-chips{display:flex;flex-wrap:wrap;gap:8px;}
.mv-chips span{background:#f1f1f3;border-radius:6px;padding:8px 13px;font-size:18px;font-weight:600;color:#444;}
/* 모델 패널 내 특징 리스트 (자동공급장치 등) */
.mv-feat{margin:0 0 26px;list-style:none;padding:0;}
.mv-feat li{position:relative;padding:8px 0 8px 28px;font-size:20px;color:#555;line-height:1.6;}
.mv-feat li::before{content:"\f00c";font-family:"FontAwesome";position:absolute;left:0;top:9px;color:var(--point);font-size:17px;}
.mv-feat__title{font-size:20px;font-weight:800;color:#111;margin:0 0 6px;}
/* 적용 태그 (실링검사기 등) */
.apply-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:10px;}
.apply-tags span{background:#fff;border:1px solid #eee;border-radius:30px;padding:14px 28px;font-size:22px;font-weight:700;color:#333;box-shadow:0 4px 14px rgba(0,0,0,.04);}
.apply-tags span i{color:var(--point);margin-right:8px;}
/* 마킹시스템 개요 (카테고리 카드) */
.cat-sec{padding:80px 0;}
.cat-sec.alt{background:#f7f8f9;}
.cat-head{display:flex;align-items:baseline;gap:16px;margin-bottom:36px;padding-bottom:18px;border-bottom:2px solid #111;}
.cat-head h2{font-size:33px;font-weight:800;color:#111;margin:0;letter-spacing:-.02em;}
.cat-head .en{font-size:19px;font-weight:700;color:var(--point);letter-spacing:.06em;text-transform:uppercase;}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.mk-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ececec;border-radius:14px;overflow:hidden;transition:.3s;}
.mk-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,0,0,.1);border-color:transparent;}
.mk-card__thumb{aspect-ratio:4/3;background:#f3f4f5;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.mk-card__thumb img{width:100%;height:100%;object-fit:contain;padding:18px;transition:.4s;}
.mk-card:hover .mk-card__thumb img{transform:scale(1.05);}
.mk-card__body{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1;}
.mk-card__name{font-size:25px;font-weight:800;color:#111;margin:0;}
.mk-card__desc{margin:10px 0 0;font-size:19px;color:#777;line-height:1.6;flex:1;}
.mk-card__more{margin-top:18px;font-size:19px;font-weight:700;color:var(--point);display:inline-flex;align-items:center;gap:8px;}
.mk-card__more i{transition:.2s;}.mk-card:hover .mk-card__more i{transform:translateX(5px);}
@media (max-width:1024px){.cat-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:768px){.cat-grid{grid-template-columns:1fr;}.cat-sec{padding:56px 0;}}
.spec-table.compare th,.spec-table.compare td{text-align:center;width:auto;}
.spec-table.compare tbody th{text-align:left;width:160px;}
/* default.css의 #sub01XX table 규칙(파란 top보더 · th 회색배경)이 compare 헤더를 덮어써서 무력화 */
.pd-wrap .spec-table{border-top:0 !important;}
.pd-wrap .spec-table.compare thead th{background:#222 !important;color:#fff !important;}
.pd-wrap .spec-table.compare tbody th{background:#f5f6f7 !important;color:var(--point2) !important;}
.pd-wrap .spec-table th{color:#333;}
/* 단일모델 스펙표 상단 검은 헤더 띠(비교표의 dark thead와 통일) */
.pd-wrap .spec-table caption.spec-cap{caption-side:top;text-align:left;background:#222;color:#fff;font-weight:800;font-size:19px;letter-spacing:.02em;padding:15px 20px;border:1px solid #222;border-bottom:0;}
/* 단일모델 스펙표 값은 좌측 정렬로 통일 (default.css의 #sub01XX table td 가운데정렬 규칙 무력화) */
.pd-wrap .spec-table:not(.compare) th,.pd-wrap .spec-table:not(.compare) td{text-align:left !important;}
/* 브로슈어형 분류 그룹 사양표 (구분 | 항목 | F20 | F30) */
.pspec-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:44px;}
.pspec{width:100%;border-collapse:collapse;font-size:18px;min-width:660px;}
.pspec th,.pspec td{border:1px solid #e3e3e3;padding:12px 16px;text-align:left;vertical-align:middle;line-height:1.5;}
.pspec thead th{background:#222;color:#fff;text-align:center;font-weight:700;}
.pspec .grp{background:#eef1f5;color:#111;font-weight:800;text-align:center;width:118px;font-size:16px;}
.pspec .item{background:#f5f6f7;color:#333;font-weight:700;width:190px;}
.pspec td.val{color:#333;}
.pspec td.ctr{text-align:center;}
@media (max-width:1024px){.prod-grid{grid-template-columns:repeat(2,1fr);}.feat-cards{grid-template-columns:1fr;}.sub-visual h1{font-size:37px;}}
@media (max-width:900px){.mv-top{grid-template-columns:1fr;gap:24px;}.model-view{padding:24px 18px;}.model-list button{padding:10px 15px;}.model-list .ml-sub{display:none;}}
@media (max-width:768px){.pd-intro,.feat-row,.feat-row.reverse .feat-row__media,.display-show{grid-template-columns:1fr;gap:30px;}.feat-row.reverse .feat-row__media{order:0;}.pd-intro__name{font-size:37px;}.prod-grid{grid-template-columns:1fr;}.sub-visual{height:240px;}.spec-table th{width:120px;}.pd-sec{padding:64px 0;}}

/* =========================================================
   게시판(적용산업 gallery) 목록 — 우리 카드 포맷
   ========================================================= */
.pd-wrap .bo-cate{margin-bottom:30px;}
.pd-wrap .bo-cate ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;}
.pd-wrap .bo-cate li{float:none;}
.pd-wrap .bo-cate li a{display:inline-block;padding:8px 18px;border:1px solid #ddd;border-radius:30px;font-size:19px;font-weight:600;color:#555;}
.pd-wrap .bo-cate li a:hover,.pd-wrap .bo-cate li.on a{background:var(--point);border-color:var(--point);color:#fff;}
.bo-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:14px;}
.bo-total{font-size:20px;color:#666;}.bo-total b{color:var(--point);}
.bo-top-btns{display:flex;gap:8px;align-items:center;}
.pd-wrap .bo-top-btns .yp-btn{height:44px;line-height:1;padding:0 18px;font-size:19px;}
.pd-wrap .bo-top-btns button.yp-btn{cursor:pointer;}
.bo-gall-grid .apply-card__thumb{position:relative;display:flex;align-items:center;justify-content:center;}
.bo-gall-grid .no_image{color:#bbb;font-size:19px;font-weight:700;letter-spacing:.05em;}
.bo-notice-badge{background:var(--point);color:#fff;font-weight:800;padding:8px 16px;border-radius:6px;font-size:20px;}
.bo-card-excerpt{margin-top:10px;font-size:19px;color:#888;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.bo-card-date{display:block;margin-top:12px;font-size:18px;color:#aaa;}
.bo-empty{grid-column:1/-1;text-align:center;padding:80px 0;color:#999;font-size:21px;}
.bo-paging{margin-top:50px;text-align:center;}
.bo-paging .pg_wrap{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;}
.bo-paging .pg_page,.bo-paging .pg_current{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border:1px solid #e3e3e3;border-radius:6px;font-size:19px;color:#555;background:#fff;}
.bo-paging .pg_current{background:var(--point);border-color:var(--point);color:#fff;font-weight:700;}
.bo-paging a.pg_page:hover{border-color:var(--point);color:var(--point);}
/* 검색 박스(기존 마크업 최소 정리) */
.pd-wrap .bo_sch_wrap{display:none;position:fixed;inset:0;z-index:1200;align-items:center;justify-content:center;}
.pd-wrap .bo_sch_wrap .bo_sch_bg{position:absolute;inset:0;background:rgba(0,0,0,.5);}
.pd-wrap .bo_sch{position:relative;z-index:2;background:#fff;border-radius:14px;padding:34px 30px;width:420px;max-width:90vw;box-shadow:0 20px 50px rgba(0,0,0,.25);}
.pd-wrap .bo_sch h3{margin:0 0 18px;font-size:25px;font-weight:800;}
.pd-wrap .bo_sch select{width:100%;height:46px;border:1px solid #ddd;border-radius:8px;padding:0 12px;margin-bottom:10px;}
.pd-wrap .bo_sch .sch_bar{display:flex;gap:8px;}
.pd-wrap .bo_sch .sch_input{flex:1;height:46px;border:1px solid #ddd;border-radius:8px;padding:0 14px;}
.pd-wrap .bo_sch .sch_btn{width:46px;height:46px;border:0;border-radius:8px;background:var(--point);color:#fff;cursor:pointer;}
.pd-wrap .bo_sch .bo_sch_cls{position:absolute;top:14px;right:16px;background:none;border:0;font-size:25px;color:#999;cursor:pointer;}

/* 게시판 글보기(view) */
.pd-wrap #bo_v{width:auto !important;max-width:none;border:0;margin:0;padding:0;}
.pd-wrap #bo_v_top{display:flex;justify-content:flex-end;margin-bottom:20px;}
.pd-wrap #bo_v_top .btn_bo_user{display:flex;gap:8px;list-style:none;padding:0;margin:0;}
.pd-wrap #bo_v_top .btn_bo_user li{float:none;}
.pd-wrap #bo_v_top .btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:42px;height:42px;line-height:1;padding:0 14px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#555;font-size:19px;}
.pd-wrap #bo_v_top .btn:hover{border-color:var(--point);color:var(--point);}
.pd-wrap #bo_v_top .more_opt.is_view_btn{list-style:none;}
.pd-wrap #bo_v_title{font-size:33px;font-weight:800;color:#111;line-height:1.35;margin:0 0 18px;padding:0;border:0;}
.pd-wrap .bo_v_cate{display:inline-block;font-size:19px;font-weight:700;color:var(--point);margin-right:8px;}
.pd-wrap #bo_v_info{display:flex;align-items:center;gap:16px;padding:0 0 24px;border-bottom:2px solid #222;margin-bottom:34px;}
.pd-wrap #bo_v_info h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.pd-wrap #bo_v_info .profile_info{display:flex;align-items:center;gap:14px;width:100%;}
.pd-wrap #bo_v_info .pf_img img{width:46px;height:46px;border-radius:50%;}
.pd-wrap #bo_v_info .profile_info_ct{font-size:19px;color:#888;line-height:1.9;}
.pd-wrap #bo_v_info .profile_info_ct strong{font-weight:600;color:#777;margin-right:16px;}
.pd-wrap #bo_v_atc h2,.pd-wrap #bo_v_atc_title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.pd-wrap #bo_v_img{text-align:center;margin-bottom:24px;}
.pd-wrap #bo_v_img img{max-width:100%;height:auto;border-radius:10px;}
.pd-wrap #bo_v_con{font-size:21px;line-height:1.85;color:#444;min-height:160px;padding:6px 0 40px;}
.pd-wrap #bo_v_con img{max-width:100%;height:auto;border-radius:8px;}
.pd-wrap #bo_v_act{display:flex;gap:14px;justify-content:center;margin-top:30px;}
.pd-wrap #bo_v_act a,.pd-wrap #bo_v_act span.bo_v_act_gng>span,.pd-wrap #bo_v_act>span{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:1px solid #ddd;border-radius:30px;color:#555;font-weight:600;}
.pd-wrap #bo_v_file,.pd-wrap #bo_v_link{margin-top:24px;padding:20px 24px;background:#f7f8f9;border-radius:10px;}
.pd-wrap #bo_v_file h2,.pd-wrap #bo_v_link h2{font-size:20px;font-weight:800;margin:0 0 12px;}
.pd-wrap #bo_v_file ul,.pd-wrap #bo_v_link ul{list-style:none;padding:0;margin:0;font-size:19px;color:#555;line-height:1.7;}
.pd-wrap #bo_v_file a,.pd-wrap #bo_v_link a{color:#333;}
.pd-wrap .bo_v_nb{display:grid;grid-template-columns:1fr 1fr;gap:14px;list-style:none;padding:24px 0 0;margin:40px 0 0;border-top:1px solid #eee;}
.pd-wrap .bo_v_nb li{display:flex;flex-direction:column;gap:5px;padding:16px 20px;background:#f7f8f9;border-radius:10px;float:none;}
.pd-wrap .bo_v_nb .nb_tit{font-size:18px;font-weight:700;color:var(--point);}
.pd-wrap .bo_v_nb a{font-size:20px;color:#333;font-weight:600;}
.pd-wrap .bo_v_nb .nb_date{font-size:17px;color:#aaa;}
@media (max-width:768px){.pd-wrap .bo_v_nb{grid-template-columns:1fr;}}
/* 문의 글보기 - 작성자 연락처 박스 */
.pd-wrap .info_show_box{margin-top:24px;padding:6px 24px;background:#f7f8f9;border-radius:10px;}
.pd-wrap .info_show_box table{width:100%;border-collapse:collapse;}
.pd-wrap .info_show_box td{padding:14px 6px;font-size:20px;color:#555;border-bottom:1px solid #eee;}
.pd-wrap .info_show_box tr:last-child td{border-bottom:0;}
.pd-wrap .info_show_box td b{color:#222;margin-right:14px;display:inline-block;min-width:60px;}

/* 고객센터 문의 폼 (QAboard write) */
.pd-wrap .qa-write{max-width:820px;margin:0 auto;width:auto;}
.pd-wrap .qa-write .subTitle{margin-bottom:34px;}
.pd-wrap .qa-write .hd-sub-tit{font-size:23px;font-weight:800;margin:0 0 14px;color:#111;}
.pd-wrap .qa-write .line{display:none;}
.pd-wrap .qa-write .textArea{height:200px;overflow-y:auto;border:1px solid #e3e3e3;border-radius:10px;padding:20px;font-size:18px;line-height:1.7;color:#777;background:#fafafa;}
.pd-wrap .qa-write .agr_box{margin-top:14px;display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600;}
.pd-wrap .qa-write .agr_box input{width:18px;height:18px;}
.pd-wrap .qa-write .flex_c{margin-bottom:22px;}
.pd-wrap .qa-write .flex_c>label,.pd-wrap .qa-write .subtitle_font{display:block;font-size:20px;font-weight:800;color:#111;margin-bottom:10px;}
.pd-wrap .qa-write .frm_input{width:100%;height:50px;border:1px solid #ddd;border-radius:8px;padding:0 16px;font-size:20px;margin-bottom:10px;background:#fff;}
.pd-wrap .qa-write .frm_input:focus{border-color:var(--point);outline:none;}
.pd-wrap .qa-write .catrgory_wrap{position:relative;}
.pd-wrap .qa-write .catrgory_wrap select{width:100%;height:50px;border:1px solid #ddd;border-radius:8px;padding:0 16px;font-size:20px;appearance:none;-webkit-appearance:none;background:#fff;}
.pd-wrap .qa-write .catrgory_wrap i{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none;}
.pd-wrap .qa-write .wr_content textarea{width:100%;min-height:240px;border:1px solid #ddd;border-radius:8px;padding:16px;font-size:20px;line-height:1.7;resize:vertical;}
.pd-wrap .qa-write .bottom_warn{font-size:19px;color:var(--point);margin:0 0 24px;}
.pd-wrap .qa-write .bo_w_flie{margin-bottom:14px;}
.pd-wrap .qa-write .file_wr{display:flex;align-items:center;gap:10px;}
.pd-wrap .qa-write .frm_file{font-size:19px;}
.pd-wrap .qa-write .btn_frmline{margin-top:8px;height:40px;padding:0 14px;border:1px solid #ddd;border-radius:6px;background:#f5f6f7;cursor:pointer;}
.pd-wrap .qa-write .btn_confirm{margin-top:30px;text-align:center;display:block;}
.pd-wrap .qa-write .qa_submit{display:inline-flex;align-items:center;justify-content:center;min-width:200px;height:56px;border:0;border-radius:8px;background:var(--point);color:#fff;font-size:22px;font-weight:800;cursor:pointer;}
.pd-wrap .qa-write .qa_submit:hover{background:var(--point-d);}
/* --- QAboard style.css 의 #bo_w(ID) 규칙 충돌 제압: 폼 좌측 쏠림 수정 --- */
.pd-wrap #bo_w.qa-write{max-width:820px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;float:none!important;}
.pd-wrap #bo_w.qa-write #fwrite{width:100%!important;margin:0!important;}
.pd-wrap #bo_w .flex_c input,
.pd-wrap #bo_w select,
.pd-wrap #bo_w .flex_c .catrgory_wrap select{width:100%!important;height:50px!important;}
.pd-wrap #bo_w .flex_c .catrgory_wrap{display:block!important;width:100%!important;}
.pd-wrap #bo_w .frm_input{width:100%!important;height:50px!important;}
.pd-wrap #bo_w .textArea{height:200px!important;font-size:18px!important;font-weight:400!important;margin-top:0!important;}
.pd-wrap #bo_w .subtitle_font,
.pd-wrap #bo_w .hd-sub-tit{font-size:20px!important;}
.pd-wrap #bo_w .line{display:none!important;}
.pd-wrap #bo_w .agr_box{text-align:left!important;}
.pd-wrap #bo_w .qa_submit{padding:0 80px!important;}

/* 고객센터 문의 목록 (QAboard list) — style.css(#bo_list margin·#bo_cate 큰탭) 무력화 */
.pd-wrap #bo_list{width:auto !important;max-width:none;margin:0 !important;}
.pd-wrap #bo_cate{margin:0 0 10px !important;}
.pd-wrap #bo_cate h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.pd-wrap #bo_cate ul,.pd-wrap #bo_cate_ul{display:flex !important;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 14px !important;border-bottom:0 !important;font-size:19px !important;}
.pd-wrap #bo_cate li{float:none;width:auto !important;}
.pd-wrap #bo_cate a{display:inline-block !important;width:auto !important;height:auto !important;line-height:1 !important;padding:10px 22px !important;border:1px solid #ddd !important;border-radius:30px !important;font-size:19px;font-weight:600;color:#555 !important;}
.pd-wrap #bo_cate a:hover,.pd-wrap #bo_cate #bo_cate_on{background:var(--point) !important;border-color:var(--point) !important;border-top:1px solid var(--point) !important;color:#fff !important;font-weight:700 !important;}
.pd-wrap #bo_cate #bo_cate_on:after{display:none !important;}
.pd-wrap #bo_list .page-title{margin:28px 0 16px;font-size:27px;font-weight:800;color:#111;}
.pd-wrap #bo_btn_top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px;}
.pd-wrap #bo_list_total{font-size:20px;color:#666;}
.pd-wrap #bo_btn_top .btn_bo_user{display:flex;gap:8px;list-style:none;padding:0;margin:0;}
.pd-wrap #bo_btn_top .btn_bo_user li{float:none;}
.pd-wrap #bo_btn_top .btn{display:inline-flex;align-items:center;justify-content:center;min-width:42px;width:auto;height:42px;line-height:1;padding:0 14px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#555;font-size:19px;}
.pd-wrap #bo_btn_top .btn:hover{border-color:var(--point);color:var(--point);}
.pd-wrap #bo_btn_top .more_opt{list-style:none;}
.pd-wrap .tbl_head01 table{width:100%;border-collapse:collapse;border-top:2px solid #222;}
.pd-wrap .tbl_head01 caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.pd-wrap .tbl_head01 thead th{background:#fafafa;border-bottom:1px solid #e3e3e3;padding:15px 10px;font-size:19px;font-weight:700;color:#555;text-align:center;}
.pd-wrap .tbl_head01 thead th a{color:#555;}
.pd-wrap .tbl_head01 tbody td{border-bottom:1px solid #eee;padding:16px 10px;font-size:19px;color:#666;text-align:center;}
.pd-wrap .tbl_head01 .td_subject{text-align:left;}
.pd-wrap .tbl_head01 .bo_tit a{color:#333;font-weight:600;}
.pd-wrap .tbl_head01 .bo_tit a:hover{color:var(--point);}
.pd-wrap .tbl_head01 .bo_cate_link{font-size:17px;color:var(--point);font-weight:700;margin-right:8px;}
.pd-wrap .tbl_head01 .notice_icon{background:var(--point);color:#fff;padding:3px 10px;border-radius:4px;font-size:17px;}
.pd-wrap .tbl_head01 .new_icon{background:#222;color:#fff;padding:1px 6px;border-radius:3px;font-size:16px;margin-left:6px;}
.pd-wrap .tbl_head01 .bo_current{color:var(--point);font-weight:700;}
.pd-wrap .tbl_head01 .empty_table{padding:80px 0;color:#999;text-align:center;}
/* 페이징 (공통) */
.pd-wrap .pg_wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:44px;}
.pd-wrap .pg_page,.pd-wrap .pg_current,.pd-wrap strong.pg_current{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border:1px solid #e3e3e3;border-radius:6px;font-size:19px;color:#555;background:#fff;}
.pd-wrap .pg_current,.pd-wrap strong.pg_current{background:var(--point);border-color:var(--point);color:#fff;font-weight:700;}
.pd-wrap a.pg_page:hover{border-color:var(--point);color:var(--point);}
@media (max-width:768px){.pd-wrap .tbl_head01 .sv_use,.pd-wrap .tbl_head01 td:nth-child(n+4):not(.td_datetime),.pd-wrap .tbl_head01 th:nth-child(n+4):not(:last-child){display:none;}}

/* =========================================================
   회사소개(about) — _preview_about.html 이식
   ========================================================= */
.greet{padding:100px 0;}
.greet__grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:60px;align-items:stretch;}
.greet__img{border-radius:16px;overflow:hidden;background:#eee;position:relative;}
.greet__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;}
.greet__title{font-size:35px;font-weight:800;line-height:1.4;color:#111;margin:14px 0 24px;}
.greet__title b{color:var(--point);}
.greet p{font-size:21px;color:#555;line-height:1.85;margin:0 0 16px;}
.greet__sign{margin-top:28px;font-size:20px;color:#888;}
.greet__sign b{font-size:25px;color:#222;margin-left:8px;}
.values{padding:100px 0;background:#f7f8f9;}
.values .pd-head{text-align:center;margin-bottom:56px;}
.values .pd-head p{margin-top:14px;color:#666;}
.val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.val-card{background:#fff;border-radius:16px;padding:40px 24px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.04);transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s;}
.val-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -16px rgba(17,20,24,.16);}
.val-card__en{display:block;font-family:var(--mono);font-size:17px;letter-spacing:.13em;color:var(--point2);font-weight:700;margin-bottom:5px;}
.greet__slogan{font-family:var(--mono);color:var(--point2);letter-spacing:.05em;font-weight:600;font-size:20px;margin:6px 0 22px;}
@media (max-width:1024px){.val-grid{grid-template-columns:repeat(2,1fr);gap:18px;}}
.val-card__ic{width:84px;height:84px;border-radius:50%;background:rgba(232,47,36,.07);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--point);font-size:39px;}
.val-card__ic img{width:42px;height:42px;}
.val-card h3{font-size:26px;font-weight:800;margin:0 0 12px;color:#111;}
.val-card p{font-size:20px;color:#666;line-height:1.65;margin:0;}
.history{padding:100px 0;}
.history .pd-head{text-align:center;margin-bottom:56px;}
.hist-list{max-width:760px;margin:0 auto;}
.hist-item{display:flex;gap:30px;padding:24px 0;border-bottom:1px solid #eee;}
.hist-item__year{flex:0 0 110px;font-size:29px;font-weight:800;color:var(--point);}
.hist-item__body{padding-top:3px;}
.hist-item__body p{margin:0 0 6px;font-size:21px;color:#444;line-height:1.6;}
/* 회사 개요 — 라벨|값 리스트 (연혁 대신 검증된 팩트) */
.company-facts .hist-item{align-items:center;}
.company-facts .hist-item__year{flex:0 0 120px;font-size:20px;font-weight:700;color:var(--point2);font-family:var(--mono);letter-spacing:.02em;}
.company-facts .hist-item__body p{margin:0;font-size:21px;color:#2b2f36;font-weight:600;}
/* 실적 스탯 */
.perf-stats{max-width:760px;margin:44px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.perf{background:#fff;border:1px solid #eceef1;border-radius:14px;padding:26px 16px;text-align:center;}
.perf b{display:block;font-size:43px;font-weight:800;color:var(--point);line-height:1;letter-spacing:-.02em;}
.perf b em{font-style:normal;color:var(--point2);}
.perf span{display:block;margin-top:10px;font-size:19px;color:#777;font-weight:600;}
@media (max-width:768px){.perf-stats{grid-template-columns:repeat(2,1fr);gap:14px;}.company-facts .hist-item__year{flex:none;}}
.location{padding:100px 0;background:#f7f8f9;}
.location .pd-head{text-align:center;margin-bottom:44px;}
.loc-map{width:100%;height:360px;border-radius:16px;background:#e7e9ec;display:flex;align-items:center;justify-content:center;color:#999;font-size:20px;border:1px dashed #c8ccd2;overflow:hidden;}
.loc-map iframe{width:100%;height:100%;border:0;}
/* 실제 지도(카카오) 삽입 시: 플레이스홀더 점선/회색 배경 해제 */
.loc-map.is-live{border:0;background:#e9ebee;display:block;}
.loc-navlink{text-align:center;margin:16px 0 0;}
.loc-navlink a{font-size:16px;color:#666;text-decoration:none;font-weight:600;}
.loc-navlink a:hover{color:var(--point);text-decoration:underline;}
.loc-navlink i{color:var(--point);margin-right:5px;}
@media (max-width:768px){.loc-map{height:280px;}}
.loc-info{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.loc-info .item{background:#fff;border-radius:12px;padding:26px;}
.loc-info .item h4{margin:0 0 10px;font-size:21px;font-weight:800;color:var(--point);}
.loc-info .item p{margin:0;font-size:20px;color:#555;line-height:1.6;}
@media (max-width:768px){.greet__grid,.val-grid,.loc-info{grid-template-columns:1fr;gap:30px;}.greet__img{aspect-ratio:4/3;min-height:0;}.greet,.values,.history,.location{padding:64px 0;}.hist-item{flex-direction:column;gap:6px;}.hist-item__year{flex:none;}}

/* ===== 공지사항 게시판 (notice / board-list) ===== */
.pd-wrap .board-wrap{padding:80px 0 120px;}
.pd-wrap .board-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px;}
.pd-wrap .board-count{font-size:20px;color:#666;margin:0;}
.pd-wrap .board-count b{color:var(--point);}
.pd-wrap .board-top-btns{display:flex;gap:8px;}
.pd-wrap .board-list{width:100%!important;border-collapse:collapse!important;border-top:2px solid #222!important;margin:0!important;table-layout:auto;}
.pd-wrap .board-list th,.pd-wrap .board-list td{padding:16px 14px!important;font-size:20px;border-bottom:1px solid #eee!important;background:none;}
.pd-wrap .board-list thead th{background:#fafafa!important;color:#555!important;font-weight:700;text-align:center;}
.pd-wrap .board-list thead th.col-subject{text-align:left;}
.pd-wrap .board-list .col-no{width:90px;text-align:center;color:#999;}
.pd-wrap .board-list .col-date{width:140px;text-align:center;color:#888;}
.pd-wrap .board-list .col-hit{width:90px;text-align:center;color:#888;}
.pd-wrap .board-list .col-subject{text-align:left;}
.pd-wrap .board-list .col-subject a{font-weight:600;color:#222;}
.pd-wrap .board-list .col-subject a:hover{color:var(--point);text-decoration:underline;}
.pd-wrap .board-list tr.notice{background:#fff7f6;}
.pd-wrap .board-list tr.notice td{background:#fff7f6;}
.pd-wrap .board-list .badge{display:inline-block;background:var(--point);color:#fff;font-size:17px;font-weight:700;border-radius:4px;padding:3px 9px;}
.pd-wrap .board-list .new{color:var(--point);font-size:16px;font-weight:800;margin-left:6px;vertical-align:middle;}
.pd-wrap .board-list .cmt{color:var(--point);font-weight:700;}
.pd-wrap .board-list .bo-empty-row{padding:60px 0!important;text-align:center;color:#999;}
/* 페이지네이션 (gnuboard get_paging 출력 대응) */
.pd-wrap .board-wrap .pg_wrap{margin-top:40px;text-align:center;}
.pd-wrap .board-wrap .pg{display:inline-flex;gap:6px;}
.pd-wrap .board-wrap .pg_page,.pd-wrap .board-wrap .pg_current{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e2e2;border-radius:8px;font-size:19px;color:#555;padding:0 6px;text-decoration:none;}
.pd-wrap .board-wrap .pg_page:hover{border-color:var(--point);color:var(--point);}
.pd-wrap .board-wrap .pg_current{background:var(--point);border-color:var(--point);color:#fff;font-weight:700;}
@media (max-width:768px){
  .pd-wrap .board-wrap{padding:50px 0 80px;}
  .pd-wrap .board-list .col-date,.pd-wrap .board-list .col-hit{display:none;}
  .pd-wrap .board-list th,.pd-wrap .board-list td{padding:13px 8px!important;font-size:19px;}
}

/* ===== 모바일 반응형 보강 (전체 점검) ===== */
@media (max-width:768px){
  /* 일반 스펙표(라벨|값|라벨|값 4열): 모바일에선 셀을 세로로 쌓아 '라벨→값' 리스트로 (찌부·잘림 방지) */
  .pd-wrap .spec-table:not(.compare),
  .pd-wrap .spec-table:not(.compare) tbody,
  .pd-wrap .spec-table:not(.compare) tr{display:block;width:100%;}
  .pd-wrap .spec-table:not(.compare) th,
  .pd-wrap .spec-table:not(.compare) td{display:block;width:100%!important;min-width:0!important;text-align:left;box-sizing:border-box;border:0!important;}
  .pd-wrap .spec-table:not(.compare) .spec-cap{display:block;width:100%;box-sizing:border-box;font-size:17px;padding:12px 16px!important;}
  .pd-wrap .spec-table:not(.compare) th{background:#f7f8f9!important;color:var(--point)!important;font-weight:700;font-size:18px;letter-spacing:.01em;padding:11px 16px 5px!important;border-top:1px solid #ececec!important;}
  .pd-wrap .spec-table:not(.compare) td{padding:5px 16px 13px!important;font-size:20px;color:#333;line-height:1.5;}
  /* 비교표(여러 제품 열): 가로 스크롤로 열 유지 */
  .pd-wrap .spec-table.compare{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .pd-wrap .spec-table.compare th,.pd-wrap .spec-table.compare td{min-width:110px;}
  /* 모델 2~3개 비교표(--fit): 가로 스크롤 대신 화면 폭에 맞춰 전부 노출(한눈에) */
  .pd-wrap .spec-table.compare.compare--fit{display:table;table-layout:fixed;width:100%;overflow:visible;}
  .pd-wrap .spec-table.compare.compare--fit th,
  .pd-wrap .spec-table.compare.compare--fit td{min-width:0;padding:11px 7px;word-break:keep-all;line-height:1.45;vertical-align:middle;font-size:14.5px;}
  .pd-wrap .spec-table.compare.compare--fit thead th{padding:12px 6px;font-size:14.5px;}
  .pd-wrap .spec-table.compare.compare--fit tbody th{width:29%;text-align:left;padding-left:9px;font-size:13.5px;line-height:1.35;}
  /* 히어로: 버튼 줄바꿈 + 본문 폰트 축소 */
  .hero__btns{flex-wrap:wrap;}
  .hero__desc{font-size:21px;margin-top:18px;}
  .hero__sub{font-size:20px;}
  .hero__btns .yp-btn{height:48px;line-height:48px;padding:0 22px;font-size:20px;}
  /* 강점 stat 카드 여백·숫자 축소 */
  .stat-card{padding:26px 20px;}
  .stat-card__num{font-size:37px;}
  /* BUSINESS·ABOUT 카드 높이·여백 축소 */
  .biz-cell{min-height:300px;}
  .biz-cell__en{font-size:29px;}
  .about-card{padding:34px 26px;min-height:auto;}
  .about-card h3{font-size:31px;}
  /* 푸터 하단 세로 정렬 */
  #ft .ft-top{align-items:flex-start;}
  #ft .ft-menu{gap:16px 22px;}
  #ft .ft-bottom{flex-direction:column;align-items:flex-start;}
  #ft .ft-bottom__right{align-items:flex-start;}
  #ft .ft-links{text-align:left;}
  #ft .ft-links a{margin:0 18px 0 0;}
}
@media (max-width:480px){
  .stat-grid{grid-template-columns:1fr;}
  .prod-card__title{font-size:24px;}
  .sub-visual h1{font-size:31px;}
  .hero__title{font-size:32px;}
  .yp-title{font-size:31px;}
}

/* ===== 모바일 전용 헤더/히어로 재구성 (데스크톱 확대판이 아니라 모바일 UI로) ===== */
@media (max-width:1024px){
  /* 헤더: 메인에서도 솔리드 흰 바 → 어두운 로고/햄버거가 항상 또렷하게 */
  body.main-page #hd{background:#fff!important;border-bottom:1px solid var(--line)!important;box-shadow:0 2px 12px rgba(0,0,0,.05);}
  body.main-page #hd #logo .lg-wh{display:none!important;}
  body.main-page #hd #logo .lg-bk{display:block!important;}
  body.main-page #hd .m-menu-btn{color:#222!important;}
  #hd #logo img{height:28px;}
  .m-menu-btn{width:44px;height:44px;font-size:31px;border:1px solid #e2e2e2;border-radius:8px;}
  body.main-page #hd .m-menu-btn{border-color:#e2e2e2;}
  .hd_contact_btn{display:none!important;}   /* 문의하기는 드로어 안에 있음 */
  .hd_util{gap:8px;}
  /* 가로 넘침 차단 (모바일에서 우측 잘림 방지) */
  html,body{overflow-x:hidden;max-width:100%;}
  /* 섹션/이너/스와이퍼 레벨에서도 가로 넘침 가둠 (body overflow가 안 먹는 브라우저 대비) */
  /* overflow:clip 사용 — 삼성인터넷/구크롬은 overflow:hidden으로 transform된 스와이퍼 트랙을 못 자름 */
  .yp-sec,#sec-hero,.hero,.yp-inner,.hero__inner,.prodSwiper{max-width:100%;overflow-x:hidden;overflow-x:clip;}
  .prodSwiper{overflow:hidden;overflow:clip;}
  .products .yp-inner{overflow:hidden;overflow:clip;}
  /* 히어로 강제 가둠 (flex item min-content가 폭을 640까지 늘리는 문제 차단) */
  #sec-hero.hero{width:100%!important;max-width:100vw!important;overflow:hidden!important;}
  #sec-hero .hero__inner{min-width:0!important;max-width:100%!important;width:100%!important;}
  #sec-hero .hero__desc{overflow-wrap:anywhere;word-break:break-word;}
  .yp-title,.hero__title,.biz-cell__en,.biz-cell__ko,.stat-card__num,.about-card h3{word-break:keep-all;}
  /* 메인 히어로: 솔리드 헤더 밑으로 내리고 높이 축소 */
  body.main-page .hero{margin-top:var(--hd-h);height:auto;min-height:auto;}
  .hero{min-height:auto;}
  .hero__inner{padding-top:56px;padding-bottom:120px;}
  .hero__title{font-size:37px;line-height:1.3;}
  .hero__desc{font-size:20px;line-height:1.6;}
  .hero__btns{margin-top:28px;}
  .hero__scroll{display:none;}
}
@media (max-width:768px){
  /* 섹션 간격을 모바일답게 더 조임 */
  .yp-sec{padding:56px 0;}
  .yp-inner{padding:0 18px;}
  .products .yp-head{margin-bottom:28px;}
  .prod-nav button{width:46px;height:46px;font-size:21px;}
  .strength__top,.business__head,.about-grid{margin-bottom:32px;}
  .biz-cell{padding:40px 18px;min-height:240px;}
  .biz-cell i{font-size:43px;margin-bottom:12px;}
  .business__head .yp-title,.strength .yp-title{font-size:29px;}
  .products .yp-cta{flex-direction:column;margin-top:32px;}
  .products .yp-cta .yp-btn{width:100%;justify-content:center;}
  /* 히어로 버튼 풀폭 */
  .hero__btns{flex-direction:column;}
  .hero__btns .yp-btn{width:100%;justify-content:center;}
}
@media (max-width:480px){
  .hero__title{font-size:33px;}
  .hero__inner{padding-bottom:90px;}
}

/* =========================================================
   세련도 향상 (전역 미세 폴리시) — 파일 최후미 로드로 오버라이드
   ========================================================= */
/* 1) 텍스트 렌더링·선택색·앵커 스크롤 오프셋 */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
::selection{background:rgba(232,47,36,.16);color:var(--point-d);}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hd-h) + var(--topbar-h) + 16px);}

/* 2) 좌측정렬 섹션 헤드 라벨(eyebrow)에 브랜드 악센트 바
      (중앙정렬 헤드 .pd-head/.business 는 중심 틀어짐 방지로 바 제외) */
.yp-eyebrow{display:inline-flex;align-items:center;gap:10px;}
.yp-eyebrow::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px;opacity:.9;}
.pd-head .yp-eyebrow::before,.business .yp-eyebrow::before{display:none;}

/* 3) 버튼 마이크로 인터랙션 — 부드러운 이징 + 살짝 떠오르기 */
.yp-btn{border-radius:8px;transition:transform .22s cubic-bezier(.2,.7,.3,1),background .2s,box-shadow .25s,border-color .2s,color .2s;}
.yp-btn--point{box-shadow:0 8px 18px -8px rgba(232,47,36,.55);}
.yp-btn--point:hover{transform:translateY(-2px);box-shadow:0 14px 26px -8px rgba(232,47,36,.55);}
.yp-btn--line:hover{transform:translateY(-2px);}
.hd_contact_btn{transition:transform .22s cubic-bezier(.2,.7,.3,1),background .2s,box-shadow .25s;}
.hd_contact_btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px -8px rgba(232,47,36,.5);}

/* 4) 카드 부양 그림자를 레이어드 소프트 섀도로 정제 (더 고급스러운 부유감) */
.prod-card:hover,.mk-card:hover,.apply-card:hover,.feat-card:hover{
  box-shadow:0 26px 42px -18px rgba(17,20,24,.24),0 8px 16px -8px rgba(17,20,24,.10);
}

/* 5) 키보드 포커스 링 (접근성 + 마감 완성도) */
a:focus-visible,button:focus-visible,.yp-btn:focus-visible{
  outline:2px solid var(--point);outline-offset:3px;border-radius:6px;
}

/* =========================================================
   차별화 리디자인 v1 — 세컨더리 네이비 · 헤더 재설계 · 타이포
   (영일산기 벤치마킹 탈피: '레드 단색 + 영문 eyebrow' 두 신호 제거)
   ========================================================= */
/* A. 섹션 헤더 재설계: 레드 바 → 네이비 모노 기술 라벨 + 섹션 넘버(//) */
.yp-eyebrow{font-family:var(--mono);color:var(--point2);font-weight:600;font-size:18px;
  letter-spacing:.14em;gap:9px;text-transform:uppercase;}
.yp-eyebrow::before{content:"//";width:auto;height:auto;background:none;border-radius:0;
  color:var(--point);font-weight:700;opacity:1;}
.yp-eyebrow em{font-style:normal;color:var(--point2);font-weight:800;font-size:19px;}
/* 중앙정렬 헤드에서도 // 표시 유지 */
.pd-head .yp-eyebrow::before,.business .yp-eyebrow::before{display:inline;}
/* 다크 섹션 라벨은 밝은 스틸톤 */
.yp-sec.is-dark .yp-eyebrow{color:var(--point2-lt);}
.yp-sec.is-dark .yp-eyebrow em{color:var(--point2-lt);}
.yp-sec.is-dark .yp-eyebrow::before{color:#ff6a60;}

/* B. 타이포 리튠: 제목은 더 굵고 타이트하게, 영문·기술 라벨은 모노 */
.yp-title,.hero__title{font-weight:900;letter-spacing:-.035em;}

/* D. 히어로 리디자인 — HITACHI 강조 제거, 4대 기술 강조 + 시그니처 기술 스트립 */
.hero__sub{font-family:var(--mono);color:var(--point2-lt);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:19px;}
.hero__sub .hs-slash{color:var(--point);font-weight:700;margin-right:4px;}
/* 메인 히어로 서브라벨 + 섹션 eyebrow(01~04) 라벨 확대 */
body.main-page .hero__sub{font-size:23px;}
body.main-page .yp-eyebrow{font-size:22px;}
body.main-page .yp-eyebrow em{font-size:23px;}
.hero__title b{color:var(--point);}
/* 텍스트가 하단 스트립에 겹치지 않도록 컨텐츠를 살짝 위로 */
.hero__inner{padding-bottom:96px;text-align:center;}
.hero__btns{justify-content:center;}
/* 기본 margin:0 이 센터정렬을 덮지 않도록 4요소 좌우 auto 강제 (후순위 로드로 우선) */
.hero__sub,.hero__title,.hero__desc,.hero__btns{margin-left:auto;margin-right:auto;}
/* 스트립이 하단을 차지하므로 SCROLL 표시 숨김 */
.hero__scroll{display:none;}
/* 기술 스트립 */
.hero__tech{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:repeat(5,1fr);
  background:linear-gradient(180deg,rgba(13,25,48,.55),rgba(11,20,38,.82));backdrop-filter:blur(6px);
  border-top:1px solid rgba(120,166,218,.28);}
.hero__tech .ht-item{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px 28px;color:#fff;
  border-left:1px solid rgba(255,255,255,.09);transition:background .25s;}
.hero__tech .ht-item:first-child{border-left:0;}
.hero__tech .ht-item::before{content:"";position:absolute;left:-1px;bottom:0;top:0;width:3px;background:var(--point);
  transform:scaleY(0);transform-origin:bottom;transition:transform .28s cubic-bezier(.22,.61,.36,1);}
.hero__tech .ht-item b{font-family:var(--mono);font-size:27px;font-weight:700;letter-spacing:.02em;line-height:1;transition:color .25s;}
.hero__tech .ht-item span{font-size:18px;color:rgba(255,255,255,.62);font-weight:500;}
.hero__tech .ht-item:hover{background:rgba(34,70,122,.4);}
.hero__tech .ht-item:hover b{color:var(--point);}
.hero__tech .ht-item:hover::before{transform:scaleY(1);}
.hero__tech .ht-item:nth-child(5) b{font-size:22px;white-space:nowrap;}
@media (max-width:768px){
  /* 모바일: 기술 스트립을 절대위치 대신 문서 흐름에 배치(버튼 아래로) → 버튼 가림 방지 */
  .hero{display:block;}
  .hero__tech{position:relative;grid-template-columns:repeat(2,1fr);}
  .hero__tech .ht-item{padding:14px 18px;}
  .hero__tech .ht-item:nth-child(odd){border-left:0;}
  .hero__tech .ht-item:nth-child(n+3){border-top:1px solid rgba(255,255,255,.09);}
  .hero__tech .ht-item b{font-size:23px;}
  .hero__tech .ht-item span{font-size:17px;}
  .hero__inner{padding-bottom:36px;}
}
.prod-card__cat,.mv-cat,.cat-head .en,.stat-card__num,.deliv-panel__count,
.about-card .more,.strength__detail,.biz-cell__en{font-family:var(--mono);}
.stat-card__num{letter-spacing:.01em;}
.biz-cell__en{letter-spacing:.02em;font-weight:700;}

/* C. 세컨더리 컬러 포인트: 납품 비율 바를 네이비로(레드 히트맵과 역할 분리) */
.deliv-list .ds-bar i{background:var(--point2);}
.deliv-list .ds-v b{color:var(--point2);}
.deliv-panel__region{color:var(--point2-d);}

/* =========================================================
   E. 서브페이지 디자인 통일 — 메인 아이덴티티(레드+네이비·모노)와 정렬
      (HTML 변경 없이 전역 규칙으로 공통 컴포넌트만 조정)
   ========================================================= */
/* 서브 비주얼 배너: 검정 오버레이 → 네이비 톤 (다크 섹션과 통일) */
.sub-visual::after{background:linear-gradient(180deg,rgba(13,25,48,.55),rgba(9,17,34,.72));}
.sub-visual h1{letter-spacing:-.035em;font-weight:900;}
/* 세로 사옥 사진을 가로 배너로 쓸 때 사인 영역이 보이도록 크롭 위치 조정 */
.sub-visual--company::before{background-position:center 23%;}
/* 사옥 배너는 건물이 보이도록 오버레이를 밝게 (제목 가독성은 하단 그림자로 확보) */
.sub-visual--company::after{background:linear-gradient(180deg,rgba(13,25,48,.28),rgba(9,17,34,.52));}
.sub-visual--company h1{text-shadow:0 2px 16px rgba(0,0,0,.55);}
/* 마킹 계열 배너: 사진 제거 → 네이비 + 레드 브랜드 글로우 */
.sub-visual--mk{background:#0b1730;}
.sub-visual--mk::before{background-image:radial-gradient(circle at 85% 22%,rgba(232,47,36,.5),transparent 46%),linear-gradient(120deg,#0b1730 0%,#132845 58%,#173056 100%);}
.sub-visual--mk::after{background:linear-gradient(180deg,rgba(11,23,48,0) 45%,rgba(9,17,34,.35));}
.sub-visual--mk h1{text-shadow:0 2px 20px rgba(0,0,0,.35);}
/* 자동공급 계열 배너: 사진 제거 → 네이비 + 테크 그리드 */
.sub-visual--auto{background:#0f1c33;}
.sub-visual--auto::before{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 34px),linear-gradient(135deg,#0f1c33 0%,#1c3358 100%);}
.sub-visual--auto::after{background:linear-gradient(180deg,rgba(11,23,48,0) 45%,rgba(9,17,34,.35));}
.sub-visual--auto h1{text-shadow:0 2px 20px rgba(0,0,0,.35);}
/* 제품 카테고리·특장점 넘버 라벨 → 모노 네이비(기술 라벨 통일) */
.pd-intro__cat{font-family:var(--mono);color:var(--point2);text-transform:uppercase;letter-spacing:.08em;}
.feat-row__num{font-family:var(--mono);color:var(--point2);letter-spacing:.08em;}
/* 스펙표 행 라벨(th)에 네이비 악센트 (compare 표는 !important 유지) */
.pd-wrap .spec-table th{color:var(--point2);}
/* 서브 버튼을 메인 .yp-btn과 동일한 감각으로 (라운드 8 + 호버 부양·글로우) */
.pd-wrap .btn{border-radius:8px;transition:transform .22s cubic-bezier(.2,.7,.3,1),background .2s,box-shadow .25s,border-color .2s,color .2s;}
.pd-wrap .btn--point{box-shadow:0 8px 18px -8px rgba(232,47,36,.55);}
.pd-wrap .btn--point:hover{transform:translateY(-2px);box-shadow:0 14px 26px -8px rgba(232,47,36,.55);}
.pd-wrap .btn--line:hover{transform:translateY(-2px);}
/* 모델 익스플로러 활성 항목: 레드 배경으로 강조 (가로 탭바) */
.model-list button.active{position:relative;}

/* ===== 고객지원 허브 (sub0500) ===== */
.sup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.sup-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #ececec;border-radius:16px;padding:38px 30px 32px;overflow:hidden;transition:.3s;}
.sup-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--point);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,.61,.36,1);}
.sup-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,0,0,.1);border-color:transparent;}
.sup-card:hover::before{transform:scaleX(1);}
.sup-card__ico{width:56px;height:56px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:29px;color:var(--point2);background:rgba(34,70,122,.07);transition:.3s;}
.sup-card:hover .sup-card__ico{background:var(--point);color:#fff;}
.sup-card__num{position:absolute;right:26px;top:30px;font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:.06em;color:#d8dde4;}
.sup-card__name{margin:22px 0 0;font-size:26px;font-weight:800;color:#111;letter-spacing:-.02em;}
.sup-card__desc{margin:10px 0 0;font-size:19.5px;color:#777;line-height:1.7;flex:1;}
.sup-card__more{margin-top:20px;font-size:19px;font-weight:700;color:var(--point);display:inline-flex;align-items:center;gap:8px;}
.sup-card__more i{transition:.2s;}
.sup-card:hover .sup-card__more i{transform:translateX(5px);}

/* 빠른 연락 스트립 */
.sup-quick{margin-top:44px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;padding:30px 34px;border-radius:16px;background:linear-gradient(150deg,#28508a 0%,#183056 55%,#132745 100%);color:#fff;}
.sup-quick__txt strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em;}
.sup-quick__txt span{display:block;margin-top:7px;font-size:19px;color:rgba(255,255,255,.72);}
.sup-quick__btns{display:flex;gap:12px;flex-wrap:wrap;}
.sup-quick__btns .btn{border-radius:8px;padding:13px 22px;font-size:20px;font-weight:700;display:inline-flex;align-items:center;gap:9px;transition:.25s;}
.sup-quick__btns .btn--line{border:1px solid rgba(255,255,255,.45);color:#fff;background:transparent;}
.sup-quick__btns .btn--line:hover{background:rgba(255,255,255,.12);border-color:#fff;}

/* ===== 비전 라인업 (sub0105) ===== */
.vs-subhead{font-size:24px;font-weight:800;margin:0 0 14px;color:#111;letter-spacing:-.02em;position:relative;padding-left:14px;}
.vs-subhead::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px;background:var(--point);}
.vs-subhead small{font-weight:600;color:#888;font-size:19px;margin-left:6px;letter-spacing:0;}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.vs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.vs-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #ececec;border-radius:14px;padding:24px 24px 26px;transition:.3s;}
.vs-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.09);border-color:transparent;}
.vs-card__ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:25px;color:var(--point2);background:rgba(34,70,122,.07);}
.vs-card__img{width:100%;aspect-ratio:16/10;background:#f5f6f7;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.vs-card__img img{width:100%;height:100%;object-fit:contain;padding:8px;}
.vs-card h5{margin:2px 0 0;font-size:22px;font-weight:800;color:#111;letter-spacing:-.01em;}
.vs-card p{margin:0;font-size:18.5px;color:#777;line-height:1.65;}
.vs-card b{color:var(--point2);}
@media (max-width:768px){.vs-grid{grid-template-columns:1fr;}}

/* ===== 빈 이미지 플레이스홀더 (사진 준비 중) ===== */
.img-empty{width:100%;aspect-ratio:4/3;min-height:160px;background:#f2f3f5;border:1px solid #e8e9ec;border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#b9bec7;}
.img-empty::before{content:"\f03e";font-family:"FontAwesome";font-size:39px;line-height:1;}
.img-empty span{font-size:17.5px;font-weight:600;letter-spacing:.02em;}
.mk-card__thumb .img-empty,.apply-card__thumb .img-empty,.prod-card__thumb .img-empty{aspect-ratio:auto;height:100%;min-height:100%;border:0;background:transparent;}
.mv-img .img-empty{aspect-ratio:auto;min-height:200px;height:100%;}

/* ===== 적용산업 랜딩 (sub0200) ===== */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.ind-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #ececec;border-radius:16px;padding:32px 26px 28px;overflow:hidden;transition:.3s;}
.ind-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--point);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,.61,.36,1);}
.ind-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,0,0,.1);border-color:transparent;}
.ind-card:hover::before{transform:scaleX(1);}
.ind-card__ico{width:54px;height:54px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;color:var(--point2);background:rgba(34,70,122,.07);transition:.3s;}
.ind-card__ico svg{width:26px;height:26px;display:block;}
.ind-card:hover .ind-card__ico{background:var(--point);color:#fff;}
.ind-card__en{margin-top:20px;font-family:var(--mono);font-size:17px;font-weight:700;letter-spacing:.08em;color:var(--point2);}
.ind-card__name{margin:6px 0 0;font-size:25px;font-weight:800;color:#111;letter-spacing:-.02em;}
.ind-card__desc{margin:10px 0 0;font-size:19px;color:#777;line-height:1.65;flex:1;}
.ind-card__more{margin-top:18px;font-size:18.5px;font-weight:700;color:var(--point);display:inline-flex;align-items:center;gap:7px;}
.ind-card__more i{transition:.2s;}
.ind-card:hover .ind-card__more i{transform:translateX(5px);}
@media (max-width:1024px){.ind-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.ind-grid{grid-template-columns:1fr;}}

/* ===== 고객센터 안내 (sub0504) ===== */
.cs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.cs-card{background:#fff;border:1px solid #ececec;border-radius:16px;padding:34px 26px;text-align:center;transition:.3s;}
.cs-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,0,0,.1);border-color:transparent;}
.cs-card__ico{width:52px;height:52px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;background:var(--point2);}
.cs-card__name{margin:18px 0 0;font-size:20px;font-weight:700;color:#888;letter-spacing:-.01em;}
.cs-card__val{display:block;margin-top:8px;font-size:27px;font-weight:800;color:#111;letter-spacing:-.02em;}
a.cs-card__val:hover{color:var(--point);}
.cs-card__val--sm{font-size:22px;}
.cs-card__desc{margin:12px 0 0;font-size:18.5px;color:#999;line-height:1.6;}

@media (max-width:1024px){
  .sup-grid{grid-template-columns:1fr;}
  .cs-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
  .cs-grid{grid-template-columns:1fr;}
  .sup-quick{flex-direction:column;align-items:flex-start;padding:26px 24px;}
  .sup-quick__btns .btn{width:100%;justify-content:center;}
}

/* ===== 회원가입 폼 안내 문구 ===== */
.frm_guide{margin:8px 0 0;font-size:18px;color:var(--point2);line-height:1.5;}
.frm_guide strong{color:var(--point);font-weight:700;}

/* ===== DC-6S 계란 마킹기 ===== */
.feat-cards.cols4{grid-template-columns:repeat(4,1fr);}
.feat-cards.cols4 .feat-card{padding:34px 24px;}
.feat-cards.cols4 .feat-card p{text-align:left;}
.dc-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.dc-shot{margin:0;border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;}
.dc-shot img{display:block;width:100%;height:200px;object-fit:cover;background:#f5f6f7;}
.dc-shot figcaption{padding:12px 14px;font-size:19px;font-weight:700;color:#333;text-align:center;}
.dc-dim{margin:34px auto 0;max-width:1000px;border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;padding:18px;}
.dc-dim img{display:block;width:100%;}
.dc-dim figcaption{margin-top:10px;text-align:center;font-size:18px;color:#888;}
.dc-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.dc-sample{margin:0;border-radius:14px;overflow:hidden;border:1px solid #eee;background:#fff;}
.dc-sample img{display:block;width:100%;height:300px;object-fit:cover;}
.dc-sample figcaption{padding:14px;text-align:center;font-size:19px;color:#555;}
@media(max-width:1024px){.feat-cards.cols4{grid-template-columns:repeat(2,1fr);}.dc-gallery{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.feat-cards.cols4{grid-template-columns:1fr;}.dc-gallery{grid-template-columns:1fr;}.dc-samples{grid-template-columns:1fr;}.dc-sample img{height:240px;}}