/* ============================================================
   2026 국가건강검진 안내 (A4 리플릿 → 반응형 웹페이지)
   폰트 크기: 20260724_8월 건강캠페인 PDF(A4 210×297mm)를
   .ext__sheet 770px 폭에 대응해 맞춤 (1pt ≈ 1.293css-px)
   영역 구성
     1) .ext__hero        머리말 : 배경/인물 이미지 + 타이틀 텍스트 + 인증 마크
     2) .ext__photos      검진 현장 사진 (이미지 전용 영역)
     3) .ext__guide       국민건강보험공단 건강검진 안내 (텍스트 전용)
     4) .ext__checkup     6대 암 검진 대상 (텍스트 전용)
     5) .ext__contact     예약 · 문의 안내 (텍스트 전용)
     6) .ext__reserve     검진 예약 버튼 + 입력폼
     7) .ext__brandbar    병원 워드마크 (텍스트)
   ============================================================ */

   :root{
    --navy:#0848a5;          /* 제목 / 암검진 카드 */
    --navy-dark:#063a8a;
    --blue:#0b7ec2;          /* 라벨 pill */
    --hero-1:#2a7dc3;        /* 머리말 그라데이션 */
    --hero-2:#1a63ab;
    --orange:#ed6000;        /* 강조 텍스트 */
    --orange-line:#ef8032;   /* 폐암 카드 테두리 */
    --yellow:#fff933;        /* 카드 내 연령 강조 */
    --ink:#333333;
    --ink-soft:#555555;
    --line:#dcdcdc;
    --page:#f7f7f5;
    --radius:14px;
    --font:"Pretendard Variable",sans-serif;
  }
  
  .ext__sheet *{box-sizing:border-box;font-family:"Pretendard Variable",sans-serif;}
  html{-webkit-text-size-adjust:100%;overflow-x:hidden;}
  html,body,input,select,textarea,button{
    font-family:"Pretendard Variable",sans-serif;
  }
  /*
  body{
    margin:0;
    overflow-x:hidden;
    color:var(--ink);
    background:#ececeb;
    line-height:1.5;
    word-break:keep-all;
  }
  */
  .ext__sheet .ext__hero__bg{max-width:100%;display:block;}
  
  .ext__sheet{
    max-width:770px;
    margin:0 auto;
    background:linear-gradient(160deg,#fdfdfd 0%,#f6f6f4 55%,#ebece7 100%);
    box-shadow:0 2px 24px rgba(0,0,0,.12);
    overflow:hidden;
  }
  
  /* ---------- 1) 머리말 영역 ---------- */
  .ext__hero{
    position:relative;
    overflow:hidden;
    background:linear-gradient(100deg,var(--hero-2) 0%,var(--hero-1) 60%,#3b8cce 100%);
    isolation:isolate;
  }
  .ext__hero__bg{
    position:absolute;inset:0;
    width:100%;height:100%;
    max-width:none;
    object-fit:cover;object-position:right center;
    opacity:1;
    z-index:-2;
  }
  .ext__hero__model{
    position:absolute;
    right:-2%;bottom:0;
    width:46%;
    max-width:420px;
    z-index:-1;
    pointer-events:none;
  }
  .ext__hero__inner{
    position:relative;
    padding:22px 30px 34px;
    min-height:300px;
  }
  
  /* 인증 마크 */
  .ext__certs{
    display:flex;justify-content:flex-end;gap:22px;
  }
  .ext__cert{display:flex;align-items:center;gap:8px;}
  .ext__cert img{width:auto;height:50px;}
  .ext__cert span{
    color:#fff;font-size:11px;line-height:1.25;letter-spacing:-.02em;
    text-shadow:0 1px 2px rgba(0,0,0,.25);
  }
  .ext__cert b{display:block;font-size:13px;font-weight:700;}
  
  /* 타이틀 — PDF: 2026 ≈ 30.5pt, 국가건강검진 ≈ 61.5pt, 배지 ≈ 22pt */
  .ext__hero__year{
    color:#fff;font-size:clamp(38px,5.2vw,50px);font-weight:600;
    letter-spacing:.04em;margin:0 0 2px;
    text-shadow:0 2px 6px rgba(0,0,0,.18);
  }
  .ext__hero__title{
    color:#fff;font-size:clamp(45px,10.4vw,80px);font-weight:800;
    letter-spacing:-.03em;margin:0 0 18px;line-height:1.05;
    text-shadow:0 3px 10px rgba(0,0,0,.2);
  }
  .ext__hero__badge{
    display:inline-block;
    background-color:#6fcfeb;
    border:1px solid rgba(255,255,255,.55);
    color:#fff;font-size:clamp(20px,3.8vw,29px);font-weight:600;
    letter-spacing:-.02em;
    padding:.42em 1.15em;border-radius:999px;
    backdrop-filter:blur(2px);
  }
  
  /* ---------- 2) 사진 영역 ---------- */
  .ext__photos{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    padding:26px 30px 22px;
  }
  .ext__photos figure{margin:0;}
  .ext__photos img{
    width:100%;object-fit:cover;
    border-radius:6px;
  }
  
  /* ---------- 3) 건강검진 안내 영역 ---------- */
  .ext__guide{padding:6px 30px 0;}
  .ext__sec-title{
    color:var(--navy);font-size:clamp(22px,3.2vw,25px);font-weight:800;
    letter-spacing:-.03em;margin:0 0 14px;line-height:1.2;
  }
  .ext__guide__row{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;}
  .ext__pill{
    flex:0 0 auto;
    background:var(--blue);color:#fff;
    font-size:clamp(16px,2.4vw,18px);font-weight:700;letter-spacing:-.02em;
    padding:.35em 1.1em;border-radius:7px;
    margin-top:2px;
  }
  .ext__guide__body{flex:1 1 300px;min-width:0;}
  .ext__guide__lead{
    color:var(--orange);font-size:clamp(18px,2.5vw,20px);font-weight:800;
    letter-spacing:-.03em;margin:0 0 10px;line-height:1.25;
  }
  .ext__guide__list{list-style:none;margin:0;padding:0 0 0 6px;}
  .ext__guide__list>li{
    display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;
    margin-bottom:7px;font-size:clamp(15px,2.2vw,16px);
    color:var(--ink-soft);letter-spacing:-.02em;
  }
  .ext__guide__list>li::before{
    content:"▪";color:var(--ink);font-size:.8em;line-height:1.6;flex:0 0 auto;
  }
  .ext__guide__list dfn{
    position:relative;
    padding-right:16px;
    font-style:normal;font-weight:700;color:var(--ink);
    flex:0 0 auto;
  }
  
  .ext__guide .ext__guide__list dfn {min-width:8em;}
  
  .ext__guide__list dfn:not(.ext__sub)::after{content:"|"; position:absolute; display:inline-block; right:2px; width:2px; color:#999;}
  .ext__guide__list .ext__sub{display:block;margin-top:4px;}
  .ext__guide__list dl {width:100%; max-width:100%; border:1px solid var(--line); padding:8px; margin-left: 16px; border-radius: 8px; font-size: clamp(12px,2vw,14px); background-color: #fff; box-sizing:border-box;}
  .ext__guide__list dl dt {font-weight:700; margin-bottom:4px;}
  .ext__guide__list dl dd {margin-left:8px;}
  /* ---------- 4) 6대 암 검진 대상 영역 ---------- */
  .ext__checkup{padding:26px 30px 0;}
  .ext__checkup__head{
    display:flex;gap:18px;align-items:flex-start;
    flex-wrap:wrap;margin-bottom:14px;
  }
  .ext__checkup__head h2{
    margin:0;flex:0 0 auto;
    color:var(--navy);font-size:clamp(20px,3.1vw,24px);font-weight:800;letter-spacing:-.03em;
    border-left:5px solid var(--navy);padding-left:9px;line-height:1.2;
  }
  .ext__checkup__note{flex:1 1 260px;min-width:0;}
  .ext__checkup__note p{margin:0;color:var(--orange);letter-spacing:-.03em;}
  .ext__checkup__note .ext__strong{font-size:clamp(15px,2.2vw,17px);font-weight:800;}
  .ext__checkup__note .ext__small{font-size:clamp(14px,2.1vw,16px);font-weight:500;margin-top:2px;}
  
  .ext__cards{
    display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
    list-style:none;margin:0;padding:0;
  }
  .ext__card{
    background:var(--navy);
    border:3px solid var(--navy);
    border-radius:var(--radius);
    padding:14px 10px 13px;
    text-align:center;color:#fff;
  }
  .ext__card--accent{
    /* border-color:var(--orange-line); */
    outline:5px solid var(--orange-line);
  }
  .ext__card h3{
    margin:0 0 6px;font-size:clamp(24px,4.2vw,32px);font-weight:800;letter-spacing:-.03em;
    line-height:1.15;
  }
  .ext__card__target{
    margin:0 0 8px;font-size:clamp(14px,2.5vw,19px);font-weight:500;color:#fff;
    letter-spacing:-.03em;
  }
  .ext__card__target b{color:var(--yellow);font-weight:800;}
  .ext__card__cycle{
    margin:0;padding-top:8px;
    border-top:1px dotted rgba(255,255,255,.45);
    font-size:clamp(16px,2.5vw,19px);font-weight:400;letter-spacing:-.02em;
  }
  
  /* ---------- 5) 예약 · 문의 영역 ---------- */
  .ext__contact{padding:24px 30px 0;}
  .ext__contact__box{
    border:1.5px solid var(--line);
    border-radius:22px;
    background:rgba(255,255,255,.55);
    padding:18px 22px;
  }
  .ext__contact__box ul{list-style:none;margin:0;padding:0;}
  .ext__contact__box li{
    display:flex;gap:7px;
    font-size:clamp(16px,2.3vw,18px);color:var(--ink-soft);letter-spacing:-.03em;
    line-height:1.65;
  }
  .ext__contact__box li+li{margin-top:6px;}
  .ext__contact__box li::before{content:"·";color:var(--ink);flex:0 0 auto;}
  .ext__tag{
    display:inline-block;background:var(--orange);color:#fff;
    font-weight:700;border-radius:5px;padding:.05em .55em;margin:0 .15em;
    white-space:nowrap;
  }
  a.ext__tag{text-decoration:none;}
  
  /* ---------- 6) 검진 예약 ---------- */
  .ext__reserve{padding:22px 30px 0;}
  .ext__reserve__toggle{
    display:flex;align-items:center;justify-content:center;
    width:100%;
    min-height:76px;
    border:0;border-radius:18px;
    background:linear-gradient(180deg,var(--orange) 0%,#d45500 100%);
    color:#fff;
    font:inherit;font-size:clamp(22px,4.4vw,30px);font-weight:800;
    letter-spacing:-.03em;
    cursor:pointer;
    box-shadow:0 8px 22px rgba(237,96,0,.28);
    transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
  }
  .ext__reserve__toggle:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(237,96,0,.34);}
  .ext__reserve__toggle:active{transform:translateY(1px);}
  .ext__reserve__toggle.ext__is-open{
    background:linear-gradient(180deg,var(--navy) 0%,var(--navy-dark) 100%);
    box-shadow:0 8px 22px rgba(8,72,165,.22);
  }
  .ext__reserve__toggle-label{display:inline-flex;align-items:center;gap:10px;}
  .ext__reserve__toggle-label::after{
    content:"▾";
    font-size:.72em;font-weight:700;
    transition:transform .2s ease;
  }
  .ext__reserve__toggle.ext__is-open .ext__reserve__toggle-label::after{transform:rotate(180deg);}
  .ext__reserve__panel{
    margin-top:14px;
    background:#fff;
    border:1.5px solid var(--line);
    border-radius:18px;
    padding:22px 20px 24px;
  }
  .ext__reserve__form{margin:0;}
  .ext__reserve__title{
    margin:22px 0 12px;padding:0;
    color:var(--navy);font-size:clamp(17px,2.6vw,20px);font-weight:800;
    letter-spacing:-.03em;line-height:1.3;
    display:flex;align-items:center;gap:8px;
  }
  .ext__reserve__title:first-child{margin-top:0;}
  .ext__reserve__title::before{
    content:"";flex:0 0 auto;
    width:4px;height:16px;border-radius:4px;background:var(--orange);
  }
  .ext__reserve__field{margin:0 0 16px;}
  .ext__reserve__label{
    display:block;margin:0 0 8px;
    font-size:clamp(14px,2.1vw,16px);font-weight:700;color:var(--ink);
    letter-spacing:-.02em;
  }
  .ext__reserve__label .ext__req,.ext__reserve__check .ext__req{color:#d11a45;font-style:normal;font-weight:800;}
  .ext__reserve__form input[type="text"],
  .ext__reserve__form input[type="tel"],
  .ext__reserve__form select,
  .ext__reserve__form textarea{
    width:100%;
    padding:13px 12px;
    font:inherit;font-size:15px;color:var(--ink);
    background:#fff;
    border:1px solid #cfcfcf;border-radius:8px;
    outline:none;appearance:none;-webkit-appearance:none;
  }
  .ext__reserve__form select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.ext__w3.ext__org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;background-size:16px;
    padding-right:36px;
  }
  .ext__reserve__form textarea{min-height:92px;resize:vertical;}
  .ext__reserve__form input:focus,
  .ext__reserve__form select:focus,
  .ext__reserve__form textarea:focus{
    border-color:var(--blue);
    box-shadow:0 0 0 3px rgba(11,126,194,.12);
  }
  .ext__reserve__radios{display:flex;gap:8px;}
  .ext__reserve__radios input{position:absolute;opacity:0;pointer-events:none;}
  .ext__reserve__radios label{
    flex:1;display:flex;align-items:center;justify-content:center;
    min-height:48px;padding:10px 8px;
    border:1px solid #cfcfcf;border-radius:8px;
    background:#fff;color:var(--ink-soft);
    font-size:15px;font-weight:700;cursor:pointer;
  }
  .ext__reserve__radios input:checked + label{
    border-color:var(--blue);
    background:#e8f4fb;
    color:var(--navy);
  }
  .ext__reserve__radios input:checked + label::before{content:"✔ ";}
  .ext__reserve__inline{display:flex;align-items:center;gap:8px;position:relative;min-width:0;}
  .ext__reserve__form input.ext__reserve__date-native,
  .ext__reserve__date-native{
    position:absolute;
    width:1px;height:1px;padding:0;margin:0;
    overflow:hidden;clip:rect(0,0,0,0);
    white-space:nowrap;border:0;
    pointer-events:none;
  }
  .ext__reserve__date-open{
    display:flex;
    flex:1.4;min-width:0;min-height:48px;
    align-items:center;justify-content:flex-start;
    padding:13px 12px;
    font:inherit;font-size:15px;font-weight:700;color:var(--ink);text-align:left;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.ext__w3.ext__org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230848a5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7V3m8 4V3M5 11h14M6 5h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V7a2 2 0 012-2z'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size:18px;
    border:1px solid #cfcfcf;border-radius:8px;
    cursor:pointer;
  }
  .ext__reserve__inline select,.ext__reserve__inline input[type="tel"]{flex:1;min-width:0;}
  .ext__cal-modal{
    position:fixed;inset:0;z-index:2000;
    display:flex;align-items:center;justify-content:center;
    padding:24px;
  }
  .ext__cal-modal[hidden]{display:none;}
  .ext__cal-modal__backdrop{
    position:absolute;inset:0;
    background:rgba(20,28,40,.48);
  }
  .ext__cal-modal__dialog{
    position:relative;z-index:1;
    width:100%;max-width:420px;
    margin:0;padding:20px 18px 22px;
    background:#fff;
    border:2px solid var(--navy);
    border-radius:16px;
    box-shadow:0 16px 48px rgba(8,72,165,.28),0 0 0 1px #fff;
    outline:4px solid rgba(8,72,165,.12);
  }
  .ext__cal-modal__head{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    margin-bottom:8px;
  }
  .ext__cal-modal__title{
    margin:0;flex:1;text-align:center;
    color:var(--navy);font-size:18px;font-weight:800;letter-spacing:-.03em;
  }
  .ext__cal-modal__nav,
  .ext__cal-modal__close{
    border:0;background:#f3f5f7;color:var(--navy);
    font:inherit;cursor:pointer;
  }
  .ext__cal-modal__nav{
    width:40px;height:40px;border-radius:10px;
    font-size:26px;line-height:1;font-weight:700;
  }
  .ext__cal-modal__close{
    display:block;width:100%;margin:4px 0 12px;
    min-height:40px;border-radius:10px;
    font-size:14px;font-weight:700;
  }
  .ext__cal-modal__week,
  .ext__cal-modal__grid{
    display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;
  }
  .ext__cal-modal__grid{
    padding:8px;
    border:1px solid #c5c9d1;
    border-radius:12px;
    background:#f7f8fa;
  }
  .ext__cal-modal__week{
    margin-bottom:6px;
    text-align:center;font-size:12px;font-weight:700;color:#888;
  }
  .ext__cal-modal__week .ext__is-sun{color:#d11a45;}
  .ext__cal-modal__week .ext__is-sat{color:var(--blue);}
  .ext__cal-modal__grid button{
    min-width:0;width:100%;min-height:44px;padding:0;
    border:0;border-radius:10px;
    background:transparent;color:var(--ink);
    font:inherit;font-size:15px;font-weight:700;cursor:pointer;
    appearance:none;-webkit-appearance:none;
  }
  .ext__cal-modal__grid .ext__is-empty{visibility:hidden;pointer-events:none;}
  .ext__cal-modal__grid .ext__is-sun{color:#d11a45;}
  .ext__cal-modal__grid .ext__is-sat{color:var(--blue);}
  .ext__cal-modal__grid .ext__is-today{box-shadow:inset 0 0 0 1.5px var(--blue);}
  .ext__cal-modal__grid .ext__is-on{background:var(--navy);color:#fff;}
  .ext__cal-modal__grid .ext__is-on.ext__is-sun,
  .ext__cal-modal__grid .ext__is-on.ext__is-sat{color:#fff;}
  .ext__cal-modal__grid .ext__is-off{color:#ccc;cursor:not-allowed;}
  .ext__cal-modal__note{
    margin:12px 0 0;
    color:var(--ink-soft);font-size:12px;font-weight:600;text-align:center;
  }
  /* body.ext__cal-open{overflow:hidden;} */
  .ext__reserve__minute{display:none;flex:1;min-width:0;}
  .ext__reserve__minute.ext__is-on{display:flex;}
  .ext__reserve__sep{flex:0 0 auto;color:#888;}
  .ext__reserve__help{
    margin:10px 0 0;
    color:var(--navy);font-size:13px;font-weight:600;line-height:1.55;
  }
  .ext__reserve__privacy{margin-top:8px;padding-top:6px;border-top:1px dashed var(--line);}
  .ext__reserve__agree-box{
    max-height:120px;overflow:auto;
    margin-bottom:12px;padding:12px 14px;
    border:1px solid var(--line);border-radius:8px;
    background:#f8f8f6;
    font-size:13px;color:var(--ink-soft);line-height:1.6;
  }
  .ext__reserve__agree-box p{margin:0 0 8px;}
  .ext__reserve__agree-box p:last-child{margin:0;}
  .ext__reserve__check{
    display:flex;align-items:flex-start;gap:8px;
    font-size:15px;font-weight:700;cursor:pointer;
  }
  .ext__reserve__check input,
.ext__reserve__check input.ext__reserve__agree-input,
#ext__rs-agree,
#ext__rs-agree[type="checkbox"]{
  all:revert !important;
  box-sizing:border-box !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  display:inline-block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:static !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  float:none !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
  margin:1px 0 0 !important;
  padding:0 !important;
  border:2px solid #0848a5 !important;
  border-radius:4px !important;
  background-color:#fff !important;
  background-image:none !important;
  box-shadow:none !important;
  clip:auto !important;
  clip-path:none !important;
  overflow:visible !important;
  pointer-events:auto !important;
  transform:none !important;
  font-size:16px !important;
  flex:0 0 20px !important;
  cursor:pointer !important;
  z-index:2 !important;
}
#ext__rs-agree[type="checkbox"]:checked,
.ext__reserve__check input.ext__reserve__agree-input:checked{
  background-color:#0b7ec2 !important;
  border-color:#0b7ec2 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:14px 14px !important;
}
  .ext__reserve__submit{
    display:block;width:100%;margin-top:18px;
    min-height:54px;border:0;border-radius:10px;
    background:var(--blue);color:#fff;
    font:inherit;font-size:17px;font-weight:800;
    cursor:pointer;
  }
  .ext__reserve__submit:hover:not(:disabled){background:#0969a3;}
  .ext__reserve__submit:disabled{background:#b0b0b0;cursor:not-allowed;}
  
  /* ---------- 7) 워드마크 ---------- */
  .ext__brandbar{
    padding:30px 30px 34px;
    text-align:center;
    color:#c9c9c9;
    font-size:clamp(15px,3vw,23px);
    font-weight:500;
    letter-spacing:.42em;
    text-indent:.42em;
    white-space:nowrap;
    overflow:hidden;
  }
  
  /* ---------- 반응형 ---------- */
  @media (max-width:768px){
    .ext__reserve__inline{flex-wrap:wrap;}
    .ext__reserve__inline .ext__reserve__date-open{flex:1 1 100%;}
    .ext__cal-modal{
      align-items:flex-end;justify-content:flex-end;
      padding:0;width:100%;max-width:100%;overflow:hidden;
    }
    .ext__cal-modal__dialog{
      display:flex;flex-direction:column;
      width:100%;max-width:100%;
      max-height:100svh;max-height:100dvh;
      overflow:auto;overflow-x:hidden;
      padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));
      border-radius:20px 20px 0 0;
      border-width:2px 0 0;
      outline:none;
      box-shadow:0 -8px 32px rgba(0,0,0,.22);
    }
    .ext__cal-modal__head{margin-bottom:4px;}
    .ext__cal-modal__title{font-size:16px;}
    .ext__cal-modal__nav{width:36px;height:36px;font-size:22px;}
    .ext__cal-modal__close{margin:0 0 8px;min-height:36px;}
    .ext__cal-modal__week{font-size:11px;margin-bottom:4px;gap:2px;}
    .ext__cal-modal__grid{padding:6px;gap:2px;}
    .ext__cal-modal__grid button{
      min-height:0;
      height:auto;
      aspect-ratio:1;
      max-height:44px;
      font-size:14px;
      border-radius:8px;
    }
    .ext__cal-modal__note{
      margin:8px 0 0;
      font-size:11px;
      word-break:keep-all;
    }
  }
  @media (max-width:768px) and (max-height:700px){
    .ext__cal-modal__dialog{padding-top:10px;}
    .ext__cal-modal__grid button{max-height:38px;}
    .ext__cal-modal__close{min-height:32px;margin-bottom:6px;}
  }
  @media (max-height:560px){
    .ext__cal-modal__grid button{max-height:32px;font-size:13px;}
    .ext__cal-modal__note{margin-top:6px;}
  }
  @media (max-width:430px){
    .ext__hero__inner{padding:18px 20px 28px;min-height:min(72vw,320px);}
    .ext__hero__model{width:52%;right:-6%;opacity:1;}
    .ext__certs{gap:12px;}
    .ext__cert img{height:30px;}
    .ext__cert span{font-size:10px;}
    .ext__cert b{font-size:11.5px;}
    .ext__photos,.ext__guide,.ext__checkup,.ext__contact,.ext__reserve{padding-left:20px;padding-right:20px;}
    .ext__reserve__inline{flex-wrap:wrap;}
    .ext__reserve__inline input[type="date"]{flex:1 1 100%;}
    .ext__reserve__inline--phone select{flex:1 1 100%;}
    .ext__reserve__sep{display:none;}
    .ext__reserve__toggle{min-height:68px;}
    .ext__photos,.ext__cards{grid-template-columns:repeat(2,1fr);}
    .ext__guide__list dfn{min-width:7.5em;}
    .ext__guide__list dfn:not(.ext__sub)::after{display: none;}
    .ext__guide__list li > span {padding-left:16px; display:block; width: 100%;}
    .ext__brandbar{letter-spacing:.22em;text-indent:.22em;padding:24px 16px 28px;}
  
    .ext__guide__list>li{flex-wrap:wrap;}
  }
  
  /* ---------- 인쇄 ---------- */
  @media print{
    body{background:#fff;}
    .ext__sheet{box-shadow:none;max-width:none;}
    .ext__cards{grid-template-columns:repeat(3,1fr);}
    .ext__photos{grid-template-columns:repeat(4,1fr);}
  }