/**
 * Sub PC 반응형 — 한강사랑 그림그리기 sec5-drawing 전용 (Container Query)
 *
 * 로드 순서: sub-responsive.css(공통 셸) → 이 파일
 * sec5-drawing 규칙은 이 파일에만 있음
 */

body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-cq-tab,
body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-cq-tab,
body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-cq-tab,
body.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-cq-tab {
  container-type: inline-size;
  container-name: sub-tab;
}


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

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

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

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

body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-cq-award {
  container-type: inline-size;
  container-name: sub-award;
}

@media (max-width: 768px) {
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive,
  body.sub-page--sec5-drawing-award.sub-page--pc-responsive {
    --header-mobile-h: clamp(64px, 14vw, 80px);
  }
}


/* ══════════════════════════════════════
   sec5-drawing-apply — 공통 apply shell (sub-responsive §7에서 분리)
   ══════════════════════════════════════ */
@container sub-main (max-width: 768px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-title-wrap.apply-mo-pt {
    padding-top: 40px;
  }
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-nav-wrap-bottom {
    height: 60px;
  }
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-nav-wrap-bottom-nav--apply ul {
    gap: 20px;
  }
  body.sub-page--sec5-drawing-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--sec5-drawing-apply.sub-page--pc-responsive .sub-nav-wrap-bottom-nav--apply li.active a {
    font-weight: 700;
  }
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-tablist__arrow {
    height: 60px;
    line-height: 0;
  }
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-tablist__arrow svg {
    display: block;
    width: 30px;
    height: 60px;
  }
}

@container sub-apply (max-width: 900px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete__panel {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete__panel-head {
    flex: none;
    width: 100%;
  }
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete__item-body {
    flex-direction: column;
    gap: 0;
  }
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete__line {
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0;
  }
}

/* ══════════════════════════════════════
   sec5-drawing-guide — 대회안내 (768 · 451 + table 769~1280 · 769~900)
   MO 레퍼런스: sub-mobile.css sec5-drawing-guide @450px
   탭·인트로 MO 전환: 768↓ (PC 가려지기 시작) · 451↓ vw
   패턴: sec4-photo-guide
   ══════════════════════════════════════ */

body.sub-page--sec5-drawing-guide.sub-page--pc-responsive {
  --drawing-color-title: #32aeb2;
  --drawing-color-table-head: #32aeb2;
}

/* ── @container sub-main — 모집안내 인트로 (1280 · 768 · 451) ── */
@container sub-main (max-width: 1280px) {
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing {
    align-items: flex-start;
    gap: clamp(16px, 2.34375cqi, 32px);
    margin-bottom: clamp(20px, 2.34375cqi, 28px);
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing .left {
    padding: 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing .right {
    margin-right: clamp(12px, 2.34375cqi, 4vw);
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing .right img {
    width: clamp(96px, 11.71875cqi, 160px);
    height: auto;
  }
}

@container sub-main (max-width: 768px) {
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing {
    align-items: flex-start;
    gap: clamp(16px, 2.34375cqi, 24px);
    margin-bottom: clamp(24px, 3.125cqi, 32px);
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing .left {
    padding: 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing .right img {
    width: clamp(72px, 9.375cqi, 120px);
    height: auto;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-title-wrap.pt10.m-bottom {
    padding-top: 32px;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing .sub-title,
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-title.m10 {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--drawing-color-title);
  }
}

@container sub-main (max-width: 451px) {
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-bottom: clamp(24px, 3.125cqi, 30px);
  }

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

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: clamp(72px, 19.11vw, 86px);
    aspect-ratio: 240 / 175;
    background: url("../img/sub/sec5-drawing-guide-icon.svg") no-repeat center / contain;
    opacity: 0.4;
    pointer-events: none;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing .txt {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing .sub-title {
    color: var(--drawing-color-title);
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-guide-txt-first--drawing .sub-lead {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
  }
}

/* ── @container sub-tab — GNB (대회안내 · 신청 · 확인 · 당선작)
      900↓  고정 높이 1줄 + 가로 스크롤 (줄바꿈 없음)
      451↓  MO vw 브릿지 ── */
@container sub-tab (max-width: 900px) {
  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap {
    overflow-x: visible;
    max-width: 100%;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap > .sub-tab {
    height: 56px;
    min-height: 56px;
    padding: 8px 0;
    box-sizing: border-box;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab__prev,
  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab__next {
    display: none;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab__inner-wrap {
    justify-content: center;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab__nav {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab__nav::-webkit-scrollbar {
    display: none;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab__nav ul {
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    justify-content: safe center;
    gap: clamp(6px, 1.2cqi, 10px);
    width: max-content;
    min-width: 100%;
    overflow: visible;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab__nav ul::-webkit-scrollbar {
    display: none;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab__nav li {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab li a {
    width: auto;
    min-width: 0;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    padding: 0 clamp(12px, 2.5cqi, 18px);
    font-size: clamp(13px, 2.6cqi, 14px);
    white-space: nowrap;
    line-height: 40px;
    text-align: center;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab li.is-active a {
    font-weight: 700;
  }
}

@container sub-tab (max-width: 451px) {
  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap > .sub-tab {
    height: 14vw;
    min-height: 14vw;
    padding: 2vw 0;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab__inner.container14 {
    padding-left: 3.33vw;
    padding-right: 3.33vw;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab__nav ul {
    gap: 2vw;
  }

  body.sub-page--pc-responsive:is(.sub-page--sec5-drawing-guide, .sub-page--sec5-drawing-apply, .sub-page--sec5-drawing-check, .sub-page--sec5-drawing-award) .sub-nav-wrap .sub-tab li a {
    height: 9vw;
    min-height: 9vw;
    max-height: 9vw;
    padding: 0 4vw;
    font-size: max(13px, 3.2vw);
    line-height: 9vw;
  }
}


/* ── @container sub-table — 모집안내 표
      1280↓     시상내역 stack (세로 2열)
      769~1280  2열 th 축소
      768↓      MO 스택 ── */
body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table-wrap--stack {
  display: none;
}

/* 시상내역 — PC 5열 숨김 → stack (1280↓, td 안에서 잘릴 때) */
@container sub-table (max-width: 1280px) {
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table:not(.sub-drawing-guide-table--stack) {
    display: none;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table-wrap--stack {
    display: block;
    width: 100%;
    max-width: none;
    margin-bottom: 16px;
    overflow-x: visible;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack {
    display: table;
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    margin-bottom: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(30, 37, 11, 0.15);
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack th,
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack td {
    box-sizing: border-box;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack thead th {
    padding: 10px 0;
    background: var(--drawing-color-table-head, #32aeb2);
    color: #fff;
    text-align: center;
    line-height: 1.5;
    font-weight: 700;
    font-size: 14px;
    border-right: 1px solid #fff;
    white-space: normal;
    word-break: keep-all;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__head-part {
    width: 30%;
    border-right: 1px solid #fff;
    border-bottom: none;
    border-radius: 10px 0 0 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__head-nursery {
    width: 70%;
    border-right: none;
    border-bottom: 1px solid #fff;
    border-radius: 0 10px 0 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__head-elementary,
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__head-prize,
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__head-amount {
    width: 70%;
    border-right: none;
    border-bottom: 1px solid #fff;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__head-amount {
    border-bottom: none;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack tbody td {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background: #fff;
    text-align: center;
    line-height: 1.5;
    font-size: 14px;
    vertical-align: middle;
    white-space: normal;
    word-break: keep-all;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__part {
    width: 30%;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 700;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__nursery,
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__elementary,
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__prize,
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__amount {
    width: 70%;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__prize:empty {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
    font-size: 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__total td {
    background: #f5f5f5;
    font-weight: 700;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__col-part {
    display: inline-flex;
    justify-content: center;
    gap: 1px;
    letter-spacing: -0.02em;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__col-part i {
    font-style: normal;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack tbody tr:nth-last-child(2) .sub-drawing-guide-table__part {
    border-bottom: none;
    border-radius: 0 0 0 10px;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack tbody tr:last-child .sub-drawing-guide-table__amount {
    border-bottom: none;
    border-radius: 0 0 10px 0;
  }
}

@container sub-table (min-width: 769px) and (max-width: 1280px) {
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr {
    gap: clamp(48px, 10.9375cqi, 140px);
    padding: clamp(24px, 3.125cqi, 40px) 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr > th {
    flex: 0 0 180px;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    font-size: 20px;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr > td {
    flex: 1;
    min-width: 0;
    font-size: 16px;
    line-height: 1.7;
  }
}

@container sub-table (min-width: 769px) and (max-width: 900px) {
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr {
    gap: clamp(20px, 4.6875cqi, 48px);
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr > th {
    flex: 0 0 140px;
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    font-size: 16px;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr > td {
    flex: 1;
    min-width: 0;
    font-size: 14px;
  }
}

@container sub-table (max-width: 768px) {
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-cq-table.container14 {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
    overflow-x: hidden;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table.sub-table--drawing {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 20px;
    background: transparent;
  }

  /* PC와 동일 — fill 행만 #fafafa (::before). nth-of-type 사용 시
     @media 768↓ 전역 display:none 과 충돌해 전부 흰색으로 보임 */
  body.sub-page--pc.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table.sub-table--drawing > tbody.sub-table-row--fill::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    transform: none;
    background: #fafafa;
    z-index: 0;
    display: block;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody:not(.sub-table-row--fill)::before {
    content: none;
    display: none;
  }

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

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr > th,
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr > td {
    position: relative;
    z-index: 1;
    flex: none;
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr > th {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr > td {
    font-size: 14px;
    line-height: 1.5;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr > td.font-18b {
    font-size: 18px;
    font-weight: 700;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-list--note li,
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-list--bullet li {
    font-size: 13px;
    line-height: 1.6;
    word-break: keep-all;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr > th.sub-drawing-guide-th--award {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table--drawing > tbody > tr > .sub-drawing-guide-th--award::after {
    content: none;
    display: none;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-th__title-line {
    display: none;
    width: 14px;
    height: 4px;
    border-radius: 999px;
    background: #1bace4;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-th-note {
    display: block;
    margin: 0;
    color: #1bace4;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-warning {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.6;
    word-break: keep-all;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-contact .inner.container17 {
    width: calc(100% - var(--site-gutter) * 2);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-contact p {
    font-size: 13px;
    line-height: 1.6;
    word-break: keep-all;
  }
}

@container sub-table (max-width: 451px) {
  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-cq-table.container14 {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 6.67vw;
    overflow-x: hidden;
  }

  body.sub-page--pc.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-table.sub-table--drawing > tbody.sub-table-row--fill::before {
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table-wrap--stack {
    margin-bottom: 4vw;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack {
    border-radius: 4vw;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack thead th {
    padding: 3vw 2vw;
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack tbody td {
    padding: 3vw 2vw;
    font-size: max(13px, 3vw);
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__head-part {
    border-radius: 4vw 0 0 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack .sub-drawing-guide-table__head-nursery {
    border-radius: 0 4vw 0 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack tbody tr:nth-last-child(2) .sub-drawing-guide-table__part {
    border-radius: 0 0 0 4vw;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-table--stack tbody tr:last-child .sub-drawing-guide-table__amount {
    border-radius: 0 0 4vw 0;
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-drawing-guide-th-note {
    font-size: max(13px, 3.56vw);
  }

  body.sub-page--sec5-drawing-guide.sub-page--pc-responsive .sub-contact p {
    font-size: max(13px, 2.89vw);
  }
}

/* ══════════════════════════════════════
   sec5-drawing-apply — 약관동의 (1280 · 768 · 451)
   MO 레퍼런스: sub-mobile.css sec5-drawing-apply-mo @450px
   ══════════════════════════════════════ */

@container sub-apply (max-width: 1280px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent {
    gap: clamp(10px, 1.5625cqi, 20px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__main {
    gap: clamp(20px, 4.6875cqi, 60px);
    padding: clamp(30px, 3.125cqi, 40px) clamp(20px, 4.6875cqi, 60px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__head {
    flex: 0 0 clamp(140px, 15.625cqi, 200px);
    width: clamp(140px, 15.625cqi, 200px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__title {
    gap: clamp(8px, 1.015625cqi, 13px);
    font-size: clamp(18px, 1.875cqi, 24px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__title::after {
    width: clamp(14px, 1.5625cqi, 20px);
    height: clamp(4px, 0.390625cqi, 5px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-label {
    flex: 0 0 clamp(100px, 11.5625cqi, 148px);
    font-size: clamp(14px, 1.5625cqi, 20px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-desc,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-intro,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-note,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__agree-q,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__radios .sub-apply-reg__radio {
    font-size: clamp(14px, 1.25cqi, 16px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-confirm {
    padding: clamp(20px, 3.125cqi, 40px) clamp(20px, 4.6875cqi, 60px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-confirm__lead,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-confirm__desc {
    font-size: clamp(14px, 1.25cqi, 16px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-btn {
    min-width: clamp(120px, 14.0625cqi, 180px);
    height: clamp(50px, 4.6875cqi, 60px);
    padding: 0 clamp(16px, 3.125cqi, 40px);
    font-size: clamp(14px, 1.25cqi, 16px);
  }
}

@container sub-apply (max-width: 900px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__main {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__head {
    flex: none;
    width: auto;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-list > li {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-label {
    flex: none;
    width: auto;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__agree {
    flex-direction: column;
    gap: 16px;
    min-height: auto;
    padding: 20px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__agree-q {
    text-align: center;
  }
}

@container sub-apply (max-width: 768px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-contents.sub-cq-apply.container14 {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent {
    gap: 10px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__main {
    gap: 15px;
    padding: 30px 20px;
    margin: 0;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__title {
    font-size: 18px;
    line-height: 1.4;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__title::after {
    width: 14px;
    height: 4px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__terms-box {
    max-height: none;
    overflow: visible;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-list {
    gap: 15px;
    margin: 0;
    list-style: none;
    counter-reset: photo-apply-term;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-list--text {
    gap: 15px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-list--text > li {
    font-size: 14px;
    line-height: 1.5;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-label {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-desc,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-intro,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-note {
    font-size: 14px;
    line-height: 1.5;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-note {
    margin: 12px 0 0;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__terms-box--plain .sub-photo-apply-guardian-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__agree-q {
    font-size: 14px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__radios {
    gap: 16px 24px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__radios .sub-apply-reg__radio {
    gap: 8px;
    font-size: 14px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__radios .sub-apply-reg__radio-mark {
    width: 18px;
    height: 18px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__radios .sub-apply-reg__radio input:checked + .sub-apply-reg__radio-mark {
    border-color: #1bace4;
    background: radial-gradient(circle, #1bace4 0 4px, #fff 4px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-confirm {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    text-align: center;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-confirm.m40 {
    margin-top: 20px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-confirm__lead {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-confirm__desc {
    margin: 0;
    font-size: 14px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-btns {
    display: flex;
    gap: 10px;
    width: 80%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px;
    margin-bottom: 30px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-btns.m60 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-btn {
    flex: 1 1 120px;
    width: 120px;
    max-width: 120px;
    min-width: 120px;
    min-height: 50px;
    height: 50px;
    padding: 0 12px;
    font-size: 16px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-btn--agree,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-btn--disagree {
    flex: 1;
    width: auto;
    max-width: none;
    min-width: 0;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive [data-sub-panel="terms"] .sub-photo-apply-btn--disagree {
    flex: 1 1 auto;
    max-width: 180px;
  }
}

@container sub-apply (max-width: 451px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive {
    --site-gutter: 4vw;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-contents.sub-cq-apply.container14 {
    width: calc(100% - var(--site-gutter) * 2);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__main {
    padding: 8vw 5.33vw;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__title {
    font-size: max(13px, 5vw);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-label,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-desc,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-intro,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-note,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-terms-list--text > li,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__terms-box--plain .sub-photo-apply-guardian-text,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__agree-q,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__radios .sub-apply-reg__radio {
    font-size: max(13px, 3.5vw);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-confirm {
    padding: 5.33vw;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-confirm__lead,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-confirm__desc {
    font-size: max(13px, 3.5vw);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__agree {
    padding: 5.33vw;
    gap: 4vw;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-consent__radios {
    gap: 4vw 6vw;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-btns {
    width: 80%;
    gap: 2.67vw;
    margin-top: 8vw;
    margin-bottom: 8vw;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-btn {
    min-height: 13.33vw;
    height: 13.33vw;
    font-size: max(13px, 4vw);
  }
}

@container sub-main (max-width: 451px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-nav-wrap-bottom-nav--apply li a {
    font-size: 13px;
    white-space: nowrap;
    padding-right: 10px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-tablist__arrow svg {
    width: 24px;
  }
}

/* ══════════════════════════════════════
   sec5-drawing-apply — 그림그리기 신청 폼 (1280 · 900 · 768 · 451)
   MO 레퍼런스: sub-mobile.css sec5-drawing-apply-mo @450px
   ══════════════════════════════════════ */

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

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing {
    gap: clamp(30px, 4.6875cqi, 60px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__sections {
    gap: clamp(10px, 1.5625cqi, 20px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__section {
    gap: clamp(20px, 3.125cqi, 40px);
    padding: clamp(30px, 3.125cqi, 40px) clamp(20px, 4.6875cqi, 60px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__head {
    flex: 0 0 clamp(140px, 15.625cqi, 200px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__title {
    font-size: clamp(18px, 1.875cqi, 24px);
    gap: clamp(8px, 1.015625cqi, 13px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__title::after {
    width: clamp(14px, 1.5625cqi, 20px);
    height: clamp(4px, 0.390625cqi, 5px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-table--reg-applicant tr {
    gap: clamp(20px, 3.125cqi, 40px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-table--reg-applicant th {
    flex: 0 0 clamp(100px, 9.375cqi, 120px);
    max-width: clamp(100px, 9.375cqi, 120px);
    font-size: clamp(14px, 1.25cqi, 16px);
  }


}

@container sub-apply (max-width: 900px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__section {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__head {
    flex: none;
    width: 100%;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-table--reg-applicant,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-table--reg-applicant tbody,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-table--reg-applicant tr,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-table--reg-applicant th,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-table--reg-applicant td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

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

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

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-table--reg-applicant th {
    max-width: none;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 1.5;
  }








}

@container sub-apply (max-width: 768px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-form.m70 {
    margin-bottom: 0;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-form {
    padding-bottom: 0;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing {
    gap: 10px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__sections {
    gap: 10px;
    margin-bottom: 0;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__section {
    gap: 15px;
    padding: 30px 20px;
    margin-bottom: 0;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__title {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    font-size: 18px;
    line-height: 1.4;
    color: #242424;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__title::after {
    position: static;
    width: 14px;
    height: 4px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__fields-box {
    gap: 20px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-table--reg-applicant tbody {
    gap: 20px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-table--reg-applicant th {
    font-size: 16px;
    margin-bottom: 10px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__input,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__select-btn {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    font-family: inherit;
    color: #242424;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__input.grey-bg {
    background: #e2eaed;
    font-size: 13px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__input::placeholder {
    color: #9f9f9f;
  }



  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__cell--field .sub-apply-reg__hint {
    flex: none;
    width: 100%;
    margin: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.5;
    word-break: keep-all;
  }



  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-block {
    gap: 15px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__type-radios {
    flex-shrink: 0;
    gap: 20px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-drawing-apply-reg__type-radios .sub-apply-reg__radio {
    gap: 6px;
    font-size: 14px;
    white-space: nowrap;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-drawing-apply-reg__type-radios .sub-apply-reg__radio-mark {
    width: 16px;
    height: 16px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-drawing-apply-reg__type-radios .sub-apply-reg__radio input:checked + .sub-apply-reg__radio-mark {
    border-color: #1bace4;
    background: radial-gradient(circle, #1bace4 0 4px, #fff 4px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-apply-reg__input--name {
    flex: 1;
    width: auto;
    min-width: 0;
    max-width: 140px;
    height: 35px;
    font-size: 13px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-apply-reg__auth-btn {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100px;
    height: 35px;
    padding: 0 10px;
    font-size: 14px;
    white-space: nowrap;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-drawing-apply-reg__student-field {
    flex: 1 1 140px;
    width: 140px;
    max-width: 140px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-drawing-apply-reg__student-field:not([hidden]) {
    display: flex;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-drawing-apply-reg__student-field .sub-apply-reg__input {
    width: 100%;
    height: 35px;
    font-size: 13px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-apply-reg__reauth-btn {
    display: inline-flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
    max-width: 130px;
    height: 35px;
    padding: 0 10px;
    font-size: 14px;
    white-space: nowrap;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-apply-reg__reauth-btn svg {
    flex-shrink: 0;
    width: 12px;
    height: auto;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-block.is-guardian .sub-drawing-apply-reg__name-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-block.is-guardian .sub-drawing-apply-reg__name-row .sub-apply-reg__auth-btn {
    flex: 0 0 100px;
    max-width: 100px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-block.is-guardian .sub-drawing-apply-reg__name-row .sub-drawing-apply-reg__student-field {
    flex: 0 0 140px;
    width: 140px;
    max-width: 140px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-block.is-guardian .sub-drawing-apply-reg__name-row .sub-apply-reg__reauth-btn {
    flex: 0 0 auto;
    align-self: flex-start;
    max-width: 130px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-note {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    word-break: keep-all;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__tel {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    width: 100%;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__select-wrap--tel {
    flex: 0 0 90px;
    width: 90px;
    max-width: 90px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__select-wrap--tel .sub-apply-reg__select-btn {
    width: 100%;
    height: 35px;
    padding: 0 20px 0 0;
    font-size: 15px;
    text-align: center;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%239F9F9F' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px 12px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__tel-sep {
    flex-shrink: 0;
    color: #9f9f9f;
    font-size: 14px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__tel .sub-apply-reg__input {
    flex: 0 0 90px;
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    height: 35px;
    padding: 0 8px;
    text-align: center;
    font-size: 15px;
  }











  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__label-stack {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
  }



















  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__textarea-wrap {
    width: 100%;
  }



  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__char-count {
    font-size: 13px;
    color: #9f9f9f;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__file {
    gap: 8px;
    width: 100%;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__file .sub-apply-reg__input--file {
    flex: 1;
    min-width: 0;
    width: auto;
    max-width: none;
    height: 40px;
    padding: 0 10px;
    font-size: 13px;
    color: #9f9f9f;
  }





  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-btns--form {
    display: flex;
    gap: 10px;
    width: 80%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px;
    margin-bottom: 30px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-btns--form .sub-photo-apply-btn {
    flex: 1;
    width: auto;
    min-width: 0;
    max-width: none;
    min-height: 50px;
    height: 50px;
    padding: 0 12px;
    font-size: 16px;
  }
}

@container sub-apply (max-width: 451px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__section {
    padding: 8vw 5.33vw;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__title {
    font-size: max(13px, 5vw);
  }



  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-drawing-apply-reg__type-radios .sub-apply-reg__radio,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-apply-reg__auth-btn,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-drawing-apply-reg__name-row .sub-apply-reg__reauth-btn,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__tel-sep,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__tel .sub-apply-reg__input,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__select-wrap--tel .sub-apply-reg__select-btn {
    font-size: max(13px, 3.5vw);
  }





  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-btns--form {
    gap: 2.67vw;
    margin-top: 8vw;
    margin-bottom: 8vw;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-photo-apply-btns--form .sub-photo-apply-btn {
    min-height: 13.33vw;
    height: 13.33vw;
    font-size: max(13px, 4vw);
  }
}

/* ══════════════════════════════════════
   sec5-drawing-apply — 신청완료 (1280 · 810 · 451)
   MO 레퍼런스: sub-mobile.css sec5-drawing-apply-mo @450px
   ══════════════════════════════════════ */

@container sub-apply (max-width: 1280px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__hero.m70 {
    gap: clamp(16px, 2.34375cqi, 20px);
    margin-bottom: clamp(20px, 3.125cqi, 30px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__icon {
    width: clamp(120px, 12.5cqi, 160px);
    height: clamp(120px, 12.5cqi, 160px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__icon-ring {
    width: clamp(100px, 10.9375cqi, 140px);
    height: clamp(100px, 10.9375cqi, 140px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__icon svg {
    width: clamp(56px, 5.46875cqi, 70px);
    height: clamp(56px, 5.46875cqi, 70px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__panel.m60 {
    gap: clamp(20px, 3.125cqi, 40px);
    padding: clamp(30px, 3.125cqi, 40px) clamp(20px, 4.6875cqi, 60px);
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__panel-title::after {
    width: clamp(14px, 1.5625cqi, 20px);
    height: clamp(4px, 0.390625cqi, 5px);
  }
}

@media (max-width: 810px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-panel-wrap[data-sub-panel="complete"] .sub-apply-complete--drawing {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
  }

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

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__hero,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__hero.m70 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    text-align: center;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__icon {
    width: 120px;
    height: 120px;
    padding: 0;
    background: #32aeb2;
    box-shadow: 0 0 24px 0 rgba(50, 174, 178, 0.8);
  }

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

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__icon svg {
    position: relative;
    z-index: 1;
    display: block;
    width: 56px;
    height: 56px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__title {
    line-height: 1.5;
    word-break: keep-all;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__title i {
    color: #32aeb2;
    font-style: normal;
    font-weight: 700;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__panel,
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__panel.m60 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    width: 100%;
    padding: 30px 20px;
    margin-top: 0;
    margin-bottom: 30px;
    border-radius: 10px;
    background: #f8f8f8;
  }

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

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__panel-title {
    padding-bottom: 10px;
    line-height: 1.5;
  }

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

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__list--result {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__item .sub-apply-complete__bullet {
    display: none;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__line {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0;
    width: 100%;
    margin: 0;
    line-height: 1.5;
    word-break: keep-all;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__line-label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
    line-height: 1.5;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__line-label::before {
    content: "";
    flex-shrink: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1bace4;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__line > span {
    padding-left: 9px;
    margin-top: 0;
    line-height: 1.5;
    color: #242424;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .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--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__btn {
    position: relative;
    left: 0;
    transform: none;
    flex: none;
    width: 100%;
    height: 50px;
    padding: 0 16px;
    line-height: 1.3;
    text-align: center;
    border-radius: 10px;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__btn--go {
    background: #32aeb2;
  }

  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__btn img {
    width: 18px;
    height: auto;
    flex-shrink: 0;
  }
}

@media (max-width: 451px) {
  body.sub-page--sec5-drawing-apply.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__actions {
    margin-bottom: 8vw;
  }
}

@container sub-main (max-width: 768px) {
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-title-wrap.apply-mo-pt {
    padding-top: 40px;
  }
}

/* ══════════════════════════════════════
   sec5-drawing-check — 확인/수정/취소 (1400 · 1280 · 900 · 768 · 451)
   MO 레퍼런스: sub-mobile.css sec5-drawing-check-mo @450px
   결과 패널: sec4-photo-check / sec1-check 패턴
   ══════════════════════════════════════ */

body.sub-page--sec5-drawing-check.sub-page--pc-responsive [data-drawing-check-panel][hidden] {
  display: none !important;
}

@media (max-width: 1400px) {
  body.sub-page--sec5-drawing-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--sec5-drawing-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--sec5-drawing-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--sec5-drawing-check.sub-page--pc-responsive .sub-check-history::-webkit-scrollbar {
    height: 6px;
  }

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

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

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

@container sub-check (max-width: 1280px) {
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-contents.sub-cq-check.container14 {
    width: 100%;
    box-sizing: border-box;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check-wrap {
    width: 100%;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__panel,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__panel,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__panel,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel {
    gap: clamp(20px, 3.125cqi, 40px);
    padding: clamp(30px, 3.125cqi, 40px) clamp(20px, 4.6875cqi, 60px);
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__panel-head,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__panel-head,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel-head {
    flex: 0 0 clamp(140px, 15.625cqi, 200px);
    width: clamp(140px, 15.625cqi, 200px);
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel-title::after,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__panel-title::after,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__panel-title::after {
    width: clamp(14px, 1.5625cqi, 20px);
    height: clamp(4px, 0.390625cqi, 5px);
  }





  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody > tr {
    gap: clamp(20px, 3.125cqi, 40px);
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody > tr > th {
    flex: 0 0 clamp(100px, 10.9375cqi, 140px);
    max-width: clamp(100px, 10.9375cqi, 140px);
  }
}

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

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__label {
    flex: none;
    width: 100%;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__label::after {
    display: none;
  }



  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel-body {
    width: 100%;
  }

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





















  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody > tr {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody > tr > th,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody > tr > td {
    flex: none;
    width: 100%;
    max-width: none;
  }

  /* 체험프로그램 시간 — option-radios와 클래스 공유로 PC fit-content 잔존 방지 */
  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times {
    width: 100%;
    min-width: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times-inner.sub-drawing-apply-reg__option-radios {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 14px 12px;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
    overflow-x: clip;
    flex-direction: unset;
    flex-wrap: unset;
    align-items: stretch;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times-inner.sub-drawing-apply-reg__option-radios .sub-apply-reg__radio {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-shrink: 1;
    box-sizing: border-box;
    font-size: 14px;
    white-space: nowrap;
    line-height: 1.4;
    overflow: hidden;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times-inner.sub-drawing-apply-reg__option-radios .sub-apply-reg__radio > span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times-inner.sub-drawing-apply-reg__option-radios .sub-apply-reg__radio-mark {
    flex-shrink: 0;
    margin-top: 0;
  }

  /* result — MO 카드형 · 6열(번호|신청일자|그림그리기신청현황|체험프로그램사전신청|신청상태|확인) */
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-result {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--color-logo-black, #242424);
  }

  body.sub-page--sec5-drawing-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--sec5-drawing-check.sub-page--pc-responsive .sub-check-result .sub-check__panel.m10 {
    margin-top: 0;
  }

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-result .sub-check__panel-head,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-result .sub-check__panel-body,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-result .sub-check__panel-body:has(.sub-check-history) {
    flex: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  body.sub-page--sec5-drawing-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--sec5-drawing-check.sub-page--pc-responsive .sub-check__applicant-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

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

  body.sub-page--sec5-drawing-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--sec5-drawing-check.sub-page--pc-responsive .sub-check__applicant-label {
    line-height: 1.5;
    font-size: 16px;
    font-weight: 700;
  }

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

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

  body.sub-page--sec5-drawing-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--sec5-drawing-check.sub-page--pc-responsive .sub-check-history__table colgroup,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-history__table thead {
    display: none;
  }

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-history__table tbody tr {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-rows: repeat(5, auto);
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-history__table tbody tr.sub-check-history__empty {
    display: block;
    padding: 20px;
    text-align: center;
  }

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-history__table tbody tr.sub-check-history__empty td {
    display: block;
    width: 100%;
    text-align: center;
  }

  body.sub-page--sec5-drawing-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--sec5-drawing-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(n + 2):nth-child(-n + 5) {
    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--sec5-drawing-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(2) {
    grid-row: 1;
    padding-top: 16px;
  }

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

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

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

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(n + 2):nth-child(-n + 5)::before {
    flex: 0 0 120px;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    white-space: normal;
    word-break: keep-all;
  }

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(3)::before {
    content: "그림그리기 신청현황";
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(4)::before {
    content: "체험프로그램 사전신청";
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(5)::before {
    content: "신청상태";
  }

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

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

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

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

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

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

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

@container sub-check (max-width: 768px) {
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive {
    --site-gutter: 20px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-contents.sub-cq-check.container14 {
    width: calc(100% - var(--site-gutter) * 2);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check-wrap {
    width: 100%;
    margin: 0 auto 30px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__panel,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__panel,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__panel {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 30px 20px;
    margin-top: 0;
    margin-bottom: 0;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__panel.m10,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__panel.m60,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__panel.m60,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__panel.m60 {
    margin-top: 0;
    margin-bottom: 0;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__panel + .sub-check__panel {
    margin-top: 10px;
  }

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__panel-title,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__panel-title {
    padding-bottom: 12px;
    line-height: 1.5;
  }

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__guide-list {
    gap: 0;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__fields,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__fields {
    gap: 20px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__field,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__field {
    gap: 10px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__input,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__input,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__input {
    width: 100%;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    background: #fff;
    box-sizing: border-box;
    font-family: inherit;
    color: #242424;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__input--readonly {
    background: #e2eaed;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__field--pw .sub-check-reset-pw__field-input {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  /* 여기: 확인/비번찾기/재설정 액션 버튼 가로 유지 (column·full-width 해제) */
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__actions,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__actions,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__actions {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    gap: 10px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__actions.m60,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__actions.m60,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__actions.m60 {
    margin-top: 30px;
  }

  /* 여기: 버튼 width 100% 해제 — 가로 배치용 */
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__btn,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__btn {
    flex: none;
    /* width: 100%;
    max-width: 270px; */
    height: 50px;
    padding: 0 20px;
    border-radius: 10px;
    box-sizing: border-box;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__intro,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__intro {
    line-height: 1.5;
    text-align: center;
    
    word-break: keep-all;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__hint,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__hint {
    margin: 0;
    line-height: 1.5;
    word-break: keep-all;
  }

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel.m10,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel.m60 {
    margin-top: 0;
    margin-bottom: 0;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel + .sub-drawing-check__panel {
    margin-top: 10px;
  }



  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel--work {
    display: block;
    padding: 30px 20px;
  }

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel-title {
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    color: #242424;
  }



  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel-title br {
    display: none;
  }

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__fields-box {
    gap: 20px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__static-value {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #242424;
  }





























  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__preview {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__preview-center {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__preview-frame {
    width: 100%;
    max-width: 260px;
    height: 180px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__preview-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__preview-label {
    margin: 0;
    font-weight: 700;
    text-align: center;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__preview-nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: 1px solid #9f9f9f;
    border-radius: 50%;
    color: #9f9f9f;
    cursor: pointer;
    box-sizing: border-box;
  }





  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody {
    gap: 20px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody > tr {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody > tr > th,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody > tr > td {
    flex: none;
    width: 100%;
    max-width: none;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody > tr > th {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody > tr.sub-drawing-apply-reg__row--program > th {
    white-space: normal;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check .sub-apply-reg__input,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check .sub-apply-reg__select-btn {
    height: 40px;
    padding: 0 12px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    font-family: inherit;
    color: #242424;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check .sub-apply-reg__input {
    border-radius: 5px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check .sub-apply-reg__input--wide {
    width: 100%;
    max-width: none;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check .sub-apply-reg__cell--field {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__option-radios:not(.sub-drawing-apply-reg__program-times-inner) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__option-radios:not(.sub-drawing-apply-reg__program-times-inner) .sub-apply-reg__radio {
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    line-height: 1.4;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__option-radios:not(.sub-drawing-apply-reg__program-times-inner) .sub-apply-reg__radio-mark {
    flex-shrink: 0;
    margin-top: 2px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times {
    width: 100%;
    min-width: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times-inner.sub-drawing-apply-reg__option-radios {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 14px 12px;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
    overflow-x: clip;
    flex-direction: unset;
    flex-wrap: unset;
    align-items: stretch;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times-inner.sub-drawing-apply-reg__option-radios .sub-apply-reg__radio {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-shrink: 1;
    box-sizing: border-box;
    font-size: 14px;
    white-space: nowrap;
    line-height: 1.4;
    overflow: hidden;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times-inner.sub-drawing-apply-reg__option-radios .sub-apply-reg__radio > span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times-inner.sub-drawing-apply-reg__option-radios .sub-apply-reg__radio-mark {
    flex-shrink: 0;
    margin-top: 0;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__tel {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    width: 100%;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__select-wrap--tel {
    flex: 0 0 90px;
    width: 90px;
    max-width: 90px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__select-wrap--tel .sub-apply-reg__select-btn {
    width: 100%;
    height: 35px;
    padding: 0 20px 0 0;
    font-size: 15px;
    text-align: center;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%239F9F9F' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px 12px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__tel-sep {
    flex-shrink: 0;
    color: #242424;
    font-size: 14px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-reg--drawing .sub-apply-reg__tel .sub-apply-reg__input {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    height: 35px;
    padding: 0 8px;
    text-align: center;
    font-size: 15px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__school-cell {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__school-cell .sub-apply-reg__input--wide {
    width: 100%;
    max-width: none;
    flex: none;
    color: #242424;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__field-hint {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #666;
    word-break: keep-all;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check .sub-apply-reg__email {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0;
    align-items: stretch;
    width: 100%;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check .sub-apply-reg__input--email {
    grid-row: 1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    height: 40px;
    padding: 0 12px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check .sub-apply-reg__input--email[name="applyEmailId"] {
    grid-column: 1;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check .sub-apply-reg__email-at {
    grid-column: 2;
    grid-row: 1;
    flex-shrink: 0;
    align-self: center;
    padding: 0 4px;
    color: #242424;
    font-size: 16px;
    line-height: 1;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check .sub-apply-reg__input--email[name="applyEmailDomain"] {
    grid-column: 3;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check .sub-apply-reg__select-wrap--email {
    grid-column: 1 / -1;
    grid-row: 2;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 8px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check .sub-apply-reg__select-wrap--email .sub-apply-reg__select-btn {
    width: 100%;
    height: 40px;
    padding: 0 28px 0 12px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%23242424' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px 12px;
    font-size: 14px;
    color: #242424;
    text-align: left;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__route-radios {
    gap: 10px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__route-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__route-radios .sub-apply-reg__check {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    font-size: 15px;
    line-height: 1.45;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__route-radios .sub-apply-reg__check-mark {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 1px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__notes--submit > li {
    font-size: 14px;
    line-height: 1.5;
    word-break: keep-all;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-photo-apply-btns--form {
    display: flex;
    gap: 10px;
    width: 100%;
    position: static;
    left: auto;
    transform: none;
    margin-top: 0;
    margin-bottom: 30px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-photo-apply-btns--form.m60 {
    margin-top: 0;
    margin-bottom: 30px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-photo-apply-btns--form .sub-photo-apply-btn {
    border-radius: 6px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-photo-apply-btns--form .sub-photo-apply-btn--agree {
    background: #1bace4;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-photo-apply-btns--form .sub-photo-apply-btn--disagree {
    background: #9f9f9f;
  }





















  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__row--delete > th {
    margin-bottom: 0;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__row--delete .sub-apply-reg__check {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.5;
    word-break: keep-all;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
  }

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__btn {
    flex: none;
    width: 100%;
    max-width: 270px;
    height: 50px;
    padding: 0 20px;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
  }

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__hero,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__hero.m70 {
    gap: 20px;
    margin-bottom: 30px;
    text-align: center;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__icon {
    width: 120px;
    height: 120px;
    padding: 0;
    background: #32aeb2;
    box-shadow: 0 0 24px 0 rgba(50, 174, 178, 0.8);
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__icon-ring {
    width: 100px;
    height: 100px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__icon svg {
    width: 56px;
    height: 56px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__title i {
    color: #32aeb2;
    font-style: normal;
    font-weight: 700;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__panel.m60 {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 30px 20px;
    margin-top: 0;
    margin-bottom: 30px;
    border-radius: 10px;
    background: #f8f8f8;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__panel-head {
    flex: none;
    width: 100%;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__panel-title {
    padding-bottom: 10px;
    line-height: 1.5;
  }

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__list--result {
    gap: 20px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__item {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__item .sub-apply-complete__bullet {
    display: none;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__line {
    flex-direction: column;
    gap: 0;
    margin: 0;
    line-height: 1.5;
    word-break: keep-all;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__line-label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
    line-height: 1.5;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__line-label::before {
    content: "";
    flex-shrink: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1bace4;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__line > span {
    padding-left: 9px;
    line-height: 1.5;
    color: #242424;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__actions {
    width: 100%;
    margin-bottom: 30px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__btn {
    position: relative;
    left: 0;
    transform: none;
    width: 100%;
    max-width: none;
    height: 50px;
    padding: 0 16px;
    line-height: 1.3;
    text-align: center;
    border-radius: 10px;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__btn--go {
    background: #32aeb2;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__btn img {
    width: 18px;
    height: auto;
    flex-shrink: 0;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-contact .inner.container17 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: calc(100% - var(--site-gutter) * 2);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    text-align: center;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-contact p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    word-break: keep-all;
  }
}

@container sub-check (max-width: 451px) {
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive {
    --site-gutter: 4vw;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__panel,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__panel,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__panel,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__panel.m60 {
    padding: 8vw 5.33vw;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check-wrap {
    margin-bottom: 8vw;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__actions,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-find-pw__actions,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__actions,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__actions,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__actions {
    gap: 2.67vw;
    margin-top: 8vw;
    margin-bottom: 8vw;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check__btn,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-reset-pw__btn,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__btn,
  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-apply-complete--drawing .sub-apply-complete__btn {
    max-width: none;
    min-height: 13.33vw;
    height: 13.33vw;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-result .sub-check__panel {
    padding: 8vw 5.33vw;
  }

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

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

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

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-check-history__table tbody td:nth-child(n + 2):nth-child(-n + 5)::before {
    flex-basis: max(100px, 28vw);
    font-size: max(13px, 3.5vw);
  }

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

  body.sub-page--sec5-drawing-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--sec5-drawing-check.sub-page--pc-responsive .sub-photo-apply-btns--form {
    gap: 2.67vw;
    margin-bottom: 8vw;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-photo-apply-btns--form .sub-photo-apply-btn {
    min-height: 13.33vw;
    height: 13.33vw;
    font-size: max(13px, 4vw);
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__panel-title {
    font-size: max(13px, 5vw);
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody > tr > th {
    font-size: max(13px, 4.27vw);
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__static-value {
    font-size: max(13px, 3.73vw);
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-check__preview-frame {
    max-width: none;
    height: 48vw;
  }

  body.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-contact p {
    font-size: max(13px, 3.47vw);
  }
}

/* sec5-drawing-check — 체험프로그램 시간: 2열 그리드 (뷰포트 기준) */
@media (max-width: 1280px) {
  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-block,
  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-table--drawing-check > tbody > tr.sub-drawing-apply-reg__row--program > td {
    min-width: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times {
    width: 100%;
    min-width: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times-inner.sub-drawing-apply-reg__option-radios {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 14px 12px;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
    overflow-x: clip;
    flex-direction: unset;
    flex-wrap: unset;
    align-items: stretch;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times-inner.sub-drawing-apply-reg__option-radios .sub-apply-reg__radio {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-shrink: 1;
    box-sizing: border-box;
    font-size: 14px;
    white-space: nowrap;
    line-height: 1.4;
    overflow: hidden;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times-inner.sub-drawing-apply-reg__option-radios .sub-apply-reg__radio > span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.sub-page--pc.sub-page--sec5-drawing-check.sub-page--pc-responsive .sub-drawing-apply-reg__program-times-inner.sub-drawing-apply-reg__option-radios .sub-apply-reg__radio-mark {
    flex-shrink: 0;
    margin-top: 0;
  }
}
/* ══════════════════════════════════════
   20. sec5-drawing-award — 역대 당선작 (1136 · 900 · 768 · 550 · 451→MO 450)
      필터: 550↓ 년도|전체 2셀렉트 · 551↑ 라디오 펼침
      451px: MO(sub-mobile.css)와 동일 비주얼 — 450px 리다이렉트 자연 연결
   ══════════════════════════════════════ */

/* 필터 column: 년도 선택 + 전체~특선 — viewport 1410↓만 (PC 와이드는 sub.css 1행 유지) */
@media (max-width: 1410px) {
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter {
    max-width: none;
    width: 100%;
  }

  /* 1행 년도 / 2행 라디오(row)+검색(우) */
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: clamp(12px, 2cqi, 20px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-year {
    flex: 1 1 100%;
    min-width: 0;
    width: 100%;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-awards {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    justify-content: flex-start;
    order: 2;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__search-btn {
    flex: 0 0 48px;
    order: 3;
    width: 48px;
    height: 48px;
    margin-left: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-awards-box {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
    height: auto;
    min-height: 48px;
    overflow: hidden;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__radios {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px 12px;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 12px 14px;
    padding: 2px 0;
    box-sizing: border-box;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__radios li {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__radio {
    max-width: 100%;
    font-size: clamp(13px, 2.6cqi, 16px);
    white-space: nowrap;
  }
}

@container sub-award (max-width: 1136px) {
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-title-wrap.apply-mo-pt {
    padding-top: clamp(30px, 5cqi, 40px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-contents.sub-cq-award.container14 {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(20px, 3cqi, 40px);
    padding-right: clamp(20px, 3cqi, 40px);
    box-sizing: border-box;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award {
    margin-top: clamp(24px, 4cqi, 40px);
    padding: clamp(24px, 4cqi, 40px) clamp(20px, 3cqi, 40px);
    border-radius: 10px;
    box-sizing: border-box;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__body {
    flex-direction: column;
    gap: clamp(24px, 4cqi, 30px);
    margin: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__aside {
    flex: none;
    width: 100%;
    gap: 20px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__aside::after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-nav ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px 20px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__main {
    gap: clamp(24px, 4cqi, 30px);
    width: 100%;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter {
    max-width: none;
    width: 100%;
  }

  /* 551↑: 1행 년도 / 2행 라디오(row)+검색(우) */
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: clamp(12px, 2cqi, 20px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-year {
    flex: 1 1 100%;
    min-width: 0;
    width: 100%;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-awards {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    justify-content: flex-start;
    order: 2;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__search-btn {
    flex: 0 0 48px;
    order: 3;
    width: 48px;
    height: 48px;
    margin-left: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-awards-box {
    flex: 1 1 auto;
    max-width: none;
    width: 100%;
    height: auto;
    min-height: 48px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__radios {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(72px, max-content));
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px 14px;
    height: auto;
    margin: 12px 16px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__timeline {
    gap: 40px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__year-panel {
    --photo-award-slide-shadow: 16px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-contact .inner.container17 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 16px;
    font-size: clamp(13px, 3cqi, 14px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-contact p {
    margin: 0;
    line-height: 1.6;
    word-break: keep-all;
  }
}

@container sub-award (max-width: 900px) {
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__body {
    gap: 24px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__main {
    gap: 24px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter {
    background: transparent;
    border-radius: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-inner {
    gap: 8px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__radios {
    grid-template-columns: repeat(3, minmax(0, max-content));
    gap: 8px 12px;
    margin: 10px 14px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__timeline {
    --photo-award-dot-offset: 28px;
    gap: 36px;
  }
}

@container sub-award (max-width: 768px) {
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award {
    margin-top: 20px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__body {
    gap: 20px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__title {
    font-size: clamp(18px, 4.5cqi, 20px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__title::after {
    width: 14px;
    margin-top: 8px;
    border-radius: 10px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-btn {
    font-size: clamp(14px, 3.5cqi, 16px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-nav li.is-active .sub-photo-award__period-btn,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-btn[aria-current="true"] {
    font-size: clamp(16px, 4cqi, 20px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-nav ul {
    gap: 10px 16px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__main {
    gap: 20px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-inner {
    margin: 12px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter {
    background: transparent;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__select-btn {
    height: 44px;
    font-size: clamp(13px, 3.5cqi, 14px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__select-wrap {
    height: 44px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__search-btn {
    height: 44px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__radios {
    gap: 8px 12px;
    margin: 10px 12px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__radio {
    font-size: clamp(13px, 3.5cqi, 14px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__timeline {
    --photo-award-dot-size: 8px;
    --photo-award-dot-offset: 24px;
    gap: 32px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__year::before {
    top: 12px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__year-label {
    font-size: clamp(20px, 5cqi, 24px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__year-btn {
    width: 32px;
    height: 32px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__stage {
    max-width: 100%;
    max-height: calc(100vh - 32px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__dialog {
    height: auto;
    max-height: calc(100vh - 32px);
    padding: 32px 24px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__body {
    gap: 24px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__head {
    flex-wrap: wrap;
    padding-right: 28px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__title {
    font-size: clamp(16px, 4cqi, 18px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__slider {
    gap: 12px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__nav {
    width: 36px;
    height: 36px;
  }

  /* 551~768: PC→MO 카드 점진 축소 */
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card.swiper-slide {
    max-width: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link {
    max-width: none;
    gap: clamp(12px, 2.5cqi, 20px);
    padding: clamp(16px, 3.5cqi, 20px);
    box-shadow: 0 0 clamp(15px, 3cqi, 25px) rgba(30, 37, 11, 0.1);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:hover,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:focus-visible {
    transform: translateY(clamp(-12px, -2.5cqi, -20px));
    box-shadow: 0 0 clamp(18px, 3.5cqi, 25px) rgba(27, 172, 228, 0.4);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-thumb {
    border-radius: clamp(8px, 1.5cqi, 10px);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-zoom {
    width: clamp(32px, 8cqi, 40px);
    height: clamp(32px, 8cqi, 40px);
    right: clamp(8px, 2cqi, 10px);
    bottom: clamp(8px, 2cqi, 10px);
  }
}

@container sub-award (max-width: 600px) {
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__aside::after {
    display: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__title {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 18px;
    line-height: 1.4;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__title::after {
    width: 14px;
    margin-top: 0;
    border-radius: 10px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-nav ul {
    flex-wrap: nowrap;
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-nav ul::-webkit-scrollbar {
    display: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-nav li.is-active .sub-photo-award__period-btn,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-btn[aria-current="true"] {
    font-size: 16px;
    font-weight: 700;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter {
    background: transparent;
  }

  /* MO handoff: 년도 | 수상 2열 셀렉트 (라디오·검색 숨김) */
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-inner {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 8px;
    margin: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-year {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-award {
    display: block;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-awards {
    display: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__search-btn {
    display: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__select-wrap {
    height: 44px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__select-btn {
    height: 44px;
    padding: 0 32px 0 12px;
    font-size: 14px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M13.6073 1.70674C13.9975 1.31631 13.9974 0.683168 13.6073 0.292678C13.2167 -0.0978465 12.5827 -0.0978465 12.1922 0.292678L6.95004 5.53584L1.70687 0.292678C1.31634 -0.0977317 0.683296 -0.097808 0.292811 0.292678C-0.0974149 0.683185 -0.0975122 1.31629 0.292811 1.70674L6.19222 7.60615C6.4003 7.81423 6.6776 7.91082 6.95004 7.89717C7.22233 7.91078 7.49886 7.81404 7.70687 7.60615L13.6073 1.70674Z' fill='%23242424'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size: 14px 8px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__timeline {
    --photo-award-dot-offset: 16px;
    gap: 30px;
    padding-top: 4px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__year-panel {
    --photo-award-slide-shadow: 12px;
    --photo-award-slide-gap: 10px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link {
    gap: 10px;
    padding: 15px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:hover,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:focus-visible {
    transform: translateY(-10px);
  }
}

@container sub-award (min-width: 551px) and (max-width: 700px) {
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-year {
    min-width: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-award {
    display: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__search-btn {
    display: inline-flex;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-awards {
    display: flex;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__radios {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px 12px;
  }
}

@container sub-award (min-width: 701px) and (max-width: 900px) {
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__radios {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px 14px;
  }
}

@container sub-award (min-width: 901px) and (max-width: 1136px) {
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__radios {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px 14px;
  }
}

/* 550↓: MO형 년도|전체 2셀렉트 (flex row) */
@container sub-award (max-width: 550px) {
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-year {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-award {
    display: block;
    flex: 1 1 0;
    min-width: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__filter-awards {
    display: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__search-btn {
    display: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__select-wrap {
    height: 44px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__select-btn {
    height: 44px;
    padding: 0 32px 0 12px;
    font-size: 14px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M13.6073 1.70674C13.9975 1.31631 13.9974 0.683168 13.6073 0.292678C13.2167 -0.0978465 12.5827 -0.0978465 12.1922 0.292678L6.95004 5.53584L1.70687 0.292678C1.31634 -0.0977317 0.683296 -0.097808 0.292811 0.292678C-0.0974149 0.683185 -0.0975122 1.31629 0.292811 1.70674L6.19222 7.60615C6.4003 7.81423 6.6776 7.91082 6.95004 7.89717C7.22233 7.91078 7.49886 7.81404 7.70687 7.60615L13.6073 1.70674Z' fill='%23242424'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size: 14px 8px;
  }

  /* MO형 카드·타임라인·스와이퍼 (sub-mobile 450px와 동일 — 451 redirect 직전) */
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__timeline {
    --photo-award-dot-size: 8px;
    --photo-award-dot-offset: 16px;
    gap: 30px;
    padding-top: 4px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__timeline::before {
    top: 10px;
    background: #d7d7d7;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__year {
    gap: 12px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__year::before {
    top: 10px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__year-label {
    font-size: 20px;
    font-weight: 700;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__year-btn {
    width: 32px;
    height: 32px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__year-panel {
    --photo-award-slide-shadow: 12px;
    --photo-award-slide-gap: 10px;
    overflow: visible;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__swiper {
    overflow: hidden;
    cursor: grab;
    margin-right: calc(var(--photo-award-slide-shadow) * -1);
    padding: var(--photo-award-slide-shadow) 0 var(--photo-award-slide-shadow) var(--photo-award-slide-shadow);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__swiper.swiper-grabbing {
    cursor: grabbing;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card.swiper-slide {
    max-width: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link {
    gap: 10px;
    max-width: none;
    padding: 15px;
    box-shadow: 0 0 15px rgba(30, 37, 11, 0.08);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:hover,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:focus-visible,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:active {
    transform: translateY(-10px);
    border-color: #1bace4;
    box-shadow: 0 0 20px rgba(27, 172, 228, 0.35);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:hover .sub-photo-award__card-thumb,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:focus-visible .sub-photo-award__card-thumb,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:active .sub-photo-award__card-thumb {
    transform: scale(1.03);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:hover .sub-photo-award__card-zoom,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:focus-visible .sub-photo-award__card-zoom,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-link:active .sub-photo-award__card-zoom {
    transform: scale(1.08);
    background: rgba(27, 172, 228, 0.85);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-thumb {
    border-radius: 8px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-zoom {
    width: 32px;
    height: 32px;
    right: 8px;
    bottom: 8px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-zoom svg {
    width: 14px;
    height: auto;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__card-title,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__author {
    font-size: 14px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__empty {
    min-height: 100px;
    margin: 0;
    border-radius: 10px;
    font-size: 14px;
  }
}

@container sub-award (max-width: 451px) {
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-title-wrap.apply-mo-pt {
    padding-top: 40px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-contents.sub-cq-award.container14 {
    gap: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
  }

  /* MO .sub-contents.container14 박스 → .sub-photo-award에 동일 적용 */
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 0;
    margin-bottom: 40px;
    padding: 30px 20px;
    border-radius: 10px;
    background: #fafafa;
    box-sizing: border-box;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__body {
    gap: 20px;
    margin: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__aside {
    gap: 20px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__aside::after {
    display: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__title {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__title::after {
    width: 14px;
    height: 4px;
    margin-top: 0;
    border-radius: 10px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-nav ul {
    flex-wrap: nowrap;
    gap: 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-nav ul::-webkit-scrollbar {
    display: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-btn {
    font-size: 16px;
    white-space: nowrap;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-nav li.is-active .sub-photo-award__period-btn,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__period-btn[aria-current="true"] {
    font-size: 16px;
    font-weight: 700;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award__main {
    gap: 20px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal {
    padding: 0;
    align-items: center;
    justify-content: center;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__stage {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vh;
    width: 100dvh;
    height: 100vw;
    height: 100dvw;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    transform: translate(-50%, -50%) rotate(-90deg);
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__dialog {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    column-gap: 16px;
    row-gap: 16px;
    width: 650px;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    min-height: 0;
    padding: 48px 24px 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
    box-sizing: border-box;
    overflow: hidden;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__close {
    top: 20px;
    right: 20px;
    z-index: 3;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__slider,
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__body {
    display: contents;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__head {
    grid-column: 1 / -1;
    grid-row: 1;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding-right: 32px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__title {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 16px;
    line-height: 1.5;
    word-break: keep-all;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__figure {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    border-radius: 10px;
    overflow: hidden;
    background: #f0f0f0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__figure img {
    display: block;
    /* width: auto; */
    max-width: 100%;
    height: auto;
    max-height: 100%;
    /* aspect-ratio: auto; */
    object-fit: cover;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__desc {
    grid-column: 1 / -1;
    grid-row: 3;
    margin: 0;
    font-size: 14px;
    line-height: 1.625;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__nav--prev {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    justify-self: center;
    position: static;
    width: 40px;
    height: 40px;
    margin: 0;
    transform: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__nav--next {
    grid-column: 3;
    grid-row: 2;
    align-self: center;
    justify-self: center;
    position: static;
    width: 40px;
    height: 40px;
    margin: 0;
    transform: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__meta {
    grid-column: 1 / -1;
    grid-row: 4;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__footer {
    display: none;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-contact .inner.container17 {
    width: calc(100% - 8vw);
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-contact p {
    margin: 0;
    line-height: 1.6;
  }
}

/* sec5-drawing-award — 폰 실제 가로 보기 (451↑ PC, 기기 회전 시) */
@media (orientation: landscape) and (max-height: 500px) {
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal {
    padding: 24px 16px;
    align-items: center;
    justify-content: center;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__stage {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: min(960px, 100%);
    max-height: calc(100vh - 48px);
    height: auto;
    transform: none;
    padding: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__dialog {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    column-gap: 16px;
    row-gap: 16px;
    width: 650px;
    max-width: 100%;
    height: auto;
    max-height: calc(100vh - 48px);
    min-height: 0;
    padding: 48px 24px 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
    overflow: hidden;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__head {
    grid-column: 1 / -1;
    grid-row: 1;
    align-items: center;
    gap: 10px;
    padding-right: 32px;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__figure img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    aspect-ratio: auto;
    object-fit: contain;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__nav--prev {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    justify-self: center;
    position: static;
    width: 40px;
    height: 40px;
    transform: none;
    margin: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__nav--next {
    grid-column: 3;
    grid-row: 2;
    align-self: center;
    justify-self: center;
    position: static;
    width: 40px;
    height: 40px;
    transform: none;
    margin: 0;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__desc {
    grid-column: 1 / -1;
    grid-row: 3;
    margin: 0;
    font-size: 14px;
    line-height: 1.625;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__meta {
    grid-column: 1 / -1;
    grid-row: 4;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .sub-photo-award-modal__footer {
    display: none;
  }
}

@media (max-width: 451px) {
  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive {
    overflow-x: hidden;
  }

  body.sub-page--pc.sub-page--sec5-drawing-award.sub-page--pc-responsive .wrap {
    overflow-x: hidden;
  }
}