@charset "utf-8";
/* =========================================================================
   품티켓 골든 R2 — 레퍼런스2(브라운) 디자인 언어 계승 스타일시트
   원본 토큰 출처: 레퍼런스 시안의 :root 변수 + 섹션 스타일시트(헤더/히어로/밴드/카드/폼/푸터)
   ★ 색은 아래 [COLOR] 블록 한 곳에서만 정의한다. --pt-primary 한 줄만 바꾸면
     패널·틴트·라인·딥·푸터 파생색이 전부 따라 바뀐다(color-mix 계산).
   ========================================================================= */
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);

/* ------------------------------------------------------------------ [COLOR] */
:root{
  /* ★★★ 2단계에서 바꾸는 단 하나의 값 ★★★ */
  --pt-primary:#0069e4;

  /* 아래는 전부 --pt-primary 에서 계산된다. 직접 손대지 마라. */
  --pt-panel     : color-mix(in srgb, var(--pt-primary) 76%, #ffffff);
  --pt-panel-deep: color-mix(in srgb, var(--pt-primary) 88%, #ffffff);
  --pt-tint      : color-mix(in srgb, var(--pt-primary)  4%, #ffffff);
  --pt-tint-2    : color-mix(in srgb, var(--pt-primary) 10%, #ffffff);
  --pt-line-pri  : color-mix(in srgb, var(--pt-primary) 28%, #ffffff);
  --pt-deep      : color-mix(in srgb, var(--pt-primary) 74%, #000000);
  --pt-footer    : color-mix(in srgb, var(--pt-primary)  9%, #060606);
  --pt-shadow    : color-mix(in srgb, var(--pt-primary) 16%, transparent);

  /* 중립색 — 원본 토큰 그대로 */
  --pt-white:#ffffff;
  --pt-ink :#111111;
  --pt-ink2:#505050;
  --pt-ink3:#767676;
  --pt-ink4:#999999;
  --pt-line :#e5e5e5;
  --pt-line2:#d4d4d8;
  --pt-bg-sub:#f7f7fb;
  --pt-star:#ffcc00;

  /* 타이포 — 원본 토큰 그대로(PC) */
  --ff:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;
  --fw-regular:400; --fw-medium:500; --fw-bold:700;
  --fs-h1:6rem;   --lh-h1:9rem;
  --fs-h2:4.8rem; --lh-h2:7.2rem;
  --fs-h3:3.6rem; --lh-h3:5.4rem;
  --fs-h4:3.2rem; --lh-h4:4.6rem;
  --fs-h5:2.4rem; --lh-h5:3.6rem;
  --fs-h6:2rem;   --lh-h6:3.2rem;
  --fs-p1:1.6rem; --lh-p1:2.6rem;
  --fs-p2:1.4rem; --lh-p2:2.4rem;
  --fs-p3:1.2rem; --lh-p3:2.2rem;
  --ls:-0.025rem;

  /* 버튼 높이 — 원본 토큰 그대로 */
  --ht-xl:6.4rem; --ht-lg:5.6rem; --ht-md:4.8rem; --ht-sm:4rem;

  /* 레이아웃 */
  --sec-pad:14rem;
  --sec-pad-sm:9rem;
  --wrap-lg:calc(1440px + 8rem);
  --wrap-md:calc(1280px + 8rem);
  --wrap-sm:calc(1024px + 8rem);
  --read:820px;
  --radius:1.2rem;
  --radius-sm:.4rem;
}
@media (max-width:992px){
  :root{
    --fs-h1:3.6rem; --lh-h1:5.2rem;
    --fs-h2:3.2rem; --lh-h2:4.8rem;
    --fs-h3:2.6rem; --lh-h3:3.6rem;
    --fs-h4:2.2rem; --lh-h4:3.4rem;
    --fs-h5:2rem;   --lh-h5:3.2rem;
    --fs-h6:1.6rem; --lh-h6:2.6rem;
    --fs-p1:1.4rem; --lh-p1:2.4rem;
    --fs-p2:1.2rem; --lh-p2:2.2rem;
    --fs-p3:1rem;   --lh-p3:2rem;
    --ht-xl:5.6rem; --ht-lg:4.8rem; --ht-md:4rem; --ht-sm:3.2rem;
    --sec-pad:8rem; --sec-pad-sm:5.6rem;
  }
}

/* ------------------------------------------------------------------ Reset */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}
body{margin:0;font-family:var(--ff);font-weight:var(--fw-regular);font-size:var(--fs-p1);
  line-height:var(--lh-p1);letter-spacing:var(--ls);color:var(--pt-ink);background:var(--pt-white);
  -webkit-text-size-adjust:100%;word-break:keep-all;text-wrap:pretty;overflow-x:hidden}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
img{vertical-align:top}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
address{font-style:normal}
.blind{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ------------------------------------------------------------------ Typo */
h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);letter-spacing:var(--ls)}
.h1{font-size:var(--fs-h1);line-height:var(--lh-h1)}
.h2{font-size:var(--fs-h2);line-height:var(--lh-h2)}
.h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}
.h4{font-size:var(--fs-h4);line-height:var(--lh-h4)}
.h5{font-size:var(--fs-h5);line-height:var(--lh-h5)}
.h6{font-size:var(--fs-h6);line-height:var(--lh-h6);font-weight:var(--fw-regular)}
.p1{font-size:var(--fs-p1);line-height:var(--lh-p1)}
.p2{font-size:var(--fs-p2);line-height:var(--lh-p2)}
.p3{font-size:var(--fs-p3);line-height:var(--lh-p3)}
.textset-tit{display:block}
.textset-subtit{display:block;color:var(--pt-primary);font-weight:var(--fw-bold)}
.textset-desc{color:var(--pt-ink2)}
.pt-read{max-width:var(--read);margin-left:auto;margin-right:auto}

/* ------------------------------------------------------------------ Layout */
.container-full{position:relative;max-width:100%;margin:0 auto;padding:0 4rem}
.container-lg{position:relative;max-width:var(--wrap-lg);margin:0 auto;padding:0 4rem}
.container-md{position:relative;max-width:var(--wrap-md);margin:0 auto;padding:0 4rem}
.container-sm{position:relative;max-width:var(--wrap-sm);margin:0 auto;padding:0 4rem}
@media (max-width:992px){
  .container-full,.container-lg,.container-md,.container-sm{padding:0 1.6rem}
}
.sec{padding-top:var(--sec-pad);padding-bottom:var(--sec-pad)}
.sec-sm{padding-top:var(--sec-pad-sm);padding-bottom:var(--sec-pad-sm)}
.sec-tint{background:var(--pt-tint)}
.sec-head{text-align:center;margin-bottom:6rem}
.sec-head .textset-subtit{margin-bottom:1.2rem;font-size:var(--fs-p1)}
.sec-head .textset-desc{margin-top:1.6rem}
@media (max-width:992px){.sec-head{margin-bottom:3.2rem}}

/* ------------------------------------------------------------------ Button */
.btnset{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;
  height:var(--ht-md);padding:0 2.4rem;border-radius:var(--radius-sm);font-weight:var(--fw-medium);
  font-size:var(--fs-p1);white-space:nowrap;border:0 solid transparent;
  transition:background-color .3s,color .3s,border-color .3s}
.btnset-lg{height:var(--ht-lg);padding:0 3.2rem;font-size:1.8rem}
.btnset-sm{height:var(--ht-sm);padding:0 1.6rem;font-size:var(--fs-p2)}
.btnset-block{width:100%}
.btnset-primary{color:var(--pt-white);background:var(--pt-primary)}
.btnset-primary:hover{background:var(--pt-deep)}
.btnset-dark{color:var(--pt-white);background:var(--pt-ink)}
.btnset-dark:hover{background:#000}
.btnset-light{color:var(--pt-primary);background:var(--pt-white)}
.btnset-light:hover{background:#f0f0f0}
.btnset-line-primary{color:var(--pt-primary);background:transparent;border:2px solid var(--pt-primary)}
.btnset-line-primary:hover{color:var(--pt-white);background:var(--pt-primary)}
.btnset-line-white{color:var(--pt-white);background:transparent;border:2px solid var(--pt-white)}
.btnset-line-white:hover{color:var(--pt-primary);background:var(--pt-white)}
.btnset-line-light{color:var(--pt-ink);background:transparent;border:2px solid var(--pt-line)}
.btnset-line-light:hover{background:var(--pt-line)}
.btn-row{display:flex;flex-wrap:wrap;gap:1.2rem}
.btn-row.is-center{justify-content:center}

/* ------------------------------------------------------------------ Header */
.site-header{position:sticky;top:0;z-index:99;width:100%;background:var(--pt-white);
  border-bottom:1px solid var(--pt-line)}
.header-container{display:flex;align-items:center;justify-content:space-between;gap:4rem;min-height:8.6rem}
.header-brand{display:flex;align-items:center;flex:0 0 auto}
.header-brand a{display:inline-flex;align-items:baseline;white-space:nowrap}
.pt-lg-en{font-style:normal;letter-spacing:.02em;font-size:2rem;font-weight:var(--fw-bold);color:var(--pt-primary)}
.pt-lg-ko{margin-left:6px;font-size:1.5rem;font-weight:var(--fw-medium);color:var(--pt-ink)}
.header-gnb{flex:1 1 auto;display:flex;justify-content:center}
.header-gnblist{display:flex;align-items:center}
.header-gnbitem{position:relative}
.header-gnblink{display:block;padding:2.8rem 2.2rem;font-weight:var(--fw-medium);white-space:nowrap}
.header-gnblink span{position:relative;transition:color .3s}
.header-gnblink span::after{content:"";position:absolute;left:0;top:calc(100% + 4px);display:block;
  width:100%;height:.2rem;background:var(--pt-primary);transform:scaleX(0);transition:transform .3s}
.header-gnbitem:hover .header-gnblink span,.header-gnbitem.is-current .header-gnblink span{color:var(--pt-primary)}
.header-gnbitem:hover .header-gnblink span::after,.header-gnbitem.is-current .header-gnblink span::after{transform:scaleX(1)}
.header-sublist{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:21rem;
  background:var(--pt-white);border:1px solid var(--pt-line);border-radius:var(--radius-sm);
  overflow:hidden;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;
  pointer-events:none;box-shadow:0 12px 32px var(--pt-shadow)}
.header-gnbitem:hover .header-sublist{opacity:1;visibility:visible;pointer-events:auto}
.header-sublink{display:block;padding:1.2rem 1.8rem;font-size:var(--fs-p2);font-weight:var(--fw-medium);
  transition:background .2s,color .2s}
.header-sublink:hover{background:var(--pt-ink);color:var(--pt-white)}
.header-utils{display:flex;align-items:center;gap:1.6rem;flex:0 0 auto}
.header-hours{font-size:var(--fs-p2);color:var(--pt-ink3)}
.header-hours strong{color:var(--pt-primary);font-weight:var(--fw-bold)}
.btn-momenu{display:none;flex-direction:column;gap:.6rem;padding:.6rem;flex:0 0 auto}
.btn-momenu i{display:block;width:2.4rem;height:.2rem;background:var(--pt-ink);border-radius:1rem;transition:.3s}
.btn-momenu i:nth-child(2){width:1.4rem}
@media (max-width:992px){
  .header-container{min-height:6.4rem;gap:1.2rem}
  .header-gnb,.header-utils{display:none}
  .btn-momenu{display:flex}
  .pt-lg-en{font-size:1.8rem}.pt-lg-ko{font-size:1.3rem}
}

/* --- 모바일 서랍 (header 밖에 둔다: 킷 모바일 헤더 규칙과 충돌 방지) --- */
.mo-drawer{position:fixed;inset:0;z-index:9998;visibility:hidden;opacity:0;transition:.3s}
.mo-drawer.is-open{visibility:visible;opacity:1}
.mo-drawer-dim{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.mo-drawer-panel{position:absolute;top:0;right:0;width:min(32rem,86vw);height:100%;
  background:var(--pt-white);transform:translateX(100%);transition:transform .3s;
  display:flex;flex-direction:column;overflow-y:auto}
.mo-drawer.is-open .mo-drawer-panel{transform:translateX(0)}
.mo-drawer-head{display:flex;align-items:center;justify-content:space-between;
  padding:2rem;border-bottom:1px solid var(--pt-line)}
.mo-drawer-close{font-size:2.8rem;line-height:1;color:var(--pt-ink3)}
.mo-list{padding:1.2rem 0}
.mo-list > li > a{display:block;padding:1.4rem 2rem;font-size:1.6rem;font-weight:var(--fw-bold)}
.mo-list > li > strong{display:block;padding:1.6rem 2rem .6rem;color:var(--pt-primary);
  font-size:1.3rem;letter-spacing:.04em}
.mo-sub li a{display:block;padding:1rem 2rem 1rem 3.2rem;font-size:1.45rem;color:var(--pt-ink2)}
.mo-sub li a:hover{color:var(--pt-primary)}

/* ------------------------------------------------------------------ Hero */
.hero{position:relative;overflow:hidden;background:var(--pt-white)}
.hero-wrap{display:grid;grid-template-columns:repeat(2,1fr);position:relative;
  margin:0 auto;padding:0 4rem;max-width:var(--wrap-lg);min-height:62rem}
.hero-panel{position:relative;display:flex;flex-direction:column;justify-content:center;
  padding:9rem 6rem 9rem 0;color:var(--pt-white)}
.hero-panel::before{content:"";position:absolute;top:0;right:0;width:100vw;height:100%;
  background:var(--pt-panel)}
.hero-panel > *{position:relative;z-index:1}
.hero-eyebrow{display:inline-flex;align-items:center;align-self:flex-start;gap:.8rem;
  padding:.6rem 1.4rem;margin-bottom:2.4rem;border-radius:99px;
  background:rgba(255,255,255,.2);font-size:var(--fs-p2);font-weight:var(--fw-medium)}
.hero-title{font-size:4.2rem;line-height:1.34;color:var(--pt-white)}
.hero-lead{margin:2rem 0 4rem;font-size:1.8rem;line-height:3rem;color:rgba(255,255,255,.92)}
.hero-media{position:absolute;top:0;left:0;width:100vw;height:100%;overflow:hidden}
.hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.hero-facts{display:flex;gap:3.2rem;margin-top:4.8rem;padding-top:3.2rem;
  border-top:1px solid rgba(255,255,255,.28)}
.hero-facts dt{font-size:var(--fs-p2);color:rgba(255,255,255,.8)}
.hero-facts dd{margin-top:.6rem;font-size:2rem;font-weight:var(--fw-bold)}
@media (max-width:992px){
  .hero-wrap{grid-template-columns:1fr;min-height:0;padding:0}
  .hero-media{position:relative;width:100%;height:auto;aspect-ratio:16/10;order:-1}
  .hero-panel{padding:4.8rem 1.6rem 5.6rem}
  .hero-panel::before{right:auto;left:0;width:100%}
  .hero-title{font-size:3rem;line-height:1.4}
  .hero-lead{margin:1.6rem 0 3.2rem;font-size:1.55rem;line-height:2.6rem}
  .hero-facts{flex-wrap:wrap;gap:1.6rem 2.4rem;margin-top:3.2rem;padding-top:2.4rem}
  .hero-facts dd{font-size:1.7rem}
}
/* 하위페이지 컴팩트 히어로 */
.hero.is-compact .hero-wrap{min-height:42rem}
.hero.is-compact .hero-title{font-size:3.6rem}
@media (max-width:992px){
  .hero.is-compact .hero-wrap{min-height:0}
  .hero.is-compact .hero-title{font-size:2.6rem}
}
.crumb{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.6rem;font-size:var(--fs-p2);
  color:rgba(255,255,255,.82)}
.crumb li+li::before{content:"\203A";margin-right:.6rem}

/* ------------------------------------------------------------------ 밴드(풀블리드 2단) */
.bandset{display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;min-height:52rem}
.bandset-media{position:relative;overflow:hidden;background:var(--pt-bg-sub)}
.bandset-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bandset-body{display:flex;flex-direction:column;justify-content:center;
  padding:9rem 8rem;background:var(--pt-tint)}
.bandset-body .textset-subtit{margin-bottom:1.6rem}
.bandset-body .textset-tit{margin-bottom:1.6rem}
.bandset.is-invert .bandset-body{background:var(--pt-panel)}
.bandset.is-invert .bandset-body .textset-tit,
.bandset.is-invert .bandset-body .textset-subtit{color:var(--pt-white)}
.bandset.is-invert .bandset-body .textset-desc{color:rgba(255,255,255,.9)}
.bandset.is-reverse .bandset-media{order:2}
.bandset-list{margin-top:2.4rem;display:flex;flex-direction:column;gap:1rem}
.bandset-list li{position:relative;padding-left:1.8rem;font-size:var(--fs-p1);line-height:2.8rem;color:var(--pt-ink2)}
.bandset-list li::before{content:"";position:absolute;left:0;top:1.1rem;width:.6rem;height:.6rem;
  border-radius:50%;background:var(--pt-primary)}
.bandset.is-invert .bandset-list li{color:rgba(255,255,255,.9)}
.bandset.is-invert .bandset-list li::before{background:var(--pt-white)}
@media (max-width:992px){
  .bandset{grid-template-columns:1fr;min-height:0}
  .bandset-media{aspect-ratio:16/10}
  .bandset.is-reverse .bandset-media{order:0}
  .bandset-body{padding:4.8rem 1.6rem}
}

/* ------------------------------------------------------------------ 피처(이미지+텍스트) */
.featset{display:flex;align-items:center;gap:6rem}
.featset+.featset{margin-top:9rem}
.featset-thumb{flex:1 1 56rem;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--pt-bg-sub)}
.featset-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.featset-body{flex:1 1 40rem}
.featset.is-reverse{flex-direction:row-reverse}
.featset-body .textset-subtit{margin-bottom:1.2rem}
.featset-body .textset-tit{margin-bottom:1.6rem}
@media (max-width:992px){
  .featset,.featset.is-reverse{flex-direction:column;gap:2.8rem}
  .featset+.featset{margin-top:5.6rem}
  .featset-thumb{flex:none;width:100%;aspect-ratio:16/11}
  .featset-body{flex:none;width:100%}
}

/* ------------------------------------------------------------------ 절차 3단 */
.stepset{display:grid;grid-template-columns:repeat(3,1fr);gap:3.2rem}
.stepset-item{display:flex;flex-direction:column}
.stepset-thumb{aspect-ratio:3/2;border-radius:var(--radius);overflow:hidden;background:var(--pt-bg-sub)}
.stepset-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.stepset-no{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;
  margin:2.4rem 0 1.2rem;border-radius:50%;background:var(--pt-primary);color:var(--pt-white);
  font-size:var(--fs-p2);font-weight:var(--fw-bold)}
.stepset-tit{margin-bottom:.8rem;font-size:2rem;line-height:2.9rem}
.stepset-desc{font-size:var(--fs-p1);line-height:2.7rem;color:var(--pt-ink2)}
@media (max-width:992px){.stepset{grid-template-columns:1fr;gap:3.2rem}}

/* ------------------------------------------------------------------ 카드 */
.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.8rem}
.cardset{display:flex;flex-direction:column;padding:2.8rem;background:var(--pt-white);
  border:1px solid var(--pt-line);border-radius:var(--radius);transition:border-color .3s,transform .3s}
.cardset:hover{border-color:var(--pt-primary);transform:translateY(-4px)}
.cardset-figure{margin:-2.8rem -2.8rem 2.4rem;aspect-ratio:16/10;overflow:hidden;
  border-radius:var(--radius) var(--radius) 0 0;background:var(--pt-bg-sub)}
.cardset-figure img{width:100%;height:100%;object-fit:cover;display:block}
.cardset-subject{font-size:var(--fs-p2);color:var(--pt-primary);font-weight:var(--fw-bold);margin-bottom:1rem}
.cardset-tit{font-size:2rem;line-height:2.9rem;margin-bottom:1rem}
.cardset-desc{font-size:var(--fs-p1);line-height:2.6rem;color:var(--pt-ink2);flex:1 1 auto}
.cardset-more{margin-top:2rem;font-size:var(--fs-p2);font-weight:var(--fw-medium);color:var(--pt-primary)}
@media (max-width:992px){
  .cardgrid{grid-template-columns:1fr;gap:1.6rem}
  .cardset{padding:2rem}
  .cardset-figure{margin:-2rem -2rem 1.6rem}
}

/* ------------------------------------------------------------------ 후기 */
.revset{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem}
.revset-item{display:flex;flex-direction:column;padding:2.8rem;border:1px solid var(--pt-line);
  border-radius:var(--radius);background:var(--pt-white);transition:border-color .3s}
.revset-item:hover{border-color:var(--pt-primary)}
.revset-stars{display:flex;gap:.4rem;color:var(--pt-star)}
.revset-stars svg{width:1.8rem;height:1.8rem;fill:currentColor}
.revset-desc{margin:2rem 0;font-size:var(--fs-p1);line-height:2.6rem;color:var(--pt-ink2);flex:1 1 auto}
.revset-subject{display:flex;align-items:center;gap:1.2rem}
.revset-figure{width:4rem;height:4rem;border-radius:50%;overflow:hidden;background:var(--pt-bg-sub);flex:0 0 auto}
.revset-figure img{width:100%;height:100%;object-fit:cover;display:block}
.revset-info span{font-size:var(--fs-p2);font-weight:var(--fw-medium)}
@media (max-width:1200px){.revset{grid-template-columns:repeat(2,1fr)}}
@media (max-width:992px){.revset{grid-template-columns:1fr;gap:1.6rem}.revset-item{padding:2rem}}

/* ------------------------------------------------------------------ 표 */
.tableset{width:100%;overflow-x:auto;border-radius:var(--radius);border:1px solid var(--pt-line)}
.tableset table{width:100%;min-width:56rem;border-collapse:collapse;font-size:var(--fs-p1)}
.tableset th,.tableset td{padding:1.8rem 2rem;text-align:left;border-bottom:1px solid var(--pt-line)}
.tableset thead th{background:var(--pt-tint-2);font-weight:var(--fw-bold);color:var(--pt-ink)}
.tableset tbody tr:last-child th,.tableset tbody tr:last-child td{border-bottom:0}
.tableset td{color:var(--pt-ink2)}

/* ------------------------------------------------------------------ 본문 블록 */
.proseset h2{font-size:var(--fs-h4);line-height:var(--lh-h4);margin:0 0 2rem}
.proseset h3{font-size:2.2rem;line-height:3.2rem;margin:4.8rem 0 1.4rem}
.proseset p{font-size:1.7rem;line-height:3.2rem;color:var(--pt-ink2);margin-bottom:1.8rem}
.proseset ul{margin:0 0 2.4rem}
.proseset ul li{position:relative;padding-left:1.8rem;font-size:1.7rem;line-height:3rem;
  color:var(--pt-ink2);margin-bottom:.6rem}
.proseset ul li::before{content:"";position:absolute;left:0;top:1.3rem;width:.6rem;height:.6rem;
  border-radius:50%;background:var(--pt-primary)}
.noteset{padding:2.8rem 3.2rem;border-left:4px solid var(--pt-primary);background:var(--pt-tint);
  border-radius:0 var(--radius) var(--radius) 0}
.noteset strong{display:block;margin-bottom:.8rem;font-size:1.7rem;color:var(--pt-ink)}
.noteset p{margin:0;font-size:var(--fs-p1);line-height:2.8rem;color:var(--pt-ink2)}
@media (max-width:992px){
  .proseset p,.proseset ul li{font-size:1.55rem;line-height:2.8rem}
  .proseset h3{font-size:1.9rem;line-height:2.8rem;margin:3.6rem 0 1.2rem}
  .noteset{padding:2rem 2rem 2rem 2.4rem}
}

/* ------------------------------------------------------------------ FAQ */
.faqset{max-width:var(--read);margin:0 auto}
.faqset details{border-bottom:1px solid var(--pt-line)}
.faqset summary{position:relative;display:block;padding:2.6rem 4.8rem 2.6rem 0;cursor:pointer;
  font-size:1.8rem;line-height:2.8rem;font-weight:var(--fw-bold);list-style:none}
.faqset summary::-webkit-details-marker{display:none}
.faqset summary::after{content:"";position:absolute;right:1rem;top:3.2rem;width:1rem;height:1rem;
  border-right:2px solid var(--pt-primary);border-bottom:2px solid var(--pt-primary);
  transform:translateY(-50%) rotate(45deg);transition:transform .3s}
.faqset details[open] summary::after{transform:translateY(-20%) rotate(-135deg)}
.faqset .faq-a{padding:0 0 2.8rem;font-size:var(--fs-p1);line-height:2.9rem;color:var(--pt-ink2)}
@media (max-width:992px){
  .faqset summary{padding:2rem 3.6rem 2rem 0;font-size:1.55rem;line-height:2.4rem}
  .faqset summary::after{top:2.6rem;right:.6rem}
  .faqset .faq-a{font-size:1.45rem;line-height:2.6rem}
}

/* ------------------------------------------------------------------ CTA 밴드 */
.ctaset{position:relative;overflow:hidden;padding:12rem 0;background:var(--pt-ink)}
.ctaset-bg{position:absolute;inset:0}
.ctaset-bg img{width:100%;height:100%;object-fit:cover;display:block}
.block-overlay{position:absolute;inset:0;background:linear-gradient(90deg,
  color-mix(in srgb,var(--pt-primary) 88%,#000) 0%,
  color-mix(in srgb,var(--pt-primary) 62%,#000) 55%,
  rgba(0,0,0,.45) 100%)}
.ctaset .container-md{position:relative;z-index:1}
.ctaset-inner{text-align:center;color:var(--pt-white)}
.ctaset-inner h2{font-size:var(--fs-h3);line-height:var(--lh-h3);color:var(--pt-white)}
.ctaset-inner p{margin:2rem auto 4rem;max-width:64rem;font-size:1.7rem;line-height:3rem;color:rgba(255,255,255,.9)}
@media (max-width:992px){.ctaset{padding:7.2rem 0}.ctaset-inner p{font-size:1.5rem;line-height:2.7rem}}

/* ------------------------------------------------------------------ 관련 링크 */
.linkset{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.linkset a{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;
  padding:2.2rem 2.4rem;border:1px solid var(--pt-line);border-radius:var(--radius);
  font-weight:var(--fw-medium);transition:border-color .3s,background .3s}
.linkset a:hover{border-color:var(--pt-primary);background:var(--pt-tint)}
.linkset a::after{content:"\2192";color:var(--pt-primary)}
@media (max-width:992px){.linkset{grid-template-columns:1fr}}

/* ------------------------------------------------------------------ Footer */
.site-footer{padding:4.8rem 0 3.2rem;background:var(--pt-footer);color:var(--pt-white)}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:2.4rem;
  flex-wrap:wrap;margin-bottom:2.4rem}
.footer-menulist{display:flex;align-items:center;flex-wrap:wrap}
.footer-menulink{position:relative;display:flex;align-items:center}
.footer-menulink a{padding-right:1.2rem;font-size:var(--fs-p2);color:rgba(255,255,255,.86)}
.footer-menulink+.footer-menulink a{padding-left:1.2rem}
.footer-menulink+.footer-menulink::after{content:"";position:absolute;top:50%;left:0;
  transform:translateY(-50%);width:1px;height:1.4rem;background:rgba(255,255,255,.18)}
.footer-contact{display:flex;gap:.8rem;flex-wrap:wrap}
.footer-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:2.4rem;
  flex-wrap:wrap;padding-top:2.4rem;border-top:1px solid rgba(255,255,255,.12)}
.footer-brand .pt-lg-en{color:var(--pt-white)}
.footer-brand .pt-lg-ko{color:rgba(255,255,255,.7)}
.footer-txtgroup{margin-top:2rem}
.footer-txt{display:flex;flex-wrap:wrap;gap:.8rem}
.footer-txt+.footer-txt{margin-top:.4rem}
.footer-txt p,.footer-txt span{font-size:1.2rem;line-height:2rem;color:rgba(255,255,255,.6)}
.footer-note{max-width:52rem;font-size:1.2rem;line-height:2.1rem;color:rgba(255,255,255,.45)}
@media (max-width:992px){
  .site-footer{padding:3.6rem 0 2.8rem}
  .footer-top{flex-direction:column;align-items:flex-start;gap:1.6rem}
  .footer-bottom{flex-direction:column}
}

/* ------------------------------------------------------------------ 약관/개인정보 모달 (킷 마크업용) */
.dgm-links{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2.4rem 0 0}
.dgm-links button{font-size:1.3rem;color:rgba(255,255,255,.72);text-decoration:underline;
  text-underline-offset:3px}
.dgm-links button:hover{color:var(--pt-white)}
.dgm-sep{color:rgba(255,255,255,.28);font-size:1.3rem}
.dgm-overlay{display:none;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.55);padding:2rem}
.dgm-overlay.dgm-on{display:flex;align-items:center;justify-content:center}
.dgm-box{display:flex;flex-direction:column;width:100%;max-width:72rem;max-height:86vh;
  background:var(--pt-white);border-radius:var(--radius);overflow:hidden;color:var(--pt-ink)}
.dgm-head{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;
  padding:2rem 2.4rem;border-bottom:1px solid var(--pt-line)}
.dgm-head h3{font-size:2rem;line-height:2.8rem}
.dgm-x{font-size:2.8rem;line-height:1;color:var(--pt-ink3)}
.dgm-body{padding:2.4rem;overflow-y:auto}
.dgm-body h4{margin:2.4rem 0 .8rem;font-size:1.6rem;line-height:2.4rem}
.dgm-body h4:first-child{margin-top:0}
.dgm-body p{font-size:1.5rem;line-height:2.7rem;color:var(--pt-ink2)}
.dgm-body strong{color:var(--pt-ink)}
.dgm-date{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--pt-line);
  font-size:1.3rem;color:var(--pt-ink3)}
