/* AF_MOBILE_V9 — 모바일(768px 이하) 전용. PC 화면에는 영향 없음 */
.afm-only{display:none!important}
/* 빠른 문의 전화 버튼 + 문의 남기기 (PC·모바일 공통) */
#inqForm .afm-row{display:flex;gap:8px;align-items:stretch;margin:0 0 8px}
#inqForm .afm-row > button[type=submit]{flex:1 1 0;width:auto!important;margin:0!important;min-width:0}
#inqForm .afm-row .afm-tel{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:4px;background:#16A36A;color:#fff!important;font-weight:800;font-size:15px;text-decoration:none;white-space:nowrap;padding:0 10px;min-height:50px;letter-spacing:-.2px}
#inqForm .afm-row .afm-tel:hover{background:#12905D}
#inqForm .afm-row .afm-tel .afm-tel-t{font-weight:500;opacity:.9;margin-right:2px}

@media (max-width:768px){
  .afm-only{display:revert!important}
  body{word-break:keep-all;overflow-wrap:break-word}

  /* ---------- 히어로: 메인 문구 + 제품 사진 중심 ---------- */
  body #hero{height:600px!important;min-height:0!important}
  body #hero .slide{flex-direction:column!important}
  body #hero .slide .wrap{position:absolute!important;inset:0!important;width:auto!important;max-width:none!important;left:0!important;
    padding:30px 22px 46px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;z-index:5!important;pointer-events:none}
  body #hero .slide .wrap > *{pointer-events:auto}
  body #hero .slide .wrap .eyebrow,body #hero .slide .wrap .sub{display:none!important}
  body #hero .slide .wrap .h1{font-size:30px!important;line-height:1.22!important;letter-spacing:-1.2px!important;margin:0!important;width:auto!important;max-width:none!important}
  body #hero .slide .wrap .cta{display:flex!important;gap:8px!important;margin:0!important;width:100%!important}
  body #hero .slide .wrap .cta a{flex:1 1 0!important;text-align:center!important;justify-content:center!important;padding:14px 8px!important;font-size:15px!important;border-radius:12px!important;margin:0!important;min-width:0!important}

  body #hero .slide .afh-art{position:absolute!important;left:0!important;right:0!important;top:96px!important;bottom:104px!important;
    width:auto!important;height:auto!important;aspect-ratio:auto!important;margin:0!important;transform:none!important;translate:none!important;z-index:2!important}
  body #hero .slide .afh-art .afh-deco{inset:0!important;width:auto!important;height:auto!important}
  body #hero .slide .afh-art .afh-prod{position:absolute!important;inset:0 -20% 0 -6%!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;translate:none!important;transform:none!important}
  body #hero .slide .afh-art .afh-prod img,body #hero .slide .afh-art .afh-prod .afh-shine{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;
    -webkit-mask-size:contain!important;mask-size:contain!important;-webkit-mask-position:center bottom!important;mask-position:center bottom!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important}
  body #hero .slide .afh-art .afh-medal{width:62px!important;height:auto!important;left:auto!important;right:16px!important;top:0!important;bottom:auto!important}
  body #hero .slide .afh-art .afh-medal svg{width:100%!important;height:auto!important}

  /* 제품명·단가 카드: 투명 유리 */
  body #hero .slide .afh-art .afh-card{left:14px!important;right:auto!important;top:auto!important;bottom:0!important;width:auto!important;min-width:0!important;max-width:58%!important;
    padding:10px 13px!important;border-radius:14px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04))!important;
    border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
    -webkit-backdrop-filter:blur(14px) saturate(140%)!important;backdrop-filter:blur(14px) saturate(140%)!important;
    text-shadow:0 1px 3px rgba(0,0,0,.35)}
  body #hero .slide .afh-art .afh-card .afh-chips{margin-bottom:4px!important}
  body #hero .slide .afh-art .afh-card .afh-chip{text-shadow:none}
  body #hero .slide .afh-art .afh-card .afh-nm{font-size:14.5px!important;line-height:1.3!important;margin:0!important}
  body #hero .slide .afh-art .afh-card .afh-md{font-size:11.5px!important;line-height:1.35!important;margin:2px 0 0!important}
  body #hero .slide .afh-art .afh-card .afh-pr{margin:4px 0 0!important;font-size:12px!important}
  body #hero .slide .afh-art .afh-card .afh-num{font-size:24px!important}

  body #hero .arr{display:none!important}
  body #hero .dots{left:22px!important;right:auto!important;bottom:18px!important;top:auto!important;transform:none!important;width:auto!important}

  /* ---------- USP 4칸 ---------- */
  .usp{padding:0 16px!important;margin-top:-20px!important}
  .usp ul{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;border:0!important}
  .usp li{border:0!important;margin:0!important;padding:0!important}
  .usp li a{display:flex!important;gap:10px!important;align-items:flex-start!important;padding:14px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(13,46,110,.10)!important;height:100%!important}
  .usp li a svg{flex:none!important;width:22px!important;height:22px!important;margin-top:2px}
  .usp li a div{font-size:14px!important;font-weight:700!important;line-height:1.3!important}
  .usp li a small{display:block!important;font-size:12px!important;font-weight:400!important;line-height:1.45!important;margin-top:3px!important}

  /* ---------- 섹션 공통 ---------- */
  .sec.wrap,.sec .wrap,.afBest .afb-in{padding-left:18px!important;padding-right:18px!important}
  .sec-h{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important}
  .sec-h h2,.svc h2,.afBest h2{font-size:24px!important;letter-spacing:-.9px!important;line-height:1.25!important}
  .sec-h .lead{font-size:13.5px!important}
  .sec-h .more{flex:none!important;white-space:nowrap!important;font-size:13px!important}

  /* ---------- 인기 렌탈 상품: 옆으로 넘기는 카드 ---------- */
  #rental{padding-top:40px!important}
  #rental .sec-h .more{font-size:0!important}
  #rental .sec-h .more::after{content:"전체 보기";font-size:13px}
  #featured{display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-padding:0 18px;
    margin:0 -18px!important;padding:4px 18px 10px!important;scrollbar-width:none}
  #featured::-webkit-scrollbar{display:none}
  #featured .card{flex:0 0 80%!important;max-width:80%!important;scroll-snap-align:start;margin:0!important}
  #featured .card .ph{height:180px!important}
  #featured .card .ph img{height:100%!important;width:100%!important;object-fit:contain!important}
  #featured .card .ca{display:flex!important;gap:6px!important}
  #featured .card .ca a{flex:1 1 0!important;font-size:13.5px!important;padding:12px 6px!important;text-align:center!important;white-space:nowrap}

  /* ---------- 렌탈료 하나에 전부 들어 있어요: 2줄 팩트 ---------- */
  #svc{padding:40px 0 36px!important}
  #svc .grid6{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  #svc .it{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:10px!important;background:#fff!important;border:1px solid #E4E8F0!important;border-radius:14px!important;padding:14px 12px!important;margin:0!important;box-shadow:none!important}
  #svc .it .ic{width:36px!important;height:36px!important;border-radius:10px!important;margin:0!important;flex:none}
  #svc .it .ic svg{width:20px!important;height:20px!important}
  #svc .it h3{font-size:14px!important;line-height:1.3!important;margin:0!important;letter-spacing:-.3px}
  #svc .it p{font-size:12px!important;line-height:1.4!important;margin:2px 0 0!important}

  /* ---------- 베스트 렌탈: 2열 ---------- */
  #best{padding-top:36px!important}
  #best .afb-ey{display:none!important}
  #best .afb-in .afb-hd{display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;flex-wrap:nowrap!important}
  #best .afb-in .afb-hd > div{min-width:0;flex:1}
  #best .afb-sub{font-size:13px!important;margin-top:4px!important}
  #best .afb-all{flex:none!important;white-space:nowrap!important;font-size:0!important}
  #best .afb-all::after{content:"전체 보기";font-size:13px}
  #best .afb-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  #best .afb-card{display:flex!important;flex-direction:column!important;padding:10px!important;border-radius:16px!important;min-width:0!important;margin:0!important}
  #best .afb-badge{font-size:10.5px!important;padding:3px 7px!important;align-self:flex-start}
  #best .afb-body{display:flex!important;flex-direction:column-reverse!important;gap:6px!important;flex:1!important}
  #best .afb-img{width:100%!important;height:118px!important;display:grid!important;place-items:center!important;margin:0!important}
  #best .afb-img img{max-height:112px!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
  #best .afb-model{font-size:13.5px!important;line-height:1.4!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
  #best .afb-price{margin:4px 0 0!important;font-size:12px!important}
  #best .afb-price strong{font-size:21px!important}
  #best .afb-spec{display:none!important}
  #best .afb-btn{margin-top:10px!important;padding:10px 4px!important;font-size:12.5px!important;text-align:center!important;border-radius:10px!important;white-space:nowrap}

  /* ---------- 접수 현황 · 빠른 문의: 기본 닫힘 ---------- */
  #inq{padding-top:32px!important}
  #inq .afs-grid{display:flex!important;flex-direction:column!important;gap:12px!important}
  #inq .afm-fold{border:1px solid #E4E8F0!important;border-radius:18px!important;background:#fff!important;padding:0!important;margin:0!important;box-shadow:none!important;overflow:hidden}
  #inq .afm-fold > :not(.afm-fold-h){margin-left:16px!important;margin-right:16px!important}
  #inq .afm-fold:not(.open) > :not(.afm-fold-h){display:none!important}
  #inq .afm-fold.open{padding-bottom:16px!important}
  #inq .afm-fold .afm-hide{display:none!important}
  .afm-fold-h{width:100%;border:0;background:#fff;display:flex!important;align-items:center;gap:10px;padding:16px!important;margin:0!important;text-align:left;cursor:pointer;font:inherit;color:inherit}
  .afm-fold-h .afm-t{flex:1;min-width:0}
  .afm-fold-h b{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:900;letter-spacing:-.5px;color:#16213A}
  .afm-fold-h small{display:block;font-size:12.5px;color:#667085;margin-top:3px;font-weight:400}
  .afm-fold-h .afm-live{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#E03B3B}
  .afm-fold-h .afm-live i{position:relative;width:7px;height:7px;border-radius:50%;background:#E03B3B}
  .afm-fold-h .afm-live i::after{content:"";position:absolute;inset:0;border-radius:50%;background:#E03B3B;animation:afmPulse 1.6s ease-out infinite}
  @keyframes afmPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.4);opacity:0}}
  .afm-fold-h .afm-btn{flex:none;display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:#0B4AB5;background:#E8F0FD;padding:7px 11px;border-radius:999px}
  .afm-fold-h .afm-btn svg{transition:transform .3s}
  .afm-fold.open .afm-fold-h .afm-btn svg{transform:rotate(180deg)}
  .afm-all{display:block!important;text-align:center;font-size:13px;font-weight:700;color:#0B4AB5;margin-top:12px!important}
  #mainStatus{width:100%!important;table-layout:fixed}

  /* ---------- 설치 후기: 옆으로 넘기기 ---------- */
  .rv{display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-padding:0 18px;margin:0 -18px!important;padding:0 18px 8px!important;scrollbar-width:none}
  .rv::-webkit-scrollbar{display:none}
  .rv .r{flex:0 0 64%!important;scroll-snap-align:start;margin:0!important}

  /* ---------- 서비스센터 ---------- */
  #center .sec-h .lead{display:none}
  #center .ctr{display:flex!important;flex-direction:column!important;gap:12px!important}
  #center .map{height:200px!important;min-height:0!important;border-radius:16px!important;overflow:hidden}

  /* ---------- 푸터 ---------- */
  footer .ft{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px 16px!important}
  footer .ft > div:first-child{grid-column:1 / -1}
  footer .ft h4{writing-mode:horizontal-tb!important;white-space:nowrap}
  footer .ft a{writing-mode:horizontal-tb!important;display:block;white-space:normal}
  footer .copy{flex-wrap:wrap;gap:8px}

  /* ---------- v2 추가 ---------- */
  body #hero .slide.s3 .afh-art{top:140px!important}
  body #hero .slide .afh-art .afh-medal{width:52px!important;right:14px!important;top:30px!important}

  /* USP 카드와 인기 상품 구분: 회색 띠 + 간격 */
  .usp{background:linear-gradient(to bottom,transparent 34px,#F1F4F9 34px)!important;padding-bottom:22px!important;margin-bottom:0!important}
  .usp li a{padding:12px!important;box-shadow:0 4px 14px rgba(13,46,110,.08)!important}
  .usp li a div{font-size:13.5px!important}
  .usp li a small{font-size:11.5px!important}
  #rental{padding-top:36px!important;border-top:0!important}

  /* 베스트 렌탈: 좌우 여백 없이 넓게, 높이 줄임 */
  #best{padding:0!important;margin:28px 0 0!important;max-width:none!important}
  #best .afb-in{margin:0!important;padding:26px 10px 22px!important;border-radius:0!important;max-width:none!important;width:auto!important}
  #best .afb-in .afb-hd{padding:0 8px!important;margin-bottom:14px!important}
  #best .afb-sub{display:none!important}
  #best .afb-grid{gap:8px!important}
  #best .afb-card{padding:8px 8px 10px!important;border-radius:12px!important;position:relative!important}
  #best .afb-badge{position:absolute!important;left:8px!important;top:8px!important;z-index:1;margin:0!important}
  #best .afb-img{height:96px!important}
  #best .afb-img img{max-height:92px!important}
  #best .afb-body{gap:4px!important}
  #best .afb-model{font-size:12.5px!important;min-height:2.7em!important}
  #best .afb-price{margin:2px 0 0!important}
  #best .afb-price strong{font-size:18px!important}
  #best .afb-btn{margin-top:8px!important;padding:8px 4px!important;font-size:12px!important}

  /* 복합기 렌탈·프린터 임대 서비스 안내: 팩트만 + 기본 닫힘 */
  #service-guide{padding-top:28px!important}
  #service-guide.afm-fold{padding:0!important}
  #service-guide .afm-guide{border:1px solid #E4E8F0;border-radius:18px;background:#fff;overflow:hidden;margin-bottom:28px}
  #service-guide .afm-guide:not(.open) > :not(.afm-fold-h){display:none!important}
  #service-guide .afm-guide.open{padding-bottom:14px}
  #service-guide .afm-guide > :not(.afm-fold-h){margin-left:16px!important;margin-right:16px!important}
  #service-guide .afm-guide > h2,#service-guide .afm-guide > .ld{display:none!important}
  #service-guide .afm-guide .g{grid-template-columns:1fr!important;gap:0!important}
  #service-guide .afm-guide .c{border:0!important;border-bottom:1px solid #EEF1F6!important;border-radius:0!important;padding:11px 0!important;background:none!important;display:flex;justify-content:space-between;gap:10px;align-items:baseline}
  #service-guide .afm-guide .c:last-child{border-bottom:0!important}
  #service-guide .afm-guide .c h3{font-size:14px!important;margin:0!important;color:#16213A!important}
  #service-guide .afm-guide .c > p{display:none!important}
  #service-guide .afm-guide .c .afm-fact{display:block!important;font-size:12.5px;color:#0B4AB5;font-weight:700;white-space:nowrap;margin:0}
  #service-guide .afm-guide .rg{margin:10px 0 0!important;padding:10px 12px!important;font-size:12.5px!important;line-height:1.6!important}
  #service-guide .afm-guide .rg .afm-rg-long{display:none}

  /* ---------- v3: 메달을 제품 오른쪽 위에 붙이고, HP 9730·9010은 위로 ---------- */
  body #hero .slide.s2 .afh-art .afh-prod,body #hero .slide.s4 .afh-art .afh-prod{bottom:50px!important}
  body #hero .slide .afh-art .afh-medal{top:auto!important;right:18px!important;width:52px!important}
  body #hero .slide.s1 .afh-art .afh-medal{bottom:calc(min(95.7vw,400px)*.941 - 34px)!important}
  body #hero .slide.s2 .afh-art .afh-medal{bottom:calc(50px + min(95.7vw,350px)*.743 - 34px)!important}
  body #hero .slide.s3 .afh-art .afh-medal{bottom:calc(min(95.7vw,356px)*.918 - 34px)!important}
  body #hero .slide.s4 .afh-art .afh-medal{bottom:calc(50px + min(95.7vw,350px)*.664 - 34px)!important}

  /* ---------- v5: 접수 현황·빠른 문의 폭 최대로 + 넘침 수정, 자주 묻는 질문 접힘 ---------- */
  #inq.sec,#inq.wrap{padding-left:8px!important;padding-right:8px!important;max-width:none!important}
  #inq .afs-grid{gap:10px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
  #inq .afm-fold{padding:0 12px!important;border-radius:14px!important;max-width:100%!important;box-sizing:border-box!important}
  #inq .afm-fold.open{padding-bottom:14px!important}
  #inq .afm-fold > :not(.afm-fold-h){margin-left:0!important;margin-right:0!important;max-width:100%!important;box-sizing:border-box!important}
  #inq .afm-fold > .afm-fold-h{margin:0 -12px!important;width:calc(100% + 24px)!important;padding:16px 12px!important;box-sizing:border-box!important}
  #inqForm input:not([type=radio]):not([type=checkbox]),#inqForm textarea,#inqForm select{width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important}
  #inqForm *{box-sizing:border-box}
  #inqForm > div,#inqForm .seg{max-width:100%!important;min-width:0!important}

  #service-guide .afm-faq{border:1px solid #E4E8F0;border-radius:18px;background:#fff;overflow:hidden;margin-bottom:28px}
  #service-guide .afm-faq:not(.open) > :not(.afm-fold-h){display:none!important}
  #service-guide .afm-faq > :not(.afm-fold-h){margin-left:16px!important;margin-right:16px!important}
  #service-guide .afm-faq > h3.fq{display:none!important}
  #service-guide .afm-faq.open{padding-bottom:6px}
  #service-guide .afm-faq details:last-of-type{border-bottom:0!important}

  /* ---------- v6: 카드 제목 한 줄 ---------- */
  /* USP 4칸: 아이콘을 위로 올려 제목 폭 확보 */
  .usp li a{flex-direction:column!important;gap:6px!important;padding:12px 12px 13px!important}
  .usp li a svg{width:20px!important;height:20px!important;margin:0!important;color:#0B4AB5}
  .usp li a div{white-space:nowrap!important;letter-spacing:-.4px!important;font-size:14px!important;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .usp li a small{white-space:normal!important;letter-spacing:-.2px}
  /* 렌탈료 하나에: 아이콘+제목 한 줄, 설명은 아래 전체 폭 */
  #svc .it{grid-template-columns:30px 1fr!important;grid-template-areas:"ic t" "f f"!important;row-gap:6px!important;column-gap:8px!important;padding:12px!important;align-items:center!important}
  #svc .it > .ic{grid-area:ic!important;width:30px!important;height:30px!important;border-radius:9px!important}
  #svc .it > .ic svg{width:17px!important;height:17px!important}
  #svc .it > div:not(.ic){display:contents!important}
  #svc .it h3{grid-area:t!important;white-space:nowrap!important;font-size:13.5px!important;letter-spacing:-.4px!important;overflow:hidden;text-overflow:ellipsis}
  #svc .it p{grid-area:f!important;margin:0!important;font-size:12px!important;letter-spacing:-.2px}
  /* 접힘 제목 한 줄 */
  .afm-fold-h b{white-space:nowrap!important;font-size:16px!important}
  .afm-fold-h small{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}

  /* ---------- v7: 문의 남기기 + 전화 버튼 한 줄 ---------- */
  #inqForm .afm-row{display:flex!important;gap:8px!important;align-items:stretch!important;margin:4px 0 8px!important}
  #inqForm .afm-row > button[type=submit]{flex:1 1 0!important;width:auto!important;margin:0!important;min-width:0!important}
  #inqForm .afm-row .afm-tel{flex:1 1 0!important;display:flex!important;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:#16A36A;color:#fff!important;font-weight:800;font-size:14.5px;text-decoration:none;white-space:nowrap;padding:0 8px;min-height:48px;letter-spacing:-.3px}

  /* ---------- v9: 바로상담 문구 — 좁은 화면에서 2줄 ---------- */
  #inqForm .afm-row .afm-tel{flex:1.25 1 0!important;flex-wrap:wrap;gap:0 5px!important;padding:6px 6px!important;line-height:1.2;text-align:center}
  #inqForm .afm-row .afm-tel svg{width:15px;height:15px}
  #inqForm .afm-row .afm-tel .afm-tel-t{font-size:12.5px}
  #inqForm .afm-row .afm-tel .afm-tel-n{font-size:14.5px}
}

/* FOLDCSS_V1 폴더블·태블릿: 히어로 화살표를 오른쪽 위로(제목 겹침 방지) */
@media (min-width:769px) and (max-width:1279px),(min-width:769px) and (max-width:1600px) and (hover:none){
  .arr{top:14px!important;bottom:auto!important;transform:none!important;width:38px!important;height:38px!important;z-index:6!important}
  .arr.l{left:auto!important;right:60px!important}
  .arr:not(.l){left:auto!important;right:16px!important}
}
/* FOLDCSS_V1 폰: 특징 카드 2열 꽉 채움 */
@media (max-width:768px){
  .usp ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .usp li{display:flex!important;min-width:0!important}
  .usp li > a{flex:1 1 auto!important;width:100%!important;box-sizing:border-box!important;height:100%!important}
}
