/**
 * Sub PC 반응형 — 생태학습선 sec1 전용 (Container Query)
 *
 * 로드 순서: sub-responsive.css(공통 셸) → 이 파일
 * sec1 규칙만 이 파일에 있음 (sec3 수풀로 → sub-supilo-responsive.css)
 */

body.sub-page--sec1-guide.sub-page--pc-responsive .sub-cq-tab {
  container-type: inline-size;
  container-name: sub-tab;
}

body.sub-page--sec1-guide.sub-page--pc-responsive .sub-cq-table {
  container-type: inline-size;
  container-name: sub-table;
}

body.sub-page--sec1-guide.sub-page--pc-responsive .sub-cq-map {
  container-type: inline-size;
  container-name: sub-map;
}

body.sub-page--sec1-apply.sub-page--pc-responsive .sub-cq-tab {
  container-type: inline-size;
  container-name: sub-tab;
}

body.sub-page--sec1-apply.sub-page--pc-responsive .sub-cq-apply {
  container-type: inline-size;
  container-name: sub-apply;
}

body.sub-page--sec1-check.sub-page--pc-responsive .sub-cq-tab {
  container-type: inline-size;
  container-name: sub-tab;
}

body.sub-page--sec1-check.sub-page--pc-responsive .sub-cq-check {
  container-type: inline-size;
  container-name: sub-check;
}
/* ══════════════════════════════════════
   3. @container sub-main — sec1-guide (1280 · 900 · 768 · 451)
   ══════════════════════════════════════ */
@container sub-main (max-width: 1280px) {
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-guide-txt-first {
    gap: 48px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-guide-txt-first .right img {
    max-height: 180px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-title {
    font-size: clamp(24px, 4.0625cqi, 52px);
    line-height: 1.5;
  }
}

@container sub-main (max-width: 900px) {
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-tab__prev,
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-tab__next {
    display: none;
  }
}

@container sub-main (max-width: 768px) {
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-title-wrap.pt10.m-bottom {
    padding-top: 40px;
  }

  /* sub-mobile.css 450px — sub-title */
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-title,
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-title.m10 {
    font-size: 24px;
    margin-bottom: 0;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-nav-wrap-bottom {
    height: 60px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-nav-wrap-bottom-nav li a {
    font-size: 14px;
    font-weight: 400;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-nav-wrap-bottom-nav li.active a {
    font-weight: 700;
  }
}

@container sub-main (max-width: 451px) {
  body.sub-page--sec1-guide.sub-page--pc-responsive .m-br-block {
    display: block;
  }

  /* intro */
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-guide-txt-first {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-guide-txt-first .right {
    display: none;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-guide-txt-first::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 82px;
    height: 82px;
    background: url("../img/sub/sec1-guide-icon01.png") no-repeat center / contain;
    transform: none;
    pointer-events: none;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-lead {
    font-size: 14px;
    line-height: 1.5;
  }

  /* button · contact */
  body.sub-page--sec1-guide.sub-page--pc-responsive .set_btn_center,
  body.sub-page--sec1-guide.sub-page--pc-responsive .set_btn_center.m60 {
    margin-bottom: 30px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .btn.type1.green {
    width: fit-content;
    height: 50px;
    padding: 13px 30px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .btn.type1.green.w280 {
    width: 100%;
    max-width: none;
  }
}

/* ══════════════════════════════════════
   3b. @container sub-hero — 히어로 (1280 · 451)
   ══════════════════════════════════════ */
@container sub-hero (max-width: 1280px) {
  body.sub-page--pc-responsive .sub-cq-hero {
    --sub-hero-nav-size: clamp(36px, 4cqi, 44px);
    --sub-hero-title-size: clamp(20px, 2.8125cqi, 36px);
    --sub-hero-nav-offset: clamp(12px, 2cqi, 20px);
  }

  body.sub-page--pc-responsive .sub-cq-hero .main-station-sub-inner.container14 {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  /* 1280→450px, 450뷰→160px — aspect-ratio로 너비 대비 높이 유지 (960/450 = 1280에서 450px) */
  body.sub-page--pc-responsive .sub-hero-swiper {
    overflow: hidden;
    width: 100%;
    height: auto;
    aspect-ratio: 960 / 450;
    min-height: 160px;
    max-height: 450px;
  }

  body.sub-page--pc-responsive .sub-hero-swiper .swiper-wrapper,
  body.sub-page--pc-responsive .sub-hero-swiper .swiper-slide {
    height: 100%;
  }

  body.sub-page--pc-responsive .sub-hero-slide {
    border-radius: 0;
    height: 100%;
  }

  body.sub-page--pc-responsive .swiper-slide-active .sub-hero-slide-dim {
    background: rgba(0, 91, 171, 0.4);
  }

  body.sub-page--pc-responsive .swiper-slide:not(.swiper-slide-active) .sub-hero-slide-dim {
    background: rgba(0, 0, 0, 0.55);
  }

  body.sub-page--pc-responsive .sub-hero-swiper .swiper-slide-active img,
  body.sub-page--pc-responsive .sub-hero-swiper .swiper-slide:not(.swiper-slide-active) img,
  body.sub-page--pc-responsive .sub-hero-swiper.sub-hero-is-dragging .swiper-slide img {
    width: 100%;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover;
    transition: none !important;
  }

  body.sub-page--pc-responsive .sub-hero-overlay {
    gap: 8px;
  }

  body.sub-page--pc-responsive .sub-hero-overlay h2 {
    font-size: var(--sub-hero-title-size);
  }

  body.sub-page--pc-responsive .sub-hero-prev {
    left: var(--sub-hero-nav-offset);
  }

  body.sub-page--pc-responsive .sub-hero-next {
    right: var(--sub-hero-nav-offset);
  }

  body.sub-page--pc-responsive .sub-hero-nav,
  body.sub-page--pc-responsive .share-btn {
    width: var(--sub-hero-nav-size);
    height: var(--sub-hero-nav-size);
  }

  body.sub-page--pc-responsive .share-btn img {
    width: 16px;
    height: 17px;
  }
}

@container sub-hero (max-width: 451px) {
  /* sub-mobile.css 450px와 동일 (vw 기준) */
  body.sub-page--pc-responsive .sub-cq-hero {
    --sub-hero-nav-size: 8vw;
    --sub-hero-title-size: 5vw;
    --sub-hero-nav-offset: 3vw;
  }

  body.sub-page--pc-responsive .sub-hero-swiper {
    aspect-ratio: auto;
    height: 160px;
    min-height: 160px;
    max-height: 160px;
  }

  body.sub-page--pc-responsive .sub-hero-prev {
    left: 3vw;
  }

  body.sub-page--pc-responsive .sub-hero-next {
    right: 3vw;
  }

  body.sub-page--pc-responsive .sub-hero-nav,
  body.sub-page--pc-responsive .share-btn {
    width: 8vw;
    height: 8vw;
  }

  body.sub-page--pc-responsive .sub-hero-overlay h2 {
    font-size: max(13px, 5vw);
  }
}

/* ══════════════════════════════════════
   4. @container sub-tab — 탭: sub-responsive.css 공통
   ══════════════════════════════════════ */

/* ══════════════════════════════════════
   5. @container sub-table — 2열 ↔ 스택 (1280 · 900 · 768)
   ══════════════════════════════════════ */
@container sub-table (min-width: 769px) and (max-width: 1280px) {
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table th {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    padding: 32px 0;
    font-size: 20px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table td {
    padding: 32px 0 32px 48px;
    font-size: 16px;
    line-height: 1.7;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic th .small {
    font-size: 14px;
    font-weight: 400;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table-line__body {
    font-size: 16px;
  }
}

@container sub-table (min-width: 769px) and (max-width: 900px) {
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table th {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    font-size: 16px;
    padding: 24px 0;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table td {
    padding: 24px 0 24px 20px;
    font-size: 14px;
  }
}

/* MO 스택 — 768px↓ (500px 등 viewport에서 container>451 dead zone 방지, sub-mobile.css 450px와 동일) */
@container sub-table (max-width: 768px) {
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-cq-table.container14 {
    margin-bottom: 30px;
  }

  /* 체험정보 */
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup,
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody,
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody > tr,
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody > tr > th,
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody > tr > td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody {
    padding: 30px 0;
    background: #fff;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody > tr > th,
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody > tr > td {
    padding-left: 20px;
    padding-right: 20px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody:nth-of-type(odd) {
    background: #fafafa;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody:last-of-type {
    border-bottom: 1px solid rgba(36, 36, 36, 0.1);
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody.sub-table-row--fill::before {
    display: none;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody > tr > th {
    min-width: 0;
    max-width: none;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody > tr > th::after {
    content: "";
    display: block;
    width: 20px;
    height: 5px;
    border-radius: 10px;
    background: var(--Light-blue, #1BACE4);
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table.sub-table--sup > tbody > tr > td {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 1.5;
  }

  /* 교통정보 */
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic,
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic tbody,
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic tr,
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic th,
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic tbody {
    padding: 24px 0;
    background: #fff;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic tbody:nth-of-type(odd) {
    background: #fafafa;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic tbody:nth-of-type(even) {
    background: #fff;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic tbody:last-of-type {
    border-bottom: 1px solid rgba(36, 36, 36, 0.1);
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic tbody.sub-table-row--fill::before {
    display: none;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic th,
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic td {
    padding-left: 20px;
    padding-right: 20px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic th {
    position: relative;
    min-width: 0;
    max-width: none;
    width: 100%;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 25px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic th .small {
    font-size: 14px;
    font-weight: 400;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic th::after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: -6px;
    display: block;
    width: 14px;
    height: 4px;
    border-radius: 10px;
    background: var(--color-logo-lightBlue, #1bace4);
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic td {
    padding: 0 20px;
    font-size: 14px;
    line-height: 1.5;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic .sub-table-line {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic .sub-table-line:last-child {
    margin-bottom: 0;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table--traffic .sub-table-line__body {
    font-size: 14px;
    line-height: 1.5;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-table-num {
    width: 18px;
    height: 18px;
    font-size: 13px;
  }
}

/* ══════════════════════════════════════
   6. 지도+주소 — MO 레퍼런스: sub.css .sub-page--mo + sub-mobile.css 450px
      950↓  지도 위 / 주소·링크 아래 (세로 스택)
      451↓  sub-mobile.css 450px vw
   ══════════════════════════════════════ */

/* 1280↓ — 가로 배치 유지, 타이포·여백만 스케일 */
@container sub-map (max-width: 1280px) {
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map {
    margin-bottom: clamp(48px, 5.46875cqi, 70px);
    border-radius: clamp(8px, 0.78125cqi, 10px);
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__canvas {
    min-height: clamp(320px, 39.0625cqi, 500px);
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__info {
    padding: clamp(40px, 4.6875cqi, 60px) clamp(24px, 2.34375cqi, 30px);
    gap: clamp(24px, 2.5cqi, 32px);
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__info::before {
    right: clamp(24px, 4.6875cqi, 60px);
    bottom: clamp(80px, 10.9375cqi, 140px);
    width: clamp(117px, 14.0625cqi, 180px);
    height: clamp(117px, 14.0625cqi, 180px);
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__addr dt {
    font-size: clamp(18px, 1.875cqi, 24px);
    font-weight: 700;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__addr-row .font-18r {
    font-size: clamp(14px, 1.40625cqi, 18px);
    line-height: 1.5;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__addr-row strong.font-18b {
    font-size: clamp(14px, 1.40625cqi, 18px);
    width: clamp(38px, 4.21875cqi, 54px);
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__link {
    height: auto;
    font-size: clamp(14px, 1.25cqi, 16px);
    padding: clamp(13px, 1.09375cqi, 14px) clamp(18px, 1.40625cqi, 18px);
  }
}

/* 950↓ — sub.css MO 세로 스택 (flex:1 캔버스가 info를 밀어내 overflow 잘림 방지) */
@media (max-width: 950px) {
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    margin-bottom: 48px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__canvas {
    flex: 0 0 auto;
    order: 1;
    width: 100%;
    min-width: 0;
    min-height: 320px;
    max-height: none;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__info {
    flex: 0 0 auto;
    order: 2;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: 40px 24px;
    gap: 32px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__info::before {
    right: 24px;
    bottom: 80px;
    width: 120px;
    height: 120px;
  }
}

/* 768↓ — sub-mobile.css 450px px (451 redirect 직전 브릿지) */
@media (max-width: 768px) {
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map {
    margin-bottom: 48px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__canvas {
    min-height: 300px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__info {
    padding: 30px 20px;
    gap: 30px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__info::before {
    right: 40px;
    bottom: 105px;
    width: 117px;
    height: 117px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__addr dt {
    font-size: 18px;
    font-weight: 700;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__addr-row .font-18r {
    font-size: 14px;
    line-height: 1.5;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__addr-row strong.font-18b {
    font-size: 14px;
    width: 38px;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__addr-row strong.font-18b.space {
    justify-content: space-between;
  }

  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map__link {
    height: auto;
    font-size: 14px;
    padding: 13px 30px;
  }
}

/* 451↓ — sub-mobile.css 450px vw */
@media (max-width: 451px) {
  body.sub-page--sec1-guide.sub-page--pc-responsive .sub-traffic-map {
    margin-bottom: 6vw;
  }
}

/* ══════════════════════════════════════
   7. sec1-apply — 체험신청 (1280 · 900 · 768 · 451)
   ══════════════════════════════════════ */
@container sub-main (max-width: 768px) {
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-title-wrap.apply-mo-pt {
    padding-top: 40px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-nav-wrap-bottom {
    height: 60px;
  }

  /* MO: .sub-page--mo .sub-nav-wrap-bottom-nav ul { gap: 20px } — --apply gap:0 보다 우선 */
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-nav-wrap-bottom-nav--apply ul {
    gap: 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-nav-wrap-bottom-nav--apply li a {
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    padding-right: 15px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-nav-wrap-bottom-nav--apply li.active a {
    font-weight: 700;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-tablist__arrow {
    height: 60px;
    line-height: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-tablist__arrow svg {
    display: block;
    width: 30px;
    height: 60px;
  }
}



@container sub-apply (max-width: 1280px) {
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-body.m70 {
    margin-top: clamp(30px, 5.46875cqi, 70px);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-panel {
    padding: clamp(20px, 2.34375cqi, 30px);
    margin-bottom: clamp(30px, 5.46875cqi, 70px);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice__title {
    font-size: clamp(18px, 1.875cqi, 24px);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice__text,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice__text.is-accent {
    font-size: clamp(14px, 1.25cqi, 16px);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row {
    gap: clamp(24px, 10.9375cqi, 140px);
    padding: clamp(24px, 3.125cqi, 40px) clamp(20px, 4.6875cqi, 60px);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row__label {
    gap: clamp(24px, 10.9375cqi, 140px);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row__title {
    font-size: clamp(18px, 1.875cqi, 24px);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row__sub {
    font-size: clamp(14px, 1.25cqi, 16px);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .sub-cal-head__month-num {
    font-size: clamp(24px, 2.5cqi, 32px);
  }

  /* 동승자 — nowrap, input/label flex-shrink (PC sub.css flex-wrap:wrap · 고정 width 무력화) */
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-row,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-row--head {
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    min-width: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-label {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-label:nth-child(2) {
    flex: 0 1 80px;
    max-width: 80px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields .sub-apply-reg__input--guest-name,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields .sub-apply-reg__input--guest-rel {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields .sub-apply-reg__input--guest-age {
    flex: 0 1 80px;
    min-width: 0;
    width: auto;
    max-width: 80px;
  }
}

@container sub-apply (max-width: 900px) {  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-panel__cols {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  /* MO HTML 순서(유의사항 → 달력) — PC markup은 달력 먼저라 order로 보정 */
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice {
    order: 1;
    max-width: initial;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-panel__cal {
    order: 2;
    max-width: none;
    padding-right: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .con_calendar {
    max-width: none;
    cursor: grab;
    touch-action: pan-y;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .con_calendar.is-cal-dragging,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .tb_calendar.is-cal-dragging {
    touch-action: none;
  }

  /* 3단계 — panel head/body 가로 → 세로 */
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__panel {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__panel-head {
    flex: none;
    width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__item-body {
    flex-direction: column;
    gap: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__line {
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0;
  }
}

@container sub-apply (max-width: 768px) {
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-body {
    width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-body.m70 {
    margin-top: 30px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top.frm_choice {
    margin-bottom: 30px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-panel {
    padding: 30px 20px;
    margin-bottom: 30px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .sub-cal-head {
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
    margin-bottom: 10px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .sub-cal-head__month-num {
    font-size: 28px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .sub-cal-head__year {
    font-size: 16px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .sub-cal-head__arrow {
    width: 36px;
    height: 36px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .sub-cal-head__hint {
    width: 100%;
    font-size: 13px;
    text-align: center;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .tb_calendar {
    height: 520px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .tb_calendar th {
    font-size: 14px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .tb_calendar td {
    padding: 10px;
    height: 80px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .sub-cal-slot__btn {
    width: 100%;
    min-width: fit-content;
    height: 30px;
    border-radius: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .sub-cal-slot__count {
    display: none;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice {
    width: 100%;
    padding: 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice::before {
    top: 40px;
    right: 40px;
    width: 115px;
    height: 115px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice__head.m40 {
    margin-bottom: 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice__title {
    font-size: 18px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice__list {
    gap: 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice__list > li::before {
    width: 18px;
    height: 18px;
    font-size: 13px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice__text,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice__text.is-accent {
    font-size: 14px;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice__contact li {
    font-size: 14px;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-bottom {
    padding-left: 0;
    padding-right: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-bottom.m60 {
    margin-top: 30px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row {
    flex-direction: column;
    gap: 0;
    padding: 30px 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row__label {
    flex-direction: column;
    gap: 25px;
    width: 100%;
    overflow: visible;
    margin-bottom: 5vw;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row__title {
    padding-bottom: 12px;
    font-size: 18px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row__sub {
    font-size: 14px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row__body {
    width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-time-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    min-height: 0;
    margin-bottom: 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-time-pill {
    width: 100%;
    min-width: 0;
    min-height: 50px;
    padding: 13px 20px;
    border-radius: 5px;
    border-width: 1px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-time-pill__text {
    font-size: 16px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-time-item__info {
    font-size: 14px;
    padding-left: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row .sub-apply-time-note {
    font-size: 13px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-left .top {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-fields {
    flex-wrap: nowrap;
    gap: 16px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-field__input {
    width: 40px;
    height: 35px;
    font-size: 14px;
    font-weight: 700;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-field__label,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-field__unit,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-total {
    font-size: 14px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-total {
    font-weight: 700;
    margin-bottom: 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-tip {
    font-size: 13px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-line {
    margin: 16px 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-right {
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-type-tab {
    width: 100%;
    padding: 13px 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-type-tab__text {
    font-size: 16px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-type-tab__note,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-download-notice {
    font-size: 13px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-right__body .sub-apply-download-btn {
    width: 100%;
    min-height: 50px;
    font-size: 16px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-download-btn.m60 {
    display: flex;
    justify-content: center;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-next-btn {
    width: fit-content;
    height: 50px;
    padding: 13px 30px;
    gap: 20px;
    border-radius: 10px;
    font-size: 16px;
  }
}

@container sub-apply (max-width: 451px) {
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .sub-cal-head__nav {
    gap: 4vw;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .sub-cal-head__month-num {
    font-size: max(13px, 7vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .sub-cal-head__year {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .tb_calendar th {
    height: 9vw;
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-top .sub-cal-slot__num {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice::before {
    top: 9vw;
    right: 9vw;
    width: 26vw;
    height: 26vw;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-notice__contact li {
    padding-left: 3vw;
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-bottom__panel {
    gap: 4vw;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row__title {
    font-size: max(13px, 5vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row__sub {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-form-row .sub-apply-time-note {
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-fields {
    gap: 4vw;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-sep {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-field__label,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-field__unit,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-total {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-tip {
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-line {
    margin: 4vw 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-count-right {
    gap: 4vw;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-type-tab__text {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-type-tab__note,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-download-notice {
    font-size: max(13px, 3vw);
  }

  /* 2단계 — 학습선 신청 폼 vw */
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__title {
    font-size: max(13px, 5vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant th {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__input,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__select-native {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-label {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields .sub-apply-reg__input {
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-label {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-desc,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__agree-q,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__radio {
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__submit .sub-apply-next-btn {
    font-size: max(13px, 4vw);
  }
}

/* ── 일정·인원 확인 팝업 (#popChoice) — sub-mobile.css .sub-apply-modal--mo @450px ── */
@media (max-width: 810px) {
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal {
    padding: 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__panel {
    width: 100%;
    max-width: 350px;
    padding: 30px 20px;
    border-radius: 10px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__title {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__summary {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__box {
    flex: 0 0 auto;
    min-width: 0;
    border-radius: 8px;
    overflow: hidden;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__box--date {
    width: 100%;
    max-width: 180px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__box--time {
    width: 100%;
    max-width: 120px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__box--count {
    width: 100%;
    max-width: none;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__box-label {
    padding: 10px 8px;
    font-size: 14px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__box-value {
    padding: 12px 8px;
    font-size: 14px;
    line-height: 1.4;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__actions {
    gap: 10px;
  }
}

@media (max-width: 451px) {
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal {
    padding: 5vw;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__box {
    border-radius: 2vw;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__box-label {
    padding: 2vw 1vw;
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__box-value,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__box--count .sub-apply-modal__box-value {
    padding: 3vw 1vw;
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-modal__actions {
    gap: 2vw;
  }
}

/* ══════════════════════════════════════
   8. sec1-apply — 2단계 (.sub-apply-reg) (810 · 451)
      MO 레퍼런스: sub-mobile.css .sub-apply-reg-mo @450px
   ══════════════════════════════════════ */

/* 810↓ — sub-apply-reg 전체 MO px (sub-mobile.css 946–1259) */
@media (max-width: 810px) {
  body.sub-page--sec1-apply.sub-page--pc-responsive .main-station-sub:has(.sub-apply-reg){
    overflow: visible;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-panel-wrap[data-sub-panel="apply"] .sub-apply-reg{
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__sections{
    margin-bottom: 30px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__section{
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 30px 20px;
    margin-bottom: 10px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__sections .sub-apply-reg__section:last-child{
    margin-bottom: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__head{
    flex: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__body{
    width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__title{
    display: inline-block;
    margin: 0;
    padding-bottom: 12px;
    font-size: 18px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__title::after{
    width: 14px;
    height: 4px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__sub{
    margin: 0;
    font-size: 14px;
  }

  /* 신청자 정보 — table → stack */
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant tbody,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant tr,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant th,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant td{
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant tr{
    margin-bottom: 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant tr:last-child{
    margin-bottom: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant th{
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant td{
    padding: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant tr.sub-apply-reg__row--gap-b th,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant tr.sub-apply-reg__row--gap-b td{
    padding-bottom: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__cell--auth,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__cell--field{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__cell--auth{
    flex-direction: row;
    align-items: center;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__cell--name-done{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__input--name{
    flex: 1;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__input,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__select-native{
    width: 100%;
    max-width: 120px;
    height: 35px;
    font-size: 16px;
    box-sizing: border-box;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__select-btn{
    height: 35px;
    font-size: 16px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__input--wide{
    width: 100%;
    max-width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__tel{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__select-wrap--tel{
    width: 80px;
    flex-shrink: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__tel .sub-apply-reg__input{
    flex: 1;
    min-width: 0;
    width: auto;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__auth-btn{
    width: fit-content;
    height: 35px;
    font-size: 16px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__auth-msg{
    font-size: 14px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg .sub-apply-reg__cell--field .sub-apply-reg__hint{
    flex: none;
    min-width: 0;
    font-size: 14px;
  }

  /* 동승자 */
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__section--guest{
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__section--guest .sub-apply-reg__head{
    flex: none;
    width: 100%;
    padding-top: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-box{
    width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-row{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    min-width: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-row--head{
    flex-wrap: nowrap;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-label{
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-label:nth-child(2){
    flex: 0 1 80px;
    max-width: 80px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields .sub-apply-reg__input--guest-name,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields .sub-apply-reg__input--guest-rel{
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    height: 35px;
    padding: 0 8px;
    font-size: 14px;
    box-sizing: border-box;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields .sub-apply-reg__input--guest-age{
    flex: 0 1 80px;
    min-width: 0;
    width: auto;
    max-width: 80px;
    height: 35px;
    padding: 0 8px;
    font-size: 14px;
    box-sizing: border-box;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields .sub-apply-reg__input--guest-age::placeholder,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields .sub-apply-reg__input--guest-rel::placeholder{
    font-size: 13px;
  }

  /* 개인정보 수집 동의 · 체험 신청 안내사항 — MO block */
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__section.pd-bt-none{
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    margin-bottom: 10px;
  }

body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__section-inner{
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__section.pd-bt-none .sub-apply-reg__head{
    flex: none;
    width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-list{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-item{
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }

  /* MO: m10 / terms-item--last — 약관 목록 ↔ 동의 bar 사이 10px */
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__section.pd-bt-none .sub-apply-reg__terms-list > .sub-apply-reg__terms-item:last-child{
    margin-bottom: 10px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-item.forth{
    margin-bottom: 10px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-bullet{
    flex-shrink: 0;
    width: 4px;
    height: 4px;
    margin-top: 8px;
    border-radius: 50%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-line,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-line--stack,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-line--stack.forth{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-label{
    font-size: 16px;
    font-weight: 700;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-desc{
    font-size: 14px;
    font-weight: 400;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__section > .sub-apply-reg__agree--bar,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-box > .sub-apply-reg__agree--bar{
    width: auto;
    margin: 0 -20px -30px;
    padding: 20px 0;
    background: #e2eaed;
    text-align: center;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__agree--bar{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    min-height: 0;
    height: auto;
    border-radius: 0 0 10px 10px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__agree{
    flex-direction: column;
    height: auto;
    gap: 16px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__agree-q{
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__radios{
    display: flex;
    justify-content: center;
    gap: 24px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__radio{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__radio-mark{
    flex-shrink: 0;
    width: 18px;
    height: 18px;
  }

  /* 제출 */
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__submit{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__submit.m60{
    margin-top: 30px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__submit .sub-apply-next-btn{
    max-width: none;
    height: 50px;
    padding: 13px 30px;
    font-size: 16px;
  }
}

/* 451↓ — 2단계 폼 vw (sub-mobile.css 450px 브릿지, @container sub-apply 451px 보조) */
@media (max-width: 451px) {
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__title{
    font-size: max(13px, 5vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-table--reg-applicant th{
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__input,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__select-native,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__auth-btn,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__auth-msg{
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__cell--field .sub-apply-reg__hint{
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-label{
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields .sub-apply-reg__input{
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__guest-fields .sub-apply-reg__input::placeholder{
    font-size: max(13px, 2.67vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-label{
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__terms-desc,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__agree-q,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__radio{
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-reg__submit .sub-apply-next-btn{
    font-size: max(13px, 4vw);
  }
}

/* ══════════════════════════════════════
   9. sec1-apply — 3단계 (.sub-apply-complete) (810 · 451)
      MO 레퍼런스: sub-mobile.css .sub-apply-complete @450px
   ══════════════════════════════════════ */

@media (max-width: 810px) {
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-panel-wrap[data-sub-panel="complete"] .sub-apply-complete{
    width: 100%;
    box-sizing: border-box;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete.m60{
    margin-top: 30px;
    margin-bottom: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__hero,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__hero.m70{
    gap: 20px;
    margin-bottom: 30px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__icon{
    width: 120px;
    height: 120px;
    padding: 0;
    box-shadow: 0 0 24px 0 rgba(146, 201, 111, 0.8);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__icon-ring{
    width: 100px;
    height: 100px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__icon img{
    width: 50px;
    height: 50px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__title{
    font-size: 20px;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__title i{
    font-style: normal;
    font-weight: 700;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__panel,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__panel.m20,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__panel.m60{
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 30px 20px;
    margin-top: 0;
    margin-bottom: 10px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__panel.m60{
    margin-bottom: 40px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__panel-head{
    flex: none;
    width: 100%;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__panel-title{
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__panel-title::after{
    width: 14px;
    height: 4px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__list{
    gap: 20px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__item{
    gap: 5px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__bullet{
    width: 4px;
    height: 4px;
    margin-top: 8px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__item-body{
    flex-direction: column;
    gap: 0;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__item-label{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__sublist{
    gap: 0;
    font-size: 14px;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__line{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__line-label{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__line > span{
    font-size: 14px;
    line-height: 1.5;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__actions{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-bottom: 30px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__btn{
    flex: none;
    width: 100%;
    max-width: 270px;
    height: 50px;
    padding: 0 20px;
    font-size: 16px;
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__btn img{
    width: 18px;
    height: auto;
  }
}

@media (max-width: 451px) {
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__title{
    font-size: max(13px, 5vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__panel-title{
    font-size: max(13px, 5vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__item-label,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__line-label{
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__sublist,
  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__line > span{
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__btn{
    font-size: max(13px, 4vw);
  }
}

/* sec1-apply — 신청완료 「체험신청 확인/취소 바로가기」 (생태학습선 green) */
body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__btn--go {
  background: #92c96f;
}
/* sec1-apply — 신청완료 「체험신청 확인/취소 바로가기」 (생태학습선 green) */
body.sub-page--sec1-apply.sub-page--pc-responsive .sub-apply-complete__btn--go {
  background: #92c96f;
}
/* ══════════════════════════════════════
   10. sec1-check — 체험신청 확인/취소 (1400 · 1080 · 810 · 451)
   ══════════════════════════════════════ */
@container sub-main (max-width: 768px) {
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-title-wrap.apply-mo-pt {
    padding-top: 40px;
  }
}

/* container14(95%) + 패널헤드 200px — 1060px 테이블이 1400px부터 넘침 → 가로스크롤 */
@media (max-width: 1400px) {
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result .sub-check__panel:has(.sub-check-history) {
    gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 0;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result .sub-check__panel-body:has(.sub-check-history) {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #d7d7d7 transparent;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history::-webkit-scrollbar {
    height: 6px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history::-webkit-scrollbar-track {
    background: transparent;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history::-webkit-scrollbar-thumb {
    min-width: 60px;
    border-radius: 10px;
    background: #d7d7d7;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table {
    width: 1060px;
    min-width: 1060px;
    max-width: none;
    table-layout: fixed;
  }
}

/* 상세보기 팝업 — 811~1080px 태블릿 (PC 패널 축소) */
@media (max-width: 1080px) and (min-width: 811px) {
  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__panel {
    width: calc(100vw - 40px);
    max-width: 720px;
    padding: clamp(30px, 5vw, 60px);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__title {
    margin-bottom: clamp(20px, 3vw, 40px);
    font-size: clamp(16px, 2vw, 18px) !important;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__summary {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: clamp(20px, 3vw, 40px);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box--name,
  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box--schedule,
  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box--count {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
  }
}

@container sub-check (max-width: 1080px) {
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__panel,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__panel {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__panel-head,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__panel-head {
    flex: none;
    width: 100%;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__panel-body {
    flex: none;
    width: 100%;
    min-width: 0;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__intro {
    margin-bottom: clamp(30px, 5vw, 70px);
    text-align: center;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__panel {
    padding: clamp(30px, 4vw, 40px) clamp(20px, 5vw, 60px);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__field,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__field--pw {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__label {
    flex: none;
    width: 100%;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__field-input {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: 100%;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__field-input .sub-check-reset-pw__input,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__input {
    flex: none;
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 810px) {
  body.sub-page--sec1-check.sub-page--pc-responsive [data-check-panel][hidden] {
    display: none !important;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive [data-check-sub-nav].is-find-pw .sub-tab {
    display: none;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive [data-check-sub-nav].is-find-pw {
    border-bottom: 1px solid rgba(36, 36, 36, 0.05);
  }

  /* identify — MO(sub-mobile.css) 동일 */
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--color-logo-black, #242424);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__panel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 30px 20px;
    border-radius: 10px;
    background: #fafafa;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__panel-head {
    flex: none;
    width: 100%;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__panel-body {
    flex: none;
    width: 100%;
    min-width: 0;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__panel.m60 {
    margin-bottom: 0;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__panel.m40 {
    margin-top: 40px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__panel-title {
    position: relative;
    margin: 0;
    font-size: 18px !important;
    line-height: 1.5;
    padding-bottom: 12px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__panel-title::after {
    width: 14px;
    height: 4px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__guide-list {
    display: flex;
    flex-direction: column;
    font-size: 14px !important;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__guide-list li {
    position: relative;
    padding-left: 12px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__guide-list li::before {
    content: "-";
    position: absolute;
    left: 0;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__fields {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__field {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__label {
    flex: none;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__input {
    flex: none;
    width: 100%;
    max-width: none;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background: #fff;
    font-size: 16px;
    box-sizing: border-box;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 30px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__actions.pass {
    margin-bottom: 10px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__actions.m60 {
    margin-top: 30px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__btn {
    display: inline-flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 50px;
    padding: 0 12px;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-family: inherit;
    box-sizing: border-box;
    cursor: pointer;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__btn--confirm {
    flex: 1 1 0;
    max-width: 90px;
    width: 100%;
    background: #1bace4;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__btn--pw {
    flex: 1 1 0;
    max-width: 150px;
    width: 100%;
    background: #9f9f9f;
  }

  /* find-pw */
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw .sub-check {
    gap: 40px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__intro {
    margin: 0 0 30px;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 20px;
    border-radius: 10px;
    background: #fafafa;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__label {
    position: relative;
    margin: 0;
    padding-bottom: 12px;
    font-size: 18px;
    line-height: 1.5;
    white-space: normal;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__input {
    flex: none;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background: #fff;
    font-size: 16px;
    box-sizing: border-box;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__hint {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #666;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__panel.m60 {
    margin-top: 30px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__label::after {
    width: 14px;
    height: 4px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__actions.m60 {
    margin-top: 30px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__actions .sub-check__btn--confirm {
    flex: 1 1 0;
    max-width: 135px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__actions .sub-check__btn--pw {
    flex: 0 0 90px;
    width: 90px;
    max-width: 90px;
  }

  /* reset-pw — MO 동일 */
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw {
    color: var(--color-logo-black, #242424);
    width: 100%;
    box-sizing: border-box;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__intro {
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__form {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__panel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 30px 20px;
    border-radius: 10px;
    background: #fafafa;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__panel-head,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__panel-body {
    flex: none;
    width: 100%;
    min-width: 0;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__panel.m60 {
    margin-bottom: 0;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__panel-title {
    position: relative;
    margin: 0;
    font-size: 18px !important;
    line-height: 1.5;
    padding-bottom: 12px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__panel-title::after {
    width: 14px;
    height: 4px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__fields {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__field,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__field--pw {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__label {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__field-input {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: 100%;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__field-input .sub-check-reset-pw__input {
    width: 100%;
    max-width: none;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__input {
    width: 100%;
    max-width: none;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background: #fff;
    font-size: 16px;
    box-sizing: border-box;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__input--readonly {
    background: #e2eaed;
    border-color: #d7d7d7;
    color: #242424;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__hint {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #666;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__actions {
    display: flex;
    justify-content: center;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 90px;
    height: 50px;
    padding: 0 12px;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-family: inherit;
    box-sizing: border-box;
    cursor: pointer;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__btn--confirm {
    background: #1bace4;
  }

  /* result — MO(sec1-check-mo) 카드형 */
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--color-logo-black, #242424);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result .sub-check__panel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 30px 20px;
    margin: 0;
    border-radius: 10px;
    background: #fafafa;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result .sub-check__panel.m10 {
    margin-top: 0;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result .sub-check__panel.m60 {
    margin-top: 40px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result .sub-check__panel-head,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result .sub-check__panel-body {
    flex: none;
    width: 100%;
    min-width: 0;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__applicant-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__applicant-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__bullet {
    display: none;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__applicant-line {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin: 0;
    line-height: 1.5;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__applicant-label {
    line-height: 1.5;
    font-size: 16px;
    font-weight: 700;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__applicant-line > span {
    line-height: 1.5;
    font-size: 14px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history {
    width: 100%;
    overflow: visible;
    border-radius: 0;
    box-shadow: none;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    table-layout: auto;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table colgroup,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table thead {
    display: none;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
  }

  /* table → MO __card (451~810px — 이미지 기준) */
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody tr {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-rows: repeat(6, auto);
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td {
    border: none;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:first-child {
    grid-column: 1;
    grid-row: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    background: #d7f0f9;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(n + 2):nth-child(-n + 6) {
    grid-column: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 14px;
    line-height: 1.5;
    word-break: keep-all;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(2) {
    grid-row: 1;
    padding-top: 16px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(3) {
    grid-row: 2;
    margin-top: 12px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(4) {
    grid-row: 3;
    margin-top: 12px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(5) {
    grid-row: 4;
    margin-top: 12px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(6) {
    grid-row: 5;
    margin-top: 12px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(7) {
    grid-column: 2;
    grid-row: 6;
    margin-top: 16px;
    padding: 0 14px 16px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(n + 2):nth-child(-n + 6)::before {
    flex: 0 0 50px;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    white-space: nowrap;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(2)::before {
    content: "신청일자";
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(3)::before {
    content: "체험일자";
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(4)::before {
    content: "체험시간";
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(5)::before {
    content: "체험인원";
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(6)::before {
    content: "상태";
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__count strong {
    font-weight: 700;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__actions {
    display: flex;
    gap: 10px;
    width: 100%;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__btn {
    display: inline-flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 20px;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 14px !important;
    cursor: pointer;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__btn--detail {
    background: #1bace4;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__btn--cancel {
    background: #9f9f9f;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result .sub-check__actions {
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 30px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result .sub-check__actions.m60 {
    margin-top: 40px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result .sub-check__btn--confirm {
    flex: none;
    width: 100%;
    max-width: 100px;
    height: 50px;
    background: #1bace4;
  }

  /* 상세보기 팝업 #popCheckDetail — MO(sec1-check-modal-mo) 동일 */
  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail.sub-check-modal {
    padding: 20px;
    box-sizing: border-box;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__panel {
    width: 100%;
    min-width: 0;
    max-width: 360px;
    padding: 30px 20px;
    border-radius: 10px;
    box-sizing: border-box;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__title {
    margin: 0 0 20px;
    font-size: 16px !important;
    line-height: 1.5;
    text-align: center;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__summary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box {
    flex: none;
    width: auto;
    min-width: 0;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box--name {
    grid-column: 1;
    width: auto;
    max-width: none;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box--schedule {
    grid-column: 2;
    width: auto;
    max-width: none;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box--count {
    grid-column: 1 / -1;
    width: auto;
    max-width: none;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box-label {
    margin: 0;
    padding: 10px 8px;
    background: #e2eaed;
    line-height: 1.5;
    font-size: 14px !important;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box-value {
    margin: 0;
    padding: 10px 8px;
    background: #fafafa;
    line-height: 1.5;
    word-break: keep-all;
    font-size: 14px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box-value span {
    display: inline-block;
    font-size: 14px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box-value b {
    font-weight: 700;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__actions {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: flex-start;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1 1 0;
    min-width: 0;
    height: 40px;
    padding: 0 12px;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-family: inherit;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__btn img {
    display: block;
    flex-shrink: 0;
    width: 18px;
    height: auto;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__btn--print {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    background: #1bace4;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__btn--close {
    flex: 0 0 68px;
    width: 68px;
    background: #9f9f9f;
  }

  /* 신청취소 팝업 #popCheckCancel */
  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckCancel.sub-check-modal {
    padding: 20px;
    box-sizing: border-box;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckCancel .sub-check-modal__panel {
    width: 100%;
    min-width: 0;
    max-width: 360px;
    padding: 30px 20px;
    border-radius: 10px;
    box-sizing: border-box;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal .sub-check-modal__title {
    margin: 0 0 20px;
    font-size: 16px !important;
    text-align: center;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal .sub-check-modal__actions {
    display: flex;
    gap: 10px;
    width: 100%;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal .sub-check-modal__actions .sub-check-modal__btn {
    flex: 1;
    max-width: 70px;
    height: 40px;
    border-radius: 5px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal__info {
    width: 100%;
    margin-bottom: 10px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal__box-label {
    padding: 10px 8px;
    font-size: 14px !important;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal__box-value {
    padding: 10px 8px;
    font-size: 14px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal__auth {
    justify-content: flex-start;
    gap: 8px;
    padding: 8px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal__auth-btn {
    height: 32px;
    padding: 0 12px;
    border-radius: 5px;
    font-size: 13px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal__auth-msg {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    white-space: normal;
    text-align: left;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal__guide {
    width: 100%;
    margin: 0 0 20px;
    align-items: flex-start;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal__guide li {
    white-space: normal;
    font-size: 13px;
    line-height: 1.5;
  }
}

@media (max-width: 451px) {
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__panel,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__panel,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result .sub-check__panel {
    padding: 30px 20px;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__panel-title,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__panel-title {
    font-size: max(13px, 5vw) !important;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__guide-list,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__intro,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__intro {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__label,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__label,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__applicant-label {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__input,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__input,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__input,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__btn,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__btn {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-find-pw__hint,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-reset-pw__hint,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check__applicant-line > span,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(n + 2):nth-child(-n + 6) {
    font-size: max(13px, 3.5vw);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__table tbody td:first-child {
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-history__btn {
    font-size: max(13px, 3.5vw) !important;
    padding: 0 4vw;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-result .sub-check__btn--confirm {
    max-width: 25vw;
    height: 12vw;
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail.sub-check-modal {
    padding: 5vw;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__panel {
    max-width: none;
    padding: 8vw 5vw;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__title {
    font-size: max(13px, 4.5vw) !important;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box-label {
    font-size: max(13px, 3.5vw) !important;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__box-value,
  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__btn {
    font-size: max(13px, 3.5vw);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__btn--print {
    flex: 1 1 0;
    height: 10vw;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckDetail .sub-check-modal__btn--close {
    flex: 0 0 15vw;
    width: 15vw;
    height: 10vw;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckCancel.sub-check-modal {
    padding: 5vw;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive #popCheckCancel .sub-check-modal__panel {
    max-width: none;
    padding: 8vw 5vw;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal .sub-check-modal__title {
    font-size: max(13px, 4.5vw) !important;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal__box-label {
    font-size: max(13px, 3.5vw) !important;
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal__box-value,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal__auth-msg,
  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal__guide li {
    font-size: max(13px, 3.5vw);
  }

  body.sub-page--sec1-check.sub-page--pc-responsive .sub-check-cancel-modal .sub-check-modal__actions .sub-check-modal__btn {
    max-width: 18vw;
    height: 10vw;
  }
}