/* ==========================================================================
   지아 공용 섹션 스타일 — 여러 페이지에서 재사용하는 섹션 패턴
   site-chrome.css 다음에 로드하세요.
   ========================================================================== */

/* 반응형 줄바꿈 유틸 */
.pc_br{display:inline}
.mo_br{display:none}
@media screen and (max-width:900px){
  .pc_br{display:none}
  .mo_br{display:inline}
}

/* ===== 후기 — 유라인 TV 영상 스타일 ===== */
.tv_section{background-color:var(--ul-cream-2);background-image:url(../assets/bg-tv.png?v=e99f3f60);background-repeat:no-repeat;background-position:center center;background-size:cover;padding-bottom:5.2vw}
.tv_section .title{padding-top:4.53125vw;text-align:center}
.tv_section .title h3{font-family:"Erode","Pretendard",serif;font-size:4.1666666667vw;font-weight:400;margin-bottom:.4166666667vw;color:#090909;line-height:1;letter-spacing:-.02em}
.tv_section .title p{font-size:1.0416666667vw;font-weight:600;color:#000;line-height:1.7;letter-spacing:-.02em}
.tv_section .slide_contain{margin-top:4.0104166667vw;position:relative;padding:0 6.25vw}

/* 카드: 상자 대신 이미지 + 하단 텍스트, 가운데 카드만 밝게 */
.tv_section .rv-card{flex:0 0 calc((100% - 2 * 3.6vw)/3);background:none;border:none;border-radius:0;overflow:visible;cursor:pointer}
.tv_section .rv-track{gap:3.6vw}
.tv_section .rv-media{position:relative;overflow:hidden}
.tv_section .rv-img{width:100%;aspect-ratio:17.7/20.8;object-fit:cover;object-position:center top;border-radius:0;background:#FFFAE2}
.tv_section .rv-filter{position:absolute;inset:0;background:#000;opacity:.3;transition:opacity .4s}
.tv_section .rv-card.is-focus .rv-filter{opacity:0}
.tv_section .rv-body{padding:0;margin-top:.9375vw;flex:none}
.tv_section .rv-head{font-size:1.1458333333vw;font-weight:600;color:#676157;margin-bottom:.4166666667vw;min-height:0;line-height:1.4;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.tv_section .rv-text{font-size:.9375vw;font-weight:500;color:#656460;line-height:1.5;min-height:0}
.tv_section .rv-foot{display:none}
/* 좌우 버튼: 슬라이더 트랙 바깥(섹션 좌우 여백)에 두고, 카드 기준 세로 정중앙 */
.tv_section .rv-nav{width:3.5416666667vw;height:3.5416666667vw;min-width:40px;min-height:40px;background:transparent;border:1px solid #A99B85;color:#7A6B54;box-shadow:none;top:50%;transform:translateY(-50%)}
.tv_section .rv-prev{left:auto;right:calc(100% + 1.3vw)}
.tv_section .rv-next{right:auto;left:calc(100% + 1.3vw)}

@media screen and (max-width:1024px){
  .tv_section .rv-card{flex:0 0 calc((100% - 3.6vw)/2)}
}
@media screen and (max-width:900px){
  .tv_section{background-image:url(../assets/bg-tv-m.png?v=3cb5b9ee);padding-bottom:16vw}
  .tv_section .title{padding-top:16vw}
  .tv_section .title h3{font-size:9.6vw;margin-bottom:2.1333333333vw}
  .tv_section .title p{font-size:4vw;word-break:keep-all;padding:0 5.3333333333vw}
  .tv_section .slide_contain{margin-top:10.6666666667vw;padding:0 5.3333333333vw}
  .tv_section .rv-card{flex:0 0 100%}
  .tv_section .rv-nav{display:none}
  .tv_section .rv-body{margin-top:4.2vw}
  .tv_section .rv-head{font-size:4.5333333333vw;margin-bottom:2vw}
  .tv_section .rv-text{font-size:3.7333333333vw}
  .tv_section .rv-filter{opacity:0}
}

/* ==========================================================================
   라인 설계 스토리 — 유라인 "Design of ULINE" 스타일
   상하 헤어라인 안에서 이미지 50% / 텍스트 50% 가 행마다 좌우 교차.
   모바일에서는 가로 스크롤 카드로 전환.
   ========================================================================== */
.linestory_section{padding:6.7708333333vw 0 7.8vw;background:var(--ul-cream)}
.linestory_section.alt{background:var(--ul-cream-2)}
.linestory_section .title{text-align:center;padding:0 24px}
.linestory_section .title h3{font-family:"Erode","Pretendard",serif;font-size:3.6458333333vw;font-weight:400;letter-spacing:-.03em;margin-bottom:.2083333333vw;color:#090909;line-height:1}
.linestory_section .title .introAddText{font-size:1.1458333333vw;line-height:1.364;letter-spacing:-.055em;font-weight:600;color:var(--ul-ink)}
.linestory_section .title .basicText{font-size:.8854166667vw;line-height:1.412;color:#48433c;margin-top:.9375vw;letter-spacing:-.056em}

.linestory_section .titleContList{display:block;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;margin-top:3.90625vw}
.linestory_section .title_cont{display:flex;align-items:center;position:relative}
.linestory_section .title_cont:not(:last-child){border-bottom:1px solid #ecebe8}
.linestory_section .title_cont .img{width:50%}
.linestory_section .title_cont:nth-child(odd) .img{order:0}
.linestory_section .title_cont:nth-child(even) .img{order:1}
.linestory_section .title_cont .txt{width:50%;padding-left:5.2083333333vw}
.linestory_section .title_cont:nth-child(even) .txt{text-align:right;padding-left:0;padding-right:5.2083333333vw}
.linestory_section .title_cont .txt p{font-size:1.1458333333vw;font-weight:600;line-height:1.364;margin-bottom:.8333333333vw;letter-spacing:-.04em;color:var(--ul-ink)}
.linestory_section .title_cont .txt span{font-size:.8854166667vw;font-weight:400;color:#48433c;line-height:1.412;letter-spacing:-.052em;display:block}
.linestory_section .title_cont .txt span strong{font-weight:700;color:var(--ul-brown)}
.linestory_section .title_cont .txt .basis{font-size:.7812vw;color:#8A857D;margin:1.1vw 0 0;font-weight:400;letter-spacing:-.02em}

/* 촬영 전 임시 이미지 자리 */
.linestory_section .ls-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:20.8333333333vw;background:#EFE7DA;color:#B2B2B2;padding:2vw;text-align:center}
.linestory_section .ls-img{display:block;width:100%;height:20.8333333333vw;overflow:hidden;background:#EFE7DA}
.linestory_section .ls-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.linestory_section .ls-ph svg{width:44px;height:44px}
.linestory_section .ls-ph em{font-style:normal;font-size:.7291666667vw;line-height:1.5;margin-top:1vw;word-break:keep-all}

.linestory_section .answer-box{max-width:1000px;margin:4vw auto 0;padding:0 24px;text-align:center}
.linestory_section .answer-box p{font-size:1.0416666667vw;line-height:1.8;color:var(--ul-ink);letter-spacing:-.02em}
.linestory_section .answer-box strong{font-weight:700;color:var(--ul-brown)}

@media screen and (max-width:900px){
  .linestory_section{padding:16vw 0 18vw}
  .linestory_section .title h3{font-size:10.6666666667vw;margin-bottom:.2666666667vw}
  .linestory_section .title .introAddText{font-size:4vw;letter-spacing:-.04em;word-break:keep-all}
  .linestory_section .title .basicText{font-size:3.4666666667vw;line-height:1.462;color:#090909;margin-top:3.2vw;word-break:keep-all}
  /* 가로 스크롤 카드로 전환 */
  .linestory_section .titleContList{display:flex;width:100%;overflow-x:auto;margin-top:10.1334vw;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;scrollbar-width:thin}
  .linestory_section .titleContList::-webkit-scrollbar{width:3px;height:3px}
  .linestory_section .titleContList::-webkit-scrollbar-thumb{background:#a9a9a9}
  .linestory_section .title_cont{flex-direction:column;width:86vw;flex-shrink:0;margin:10.6666666667vw auto 0;padding:0 5.3333333333vw 16vw}
  .linestory_section .title_cont:not(:last-child){border-bottom:none}
  .linestory_section .title_cont .img,
  .linestory_section .title_cont:nth-child(odd) .img,
  .linestory_section .title_cont:nth-child(even) .img{width:100%;order:1}
  .linestory_section .title_cont .txt,
  .linestory_section .title_cont:nth-child(even) .txt{width:100%;order:0;text-align:left;padding:0;margin-bottom:8.5333333333vw}
  .linestory_section .title_cont .txt p{font-size:4.8vw;line-height:1.5;margin-bottom:4.2666666667vw;letter-spacing:-.028em}
  .linestory_section .title_cont .txt span{font-size:4vw;line-height:1.4075;letter-spacing:-.03em}
  .linestory_section .title_cont .txt .basis{font-size:3.2vw;margin-top:4vw}
  .linestory_section .ls-ph{height:62.6666666667vw;padding:6vw}
  .linestory_section .ls-img{height:62.6666666667vw}
  .linestory_section .ls-ph em{font-size:3.2vw;margin-top:4vw}
  .linestory_section .answer-box{margin:12vw auto 0;padding:0 5.3333333333vw}
  .linestory_section .answer-box p{font-size:4vw;word-break:keep-all}
}


/* ===== VALUE — 유라인 가치 소개 스타일 ===== */
.value_section{background-color:var(--ul-cream);position:relative;overflow:hidden}
/* 우측 장식 그래픽 — 투명도 60% */
.value_section .value-deco{position:absolute;right:9.375vw;top:0;height:100%;width:auto;opacity:.3;pointer-events:none;z-index:1}
.value_section .value-deco img{height:100%;width:auto;display:block}
.value_section .content{position:relative;z-index:2;padding:5.2vw 24px 0}
.value_section .value-points{position:relative;z-index:2}
.value_section .content .text{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--ul-ink)}
.value_section .content .text h3{font-size:3.4375vw;font-weight:400;font-family:"Erode","Pretendard",serif;line-height:1;letter-spacing:-.02em}
.value_section .content .text p{font-size:1.0416666667vw;font-weight:600;margin:.7291666667vw 0 2.6041666667vw}
.value_section .content .text span{font-size:1.0416666667vw;font-weight:400;line-height:1.8}

.value-points{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1200px;margin:0 auto;padding:3.6vw 24px 6.2vw}
.value-points .vp{padding:0 3.2vw;text-align:center;position:relative}
.value-points .vp:not(:last-child)::after{content:"";position:absolute;right:0;top:8%;height:84%;width:1px;background:rgba(0,0,0,.08)}
.value-points .vp em{display:block;font-family:"Erode","Pretendard",serif;font-style:normal;font-size:1.5625vw;color:var(--ul-taupe);letter-spacing:-.02em;margin-bottom:1.1vw}
.value-points .vp h4{font-size:1.0416666667vw;font-weight:600;color:var(--ul-ink);margin-bottom:.83vw;letter-spacing:-.02em}
.value-points .vp p{font-size:.9375vw;font-weight:400;line-height:1.8;color:#6B6660}

@media screen and (max-width:900px){
  .value_section .value-deco{display:none}
  .value_section .content{padding:14vw 24px 0}
  .value_section .content .text{padding-top:0}
  .value_section .content .text h3{font-size:9.6vw}
  .value_section .content .text p{font-size:4.2666666667vw;margin:3.2vw 0 8.5333333333vw}
  .value_section .content .text span{font-size:4.2666666667vw;line-height:1.5}
  .value-points{grid-template-columns:1fr;padding:9vw 24px 14vw;gap:11vw}
  .value-points .vp{padding:0}
  .value-points .vp:not(:last-child)::after{display:none}
  .value-points .vp em{font-size:6.4vw;margin-bottom:3.2vw}
  .value-points .vp h4{font-size:4.5333333333vw;margin-bottom:2.6vw}
  .value-points .vp p{font-size:4vw;line-height:1.6}
}

/* ===== 경력자 클래스 — 유라인 프로모션 스타일 ===== */
.promotion_section{background:var(--ul-cream);padding:2.6041666667vw 0 0}
.promotion_section .bar{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:2vw;padding:0 6.25vw}
.promotion_section .bar .bar-text{position:relative;z-index:2}
.promotion_section .bar h3{font-family:"Erode","Pretendard",serif;font-size:4.1666666667vw;font-weight:400;margin-bottom:.4166666667vw;color:#090909;line-height:1;letter-spacing:-.02em}
.promotion_section .bar p{font-size:1.0416666667vw;font-weight:600;color:#000;letter-spacing:-.02em}

.promotion_section .slide_contain{padding:2.6041666667vw 6.25vw 5.6770833333vw;position:relative}

.pm-viewport{overflow:hidden}
.pm-track{display:flex;gap:26px;transition:transform .4s ease}
.pm-slide{flex:0 0 calc((100% - 78px)/4);color:#000;display:block}
.pm-slide .img{overflow:hidden}
.pm-slide .img .img-ph{width:100%;aspect-ratio:1/1.15;background:#FFFAE2;display:flex;align-items:center;justify-content:center;color:#B2B2B2;transition:border-radius .3s}
.pm-slide .img img{width:100%;aspect-ratio:1/1.15;object-fit:cover;object-position:center;display:block;background:#FFFAE2;transition:border-radius .3s}
.pm-slide:hover .img img{border-radius:10.4166666667vw}
.pm-slide:hover .img .img-ph{border-radius:10.4166666667vw}
.pm-slide .img .img-ph svg{width:40px;height:40px}
.pm-slide .text{margin-top:1.1979166667vw}
.pm-slide .text > p{margin:0 0 .625vw;font-size:1.3541666667vw;font-weight:700;letter-spacing:-.02em}
.pm-slide .text > span{font-size:.9375vw;font-weight:500;line-height:1.65;display:block;color:#4A453F;word-break:keep-all}
.pm-slide .text .hash{display:flex;margin-top:1.3020833333vw}
.pm-slide .text .hash span{display:flex;align-items:center;justify-content:center;padding:.46875vw .8333333333vw;font-size:.9375vw;font-weight:400;border:1px solid #000}
.pm-slide .text .hash span:not(:last-child){margin-right:.5208333333vw}
.pm-cta{display:flex;justify-content:center;flex-shrink:0}
.slide_contain > .pm-cta{margin-top:3.4vw}
/* 바 안에 놓일 때는 본문 마지막 줄과 같은 높이에서 오른쪽 정렬 */
.bar > .pm-cta{justify-content:flex-end;padding-bottom:.1vw}
.pm-cta a{display:inline-flex;align-items:center;width:auto;height:auto;padding:0;border:none;background:none;
  font-size:1.0416666667vw;font-weight:600;letter-spacing:-.02em;color:var(--ul-brown);
  border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
.pm-cta a:hover{color:var(--ul-ink);border-bottom-color:var(--ul-ink)}

@media screen and (max-width:900px){
  .promotion_section{padding:0}
  .promotion_section .bar{flex-direction:column;align-items:flex-start;gap:6.4vw;padding:0 5.3333333333vw}
  .promotion_section .bar h3{font-size:9.6vw;margin-bottom:2.1333333333vw}
  .promotion_section .bar p{font-size:4vw;word-break:keep-all;padding-right:5.3vw}
  .promotion_section .slide_contain{padding:13.3333333333vw 5.3333333333vw 21.3333333333vw}
  .pm-slide{flex:0 0 66vw}
  .pm-slide:hover .img .img-ph{border-radius:0}
  .pm-slide .text{margin-top:6.4vw}
  .pm-slide .text > p{margin:0 0 2.1333333333vw;font-size:4.8vw}
  .pm-slide .text > span{font-size:3.7333333333vw}
  .pm-slide .text .hash{margin-top:6.4vw}
  .pm-slide .text .hash span{padding:1.6vw 3.2vw;font-size:3.7333333333vw}
  .pm-slide .text .hash span:not(:last-child){margin-right:2.1333333333vw}
  .slide_contain > .pm-cta{margin-top:10.6vw}
  .bar > .pm-cta{justify-content:flex-start;padding-bottom:0}
  .pm-cta a{font-size:4vw}
}

/* ===== 창업반 클래스 — 유라인 클리닉 시그니처 스타일 ===== */
.signature_section{background:var(--ul-cream)}
.signature_section .clinic{border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;display:flex;align-items:center;justify-content:space-between;padding:0 3.125vw}
.signature_section .clinic .left{padding-left:3.125vw;border-left:1px solid #b2b2b2;padding-top:10.4vw;padding-bottom:10.4vw;width:50%;align-self:stretch}
.signature_section .clinic .left h3{font-family:"Erode","Pretendard",serif;font-size:6.5625vw;font-weight:400;line-height:.9;color:#090909;margin-bottom:2.4479166667vw;letter-spacing:-.02em}
.signature_section .clinic .left h3 b{margin-left:4.1666666667vw;font-weight:400;position:relative}
.signature_section .clinic .left h3 b::after{position:absolute;content:"";width:6.25vw;height:1px;background:#b2b2b2;left:-7.2916666667vw;top:55%;transform:translateY(-50%)}
.signature_section .clinic .left > p{font-size:1.6666666667vw;font-weight:700;margin-bottom:.6770833333vw;color:var(--ul-ink);letter-spacing:-.02em;word-break:keep-all}
.signature_section .clinic .left > span{font-size:.9375vw;font-weight:400;line-height:1.8;display:block;color:#4A453F}
.signature_section .clinic .left .sig-points{margin-top:2.1vw}
.signature_section .clinic .left .sig-points li{position:relative;padding-left:1.05vw;font-size:.9375vw;line-height:1.9;color:#4A453F}
.signature_section .clinic .left .sig-points li::before{content:"";position:absolute;left:0;top:.85vw;width:.32vw;height:1px;background:var(--ul-brown)}
.signature_section .clinic .left .more_btn{display:flex;align-items:center;margin-top:2.8125vw}
.signature_section .clinic .left .more_btn p{font-size:.9375vw;font-weight:400;margin-right:.3125vw;color:var(--ul-ink)}
.signature_section .clinic .left .more_btn div{width:1.5625vw;height:1.5625vw;display:flex;align-items:center;justify-content:center;color:var(--ul-brown)}
.signature_section .clinic .left .more_btn div svg{width:100%;height:100%}
.signature_section .clinic .right{z-index:11;align-self:flex-end}
.signature_section .clinic .right .sig-ph{width:46.875vw;height:47.2vw;background:#FFFAE2;display:flex;align-items:center;justify-content:center;color:#B2B2B2;position:relative}
.signature_section .clinic .right .sig-img{width:46.875vw;height:47.2vw;background:#FFFAE2;overflow:hidden;position:relative}
.signature_section .clinic .right .sig-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.signature_section .clinic .right .sig-ph svg{width:56px;height:56px}
.signature_section .clinic .right .sig-ph span{position:absolute;bottom:24px;font-size:13px}

@media screen and (max-width:900px){
  .signature_section .clinic{flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 5.3333333333vw}
  .signature_section .clinic .left{padding-left:6.1333333333vw;border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2;padding-top:12.5333333333vw;padding-bottom:8.5333333333vw;width:100%}
  .signature_section .clinic .left h3{font-size:17.8666666667vw;margin-bottom:8vw;letter-spacing:-1.1px}
  .signature_section .clinic .left h3 b{margin-left:9.8666666667vw}
  .signature_section .clinic .left h3 b::after{width:14.6666666667vw;left:-16.2666666667vw}
  .signature_section .clinic .left > p{font-size:4.8vw;margin-bottom:2.4vw}
  .signature_section .clinic .left > span{font-size:4vw;line-height:1.6}
  .signature_section .clinic .left .sig-points{margin-top:6.4vw}
  .signature_section .clinic .left .sig-points li{font-size:4vw;padding-left:4.2vw;line-height:1.8}
  .signature_section .clinic .left .sig-points li::before{width:2.1vw;top:3.6vw}
  .signature_section .clinic .left .more_btn{margin-top:8.8vw}
  .signature_section .clinic .left .more_btn p{font-size:4vw;margin-right:1.0666666667vw}
  .signature_section .clinic .left .more_btn div{width:5.3333333333vw;height:5.3333333333vw}
  .signature_section .clinic .right{border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2;width:100%;align-self:auto}
  .signature_section .clinic .right .sig-ph{width:100%;height:65.3333333333vw}
  .signature_section .clinic .right .sig-img{width:100%;height:65.3333333333vw}
}

/* ===== Store — 유라인 Care 스타일 ===== */
.care_section{background:var(--ul-cream);padding:5.625vw 0 0}
/* 스토어 페이지에서는 care_section 이 마지막 섹션 — 푸터와 붙지 않도록 하단 여백 100px */
body.gnb-light .care_section{padding-bottom:5.2083333333vw}
.care_section .title{text-align:center;margin-bottom:3.59375vw;padding:0 24px}
.care_section .title h3{font-family:"Erode","Pretendard",serif;font-size:4.1666666667vw;font-weight:400;color:#090909;line-height:1;letter-spacing:-.02em}
.care_section .title p{font-size:1.0416666667vw;font-weight:600;color:#000;margin:.4166666667vw 0 1.5625vw;letter-spacing:-.02em}
.care_section .title span{font-size:.9375vw;font-weight:400;line-height:1.6;color:#4A453F;display:block}
.care_section .title span b{font-weight:600}
.care_section .cont{border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;display:flex}
.care_section .cont .box{padding:2.0833333333vw 1.0416666667vw 1.7708333333vw;text-align:center;width:33.3333%;display:flex;flex-direction:column}
.care_section .cont .box:not(:last-child){border-right:1px solid #d1d1d1}
.care_section .cont .box .img{width:15vw;height:17.96875vw;margin:0 auto}
.care_section .cont .box .img .img-ph{width:100%;height:100%;background:#FFFAE2;display:flex;align-items:center;justify-content:center;color:#B2B2B2}
.care_section .cont .box .img .img-ph svg{width:40px;height:40px}
.care_section .cont .box .txt{margin:1.4vw 0 1.3020833333vw;text-align:center;flex:1}
.care_section .cont .box .txt p{font-size:.9375vw;font-weight:600;margin-bottom:.2083333333vw;color:var(--ul-ink);letter-spacing:-.02em}
.care_section .cont .box .txt span{font-family:"Erode","Pretendard",serif;font-size:.8333333333vw;font-weight:400;color:#7A746C;display:block}
.care_section .cont .box .txt em{display:block;font-style:normal;font-size:1.0416666667vw;font-weight:700;color:var(--ul-brown);margin-top:.72vw;letter-spacing:-.02em}
.care_section .cont .box .txt i{display:block;font-style:normal;font-size:.8333333333vw;font-weight:400;line-height:1.65;color:#6B6660;margin-top:.52vw;word-break:keep-all}
.care_section .cont .box .more_btn{width:100%;height:3.125vw;border:1px solid #adadad;display:flex;align-items:center;justify-content:center;font-size:.8333333333vw;font-weight:400;color:var(--ul-ink);transition:all .3s}
.care_section .cont .box .more_btn:hover{color:#fff;background:#2a2a2a;border-color:#555}

@media screen and (max-width:900px){
  .care_section{padding:11.715vw 0 0}
  .care_section .title{margin-bottom:6.4vw}
  .care_section .title h3{font-size:9.6vw}
  .care_section .title p{font-size:4.2666666667vw;margin:2.1333333333vw 0 4.2666666667vw}
  .care_section .title span{font-size:3.4666666667vw;word-break:keep-all}
  .care_section .cont{flex-wrap:wrap}
  .care_section .cont .box{width:100%;padding:6.4vw 5.3333333333vw}
  .care_section .cont .box:not(:last-child){border-right:none;border-bottom:1px solid #d1d1d1}
  .care_section .cont .box .img{width:61.3333333333vw;height:73.6vw}
  .care_section .cont .box .txt{margin:5.3vw 0 6.6666666667vw}
  .care_section .cont .box .txt p{font-size:4.5333333333vw;margin-bottom:.5333333333vw;letter-spacing:-.03em}
  .care_section .cont .box .txt span{font-size:3.7333333333vw}
  .care_section .cont .box .txt em{font-size:4.8vw;margin-top:3.2vw}
  .care_section .cont .box .txt i{font-size:3.7333333333vw;margin-top:2.4vw}
  .care_section .cont .box .more_btn{width:100%;height:12.8vw;font-size:4vw}
}

/* ===== 뉴스레터 CTA — 유라인 톤앤매너 ===== */
.letter_section{background:url(../assets/cta-letter.jpg?v=c5d57068) no-repeat center center/cover;padding:7.8vw 0;text-align:center;position:relative}
/* 검은색 45% 오버레이 */
.letter_section::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);pointer-events:none}
.letter_section .letter-inner{padding:0 24px;position:relative;z-index:1}
.letter_section h3{font-family:"Erode","Pretendard",serif;font-size:4.1666666667vw;font-weight:400;color:#fff;line-height:1;letter-spacing:-.02em;margin-bottom:1.3vw}
.letter_section p{font-size:1.6666666667vw;font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:.83vw}
.letter_section span{display:block;font-size:.9375vw;font-weight:400;line-height:1.8;color:var(--ul-sub)}
.letter_section a{width:280px;height:55px;font-size:1.0416666667vw;letter-spacing:-.05em;margin:2.6vw auto 0;display:flex;align-items:center;justify-content:center;border:1px solid #fff;color:#fff;transition:background .3s,color .3s}
.letter_section a:hover{background:#fff;color:var(--ul-ink)}

@media screen and (max-width:900px){
  .letter_section{padding:19.2vw 0}
  .letter_section h3{font-size:9.6vw;margin-bottom:4.2vw}
  .letter_section p{font-size:4.8vw;margin-bottom:3.2vw;word-break:keep-all}
  .letter_section span{font-size:3.7333333333vw;line-height:1.6;word-break:keep-all}
  .letter_section a{width:72vw;height:12.8vw;font-size:4vw;margin-top:8.5vw}
}

/* ==========================================================================
   서브페이지 공용 패턴 — 유라인 톤앤매너
   ========================================================================== */

/* 서브 히어로 — 다크 그라데이션 + Erode */
.subhero_section{background:var(--ul-ink) no-repeat center center/cover;padding:12.4vw 0 6.2vw;text-align:center;position:relative}
/* 사진 위 스크림 — 메인 히어로와 동일 */
.subhero_section::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,17,17,.34) 0%,rgba(20,17,17,.48) 55%,rgba(20,17,17,.58) 100%)}
/* 사진이 없는 경우 기존 다크 그라데이션 유지 */
.subhero_section:not([class*="bg-"]){background-image:linear-gradient(to bottom,var(--ul-ink-2),var(--ul-ink))}
.subhero_section.bg-exp{background-image:url(../assets/hero-01.jpg?v=3cd36300)}
.subhero_section.bg-startup{background-image:url(../assets/hero-02.jpg?v=cc59c505)}
.subhero_section .inner{padding:0 24px;max-width:1200px;margin:0 auto;position:relative;z-index:1}
.subhero_section .label{font-family:"Erode","Pretendard",serif;font-size:1.0416666667vw;color:var(--ul-sub);letter-spacing:.06em;margin-bottom:1.1vw}
.subhero_section h1{font-size:2.6041666667vw;font-weight:700;color:#fff;line-height:1.38;letter-spacing:-.03em;margin-bottom:1.4vw;word-break:keep-all}
.subhero_section .lead{font-size:.9375vw;color:var(--ul-sub);line-height:1.8;word-break:keep-all}
.subhero_section .stats{display:flex;justify-content:center;margin-top:3.6vw}
.subhero_section .stats > div{padding:2.1vw 3.6vw;position:relative;min-width:12vw}
.subhero_section .stats > div:not(:last-child)::after{content:"";position:absolute;right:0;top:22%;height:56%;width:1px;background:rgba(255,255,255,.14)}
.subhero_section .stats .k{font-size:.8333333333vw;color:var(--ul-sub);margin-bottom:.6vw}
.subhero_section .stats .v{font-family:"Erode","Pretendard",serif;font-size:1.875vw;color:#fff;line-height:1;letter-spacing:-.02em}

/* 헤어라인 그리드 — 상하 보더 + 칸 사이 세로 구분선 */
.gridline_section{background:var(--ul-cream);padding:6.7708333333vw 0 7.2vw}
.gridline_section.alt{background:var(--ul-cream-2)}
.gridline_section.deep{background:var(--ul-cream-2)}
.gridline_section .title{text-align:center;margin-bottom:3.59375vw;padding:0 24px}
.gridline_section .title h3{font-family:"Erode","Pretendard",serif;font-size:3.6458333333vw;font-weight:400;color:#090909;line-height:1;letter-spacing:-.02em}
.gridline_section .title p{font-size:1.0416666667vw;font-weight:600;color:#000;margin:.4166666667vw 0 1.5625vw;letter-spacing:-.02em;word-break:keep-all}
.gridline_section .title span{font-size:.9375vw;font-weight:400;line-height:1.6;color:#4A453F;display:block;word-break:keep-all}
.gridline_section .cont{border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;display:flex;flex-wrap:wrap}
.gridline_section .cont .box{padding:2.6vw 1.6vw;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}
.gridline_section .cont.c4 .box{width:25%}
.gridline_section .cont.c5 .box{width:20%}
.gridline_section .cont.c3 .box{width:33.3333%}
.gridline_section .cont .box:not(:last-child)::after{content:"";position:absolute;right:0;top:12%;height:76%;width:1px;background:#e3e0da}
.gridline_section .cont .box .ic{width:3.1vw;height:3.1vw;min-width:44px;min-height:44px;border-radius:50%;background:#fff;border:1px solid var(--ul-line);display:flex;align-items:center;justify-content:center;color:var(--ul-brown);margin-bottom:1.2vw}
.gridline_section .cont .box .ic svg{width:45%;height:45%}
.gridline_section .cont .box .n{font-family:"Erode","Pretendard",serif;font-size:1.0416666667vw;color:var(--ul-taupe);letter-spacing:.02em;margin-bottom:.8vw}
.gridline_section .cont .box h4{font-size:1.0416666667vw;font-weight:600;color:var(--ul-ink);letter-spacing:-.02em;word-break:keep-all;line-height:1.5}
.gridline_section .cont .box p{font-size:.8333333333vw;line-height:1.7;color:#6B6660;margin-top:.7vw;word-break:keep-all}
.gridline_section .foot-note{max-width:1000px;margin:3.2vw auto 0;padding:0 24px;text-align:center;font-size:.9375vw;color:#4A453F;line-height:1.8;word-break:keep-all}
.gridline_section .foot-note strong{font-weight:700;color:var(--ul-brown)}

/* 인용 카드 그리드 — 문장이 긴 항목용 */
.quoteline{border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;display:grid;grid-template-columns:repeat(2,1fr)}
.quoteline .q{padding:2.2vw 2.4vw;position:relative}
.quoteline .q:nth-child(odd)::after{content:"";position:absolute;right:0;top:12%;height:76%;width:1px;background:#e3e0da}
.quoteline .q:not(:nth-last-child(-n+2)){border-bottom:1px solid #ecebe8}
.quoteline .q strong{display:block;font-size:1.0416666667vw;font-weight:700;color:var(--ul-ink);letter-spacing:-.02em;margin-bottom:.7vw;word-break:keep-all}
.quoteline .q span{font-size:.8854166667vw;line-height:1.75;color:#4A453F;word-break:keep-all;display:block}

/* 비교 표 */
.compare_section{background:var(--ul-cream-2);padding:6.7708333333vw 0 7.2vw}
.compare_section .title{text-align:center;margin-bottom:3.2vw;padding:0 24px}
.compare_section .title h3{font-family:"Erode","Pretendard",serif;font-size:3.6458333333vw;font-weight:400;color:#090909;line-height:1;letter-spacing:-.02em}
.compare_section .title p{font-size:1.0416666667vw;font-weight:600;color:#000;margin-top:.4166666667vw;letter-spacing:-.02em}
.cmp-wrap{max-width:1000px;margin:0 auto;padding:0 24px}
.cmp{width:100%;border-collapse:collapse;background:#fff;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}
.cmp th,.cmp td{padding:1.25vw 1.4vw;font-size:.9375vw;text-align:left;border-bottom:1px solid #ecebe8;letter-spacing:-.02em}
.cmp thead th{font-weight:600;color:var(--ul-ink);background:#FBF7F0;border-bottom:1px solid #d1d1d1}
.cmp tbody th{width:9vw;font-weight:600;color:#8A857D;font-size:.8854166667vw}
.cmp td{color:#6B6660}
.cmp td.on{color:var(--ul-ink);font-weight:600}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:none}
.compare_section .eff{text-align:center;margin-top:2.8vw;font-size:1.0416666667vw;line-height:1.8;color:#4A453F;word-break:keep-all;padding:0 24px}
.compare_section .eff strong{font-weight:700;color:var(--ul-brown)}

/* 헤어라인 아코디언 */
.accline{border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}
.accline .item:not(:last-child){border-bottom:1px solid #ecebe8}
.accline .q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1.2vw;padding:1.4vw 1vw;font-size:1.0416666667vw;font-weight:600;color:var(--ul-ink);text-align:left;letter-spacing:-.02em;font-family:inherit;background:none}
.accline .q .mk{color:var(--ul-brown);font-size:1.25vw;flex-shrink:0;transition:transform .3s}
.accline .item.is-open .q .mk{transform:rotate(45deg)}
.accline .a{display:none;padding:0 1vw 1.6vw;font-size:.8854166667vw;line-height:1.85;color:#4A453F;word-break:keep-all}
.accline .item.is-open .a{display:block}
.accline .a strong{color:var(--ul-brown);font-weight:700}

@media screen and (max-width:900px){
  .subhero_section{padding:30vw 0 14vw}
  .subhero_section .label{font-size:3.7333333333vw;margin-bottom:3.2vw}
  .subhero_section h1{font-size:6.4vw;margin-bottom:4vw}
  .subhero_section .lead{font-size:3.7333333333vw;line-height:1.7}
  .subhero_section .stats{margin-top:10vw;flex-wrap:wrap}
  .subhero_section .stats > div{width:100%;padding:5.3vw 0}
  .subhero_section .stats > div:not(:last-child)::after{right:auto;left:0;top:auto;bottom:0;width:100%;height:1px}
  .subhero_section .stats .k{font-size:3.4666666667vw;margin-bottom:2vw}
  .subhero_section .stats .v{font-size:7.4666666667vw}

  .gridline_section{padding:16vw 0 18vw}
  .gridline_section .title{margin-bottom:8vw}
  .gridline_section .title h3{font-size:9.6vw}
  .gridline_section .title p{font-size:4.2666666667vw;margin:2.1333333333vw 0 4.2666666667vw}
  .gridline_section .title span{font-size:3.4666666667vw}
  .gridline_section .cont.c3 .box,
  .gridline_section .cont.c4 .box,
  .gridline_section .cont.c5 .box{width:100%;padding:7vw 5.3333333333vw}
  .gridline_section .cont .box:not(:last-child)::after{right:auto;left:0;top:auto;bottom:0;width:100%;height:1px}
  .gridline_section .cont .box .n{font-size:4vw;margin-bottom:2.4vw}
  .gridline_section .cont .box h4{font-size:4.5333333333vw}
  .gridline_section .cont .box p{font-size:3.7333333333vw;margin-top:2.4vw}
  .gridline_section .foot-note{font-size:3.7333333333vw;margin-top:8vw}

  .quoteline{grid-template-columns:1fr}
  .quoteline .q{padding:6.4vw 5.3333333333vw}
  .quoteline .q:nth-child(odd)::after{display:none}
  .quoteline .q:not(:last-child){border-bottom:1px solid #ecebe8}
  .quoteline .q strong{font-size:4.2666666667vw;margin-bottom:2.4vw}
  .quoteline .q span{font-size:3.7333333333vw}

  .compare_section{padding:16vw 0 18vw}
  .compare_section .title h3{font-size:9.6vw}
  .compare_section .title p{font-size:4.2666666667vw;margin-top:2vw}
  .cmp-wrap{overflow-x:auto;padding:0 5.3333333333vw}
  .cmp{min-width:560px}
  .cmp th,.cmp td{padding:4vw 3.2vw;font-size:3.4666666667vw}
  .cmp tbody th{width:22vw;font-size:3.2vw}
  .compare_section .eff{font-size:4vw;margin-top:8vw}

  .accline .q{font-size:4.2666666667vw;padding:5.3vw 3.2vw;gap:4vw}
  .accline .q .mk{font-size:5.3vw}
  .accline .a{font-size:3.7333333333vw;padding:0 3.2vw 5.3vw}
}

/* ==========================================================================
   Core 영상 · Apply 보조 · 탭 클래스 섹션
   ========================================================================== */

/* Core 영상 자리 + 인용 */
.core-media{width:60vw;max-width:none;margin:0 auto 3.6vw;padding:0}
.core-ph{width:100%;aspect-ratio:16/9;background:#EFE7DA;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#B2B2B2}
.core-ph svg{width:56px;height:56px}
.core-ph span{font-size:.7291666667vw;margin-top:1vw;letter-spacing:-.01em}

/* Apply — care_section 재사용 + 보조 */

/* 아코디언 래퍼 */
.acc-wrap{max-width:900px;margin:0 auto;padding:0 24px}

/* 탭형 클래스 섹션 */
.tabclass_section{background:var(--ul-cream);padding:6.7708333333vw 0 7.2vw}
.tabclass_section .container{max-width:1200px;margin:0 auto;padding:0 24px}
.tabclass_section .title{text-align:center;margin-bottom:3.2vw}
.tabclass_section .title h3{font-family:"Erode","Pretendard",serif;font-size:3.6458333333vw;font-weight:400;color:#090909;line-height:1;letter-spacing:-.02em}
.tabclass_section .title p{font-size:1.0416666667vw;font-weight:600;color:#000;margin:.4166666667vw 0 1.5625vw;letter-spacing:-.02em;word-break:keep-all}
.tabclass_section .title span{font-size:.9375vw;font-weight:400;line-height:1.6;color:#4A453F;display:block}

.tabclass_section .tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:.5208333333vw;border-bottom:1px solid #d1d1d1;padding-bottom:1.6vw;margin-bottom:2.6vw}
.tabclass_section .tabs button{padding:.6vw 1.4vw;font-size:.9375vw;font-weight:500;color:#6B6660;border:1px solid #c6c2ba;background:none;font-family:inherit;letter-spacing:-.02em;transition:all .25s}
.tabclass_section .tabs button:hover{color:var(--ul-ink)}
.tabclass_section .tabs button.is-active{background:var(--ul-brown);border-color:var(--ul-brown);color:#fff}

.tabclass_section .tabpanel{display:none}
.tabclass_section .tabpanel.is-active{display:block}
.tabclass_section .cls-head{text-align:center;margin-bottom:2.4vw}
.tabclass_section .cls-head h3{font-size:1.6666666667vw;font-weight:700;color:var(--ul-ink);letter-spacing:-.02em;margin-bottom:.7vw}
.tabclass_section .cls-head .one{font-size:.9375vw;color:#4A453F;line-height:1.7;word-break:keep-all}
.tabclass_section .cls-head .chips{display:flex;justify-content:center;flex-wrap:wrap;gap:.5vw;margin-top:1.4vw}
.tabclass_section .cls-head .chip{padding:.4166666667vw .9895833333vw;font-size:.8333333333vw;color:#fff;line-height:1;background:var(--ul-taupe);border-radius:.8333333333vw}
.tabclass_section .cls-cols{display:grid;grid-template-columns:1fr 1fr;gap:2.6vw;align-items:start}

.tabclass_section .tbl{width:100%;border-collapse:collapse;background:#fff;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}
.tabclass_section .tbl th,.tabclass_section .tbl td{padding:1.05vw 1.2vw;font-size:.8854166667vw;text-align:left;border-bottom:1px solid #ecebe8;letter-spacing:-.02em;line-height:1.6;word-break:keep-all}
.tabclass_section .tbl th{width:7.5vw;font-weight:600;color:#8A857D;background:#FBF7F0}
.tabclass_section .tbl td{color:#4A453F}
.tabclass_section .tbl td.strong{color:var(--ul-brown);font-weight:700}
.tabclass_section .tbl tbody tr:last-child th,.tabclass_section .tbl tbody tr:last-child td{border-bottom:none}
.tabclass_section .cls-cta{margin-top:1.6vw}
.tabclass_section .cls-cta a{display:flex;align-items:center;justify-content:center;width:100%;height:3.125vw;min-height:44px;border:1px solid var(--ul-brown);color:var(--ul-brown);font-size:.9375vw;letter-spacing:-.03em;transition:background .3s,color .3s}
.tabclass_section .cls-cta a:hover{background:var(--ul-brown);color:#fff}

.tabclass_section .acc{border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}
.tabclass_section .acc-item:not(:last-child){border-bottom:1px solid #ecebe8}
.tabclass_section .acc-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1vw;padding:1.15vw .9vw;font-size:.9375vw;font-weight:600;color:var(--ul-ink);text-align:left;letter-spacing:-.02em;font-family:inherit;background:none;word-break:keep-all;line-height:1.5}
.tabclass_section .acc-q .mk{color:var(--ul-brown);font-size:1.15vw;flex-shrink:0;transition:transform .3s}
.tabclass_section .acc-item.is-open .acc-q .mk{transform:rotate(45deg)}
.tabclass_section .acc-a{display:none;padding:0 .9vw 1.4vw;font-size:.8333333333vw;line-height:1.85;color:#4A453F;word-break:keep-all}
.tabclass_section .acc-item.is-open .acc-a{display:block}
.tabclass_section .acc-a strong{color:var(--ul-brown);font-weight:700}
.tabclass_section .stepbar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;margin-top:2vw}
.tabclass_section .stepbar > div{padding:1.6vw 1.2vw;position:relative}
.tabclass_section .stepbar > div:not(:last-child)::after{content:"";position:absolute;right:0;top:12%;height:76%;width:1px;background:#e3e0da}
.tabclass_section .stepbar .n{font-family:"Erode","Pretendard",serif;font-size:.8854166667vw;color:var(--ul-taupe);margin-bottom:.6vw}
.tabclass_section .stepbar h4{font-size:.9375vw;font-weight:600;color:var(--ul-ink);margin-bottom:.5vw;letter-spacing:-.02em}
.tabclass_section .stepbar p{font-size:.8333333333vw;line-height:1.65;color:#6B6660;word-break:keep-all}

@media screen and (max-width:900px){
  .core-media{width:auto;margin-bottom:8vw;padding:0 5.3333333333vw}
  .core-ph span{font-size:3.2vw;margin-top:4vw;text-align:center;padding:0 5vw}
  .acc-wrap{padding:0 5.3333333333vw}

  .tabclass_section{padding:16vw 0 18vw}
  .tabclass_section .container{padding:0 5.3333333333vw}
  .tabclass_section .title{margin-bottom:8vw}
  .tabclass_section .title h3{font-size:9.6vw}
  .tabclass_section .title p{font-size:4.2666666667vw;margin:2.1333333333vw 0 4.2666666667vw}
  .tabclass_section .title span{font-size:3.4666666667vw}
  .tabclass_section .tabs{gap:2vw;padding-bottom:6vw;margin-bottom:8vw}
  .tabclass_section .tabs button{padding:2.4vw 3.6vw;font-size:3.4666666667vw}
  .tabclass_section .cls-head{margin-bottom:8vw}
  .tabclass_section .cls-head h3{font-size:5.8666666667vw;margin-bottom:2.6vw}
  .tabclass_section .cls-head .one{font-size:3.7333333333vw}
  .tabclass_section .cls-head .chips{gap:2vw;margin-top:5vw}
  .tabclass_section .cls-head .chip{padding:1.4444444444vw 3.5555555556vw;font-size:3.0866666667vw;border-radius:3vw}
  .tabclass_section .cls-cols{grid-template-columns:1fr;gap:8vw}
  .tabclass_section .tbl th,.tabclass_section .tbl td{padding:3.6vw 3.2vw;font-size:3.4666666667vw}
  .tabclass_section .tbl th{width:24vw}
  .tabclass_section .cls-cta{margin-top:6vw}
  .tabclass_section .cls-cta a{height:12.8vw;font-size:4vw}
  .tabclass_section .acc-q{font-size:4vw;padding:4.8vw 3.2vw;gap:4vw}
  .tabclass_section .acc-q .mk{font-size:5.3vw}
  .tabclass_section .acc-a{font-size:3.7333333333vw;padding:0 3.2vw 5vw}
  .tabclass_section .stepbar{grid-template-columns:1fr;margin-top:8vw}
  .tabclass_section .stepbar > div{padding:5.3vw 3.2vw}
  .tabclass_section .stepbar > div:not(:last-child)::after{right:auto;left:0;top:auto;bottom:0;width:100%;height:1px}
  .tabclass_section .stepbar .n{font-size:3.4666666667vw;margin-bottom:2vw}
  .tabclass_section .stepbar h4{font-size:4.2666666667vw;margin-bottom:2vw}
  .tabclass_section .stepbar p{font-size:3.7333333333vw}
}

/* ==========================================================================
   프리미엄 시스템 — 유라인 "Premium System" (i03-cut-solution) 스타일
   텍스트가 위, 세로 이미지가 아래. 보더·아이콘 없는 4열 그리드.
   ========================================================================== */
.premium_section{padding:7.4479vw 6.25vw 5.5729166667vw;background:var(--ul-cream-2)}
.premium_section .title{margin-bottom:3.8541666667vw;text-align:center}
.premium_section .title h3{font-family:"Erode","Pretendard",serif;font-size:3.6458333333vw;font-weight:400;color:#090909;line-height:1;letter-spacing:-.03em;margin-bottom:.8333333333vw}
.premium_section .title p{font-size:1.1458333333vw;font-weight:600;color:var(--ul-ink);letter-spacing:-.055em;margin-bottom:.8333333333vw}
.premium_section .title span{font-size:.8333333333vw;font-weight:400;line-height:1.5;color:#48433c;display:block;word-break:keep-all}
.premium_section .title span strong{font-weight:400;color:var(--ul-brown)}

.premium_section .cont{display:flex;justify-content:space-between;padding-top:1.6666666667vw}
.premium_section .cont .box{width:20.3125vw}
.premium_section .cont .box p{font-size:1.1458333333vw;font-weight:600;margin-bottom:.8333333333vw;color:var(--ul-ink);letter-spacing:-.03em;word-break:keep-all}
.premium_section .cont .box span{font-size:.78125vw;font-weight:400;color:#707070;line-height:1.53;margin-bottom:2.0833333333vw;display:block;word-break:keep-all}
.premium_section .cont .box .pm-img{width:100%;height:23.4375vw;margin-bottom:0;background:#F1E9DC;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#B2B2B2;padding:1.6vw;text-align:center}
.premium_section .cont .box .pm-img svg{width:40px;height:40px}
.premium_section .cont .box .pm-img em{font-style:normal;font-size:.7291666667vw;line-height:1.5;margin-top:1vw;word-break:keep-all}

@media screen and (max-width:900px){
  .premium_section{padding:13.1925vw 5.3333333333vw 15.8312vw;background:var(--ul-cream-2)}
  .premium_section .title{text-align:left;margin-bottom:0}
  .premium_section .title h3{font-size:10.6666666667vw;margin-bottom:1.6vw}
  .premium_section .title p{font-size:4.2666666667vw;margin-bottom:4.2666666667vw}
  .premium_section .title span{font-size:3.4666666667vw;line-height:1.6}
  .premium_section .title span strong{font-weight:700}
  .premium_section .cont{flex-direction:column;justify-content:flex-start;padding-top:5.3333333333vw}
  .premium_section .cont .box{width:100%}
  .premium_section .cont .box:not(:last-child){margin-bottom:5.3333333333vw}
  .premium_section .cont .box p{font-size:4.2666666667vw;margin-bottom:2.1333333333vw}
  .premium_section .cont .box span{font-size:3.7333333333vw;color:#090909;line-height:1.44;margin-bottom:2.0833333333vw}
  .premium_section .cont .box .pm-img{height:59.7333333333vw;margin-bottom:4.2666666667vw;padding:6vw}
  .premium_section .cont .box .pm-img em{font-size:3.2vw;margin-top:4vw}
}

/* ==========================================================================
   시그니처 스텝 — 유라인 "Signature of ULINE" (.special_cont) 스타일
   이미지 위, Erode 번호와 라벨이 아래. 보더 없이 여백으로만 구분.
   모바일에서는 가로 스크롤.
   ========================================================================== */
.special_section{background:var(--ul-cream-2);padding:8.3333333333vw 0 9.1145833333vw}
.special_section .title{text-align:center;margin-bottom:4.0625vw;padding:0 24px}
.special_section .title h3{font-family:"Erode","Pretendard",serif;font-size:3.6458333333vw;font-weight:400;color:#090909;line-height:1;letter-spacing:-.03em;margin-bottom:.2083333333vw}
.special_section .title .introAddText{font-size:1.1458333333vw;line-height:1.364;letter-spacing:-.055em;font-weight:600;color:var(--ul-ink)}
.special_section .title .basicText{font-size:.8854166667vw;line-height:1.412;color:#48433c;margin-top:.9375vw;letter-spacing:-.056em;word-break:keep-all}

.special_section .cont{display:flex;justify-content:space-between;width:66.6666666667vw;margin:0 auto;text-align:center}
.special_section .cont .box{width:12.1875vw}
.special_section .cont .box .img{width:12.1875vw;height:13.8020833333vw;margin-bottom:1.875vw;background:#EFE7DA;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#B2B2B2;padding:1.2vw;text-align:center}
.special_section .cont .box .img svg{width:36px;height:36px}
.special_section .cont .box .img em{font-style:normal;font-size:.6771vw;line-height:1.5;margin-top:.8vw;word-break:keep-all}
.special_section .cont .box .n{font-size:.8333333333vw;font-weight:400;font-family:"Erode","Pretendard",serif;margin-bottom:1px;color:var(--ul-taupe);letter-spacing:.02em}
.special_section .cont .box .nm{font-size:1.0416666667vw;font-weight:400;font-family:"Erode","Pretendard",serif;color:var(--ul-ink);letter-spacing:-.02em;display:block;word-break:keep-all;line-height:1.35}
.special_section .cont .box .d{font-size:.7812vw;line-height:1.6;color:#707070;margin-top:.83vw;word-break:keep-all}
.special_section .foot-note{max-width:1000px;margin:4vw auto 0;padding:0 24px;text-align:center;font-size:.9375vw;color:#4A453F;line-height:1.8;word-break:keep-all}
.special_section .foot-note strong{font-weight:700;color:var(--ul-brown)}

@media screen and (max-width:900px){
  .special_section{padding:18.4vw 0 21.6vw}
  .special_section .title{margin-bottom:8.5333333333vw}
  .special_section .title h3{font-size:10.6666666667vw}
  .special_section .title .introAddText{font-size:4vw;letter-spacing:-.04em;word-break:keep-all}
  .special_section .title .basicText{font-size:3.4666666667vw;line-height:1.462;color:#090909;margin-top:3.2vw}
  .special_section .cont{width:100%;overflow-x:auto;justify-content:flex-start;padding-left:5.3333333333vw;padding-bottom:9.0667vw}
  .special_section .cont .box{width:38.9333333333vw;flex-shrink:0;margin-right:4.8vw}
  .special_section .cont .box:last-child{margin-right:5.3333333333vw}
  .special_section .cont .box .img{width:38.9333333333vw;height:44.2666666667vw;margin-bottom:7.4666666667vw;padding:4vw}
  .special_section .cont .box .img em{font-size:2.9vw;margin-top:3vw}
  .special_section .cont .box .n{font-size:3.7333333333vw}
  .special_section .cont .box .nm{font-size:5.3333333333vw}
  .special_section .cont .box .d{font-size:3.4666666667vw;margin-top:3.2vw}
  .special_section .foot-note{font-size:3.7333333333vw;margin-top:8vw}
}

/* 시그니처 스텝 이미지 형태 — 레퍼런스 PNG 알파에서 실측한 모서리 반경을 CSS 로 재현.
   (원본은 사진마다 모양을 구워 넣었지만, 지아는 자체 촬영본을 넣으므로 CSS 로 처리) */
.special_section .cont .box .img{overflow:hidden}
.special_section .cont .box:nth-child(1) .img{border-radius:62% 0 0 0 / 55% 0 0 0}
.special_section .cont .box:nth-child(2) .img{border-radius:45% 45% 0 0 / 40% 40% 0 0}
.special_section .cont .box:nth-child(3) .img{border-radius:47% / 39%;height:14.53125vw;margin-top:-.3646vw;margin-bottom:1.5104vw}
.special_section .cont .box:nth-child(4) .img{border-radius:47% 47% 0 0 / 41% 41% 0 0}
.special_section .cont .box:nth-child(5) .img{border-radius:0 0 63% 0 / 0 0 55% 0}

@media screen and (max-width:900px){
  .special_section .cont .box:nth-child(3) .img{height:46.6133333333vw;margin-top:-1.1733333333vw;margin-bottom:6.2933333333vw}
}

/* 프로모션 슬라이더 하단 안내 문구 */
.promotion_section .pm-note{max-width:1000px;margin:2.2vw auto 0;text-align:center;font-size:.8333333333vw;color:#8A857D;line-height:1.7;word-break:keep-all}
@media screen and (max-width:900px){
  .promotion_section .pm-note{font-size:3.2vw;margin-top:8vw;padding:0 2vw}
}

/* ==========================================================================
   창업반 페이지용 변형
   ========================================================================== */

/* 프리미엄 시스템 5열 변형 */
.premium_section .cont.c5 .box{width:15.9vw}
.premium_section .cont.c5 .box .pm-img{height:18.35vw}

/* 탭 없는 단일 상품 구성 (창업반) */
.tabclass_section .cls-intro{text-align:center;margin-bottom:2.4vw}
.tabclass_section .cls-intro h4{font-size:1.6666666667vw;font-weight:700;color:var(--ul-ink);letter-spacing:-.02em;margin-bottom:.7vw}
.tabclass_section .cls-intro .one{font-size:.9375vw;color:#4A453F;line-height:1.7;word-break:keep-all}

/* Evidence — 교재 카드 그리드 */
.bookline{border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;display:flex;flex-wrap:wrap}
.bookline .bk{width:25%;padding:1.7vw 1.2vw;text-align:center;font-size:.9375vw;font-weight:600;color:var(--ul-ink);letter-spacing:-.02em;position:relative;word-break:keep-all}
.bookline .bk:not(:nth-child(4n))::after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:#e3e0da}
.bookline .bk:nth-child(-n+4){border-bottom:1px solid #ecebe8}
.gridline_section .block-title{max-width:1200px;margin:0 auto 1.2vw;padding:0 6.25vw;font-family:"Erode","Pretendard",serif;font-size:1.0416666667vw;color:var(--ul-taupe);letter-spacing:.02em}
.gridline_section .block-title.mt{margin-top:3.6vw}
.gridline_section .acc-wrap{max-width:1200px;margin:0 auto;padding:0 6.25vw}

/* 하단 고정 CTA — 유라인 톤 */
.fixcta{position:fixed;left:0;right:0;bottom:24px;z-index:95;padding:0 24px;display:none}
.fixcta.is-show{display:block}
.fixcta-inner{width:60vw;max-width:none;margin:0 auto;background-image:linear-gradient(to bottom,var(--ul-ink-2),var(--ul-ink));display:flex;align-items:center;justify-content:space-between;gap:2vw;padding:1.25vw 1.8vw}
.fixcta .copy{font-size:1.0416666667vw;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.4}
.fixcta .copy span{display:block;font-size:.8333333333vw;font-weight:400;color:var(--ul-sub);margin-top:.4vw}
.fixcta-inner > a{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16vw;height:3.125vw;min-height:44px;border:1px solid #fff;color:#fff;font-size:.9375vw;letter-spacing:-.03em;transition:background .3s,color .3s}
.fixcta-inner > a:hover{background:#fff;color:var(--ul-ink)}

@media screen and (max-width:900px){
  .premium_section .cont.c5 .box{width:100%}
  .premium_section .cont.c5 .box .pm-img{height:59.7333333333vw}

  .tabclass_section .cls-intro{margin-bottom:8vw}
  .tabclass_section .cls-intro h4{font-size:5.8666666667vw;margin-bottom:2.6vw}
  .tabclass_section .cls-intro .one{font-size:3.7333333333vw}

  .bookline .bk{width:50%;padding:5.3vw 3.2vw;font-size:3.7333333333vw}
  .bookline .bk:not(:nth-child(4n))::after{display:none}
  .bookline .bk:not(:nth-child(2n))::after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:#e3e0da}
  .bookline .bk:nth-child(-n+4){border-bottom:none}
  .bookline .bk:not(:nth-last-child(-n+2)){border-bottom:1px solid #ecebe8}
  .gridline_section .block-title{font-size:4vw;padding:0 5.3333333333vw;margin-bottom:4vw}
  .gridline_section .block-title.mt{margin-top:10.6vw}
  .gridline_section .acc-wrap{padding:0 5.3333333333vw}

  .fixcta{bottom:0;padding:0}
  .fixcta-inner{width:100%;flex-direction:column;align-items:stretch;gap:3.7vw;padding:5vw 5.3vw;text-align:center}
  .fixcta .copy{font-size:4vw}
  .fixcta .copy span{font-size:3.4666666667vw;margin-top:1.6vw}
  .fixcta-inner > a{width:100%;height:12.8vw;font-size:4vw}
  body.has-fixcta .top-btn{bottom:170px}
}

/* Care 그리드 — 실제 제품 이미지 (박스에 꽉 채우고 넘치는 부분은 잘라냄) */
.care_section .cont .box .img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}

/* ==========================================================================
   게시판 리스트 — 유라인 NOTICE 스타일
   크림 배경 + Erode 대형 타이틀 + 헤어라인 표 + 원형 페이지네이션
   ========================================================================== */
.board_section{background:var(--ul-cream);padding:7.8vw 0 8.8vw}
.board_section .inner{max-width:1200px;margin:0 auto;padding:0 24px}
.board_section .head{margin-bottom:5.2vw}
.board_section .head h1{font-family:"Erode","Pretendard",serif;font-size:2.6041666667vw;font-weight:400;color:#090909;line-height:1;letter-spacing:-.02em;margin-bottom:1.1vw}
.board_section .head p{font-size:.8333333333vw;color:#4A453F;line-height:1.6}

.board{width:100%;border-collapse:collapse;font-size:.8333333333vw;background:none;border-top:1px solid #d1d1d1}
.board th,.board td{border:none;padding:1.15vw .8vw;text-align:center;vertical-align:middle}
.board thead th{background:none;font-size:.8333333333vw;font-weight:400;color:#8A857D;border-top:none;border-bottom:none;padding-top:1.4vw;padding-bottom:1.4vw}
.board tbody tr{transition:background .2s}
.board tbody tr:hover{background:rgba(0,0,0,.025)}
.board td{color:#4A453F}
.board td.subj{text-align:left;color:var(--ul-ink);font-weight:400}
.board td.subj a{display:block}
.board tbody tr:hover td.subj{color:#000}
/* 상단 고정 공지 행 */
.board tr.pin td,.board tr.pin td.subj{color:var(--ul-accent);font-weight:400}
.board tr.pin .no{font-weight:400}

/* 원형 페이지네이션 */
.pager{display:flex;gap:.55vw;justify-content:center;align-items:center;margin-top:5.2vw}
.pager a{width:2.0833333333vw;height:2.0833333333vw;min-width:32px;min-height:32px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8333333333vw;color:#4A453F;background:none;transition:background .2s,color .2s}
.pager a:hover{background:rgba(0,0,0,.04)}
.pager a.is-active{background:var(--ul-accent);color:#fff}
.pager a.pg-nav{background:#EAE7E1;color:#8A857D;font-size:.7291666667vw}
.pager a.pg-nav:hover{background:#E0DCD4}

@media screen and (max-width:900px){
  .board_section{padding:18vw 0 20vw}
  .board_section .inner{padding:0 5.3333333333vw}
  .board_section .head{margin-bottom:10.6vw}
  .board_section .head h1{font-size:9.6vw;margin-bottom:3.2vw}
  .board_section .head p{font-size:3.7333333333vw}
  .board{font-size:3.7333333333vw}
  .board th,.board td{padding:4.2vw 1.6vw}
  .board thead th{font-size:3.4666666667vw}
  /* 모바일에서는 번호 열을 숨기고 제목 + 날짜만 */
  .board th:first-child,.board td:first-child{display:none}
  .board td.subj{word-break:keep-all;line-height:1.5}
  .pager{gap:2vw;margin-top:12vw}
  .pager a{width:9.6vw;height:9.6vw;font-size:3.7333333333vw}
  .pager a.pg-nav{font-size:3.2vw}
}

/* FAQ — 크림 배경 + 헤어라인 아코디언 */
.faq_section{background:var(--ul-cream);padding:7.8vw 0 8.8vw}
.faq_section .inner{max-width:1200px;margin:0 auto;padding:0 24px}
.faq_section .head{margin-bottom:4vw}
.faq_section .head h1{font-family:"Erode","Pretendard",serif;font-size:2.6041666667vw;font-weight:400;color:#090909;line-height:1;letter-spacing:-.02em;margin-bottom:1.1vw}
.faq_section .head p{font-size:.8333333333vw;color:#4A453F;line-height:1.6}
.faq_section .tabs{display:flex;gap:.5208333333vw;flex-wrap:wrap;margin-bottom:2.6vw}
.faq_section .tabs button{padding:.6vw 1.4vw;font-size:.8333333333vw;font-weight:500;color:#6B6660;border:1px solid #c6c2ba;background:none;font-family:inherit;border-radius:0;letter-spacing:-.02em;transition:all .25s}
.faq_section .tabs button:hover{color:var(--ul-ink)}
.faq_section .tabs button.is-active{background:var(--ul-brown);border-color:var(--ul-brown);color:#fff}
.faq_section .tabpanel{display:none}
.faq_section .tabpanel.is-active{display:block}
.faq_section .acc{border:none;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;border-radius:0;background:none;overflow:visible}
.faq_section .acc-item+.acc-item{border-top:1px solid #ecebe8}
.faq_section .acc-q{padding:1.4vw 1vw;font-size:.9375vw;font-weight:600;color:var(--ul-ink);gap:1.2vw;letter-spacing:-.02em;background:none}
.faq_section .acc-q .mk{font-size:1.15vw;color:var(--ul-brown);transition:transform .3s}
.faq_section .acc-item.is-open .acc-q .mk{transform:rotate(45deg)}
.faq_section .acc-a{padding:0 1vw 1.6vw;font-size:.8333333333vw;color:#4A453F;line-height:1.85;word-break:keep-all}
.faq_section .acc-a strong{color:var(--ul-brown);font-weight:700}

@media screen and (max-width:900px){
  .faq_section{padding:18vw 0 20vw}
  .faq_section .inner{padding:0 5.3333333333vw}
  .faq_section .head{margin-bottom:8.5vw}
  .faq_section .head h1{font-size:9.6vw;margin-bottom:3.2vw}
  .faq_section .head p{font-size:3.7333333333vw}
  .faq_section .tabs{gap:2vw;margin-bottom:8vw}
  .faq_section .tabs button{padding:2.4vw 3.6vw;font-size:3.4666666667vw}
  .faq_section .acc-q{padding:4.8vw 3.2vw;font-size:4vw;gap:4vw}
  .faq_section .acc-q .mk{font-size:5.3vw}
  .faq_section .acc-a{padding:0 3.2vw 5vw;font-size:3.7333333333vw}
}

/* ==========================================================================
   뉴스레터 목록 — 공지사항·FAQ 와 같은 크림 톤. 라운딩 전면 제거.
   ========================================================================== */
.letterlist_section{background:var(--ul-cream);padding:7.8vw 0 8.8vw}
.letterlist_section .inner{max-width:1200px;margin:0 auto;padding:0 24px}
.letterlist_section .head{margin-bottom:3.2vw}
.letterlist_section .head h1{font-family:"Erode","Pretendard",serif;font-size:2.6041666667vw;font-weight:400;color:#090909;line-height:1;letter-spacing:-.02em;margin-bottom:1.1vw}
.letterlist_section .head p{font-size:.8333333333vw;color:#4A453F;line-height:1.6}

/* 카테고리 탭 — FAQ 와 동일한 각진 브라운 톤 */
.letterlist_section .tabs{display:flex;gap:.5208333333vw;flex-wrap:wrap;margin-bottom:2.6vw}
.letterlist_section .tabs button{padding:.6vw 1.4vw;font-size:.8333333333vw;font-weight:500;color:#6B6660;border:1px solid #c6c2ba;background:none;font-family:inherit;letter-spacing:-.02em;transition:all .25s}
.letterlist_section .tabs button:hover{color:var(--ul-ink)}
.letterlist_section .tabs button.is-active{background:var(--ul-brown);border-color:var(--ul-brown);color:#fff}
.letterlist_section .tabpanel{display:none}
.letterlist_section .tabpanel.is-active{display:block}

/* 카드 그리드 */
.letterlist_section .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2.0833333333vw}
.letterlist_section .post-card{border:1px solid #d1d1d1;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s}
.letterlist_section .post-card:hover{border-color:var(--ul-brown)}
.letterlist_section .post-card .img-placeholder{aspect-ratio:16/9;background:#EFE7DA;display:flex;align-items:center;justify-content:center;color:#B2B2B2}
.letterlist_section .post-card .img-placeholder svg{width:32px;height:32px}
.letterlist_section .post-body{padding:1.25vw 1.35vw 1.4vw;display:flex;flex-direction:column;flex:1}
.letterlist_section .post-body .tag{display:inline-block;align-self:flex-start;font-size:.7291666667vw;font-weight:500;color:#fff;background:var(--ul-taupe);padding:.28vw .7vw;margin-bottom:.83vw;letter-spacing:-.02em}
.letterlist_section .post-body h3{font-size:.9375vw;font-weight:600;color:var(--ul-ink);margin-bottom:.55vw;line-height:1.5;letter-spacing:-.02em;word-break:keep-all}
.letterlist_section .post-body p{font-size:.8333333333vw;color:#6B6660;line-height:1.65;margin-bottom:1vw;flex:1;word-break:keep-all}
.letterlist_section .post-body time{font-size:.7812vw;color:#8A857D}
.letterlist_section .post-foot{display:flex;align-items:center;justify-content:space-between;gap:.8vw;padding-top:.8vw;border-top:1px solid #ecebe8}
.letterlist_section .post-foot .lock{display:inline-flex;align-items:center;gap:.3vw;font-size:.7291666667vw;color:var(--ul-brown);font-weight:500}
.letterlist_section .post-foot .lock svg{width:.83vw;height:.83vw;min-width:12px;min-height:12px}

.letterlist_section .micro{font-size:.7812vw;color:#8A857D;margin-top:1.6vw;line-height:1.7}
.letterlist_section .micro.text-center{text-align:center}


@media screen and (max-width:1024px){
  .letterlist_section .grid-3{grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:900px){
  .letterlist_section{padding:18vw 0 20vw}
  .letterlist_section .inner{padding:0 5.3333333333vw}
  .letterlist_section .head{margin-bottom:8vw}
  .letterlist_section .head h1{font-size:9.6vw;margin-bottom:3.2vw}
  .letterlist_section .head p{font-size:3.7333333333vw}
  .letterlist_section .tabs{gap:2vw;margin-bottom:8vw}
  .letterlist_section .tabs button{padding:2.4vw 3.6vw;font-size:3.4666666667vw}
  .letterlist_section .grid-3{grid-template-columns:1fr;gap:6.4vw}
  .letterlist_section .post-body{padding:5.3vw 5.3vw 6vw}
  .letterlist_section .post-body .tag{font-size:3.2vw;padding:1.2vw 3vw;margin-bottom:3.2vw}
  .letterlist_section .post-body h3{font-size:4.5333333333vw;margin-bottom:2.4vw}
  .letterlist_section .post-body p{font-size:3.7333333333vw;margin-bottom:4vw}
  .letterlist_section .post-body time{font-size:3.4666666667vw}
  .letterlist_section .post-foot{padding-top:3.2vw;gap:3vw}
  .letterlist_section .post-foot .lock{font-size:3.2vw;gap:1.2vw}
  .letterlist_section .micro{font-size:3.2vw;margin-top:6vw}
}

/* 하단 배너 — 크림 톤 헤어라인 */
.letterbanner_section{background:var(--ul-cream-2);padding:5.2vw 0}
.letterbanner_section .inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:2vw}
.letterbanner_section h3{font-size:1.3541666667vw;font-weight:700;color:var(--ul-ink);letter-spacing:-.02em;margin-bottom:.5vw;word-break:keep-all}
.letterbanner_section p{font-size:.8333333333vw;color:#4A453F;line-height:1.6;word-break:keep-all}
.letterbanner_section > .inner > a{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16vw;height:3.125vw;min-height:44px;border:1px solid var(--ul-brown);color:var(--ul-brown);font-size:.9375vw;letter-spacing:-.03em;transition:background .3s,color .3s}
.letterbanner_section > .inner > a:hover{background:var(--ul-brown);color:#fff}

@media screen and (max-width:900px){
  .letterbanner_section{padding:14vw 0}
  .letterbanner_section .inner{flex-direction:column;align-items:flex-start;gap:6vw;padding:0 5.3333333333vw}
  .letterbanner_section h3{font-size:4.8vw;margin-bottom:2.4vw}
  .letterbanner_section p{font-size:3.7333333333vw}
  .letterbanner_section > .inner > a{width:100%;height:12.8vw;font-size:4vw}
}

/* ==========================================================================
   섹션 배경 톤 — 사이트 전체에서 두 가지만 사용
   tone-a = var(--ul-cream)   #FFFEF8
   tone-b = var(--ul-cream-2) #FFFAE2
   페이지마다 인접 섹션이 번갈아 오도록 마크업에서 지정한다.
   ========================================================================== */
section.tone-a{background-color:var(--ul-cream)}
section.tone-b{background-color:var(--ul-cream-2)}

/* ==========================================================================
   원형 스텝 — 유라인 "Recommendation" 스타일
   가로선 하나가 원들을 꿰고 지나간다. 원은 테두리만, 배경 없음.
   .cont 에 .circles 를 더해 사용.
   ========================================================================== */
.gridline_section .cont.circles{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:nowrap;
  gap:0;                             /* 원끼리 맞닿게 */
  width:100%;
  margin:0;
  border:none;                       /* 기존 헤어라인 그리드 테두리 해제 */
}
.gridline_section .cont.circles::after{display:none}
.gridline_section .cont.circles .box{
  width:14.0625vw;
  height:14.0625vw;
  border-radius:50%;
  border:1px solid #8A857D;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  padding:3.6vw 2.2vw 0;
  background:none;
}
/* 그리드용 세로 구분선은 원형 배치에서 제거 */
.gridline_section .cont.circles .box::after{display:none}

.gridline_section .cont.circles .box .n{
  font-family:"Erode","Pretendard",serif;
  font-size:1.09375vw;
  font-weight:600;
  color:var(--ul-taupe);
  margin-bottom:.5vw;
  letter-spacing:.02em;
}
.gridline_section .cont.circles .box h4{
  font-size:.9375vw;
  font-weight:600;
  color:#090909;
  margin-bottom:.5vw;
  letter-spacing:-.02em;
}
.gridline_section .cont.circles .box p{
  font-size:.78125vw;
  font-weight:400;
  color:#090909;
  line-height:1.5;
  letter-spacing:-.02em;
  margin-top:0;
  word-break:keep-all;
}

/* 모바일: 원과 선을 버리고 2열 십자 구분선으로 (레퍼런스와 동일한 전환) */
@media screen and (max-width:900px){
  .gridline_section .cont.circles{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:0;
    width:100%;
    border-top:1px solid #cbcbcb;
  }
  .gridline_section .cont.circles::after{
    display:block;
    content:"";
    position:absolute;
    left:50%;
    top:0;
    transform:translate(-50%,0);
    width:1px;
    height:100%;
    background:#cbcbcb;
  }
  .gridline_section .cont.circles .box{
    width:50%;
    height:auto;
    min-height:37.8666666667vw;
    border:none;
    border-radius:0;
    border-bottom:1px solid #cbcbcb;
    padding:8.5333333333vw 4vw;
  }
  .gridline_section .cont.circles .box .n{font-size:4.2666666667vw;margin-bottom:2.1333333333vw}
  .gridline_section .cont.circles .box h4{font-size:4.2666666667vw;margin-bottom:2vw}
  .gridline_section .cont.circles .box p{font-size:3.4666666667vw;line-height:1.5}
}

/* ==========================================================================
   페이지 헤더 — 공지사항/FAQ 첫 섹션과 동일한 제목 조판
   ========================================================================== */
.pagehead_section{background:var(--ul-cream);padding:7.8vw 0 0}
.pagehead_section .inner{max-width:1200px;margin:0 auto;padding:0 24px}
.pagehead_section .head h1{font-family:"Erode","Pretendard",serif;font-size:2.6041666667vw;font-weight:400;color:#090909;line-height:1;letter-spacing:-.02em;margin-bottom:1.1vw}
.pagehead_section .head p{font-size:.8333333333vw;color:#4A453F;line-height:1.6}
@media screen and (max-width:900px){
  .pagehead_section{padding:18vw 0 0}
  .pagehead_section .inner{padding:0 5.3333333333vw}
  .pagehead_section .head h1{font-size:9.6vw;margin-bottom:3.2vw}
  .pagehead_section .head p{font-size:3.7333333333vw}
}

/* ==========================================================================
   문의 폼 — 1:1 문의
   좌: 블록 제목(넘버링) / 우: 입력 필드. 헤어라인으로 블록을 나눈다.
   입력은 밑줄만 — 박스·라운딩 없음.
   ========================================================================== */
.form_section{background:var(--ul-cream);padding:5.2vw 0 8.8vw}
.form_section .inner{max-width:1200px;margin:0 auto;padding:0 24px}

/* 블록 구분선: 연한 헤어라인 — 구조를 나누기만 한다 */
.fm-block{display:grid;grid-template-columns:18.75vw 1fr;column-gap:5.2vw;border-top:1px solid #E2DDD5;padding:3.1vw 0}
.fm-block:last-of-type{border-bottom:1px solid #E2DDD5}
.fm-head .n{display:block;font-family:"Erode","Pretendard",serif;font-size:1.0416666667vw;font-weight:600;color:var(--ul-taupe);letter-spacing:.02em;margin-bottom:.8vw}
.fm-head h3{font-size:1.25vw;font-weight:600;color:#090909;letter-spacing:-.02em;line-height:1.3;margin-bottom:.6vw}
.fm-head .note{font-size:.7812vw;color:var(--ul-stone);line-height:1.6;word-break:keep-all}

.fm-body{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2.6vw;row-gap:2.2vw;align-content:start}
.field.full{grid-column:1/-1}
.field label{display:block;font-size:.7812vw;font-weight:600;color:#4A453F;letter-spacing:-.02em;margin-bottom:.7vw}
.field .req{color:var(--ul-brown)}
.field input,.field select,.field textarea{
  width:100%;padding:.85vw 0;font-family:inherit;font-size:.8333333333vw;color:var(--ul-ink);
  background:none;border:none;border-bottom:1px solid #7C766D;border-radius:0;
  letter-spacing:-.02em;transition:border-color .25s;-webkit-appearance:none;appearance:none}
.field input::placeholder,.field textarea::placeholder{color:#A9A49B}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-bottom-color:var(--ul-brown)}
.field select{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%236F6D69' stroke-width='1.4'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .2vw center;background-size:.625vw auto;padding-right:1.4vw;cursor:pointer}
.field textarea{resize:vertical;min-height:8.5vw;line-height:1.7;border:1px solid #7C766D;padding:1vw 1.1vw}
.field textarea:focus{border-color:var(--ul-brown)}
.field .help{font-size:.7291666667vw;color:var(--ul-stone);margin-top:.6vw;line-height:1.6;word-break:keep-all}
.field .help strong{color:var(--ul-brown);font-weight:700}

.upload{border:1px dashed #9C968D;border-radius:0;background:none;padding:2.2vw;text-align:center;color:var(--ul-stone);transition:border-color .25s;cursor:pointer}
.upload:hover{border-color:var(--ul-brown)}
.upload svg{width:1.25vw;height:1.25vw;color:var(--ul-brown)}
.upload p{font-size:.7812vw;letter-spacing:-.02em;margin-top:.6vw!important}

.fm-foot{grid-column:2;padding:3.1vw 0 0}
.fm-block .fm-foot{padding-top:0}
.form_section .fm > .fm-foot{display:grid;grid-template-columns:18.75vw 1fr;column-gap:5.2vw}
.form_section .fm > .fm-foot > *{grid-column:2}
.agree{margin-bottom:1.8vw}
.agree label{display:flex;align-items:flex-start;gap:.6vw;font-size:.7812vw;color:#4A453F;line-height:1.6;letter-spacing:-.02em;cursor:pointer}
.agree label + label{margin-top:.8vw}
.agree input[type=checkbox]{
  -webkit-appearance:none;appearance:none;flex-shrink:0;
  width:.8333333333vw;height:.8333333333vw;min-width:14px;min-height:14px;
  border:1px solid #b3aea5;border-radius:0;background:none;margin-top:.15vw;cursor:pointer;transition:all .2s}
.agree input[type=checkbox]:checked{
  background:var(--ul-brown);border-color:var(--ul-brown);
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none' stroke='%23ffffff' stroke-width='1.6'%3E%3Cpath d='M1 4 3.6 6.6 9 1.2'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:60% auto}
.agree label a{color:var(--ul-brown);text-decoration:underline;text-underline-offset:3px}

.fm-submit{display:flex;align-items:center;justify-content:center;width:100%;height:3.4375vw;min-height:48px;
  background:var(--ul-brown);border:1px solid var(--ul-brown);color:#fff;border-radius:0;
  font-family:inherit;font-size:.9375vw;font-weight:600;letter-spacing:-.03em;cursor:pointer;transition:background .3s,border-color .3s}
.fm-submit:hover{background:var(--ul-ink);border-color:var(--ul-ink)}
.fm-note{font-size:.7291666667vw;color:var(--ul-stone);margin-top:1vw;line-height:1.7;letter-spacing:-.02em}
.fm-note a{color:var(--ul-ink);text-decoration:underline;text-underline-offset:3px}

@media screen and (max-width:900px){
  .form_section{padding:10.6vw 0 20vw}
  .form_section .inner{padding:0 5.3333333333vw}
  .fm-block{grid-template-columns:1fr;row-gap:6.4vw;padding:8vw 0}
  .fm-head .n{font-size:4.2666666667vw;margin-bottom:2.4vw}
  .fm-head h3{font-size:5.3333333333vw;margin-bottom:2vw}
  .fm-head .note{font-size:3.4666666667vw}
  .fm-body{grid-template-columns:1fr;row-gap:6.4vw}
  .field label{font-size:3.7333333333vw;margin-bottom:2.4vw}
  .field input,.field select,.field textarea{font-size:4vw;padding:3.2vw 0}
  .field select{background-position:right 0 center;background-size:3.2vw auto;padding-right:6.4vw}
  .field textarea{min-height:40vw;padding:4vw 4.2vw}
  .field .help{font-size:3.2vw;margin-top:2.4vw}
  .upload{padding:9.6vw 5.3vw}
  .upload svg{width:6.4vw;height:6.4vw}
  .upload p{font-size:3.4666666667vw;margin-top:2.4vw!important}
  .form_section .fm > .fm-foot{grid-template-columns:1fr}
  .form_section .fm > .fm-foot > *{grid-column:1}
  .fm-foot{padding-top:8vw}
  .agree{margin-bottom:6.4vw}
  .agree label{font-size:3.4666666667vw;gap:2.4vw}
  .agree label + label{margin-top:3.2vw}
  .agree input[type=checkbox]{width:4.2666666667vw;height:4.2666666667vw;margin-top:.5vw}
  .fm-submit{height:14vw;font-size:4vw}
  .fm-note{font-size:3.2vw;margin-top:4vw}
}

/* ==========================================================================
   quoteline.cards — 고객 문제를 카드로. 데스크탑 3열 x 2행
   ========================================================================== */
.quoteline.cards{border:none;grid-template-columns:repeat(3,1fr);column-gap:1.25vw;row-gap:1.25vw;max-width:1200px;margin:0 auto;padding:0 24px}
.quoteline.cards .q{background:#fff;border:1px solid #E2DDD5;padding:2.1vw 1.9vw 2.2vw;display:flex;flex-direction:column;transition:border-color .25s}
.quoteline.cards .q::after{display:none}
.quoteline.cards .q:not(:nth-last-child(-n+2)){border-bottom:1px solid #E2DDD5}
.quoteline.cards .q:hover{border-color:var(--ul-brown)}
.quoteline.cards .q strong{font-size:1.0416666667vw;margin-bottom:.85vw}
.quoteline.cards .q span{flex:1}

@media screen and (max-width:900px){
  .quoteline.cards{grid-template-columns:1fr;column-gap:0;row-gap:3.2vw;max-width:none;padding:0 5.3333333333vw}
  .quoteline.cards .q{padding:6.4vw 5.3333333333vw}
  .quoteline.cards .q:not(:last-child){border-bottom:1px solid #E2DDD5}
  .quoteline.cards .q strong{font-size:4.2666666667vw;margin-bottom:2.4vw}
}

/* ==========================================================================
   메인 히어로 슬라이드 배경 이미지
   흰 텍스트 가독성을 위해 이미지 위에 어두운 스크림을 덮는다.
   ========================================================================== */
.mainVisual .hero-img{position:absolute;inset:0;background-repeat:no-repeat;background-position:center center;background-size:cover}
.mainVisual .hero-img::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(20,17,17,.34) 0%,rgba(20,17,17,.48) 55%,rgba(20,17,17,.58) 100%)}
.mainVisual .hero-img.h1{background-image:url(../assets/hero-01.jpg?v=3cd36300)}
.mainVisual .hero-img.h2{background-image:url(../assets/hero-02.jpg?v=cc59c505)}
.mainVisual .hero-img.h3{background-image:url(../assets/hero-03.jpg?v=cba4dfcb)}
.mainVisual .hero-img.h4{background-image:url(../assets/hero-04.jpg?v=47212d33)}

/* ==========================================================================
   후기 상세 모달 — 사이트 톤앤매너
   라운딩 없음, 헤어라인, 크림 배경, 브라운 액센트.
   ========================================================================== */
.rv-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:40px 24px}
.rv-modal[hidden]{display:none}
.rv-back{position:absolute;inset:0;background:rgba(20,17,17,.62)}
.rv-box{position:relative;background:var(--ul-cream);border:1px solid #d1d1d1;border-radius:0;
  width:100%;max-width:960px;max-height:calc(100vh - 80px);overflow:auto;
  box-shadow:0 24px 60px rgba(20,17,17,.24)}

.rv-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:0;
  background:var(--ul-cream);border:1px solid #c6c2ba;display:flex;align-items:center;justify-content:center;
  color:var(--ul-ink);z-index:2;transition:background .25s,border-color .25s,color .25s;cursor:pointer}
.rv-close:hover{background:var(--ul-brown);border-color:var(--ul-brown);color:#fff}
.rv-close svg{width:17px;height:17px}

.rv-grid{display:grid;grid-template-columns:400px 1fr}
.rv-shot{background:var(--ul-cream-2);padding:32px;display:flex;align-items:flex-start;justify-content:center;
  border-right:1px solid #E2DDD5}
.rv-shot img{width:100%;border-radius:0;display:block}

.rv-detail{padding:56px 44px 44px}
.rv-detail .rv-dhead{font-size:22px;font-weight:600;color:var(--ul-ink);line-height:1.5;
  margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid #d1d1d1;letter-spacing:-.02em;word-break:keep-all}
.rv-detail p.rv-p{font-size:15px;line-height:1.85;color:#4A453F;margin-bottom:14px;letter-spacing:-.02em;word-break:keep-all}

.rv-dnote{margin-top:30px;padding:22px 24px;background:var(--ul-cream-2);border-radius:0}
.rv-dnote span{display:block;font-family:"Erode","Pretendard",serif;font-size:12px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ul-taupe);margin-bottom:9px}
.rv-dnote p{font-size:14px;line-height:1.8;color:#4A453F;letter-spacing:-.02em;word-break:keep-all}

@media (max-width:1024px){
  .rv-grid{grid-template-columns:1fr}
  .rv-shot{border-right:none;border-bottom:1px solid #E2DDD5}
  .rv-detail{padding:32px 28px 40px}
}
@media (max-width:900px){
  .rv-modal{padding:20px 16px}
  .rv-box{max-height:calc(100vh - 40px)}
  .rv-close{top:12px;right:12px;width:34px;height:34px}
  .rv-detail .rv-dhead{font-size:19px}
}

/* ==========================================================================
   클래스 상세 모달 — 후기 모달과 같은 껍데기를 쓰고,
   내용은 .tabclass_section 스타일을 그대로 물려받는다(본문에 같은 클래스를 부여).
   ========================================================================== */
.rv-box.cls-box{max-width:1100px}
.cls-modal-body{background:none;padding:3.1vw 2.4vw 2.4vw}
.cls-modal-body .cls-head{margin-bottom:2vw}

/* APPLY 카드 — 클릭 가능 + 자세히 보기 */
.pm-slide[data-cls]{cursor:pointer}
.pm-slide .more{display:inline-flex;align-items:center;margin-top:1.1vw;padding:0;border:none;background:none;
  font-family:inherit;font-size:.8333333333vw;font-weight:600;letter-spacing:-.02em;color:var(--ul-brown);
  border-bottom:1px solid transparent;transition:color .25s,border-color .25s;cursor:pointer}
.pm-slide:hover .more{border-bottom-color:var(--ul-brown)}

@media (max-width:1024px){
  .cls-modal-body{padding:32px 28px 40px}
}
@media screen and (max-width:900px){
  .pm-slide .more{margin-top:3.2vw;font-size:3.4666666667vw}
}

/* ==========================================================================
   비교 표 — 유라인 "One And Only" 스타일
   테두리를 걷어내고 가운데 정렬, 비교 대상 열 하나만 톤으로 강조한다.
   ========================================================================== */
.cmp{background:none;border:none}
.cmp th,.cmp td{padding:1.45vw 1.2vw;text-align:center;border:none;vertical-align:middle;word-break:keep-all}
.cmp thead th{font-size:.8854166667vw;font-weight:600;color:var(--ul-stone);background:none;
  padding-bottom:1.5vw;border-bottom:1px solid #d8d3ca}
.cmp thead th:last-child{color:var(--ul-ink)}
.cmp tbody th{width:8.5vw;font-size:.78125vw;font-weight:500;color:var(--ul-stone);text-align:left;background:none}
.cmp tbody td{font-size:.9375vw;color:#6B6660}
.cmp tbody tr + tr th,.cmp tbody tr + tr td{border-top:1px solid #ece8e1}
/* 지아 열 강조 */
.cmp thead th:last-child,.cmp tbody td:last-child{background:rgba(247,208,47,.22)}
.cmp thead th:last-child{box-shadow:inset 0 2px 0 #F7D02F}
.cmp tbody td.on{color:var(--ul-ink);font-weight:600}
.cmp tbody tr:last-child td:last-child{box-shadow:inset 0 -2px 0 #F7D02F}

/* APPLY 섹션 위아래 여백 */
.promotion_section#apply{padding-top:5.2vw;padding-bottom:5.2vw}

@media screen and (max-width:900px){
  .promotion_section#apply{padding-top:13.3333333333vw;padding-bottom:13.3333333333vw}

  /* --- How It Works — 2 x 2 그리드 --- */
  .premium_section .cont{flex-direction:row;flex-wrap:wrap;column-gap:4.2666666667vw;row-gap:8vw;padding-top:6.4vw}
  .premium_section .cont .box{width:calc((100% - 4.2666666667vw)/2)}
  .premium_section .cont .box:not(:last-child){margin-bottom:0}
  .premium_section .cont .box p{font-size:3.7333333333vw;margin-bottom:1.6vw;line-height:1.4}
  .premium_section .cont .box span{font-size:3.2vw;line-height:1.5;margin-bottom:3.2vw}
  .premium_section .cont .box .pm-img{height:44vw;margin-bottom:0;padding:3vw}
  .premium_section .cont .box .pm-img svg{width:28px;height:28px}
  .premium_section .cont .box .pm-img em{font-size:2.6vw;margin-top:2.4vw}

  /* --- Cause / Solution — 가로 스크롤 해제, 이미지 위 · 텍스트 아래로 세로 나열 --- */
  .linestory_section .titleContList{display:block;width:100%;overflow:visible;margin-top:10.1334vw}
  .linestory_section .title_cont{flex-direction:column;width:100%;flex-shrink:1;margin:0;padding:10.6666666667vw 5.3333333333vw}
  .linestory_section .title_cont:not(:last-child){border-bottom:1px solid #ecebe8}
  .linestory_section .title_cont .img,
  .linestory_section .title_cont:nth-child(odd) .img,
  .linestory_section .title_cont:nth-child(even) .img{width:100%;order:0}
  .linestory_section .title_cont .txt,
  .linestory_section .title_cont:nth-child(even) .txt{width:100%;order:1;text-align:left;padding:0;margin:8.5333333333vw 0 0}

  /* --- Process of JIA — 가로 스크롤 해제, 세로 나열 --- */
  .special_section .cont{flex-direction:column;width:100%;overflow:visible;
    padding:0 5.3333333333vw;row-gap:12vw}
  .special_section .cont .box{width:100%;flex-shrink:1;margin-right:0}
  .special_section .cont .box:last-child{margin-right:0}
  .special_section .cont .box .img{width:100%;height:72vw;margin-bottom:6.4vw;padding:6vw}
  .special_section .cont .box .img em{font-size:3.2vw;margin-top:4vw}

  /* --- 후기 슬라이더 — 1.2장 노출 --- */
  .tv_section .rv-track{gap:4.2666666667vw}
  .tv_section .rv-card{flex:0 0 78%}

  /* --- 모달 — 모바일 화면 밖으로 나가지 않게 --- */
  .rv-modal{padding:16px 12px;align-items:flex-end}
  .rv-box{max-height:88dvh;max-width:100%}
  .rv-shot{padding:20px}
  .rv-detail{padding:24px 20px 28px}
  .rv-detail .rv-dhead{font-size:17px;margin-bottom:18px;padding-bottom:16px}
  .rv-detail p.rv-p{font-size:14px;line-height:1.8}
  .rv-dnote{margin-top:22px;padding:16px 18px}
  .rv-dnote p{font-size:13px}
  .cls-modal-body{padding:24px 20px 28px}

  /* --- 비교표 모바일 (위의 새 표 규칙이 기존 모바일 값을 덮어쓰므로 다시 선언) --- */
  .cmp th,.cmp td{padding:4vw 3.2vw}
  .cmp thead th{font-size:3.2vw;padding-bottom:4vw}
  .cmp tbody th{width:22vw;font-size:3.2vw}
  .cmp tbody td{font-size:3.4666666667vw}

  /* Process 3번째 카드 이미지도 같은 높이로 (데스크탑 모양 규칙이 더 구체적이라 재선언) */
  .special_section .cont .box:nth-child(3) .img{height:72vw;margin-top:0;margin-bottom:6.4vw}
}

/* ==========================================================================
   클래스 상세 모달 — 좌 정보 / 우 커리큘럼 2단, 액센트는 브랜드 옐로우
   ========================================================================== */
.cls-modal-body .cm-split{display:grid;grid-template-columns:minmax(280px,36%) 1fr;gap:36px;align-items:start}

/* --- 좌측 --- */
.cls-modal-body .cls-head{text-align:left;margin-bottom:18px}
.cls-modal-body .cls-head h3{font-size:22px;line-height:1.4;margin-bottom:8px}
.cls-modal-body .cls-head .one{font-size:14px;line-height:1.65}

/* 정보는 표가 아니라 그냥 텍스트 — 테두리·구분선 없음 */
.cls-modal-body .cm-info{border:none;margin-top:4px}
.cls-modal-body .cm-row{display:block;border:none;padding:0;margin-top:14px}
.cls-modal-body .cm-row:first-child{margin-top:0}
.cls-modal-body .cm-row .k{display:block;font-size:12px;font-weight:600;color:var(--ul-stone);letter-spacing:-.02em;margin-bottom:3px}
.cls-modal-body .cm-row .v{display:block;font-size:14px;line-height:1.65;color:#4A453F;letter-spacing:-.02em;word-break:keep-all}
.cls-modal-body .cm-row .v.strong{font-weight:700;color:var(--ul-ink)}

.cls-modal-body .cls-cta{margin-top:22px}
.cls-modal-body .cls-cta a{width:100%;height:50px;min-height:0;border-radius:0;
  background:#F7D02F;border:1px solid #F7D02F;color:var(--ul-ink);
  font-size:14px;font-weight:600;letter-spacing:-.02em;transition:background .25s,border-color .25s}
.cls-modal-body .cls-cta a:hover{background:var(--ul-ink);border-color:var(--ul-ink);color:#fff}

/* --- 우측: 커리큘럼을 드롭다운 없이 박스 블록으로 --- */
.cls-modal-body .cm-right .acc{border:none;border-radius:0;overflow:visible;background:none;display:grid;gap:10px}
.cls-modal-body .cm-right .acc-item{border:1px solid #E2DDD5;background:#fff;padding:16px 18px}
.cls-modal-body .cm-right .acc-item:not(:last-child){border-bottom:1px solid #E2DDD5}
.cls-modal-body .cm-right .acc-q{padding:0 0 8px;font-size:14px;cursor:default;pointer-events:none;border:none}
.cls-modal-body .cm-right .acc-a{display:block;padding:0;font-size:13px;line-height:1.8}
.cls-modal-body .cm-right .acc-a strong{color:var(--ul-ink);font-weight:700;
  box-shadow:inset 0 -7px 0 rgba(247,208,47,.45)}
.cls-modal-body .cm-right .stepbar{grid-template-columns:1fr;border:1px solid #E2DDD5;margin-top:0;background:#fff}
.cls-modal-body .cm-right .stepbar > div{padding:14px 18px}
.cls-modal-body .cm-right .stepbar > div:not(:last-child){border-bottom:1px solid #ece8e1}
.cls-modal-body .cm-right .stepbar > div::after{display:none}
.cls-modal-body .cm-right .stepbar .n{font-size:12px;color:#8A7400;margin-bottom:6px}
.cls-modal-body .cm-right .stepbar h4{font-size:14px;margin-bottom:5px}

/* 닫기 버튼도 옐로우 */
.rv-close:hover{background:#F7D02F;border-color:#F7D02F;color:var(--ul-ink)}

@media screen and (max-width:900px){
  .cls-modal-body .cm-split{grid-template-columns:1fr;gap:24px}
  .cls-modal-body .cls-head h3{font-size:19px}
  .cls-modal-body .cm-row .k{flex:0 0 62px}
  .cls-modal-body .cls-cta a{height:46px}
  .cls-modal-body .cm-right .acc-item{padding:14px 15px}
}