/* footer-main.css — 메인(inc/footer.php) 푸터를 신청 체인에서 재현하기 위한 CSS.
 * 출처: uketa/css/footer-legacy.css 1~104행 (style.css 에서 푸터 유틸 클래스만 추출).
 * 105행 이후 uketa 전용 보정(.uketa-footer-top 등)은 우리 푸터에 불필요해서 뺐다.
 * 모든 셀렉터를 .wts-mainfoot 하위로 스코프. 스코프를 빼면 .a{display:grid} /
 * .we{display:none} / .t{margin:24px} 같은 2글자 유틸이 신청폼을 침범한다. 2026-08-18
 */

.wts-mainfoot .a {display: grid;
    max-width: 1312px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -moz-column-gap: 16px;
    column-gap: 16px}
@media (min-width: 768px) {
  .wts-mainfoot .a {grid-template-columns: repeat(8, minmax(0, 1fr));
        -moz-column-gap: 20px;
        column-gap: 20px}
}
@media (min-width: 1200px) {
  .wts-mainfoot .a {grid-template-columns: repeat(12, minmax(0, 1fr));
        -moz-column-gap: 32px;
        column-gap: 32px}
}
.wts-mainfoot .t {margin-left: 24px;
    margin-right: 24px;
    max-width: 1312px}
@media (min-width: 768px) {
  .wts-mainfoot .t {margin-left: 48px;
        margin-right: 48px}
}
@media (min-width: 1200px) {
  .wts-mainfoot .t {margin-left: 120px;
        margin-right: 120px}
}
@media (min-width: 1536px) {
  .wts-mainfoot .t {margin-left: auto;
        margin-right: auto}
}
.wts-mainfoot .a {min-width: 0}
.wts-mainfoot .uk {grid-column: 1 / -1}
.wts-mainfoot .vs {margin-bottom: 0}
.wts-mainfoot .vx {margin-bottom: 32px}
.wts-mainfoot .va {margin-bottom: 48px}
.wts-mainfoot .ws {margin-top: 24px}
.wts-mainfoot .wb {display: flex;
    gap: 10px;}
.wts-mainfoot .we {display: none}
.wts-mainfoot .wl {height: 20px}
.wts-mainfoot .xi {width: 20px}
.wts-mainfoot .yt {width: 100%}
.wts-mainfoot .yi {cursor: pointer}
.wts-mainfoot .yq {align-items: center}
.wts-mainfoot .yr {align-items: baseline}
.wts-mainfoot .zv {justify-content: space-between}
.wts-mainfoot .v2-space-y-16>:not([hidden])~:not([hidden]) {--tw-space-y-reverse: 0;
    margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16px * var(--tw-space-y-reverse))}
.wts-mainfoot .ag {--tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))}
.wts-mainfoot .cv {padding-top: 40px;
    padding-bottom: 40px}
.wts-mainfoot .cc {padding-bottom: 20px}
.wts-mainfoot .cr {text-align: left}
.wts-mainfoot .dl {--tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))}
.wts-mainfoot .fw {font-size: 1rem;
    font-weight: 600;
    line-height: 28px}
.wts-mainfoot .fx {font-size: .975rem;
    line-height: 24px}
.wts-mainfoot .fa {font-size: .75rem;
    line-height: 20px}
.wts-mainfoot .fo:hover {--tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))}
.wts-mainfoot .fp:hover {text-decoration-line: underline}
@media (min-width: 768px) {
  .wts-mainfoot .jf {padding-bottom: 48px}
  .wts-mainfoot .jg {padding-bottom: 56px}
  .wts-mainfoot .ji {padding-top: 56px}
}
@media (min-width: 1200px) {
  .wts-mainfoot .kv {grid-column: span 3 / span 3}
  .wts-mainfoot .kw {grid-column: span 4 / span 4}
  .wts-mainfoot .kx {grid-column: span 5 / span 5}
  .wts-mainfoot .kd {grid-column-start: 5}
  .wts-mainfoot .kh {margin-bottom: 0}
  .wts-mainfoot .kq {margin-top: 64px}
  .wts-mainfoot .ls {display: block}
  .wts-mainfoot .lu {display: flex}
  .wts-mainfoot .lw {display: none}
  .wts-mainfoot .mb {max-width: 450px}
  .wts-mainfoot .mc {cursor: default}
  .wts-mainfoot .mh {justify-content: space-between}
  .wts-mainfoot .mk {-moz-column-gap: 0;
        column-gap: 0}
  .wts-mainfoot .mr {padding-top: 0;
        padding-bottom: 0}
  .wts-mainfoot .nu {padding-bottom: 0}
  .wts-mainfoot .nx {padding-bottom: 6px}
}
@media (min-width: 1536px) {
  .wts-mainfoot .nk {margin-top: 48px}
  .wts-mainfoot .ok {max-width: none}
}
.wts-mainfoot .logo-icon { max-width: 354px; width: 100%; height: auto; }

.wts-mainfoot .wts-footer-disclaimer {
    box-sizing: border-box; width: 100%; margin-top: 24px;
    padding-top: 18px; border-top: 1px solid rgba(255,255,255,.18);
}
.wts-mainfoot .wts-footer-disclaimer p {
    margin: 0; font-size: 12px; line-height: 1.7; color: inherit;
    opacity: .8; text-align: left; word-break: break-word;
}
@media screen and (max-width: 500px) {
    .wts-mainfoot .wts-footer-disclaimer { margin-top: 18px; padding-top: 14px; }
    .wts-mainfoot .wts-footer-disclaimer p { font-size: 11px; line-height: 1.65; }
}

.wts-mainfoot #footer_nav_links svg { transition: transform .2s ease; }
.wts-mainfoot .open svg { transform: rotate(180deg); }
.wts-mainfoot a { text-decoration: none; }

/* ── 메인과 픽셀 일치를 위한 마무리 ─────────────────────────────────
   메인(index.php)은 body 에 font-family 를 안 줘서 브라우저 기본 폰트
   (크롬 기준 Times New Roman)로 렌더된다. 반면 신청페이지는 style-apy.css 가
   sans-serif 스택을 깔아둔다. 그래서 같은 마크업인데 푸터 서체만 달라 보였다.
   font-family: initial 로 되돌리면 메인과 동일하게 브라우저 기본 폰트를 탄다.
   (Times 를 하드코딩하지 않는 이유: 사용자가 기본 폰트를 바꿔놨을 때
    메인은 따라가는데 신청페이지만 Times 로 고정되면 그게 또 불일치다.)      */
.wts-mainfoot,
.wts-mainfoot * {
    font-family: initial;
}

/* 실측 결과 footer 자체의 line-height 만 24px vs 16px 로 어긋났다.
   나머지(info 20px / head 28px / link 24px / disclaimer 20.4px)는 이미 일치. */
.wts-mainfoot footer.ag {
    line-height: 1.5;
}