/* Third-level navigation is styled before its server-rendered markup paints. */
.hive_sub_nav.has-third-level .hive_sub_nav__inner{flex-wrap:wrap}
.hive_sub_nav #hiveSnavThird{min-width:0;max-width:100%}
.hive_sub_nav #hiveSnavThird .hive_snav_btn{min-width:0;max-width:100%;min-height:44px}
.hive_sub_nav #hiveSnavThird .hive_snav_btn__text{overflow:hidden;text-overflow:ellipsis}
.hive_sub_nav #hiveSnavThird .hive_snav_list{left:auto;right:0;min-width:min(220px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
.hive_sub_nav #hiveSnavThird.open .hive_snav_list{visibility:visible;transition-property:opacity,transform}
.hive_sub_nav #hiveSnavThird .hive_snav_item{min-height:44px;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.hive_sub_nav #hiveSnavThird :focus-visible{outline:2px solid currentColor;outline-offset:-2px}
.hive_sub_nav #hiveSnavThird [aria-disabled=true]{opacity:.5;cursor:default}
@media(prefers-reduced-motion:reduce){#hiveSnavThird .hive_snav_list,#hiveSnavThird .hive_snav_btn__arrow{transition:none}}

/* =============================================
   로컬 변수 + 초기화
============================================= */

.sp-s2:not([data-sty-ext]){padding-top:var(--sp-s2-pt0,var(--sp-s2-pad-y,0px))!important;padding-bottom:var(--sp-s2-pb0,var(--sp-s2-pad-y,0px))!important}
@media(max-width:768px){.sp-s2:not([data-sty-ext]){padding-top:var(--sp-s2-pt0,var(--sp-s2-pad-y-mo,var(--sp-s2-pad-y,0px)))!important;padding-bottom:var(--sp-s2-pb0,var(--sp-s2-pad-y-mo,var(--sp-s2-pad-y,0px)))!important}}
.sp-s3:not([data-sty-ext]){padding-top:var(--sp-s3-pt0,var(--sp-s3-pad-y,140px))!important;padding-bottom:var(--sp-s3-pb0,var(--sp-s3-pad-y,140px))!important}
@media(max-width:768px){.sp-s3:not([data-sty-ext]){padding-top:var(--sp-s3-pt0,var(--sp-s3-pad-y-mo,var(--sp-s3-pad-y,140px)))!important;padding-bottom:var(--sp-s3-pb0,var(--sp-s3-pad-y-mo,var(--sp-s3-pad-y,140px)))!important}}
.sp-pt02:not([data-sty-ext]){padding-top:var(--sp-pt02-pt0,var(--sp-pt02-pad-y,100px))!important;padding-bottom:var(--sp-pt02-pb0,var(--sp-pt02-pad-y,100px))!important}
@media(max-width:768px){.sp-pt02:not([data-sty-ext]){padding-top:var(--sp-pt02-pt0,var(--sp-pt02-pad-y-mo,var(--sp-pt02-pad-y,100px)))!important;padding-bottom:var(--sp-pt02-pb0,var(--sp-pt02-pad-y-mo,var(--sp-pt02-pad-y,100px)))!important}}
.sp-pt03:not([data-sty-ext]){padding-top:var(--sp-pt03-pt0,var(--sp-pt03-pad-y,100px))!important;padding-bottom:var(--sp-pt03-pb0,var(--sp-pt03-pad-y,100px))!important}
@media(max-width:768px){.sp-pt03:not([data-sty-ext]){padding-top:var(--sp-pt03-pt0,var(--sp-pt03-pad-y-mo,var(--sp-pt03-pad-y,100px)))!important;padding-bottom:var(--sp-pt03-pb0,var(--sp-pt03-pad-y-mo,var(--sp-pt03-pad-y,100px)))!important}}
.sp-pt04:not([data-sty-ext]){padding-top:var(--sp-pt04-pt0,var(--sp-pt04-pad-y,100px))!important;padding-bottom:var(--sp-pt04-pb0,var(--sp-pt04-pad-y,100px))!important}
@media(max-width:768px){.sp-pt04:not([data-sty-ext]){padding-top:var(--sp-pt04-pt0,var(--sp-pt04-pad-y-mo,var(--sp-pt04-pad-y,100px)))!important;padding-bottom:var(--sp-pt04-pb0,var(--sp-pt04-pad-y-mo,var(--sp-pt04-pad-y,100px)))!important}}
.sp-pt05:not([data-sty-ext]){padding-top:var(--sp-pt05-pt0,var(--sp-pt05-pad-y,100px))!important;padding-bottom:var(--sp-pt05-pb0,var(--sp-pt05-pad-y,100px))!important}
@media(max-width:768px){.sp-pt05:not([data-sty-ext]){padding-top:var(--sp-pt05-pt0,var(--sp-pt05-pad-y-mo,var(--sp-pt05-pad-y,100px)))!important;padding-bottom:var(--sp-pt05-pb0,var(--sp-pt05-pad-y-mo,var(--sp-pt05-pad-y,100px)))!important}}
.sp-pt06:not([data-sty-ext]){padding-top:var(--sp-pt06-pt0,var(--sp-pt06-pad-y,100px))!important;padding-bottom:var(--sp-pt06-pb0,var(--sp-pt06-pad-y,100px))!important}
@media(max-width:768px){.sp-pt06:not([data-sty-ext]){padding-top:var(--sp-pt06-pt0,var(--sp-pt06-pad-y-mo,var(--sp-pt06-pad-y,100px)))!important;padding-bottom:var(--sp-pt06-pb0,var(--sp-pt06-pad-y-mo,var(--sp-pt06-pad-y,100px)))!important}}
.sp-pt07:not([data-sty-ext]){padding-top:var(--sp-pt07-pt0,var(--sp-pt07-pad-y,100px))!important;padding-bottom:var(--sp-pt07-pb0,var(--sp-pt07-pad-y,100px))!important}
@media(max-width:768px){.sp-pt07:not([data-sty-ext]){padding-top:var(--sp-pt07-pt0,var(--sp-pt07-pad-y-mo,var(--sp-pt07-pad-y,100px)))!important;padding-bottom:var(--sp-pt07-pb0,var(--sp-pt07-pad-y-mo,var(--sp-pt07-pad-y,100px)))!important}}
.sp-faq:not([data-sty-ext]){padding-top:var(--sp-faq-pt0,var(--sp-faq-pad-y,100px))!important;padding-bottom:var(--sp-faq-pb0,var(--sp-faq-pad-y,100px))!important}
@media(max-width:768px){.sp-faq:not([data-sty-ext]){padding-top:var(--sp-faq-pt0,var(--sp-faq-pad-y-mo,var(--sp-faq-pad-y,100px)))!important;padding-bottom:var(--sp-faq-pb0,var(--sp-faq-pad-y-mo,var(--sp-faq-pad-y,100px)))!important}}
.sp-related:not([data-sty-ext]){padding-top:var(--sp-related-pt0,var(--sp-related-pad-y,100px))!important;padding-bottom:var(--sp-related-pb0,var(--sp-related-pad-y,100px))!important}
@media(max-width:768px){.sp-related:not([data-sty-ext]){padding-top:var(--sp-related-pt0,var(--sp-related-pad-y-mo,var(--sp-related-pad-y,100px)))!important;padding-bottom:var(--sp-related-pb0,var(--sp-related-pad-y-mo,var(--sp-related-pad-y,100px)))!important}}
.sp-pt01:not([data-sty-ext]){padding-top:var(--sp-pt01-pt0,var(--sp-pt01-pad-y,100px))!important;padding-bottom:var(--sp-pt01-pb0,var(--sp-pt01-pad-y,100px))!important}
@media(max-width:768px){.sp-pt01:not([data-sty-ext]){padding-top:var(--sp-pt01-pt0,var(--sp-pt01-pad-y-mo,var(--sp-pt01-pad-y,100px)))!important;padding-bottom:var(--sp-pt01-pb0,var(--sp-pt01-pad-y-mo,var(--sp-pt01-pad-y,100px)))!important}}
.sp-doctor:not([data-sty-ext]){padding-top:var(--sp-doctor-pt0,var(--sp-doctor-pad-y,120px))!important;padding-bottom:var(--sp-doctor-pb0,var(--sp-doctor-pad-y,120px))!important}
@media(max-width:768px){.sp-doctor:not([data-sty-ext]){padding-top:var(--sp-doctor-pt0,var(--sp-doctor-pad-y-mo,var(--sp-doctor-pad-y,120px)))!important;padding-bottom:var(--sp-doctor-pb0,var(--sp-doctor-pad-y-mo,var(--sp-doctor-pad-y,120px)))!important}}
.sp-equipment_board_slider:not([data-sty-ext]){padding-top:var(--sp-equipment_board_slider-pt0,var(--sp-equipment_board_slider-pad-y,100px))!important;padding-bottom:var(--sp-equipment_board_slider-pb0,var(--sp-equipment_board_slider-pad-y,100px))!important}
@media(max-width:768px){.sp-equipment_board_slider:not([data-sty-ext]){padding-top:var(--sp-equipment_board_slider-pt0,var(--sp-equipment_board_slider-pad-y-mo,var(--sp-equipment_board_slider-pad-y,100px)))!important;padding-bottom:var(--sp-equipment_board_slider-pb0,var(--sp-equipment_board_slider-pad-y-mo,var(--sp-equipment_board_slider-pad-y,100px)))!important}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
img,video{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.sp-eng{font-family:var(--font-eng);font-weight:400}
.sp-b{width:92%;max-width:var(--sp-mw,1200px);margin:0 auto}
/* per-ext sty 의 mw 가 set 되면 해당 섹션의 .sp-b 폭 오버라이드 */
[data-sty-ext] > .sp-b{max-width:var(--sty-mw,var(--sp-mw,1200px))}
/* 상/하 패딩 개별 지정 — 설정된 섹션만 덮어씀(미설정 섹션은 기존 기본값 유지), 모바일은 자동 70% */
[data-sty-ext][style*="--sty-pad-top"]{padding-top:var(--sty-pad-top)!important}
[data-sty-ext][style*="--sty-pad-bottom"]{padding-bottom:var(--sty-pad-bottom)!important}
@media (max-width:768px){
[data-sty-ext][style*="--sty-pad-top"]{padding-top:calc(var(--sty-pad-top) * .7)!important}
[data-sty-ext][style*="--sty-pad-bottom"]{padding-bottom:calc(var(--sty-pad-bottom) * .7)!important}
}
/* pad_exact: 이미지 옆 배치·의료진 프로필처럼 안쪽 상자(.sp-b)에 위아래 여백을 두는 배치도, 지정한 여백만 보이도록 안쪽 여백을 비운다 */
[data-sty-ext][style*="--sp-pad-exact"][style*="--sty-pad-top"]>.sp-b{padding-top:0!important}
[data-sty-ext][style*="--sp-pad-exact"][style*="--sty-pad-bottom"]>.sp-b{padding-bottom:0!important}
/* 제목 위/아래 여백 — 값 지정 시에만 적용(처음/끝 빈줄 대용, contenteditable 영향 없음) */
[data-sty-ext][style*="--sp-title-mt"] .sp-sec-title,[data-sty-ext][style*="--sp-title-mt"] .sp-ext-bnr-title,[data-sty-ext][style*="--sp-title-mt"] .sp-ext-bnrm-title{margin-top:var(--sp-title-mt)!important}
[data-sty-ext][style*="--sp-title-mb"] .sp-sec-title,[data-sty-ext][style*="--sp-title-mb"] .sp-ext-bnr-title,[data-sty-ext][style*="--sp-title-mb"] .sp-ext-bnrm-title{margin-bottom:var(--sp-title-mb)!important}
[data-sty-ext][style*="--sp-subt-mt"] .sp-ext-crd-subtitle,[data-sty-ext][style*="--sp-subt-mt"] .sp-ext-bnr-sub,[data-sty-ext][style*="--sp-subt-mt"] .sp-ext-bnrm-sub{margin-top:var(--sp-subt-mt)!important}
[data-sty-ext][style*="--sp-subt-mb"] .sp-ext-crd-subtitle,[data-sty-ext][style*="--sp-subt-mb"] .sp-ext-bnr-sub,[data-sty-ext][style*="--sp-subt-mb"] .sp-ext-bnrm-sub{margin-bottom:var(--sp-subt-mb)!important}
[data-sty-ext][style*="--sp-subheading-mt"] .sp-ext-crd-subheading{margin-top:var(--sp-subheading-mt)!important}
[data-sty-ext][style*="--sp-subheading-mb"] .sp-ext-crd-subheading{margin-bottom:var(--sp-subheading-mb)!important}
[data-sty-ext][style*="--sp-desc-mt"] .sp-ext-crd-desc{margin-top:var(--sp-desc-mt)!important}
[data-sty-ext][style*="--sp-desc-mb"] .sp-ext-crd-desc{margin-bottom:var(--sp-desc-mb)!important}
[data-sty-ext][style*="--sp-cards-gap"] .sp-ext-crd-grid,[data-sty-ext][style*="--sp-cards-gap"] .sp-ext-crd-slider{margin-top:var(--sp-cards-gap)!important}
@media(max-width:768px){[data-sty-ext][style*="--sp-cards-gap-mo"] .sp-ext-crd-grid,[data-sty-ext][style*="--sp-cards-gap-mo"] .sp-ext-crd-slider{margin-top:var(--sp-cards-gap-mo)!important}}

/* per-ext 텍스트 오버라이드 — sty 변수 set 시 적용, 미설정 시 각 섹션 기본값 유지(revert) */
[data-sty-ext] .sp-sec-title,
[data-sty-ext] .sp-pt01-title,
[data-sty-ext] .sp-pt05-title,
[data-sty-ext] .sp-pt06-title,
[data-sty-ext] .sp-pt07-title,
[data-sty-ext] .sp-ext-bnr-title,
[data-sty-ext] .sp-ext-bnrm-title{
    font-size:var(--sp-t-hd);
    color:var(--sty-c-title,inherit);
    font-weight:var(--sty-w-title,var(--sp-title-weight,inherit))
}
[data-sty-ext] .sp-pt-badge-txt,
[data-sty-ext] .sp-sec-lbl,
[data-sty-ext] .sp-ext-bnr-tag,
[data-sty-ext] .sp-ext-bnrm-eyebrow{
    font-size:var(--sty-t-eyebrow,var(--sp-t-sm));
    color:var(--sty-c-eyebrow,inherit)
}
[data-sty-ext] .sp-pt01-body p,
[data-sty-ext] .sp-pt05-list,
[data-sty-ext] .sp-pt06-item,
[data-sty-ext] .sp-pt07-step,
[data-sty-ext] .sp-ext-bnr-sub,
[data-sty-ext] .sp-ext-bnrm-sub{
    font-size:var(--sty-t-sub,var(--sp-t-body));
    color:var(--sty-c-sub,inherit)
}
[data-sty-ext] .sp-ext-bnr-desc,
[data-sty-ext] .sp-ext-bnrm-desc{
    font-size:var(--sty-t-desc,var(--sp-t-sm));
    color:var(--sty-c-desc,inherit)
}
/* ext pt01(텍스트+이미지형) 본문 줄바꿈 보존 — PHP·JS 일관(pre-line). 빌트인 pt01 은 data-sty-ext 없어 영향 없음 */
/* + 정렬 독립: ext pt01 제목/본문은 빌트인 시술법의 --sp-pt01-a-* 를 상속하지 않고 자체 '가로 정렬'(섹션 text-align)만 따른다 */
[data-sty-ext] .sp-pt01-title,[data-sty-ext] .sp-pt01-body p{white-space:pre-line;text-align:inherit}
/* 카드형은 실제 <br> 노드로 개행을 통일한다.
   pre-line을 함께 쓰면 nl2br의 <br> 뒤 개행 문자까지 계산돼 PC에서 한 줄씩 과도하게 벌어진다. */
[data-sty-ext] .sp-ext-crd-desc,[data-sty-ext] .sp-ext-crd-title,[data-sty-ext] .sp-ext-crd-sub,[data-sty-ext] .sp-ext-crd-body{white-space:normal}
/* 모바일에서는 PC용 일반 헤더와 카드 내부의 강제 개행을 풀고 화면 폭에 맞춰 자동 줄바꿈한다. */
@media (max-width:768px){
    [data-sty-ext] .sp-pt01-title,[data-sty-ext] .sp-pt01-body p,
    [data-sty-ext] .sp-pt06-cd,
    .sp-ext-bnrm-eyebrow,.sp-ext-bnrm-title,.sp-ext-bnrm-sub,.sp-ext-bnrm-desc,
    .sp-ext-bnrm-gtitle,.sp-ext-bnrm-gdesc{white-space:pre-line}
    [data-sty-ext] .sp-sec-title,[data-sty-ext] .sp-ext-crd-eyebrow,
    [data-sty-ext] .sp-ext-crd-subtitle,[data-sty-ext] .sp-ext-crd-subheading,
    [data-sty-ext] .sp-ext-crd-desc,[data-sty-ext] .sp-ext-crd-title,
    [data-sty-ext] .sp-ext-crd-sub,[data-sty-ext] .sp-ext-crd-body,
    [data-sty-ext] .sp-ext-crd-point-title,[data-sty-ext] .sp-ext-crd-point-desc,
    [data-sty-ext] .sp-ext-crd-bottom-title,[data-sty-ext] .sp-ext-crd-bottom-subtitle,
    [data-sty-ext] .sp-ext-crd-bottom-text{white-space:normal}
    [data-sty-ext] .sp-sec-title br:not(.sp-br-keep),[data-sty-ext] .sp-ext-crd-eyebrow br:not(.sp-br-keep),
    [data-sty-ext] .sp-ext-crd-subtitle br:not(.sp-br-keep),[data-sty-ext] .sp-ext-crd-subheading br:not(.sp-br-keep),
    [data-sty-ext] .sp-ext-crd-desc br:not(.sp-br-keep),[data-sty-ext] .sp-ext-crd-title br:not(.sp-br-keep),
    [data-sty-ext] .sp-ext-crd-sub br:not(.sp-br-keep),[data-sty-ext] .sp-ext-crd-body br:not(.sp-br-keep),
    [data-sty-ext] .sp-ext-crd-point-title br:not(.sp-br-keep),[data-sty-ext] .sp-ext-crd-point-desc br:not(.sp-br-keep),
    [data-sty-ext] .sp-ext-crd-bottom-title br:not(.sp-br-keep),[data-sty-ext] .sp-ext-crd-bottom-subtitle br:not(.sp-br-keep),
    [data-sty-ext] .sp-ext-crd-bottom-text br:not(.sp-br-keep){display:none}
    [data-sty-ext] br.sp-br-keep{display:initial}
    /* 드래그 ↔ 강제 유지(sp-nowrap)로 지정한 구간은 모바일 자동 BR 해제에서 제외한다. */
    [data-sty-ext] .sp-nowrap{white-space:nowrap}
    [data-sty-ext] .sp-nowrap br{display:initial}
}
/* 공통형 카드 줄 나누기(편집 화면에서 카드를 끌어 옆에 붙임): 12칸 격자에서 같은 줄 카드 수만큼 나눈다(5:5, 3:3:3, 4칸).
   모바일은 한 줄에 하나씩. 섹션에 들어 있는 고정 열 수·페이지 디자인(:has(#id) 등)보다 작성자의 배치가 우선한다(:not(#hx-n) 두 번). */
[data-sty-ext] .sp-ext-crd-grid.sp-ext-crd-grid--rows:not(#hx-n):not(#hx-n){display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important}
[data-sty-ext] .sp-ext-crd-grid--rows:not(#hx-n):not(#hx-n)>.sp-ext-crd-item{grid-column:span var(--crd-span,12)!important}
@media (max-width:767px){[data-sty-ext] .sp-ext-crd-grid--rows:not(#hx-n):not(#hx-n)>.sp-ext-crd-item{grid-column:1/-1!important}}
/* 카드 안 글 영역 폭·위치(편집 화면에서 끌어 조절): 폭은 카드 기준 %, 좌우는 남는 공간 안에서, 위아래는 위·가운데·아래.
   값은 글 영역에 직접 붙는 스타일로 나간다(페이지 전용 CSS 보다 우선). 모바일에서는 읽기 폭을 지키려고 60% 아래로 줄이지 않는다. */
@media (max-width:767px){[data-sty-ext] .sp-ext-crd-item.sp-crd-txtpos{--crd-txt-min:60%}}
/* 카드 폭·높이, 사진 크기(편집 화면에서 끌어 조절). :not(#hx-n) 두 번으로 페이지 전용 CSS(:has(#id) 등)보다 작성자의 값이 우선한다.
   사진은 폭만 정하고 높이는 원본 비율을 따른다. 위에 겹친 사진(절대 위치)은 카드 오른쪽 아래에 붙는다. 모바일에서 카드 폭은 꽉 채운다. */
[data-sty-ext] .sp-ext-crd-item.sp-crd-cardw:not(#hx-n):not(#hx-n){width:var(--crd-card-w)!important;max-width:var(--crd-card-w)!important;margin-left:auto!important;margin-right:auto!important;justify-self:center!important}
[data-sty-ext] .sp-ext-crd-item.sp-crd-cardh:not(#hx-n):not(#hx-n){aspect-ratio:auto!important;min-height:var(--crd-card-h)!important}
[data-sty-ext] .sp-ext-crd-item.sp-crd-imgsz:not(#hx-n):not(#hx-n) .sp-ext-crd-thumb{width:var(--crd-img-w)!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;inset:auto 0 0 auto!important;margin-left:auto!important;margin-right:auto!important}
[data-sty-ext] .sp-ext-crd-item.sp-crd-imgsz:not(#hx-n):not(#hx-n) .sp-ext-crd-thumb :is(img,video){position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
/* 카드 미디어 맞춤(카드 값 media_fit / media_x / media_y / media_zoom, 모바일은 _mo): 틀은 그대로 두고 사진·영상의 채움 방식, 보이는 위치, 확대만 바꾼다 */
[data-sty-ext] .sp-ext-crd-item.sp-crd-mfit .sp-ext-crd-thumb :is(img,video){object-fit:contain!important}
[data-sty-ext] .sp-ext-crd-item.sp-crd-mpos .sp-ext-crd-thumb :is(img,video){object-position:var(--crd-mx,50%) var(--crd-my,50%)!important}
[data-sty-ext] .sp-ext-crd-item.sp-crd-mzoom .sp-ext-crd-thumb{overflow:hidden}
[data-sty-ext] .sp-ext-crd-item.sp-crd-mzoom .sp-ext-crd-thumb :is(img,video){transform:scale(var(--crd-mz,1))!important;transform-origin:var(--crd-mx,50%) var(--crd-my,50%)!important}
@media (max-width:900px){[data-sty-ext] .sp-ext-crd-item.sp-crd-mpos .sp-ext-crd-thumb :is(img,video){object-position:var(--crd-mx-mo,var(--crd-mx,50%)) var(--crd-my-mo,var(--crd-my,50%))!important}[data-sty-ext] .sp-ext-crd-item.sp-crd-mzoom .sp-ext-crd-thumb :is(img,video){transform:scale(var(--crd-mz-mo,var(--crd-mz,1)))!important;transform-origin:var(--crd-mx-mo,var(--crd-mx,50%)) var(--crd-my-mo,var(--crd-my,50%))!important}}
@media (max-width:767px){
    [data-sty-ext] .sp-ext-crd-item.sp-crd-cardw:not(#hx-n):not(#hx-n){width:100%!important;max-width:100%!important}
    [data-sty-ext] .sp-ext-crd-item.sp-crd-cardh:not(#hx-n):not(#hx-n){min-height:calc(var(--crd-card-h) * .75)!important}
}
/* 작성자 지정 줄바꿈(편집 화면 Enter 칩): 항상 = 모든 폭에서 유지, PC만 = 1100px 이상, 모바일만 = 767px 이하에서만 보인다.
   모바일 자동 줄바꿈 정리와 섹션의 '줄바꿈 표시 폭' 옵션보다 작성자의 지정이 우선한다. */
wbr.sp-br-all+br,[data-sp-soft-wrap][data-sp-soft-wrap] wbr.sp-br-all+br.sp-content-soft-break{display:initial!important}
@media (max-width:1099px){
    wbr.sp-br-pc+br,[data-sp-soft-wrap][data-sp-soft-wrap] wbr.sp-br-pc+br.sp-content-soft-break{display:none!important}
}
@media (min-width:1100px){
    [data-sp-soft-wrap][data-sp-soft-wrap] wbr.sp-br-pc+br.sp-content-soft-break{display:initial!important}
}
@media (min-width:768px){
    wbr.sp-br-mo+br,[data-sp-soft-wrap][data-sp-soft-wrap] wbr.sp-br-mo+br.sp-content-soft-break{display:none!important}
}
@media (max-width:767px){
    [data-sty-ext] wbr.sp-br-mo+br,[data-sp-soft-wrap][data-sp-soft-wrap] wbr.sp-br-mo+br.sp-content-soft-break{display:initial!important}
}
/* overflow-x:clip : hidden 은 body 를 스크롤 컨테이너로 만들어 내부 position:sticky 를 깨뜨림.
   clip 은 가로 풀블리드 클리핑은 동일하게 막으면서 sticky(스크롤 단계 등)는 정상 동작 (Chrome90+/FF81+/Safari16+) */
body{font-family:var(--font-pret);background:var(--sp-page-bg,var(--sp-bg));color:var(--sp-text);overflow-x:clip;word-break:keep-all;overflow-wrap:break-word;line-break:strict}
/* 한글 어절 단위 줄바꿈 — 테마 default.css 의 p{word-break:break-all} 무력화 */
body p,body h1,body h2,body h3,body h4,body h5,body h6,body li,body dd,body dt,body td,body th,body span,body a,body label,body button{word-break:keep-all;overflow-wrap:break-word;line-break:strict}
.sp-skip-main{position:fixed;left:12px;top:8px;z-index:100000;padding:10px 16px;border-radius:6px;background:#111;color:#fff;text-decoration:none;font-size:14px;transform:translateY(-160%);transition:transform .18s}.sp-skip-main:focus,.sp-skip-main:focus-visible{transform:translateY(0);outline:3px solid #fff;outline-offset:2px}

/* 모바일 오버레이 헤더(fixed/absolute)는 문서 흐름의 높이를 차지하지 않으므로
   JS에서 측정한 실제 헤더 높이만큼 본문 시작 공간을 확보한다. */
@media(max-width:900px){
  html.sp-mobile-header-overlay #sp-sections{padding-top:var(--sp-mobile-header-gap,0px)}
}

body:not(.sp-edit) #sp-sections > section:not(.hero):not(.sp-hero):not(.sp-ext-crd--sticky-head):not(.sp-ext-crd--sticky-aside):not(.sp-ext-crd--sticky-cards):not(.sp-ext-crd--sticky-media){content-visibility:auto;contain-intrinsic-size:auto 760px}


/* 공통 섹션 헤더 */
.sp-sec-lbl{font-size:var(--sp-t-sm);color:var(--sp-gold);margin-bottom:14px;font-family:var(--font-eng)}
/* 연관/FAQ/블로그 영문 라벨 — 스타일 팝오버 '영문 라벨' 표시 토글로 끄기 가능(숨김 시 영역까지 제거) */
.sp-related .sp-sec-lbl{display:var(--sp-related-d-eyebrow,block);font-size:var(--sp-related-t-eyebrow,var(--sp-t-sm));font-weight:var(--sp-related-w-eyebrow,400);color:var(--sp-related-c-eyebrow,var(--sp-gold))}
.sp-faq .sp-sec-lbl{display:var(--sp-faq-d-eyebrow,block);font-size:var(--sp-faq-t-eyebrow,var(--sp-t-sm));font-weight:var(--sp-faq-w-eyebrow,400);color:var(--sp-faq-c-eyebrow,var(--sp-gold))}
.sp-sec-title{font-size:var(--sty-t-title,var(--sp-t-hd));font-weight:400;letter-spacing:-.02em}
.sp-pt01:not([data-sty-ext]) .sp-pt-badge-num{font-size:var(--sp-pt01-t-badge_num,var(--sp-t-body));font-weight:var(--sp-pt01-w-badge_num,300);color:var(--sp-pt01-c-badge_num,var(--sp-gold))}
.sp-pt01:not([data-sty-ext]) .sp-pt-badge-txt{font-size:var(--sp-pt01-t-badge_txt,var(--sp-t-sm));font-weight:var(--sp-pt01-w-badge_txt,400);color:var(--sp-pt01-c-badge_txt,var(--sp-muted2))}
.sp-pt02:not([data-sty-ext]) .sp-pt-badge-num{font-size:var(--sp-pt02-t-badge_num,var(--sp-t-body));font-weight:var(--sp-pt02-w-badge_num,300);color:var(--sp-pt02-c-badge_num,var(--sp-gold))}
.sp-pt02:not([data-sty-ext]) .sp-pt-badge-txt{font-size:var(--sp-pt02-t-badge_txt,var(--sp-t-sm));font-weight:var(--sp-pt02-w-badge_txt,400);color:var(--sp-pt02-c-badge_txt,var(--sp-muted2))}
.sp-pt03:not([data-sty-ext]) .sp-pt-badge-num{font-size:var(--sp-pt03-t-badge_num,var(--sp-t-body));font-weight:var(--sp-pt03-w-badge_num,300);color:var(--sp-pt03-c-badge_num,var(--sp-gold))}
.sp-pt03:not([data-sty-ext]) .sp-pt-badge-txt{font-size:var(--sp-pt03-t-badge_txt,var(--sp-t-sm));font-weight:var(--sp-pt03-w-badge_txt,400);color:var(--sp-pt03-c-badge_txt,var(--sp-muted2))}
.sp-pt04:not([data-sty-ext]) .sp-pt-badge-num{font-size:var(--sp-pt04-t-badge_num,var(--sp-t-body));font-weight:var(--sp-pt04-w-badge_num,300);color:var(--sp-pt04-c-badge_num,var(--sp-gold))}
.sp-pt04:not([data-sty-ext]) .sp-pt-badge-txt{font-size:var(--sp-pt04-t-badge_txt,var(--sp-t-sm));font-weight:var(--sp-pt04-w-badge_txt,400);color:var(--sp-pt04-c-badge_txt,var(--sp-muted2))}
.sp-pt05:not([data-sty-ext]) .sp-pt-badge-num{font-size:var(--sp-pt05-t-badge_num,var(--sp-t-body));font-weight:var(--sp-pt05-w-badge_num,300);color:var(--sp-pt05-c-badge_num,var(--sp-gold))}
.sp-pt05:not([data-sty-ext]) .sp-pt-badge-txt{font-size:var(--sp-pt05-t-badge_txt,var(--sp-t-sm));font-weight:var(--sp-pt05-w-badge_txt,400);color:var(--sp-pt05-c-badge_txt,var(--sp-muted2))}
.sp-pt06:not([data-sty-ext]) .sp-pt-badge-num{font-size:var(--sp-pt06-t-badge_num,var(--sp-t-body));font-weight:var(--sp-pt06-w-badge_num,300);color:var(--sp-pt06-c-badge_num,var(--sp-gold))}
.sp-pt06:not([data-sty-ext]) .sp-pt-badge-txt{font-size:var(--sp-pt06-t-badge_txt,var(--sp-t-sm));font-weight:var(--sp-pt06-w-badge_txt,400);color:var(--sp-pt06-c-badge_txt,var(--sp-muted2))}
.sp-pt07:not([data-sty-ext]) .sp-pt-badge-num{font-size:var(--sp-pt07-t-badge_num,var(--sp-t-body));font-weight:var(--sp-pt07-w-badge_num,300);color:var(--sp-pt07-c-badge_num,var(--sp-gold))}
.sp-pt07:not([data-sty-ext]) .sp-pt-badge-txt{font-size:var(--sp-pt07-t-badge_txt,var(--sp-t-sm));font-weight:var(--sp-pt07-w-badge_txt,400);color:var(--sp-pt07-c-badge_txt,var(--sp-muted2))}
.sp-pt02 .sp-sec-title{font-size:var(--sp-pt02-t-sec_title,var(--sp-t-hd));font-weight:var(--sp-pt02-w-sec_title,400);color:var(--sp-pt02-c-sec_title,inherit)}
.sp-pt03 .sp-sec-title{font-size:var(--sp-pt03-t-sec_title,var(--sp-t-hd));font-weight:var(--sp-pt03-w-sec_title,400);color:var(--sp-pt03-c-sec_title,inherit)}
.sp-pt04 .sp-sec-title{font-size:var(--sp-pt04-t-sec_title,var(--sp-t-hd));font-weight:var(--sp-pt04-w-sec_title,400);color:var(--sp-pt04-c-sec_title,inherit)}
.sp-pt05 .sp-sec-title{font-size:var(--sp-pt05-t-sec_title,var(--sp-t-hd));font-weight:var(--sp-pt05-w-sec_title,400);color:var(--sp-pt05-c-sec_title,inherit)}
.sp-pt06 .sp-sec-title{font-size:var(--sp-pt06-t-sec_title,var(--sp-t-hd));font-weight:var(--sp-pt06-w-sec_title,400);color:var(--sp-pt06-c-sec_title,inherit)}
.sp-pt07 .sp-sec-title{font-size:var(--sp-pt07-t-sec_title,var(--sp-t-hd));font-weight:var(--sp-pt07-w-sec_title,400);color:var(--sp-pt07-c-sec_title,inherit)}
.sp-faq .sp-sec-title{font-size:var(--sp-faq-t-sec_title,var(--sp-t-hd));font-weight:var(--sp-faq-w-sec_title,600);color:var(--sp-faq-c-sec_title,inherit)}
.sp-related .sp-sec-title{font-size:var(--sp-related-t-sec_title,var(--sp-t-hd));font-weight:var(--sp-related-w-sec_title,400);color:var(--sp-related-c-sec_title,inherit)}
.sp-ext-ba .sp-sec-title{font-size:var(--sp-ba-t-sec_title,var(--sp-t-hd));font-weight:var(--sp-ba-w-sec_title,400);color:var(--sp-ba-c-sec_title,inherit)}
.sp-ext-ba .sp-sec-lbl{font-size:var(--sp-ba-t-eyebrow,var(--sp-t-sm));font-weight:var(--sp-ba-w-eyebrow,400);color:var(--sp-ba-c-eyebrow,var(--sp-gold))}
.sp-ext-yt .sp-sec-title{font-size:var(--sp-yt-t-sec_title,var(--sp-t-hd));font-weight:var(--sp-yt-w-sec_title,400);color:var(--sp-yt-c-sec_title,inherit)}
.sp-ext-yt .sp-sec-lbl{font-size:var(--sp-yt-t-eyebrow,var(--sp-t-sm));font-weight:var(--sp-yt-w-eyebrow,400);color:var(--sp-yt-c-eyebrow,var(--sp-gold))}
section.ba-section{background:var(--sp-ba-sec-bg,var(--bg));padding:calc(var(--v2-pad-y,80px) * .5) 0}
.ba-section .sec-eyebrow{font-size:var(--sp-ba-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-ba-w-eyebrow,400);color:var(--sp-ba-c-eyebrow,var(--sp-gold))}
.ba-section .sec-head h2{font-size:var(--sp-ba-t-sec_title,var(--sp-t-hd))!important;font-weight:var(--sp-ba-w-sec_title,400);color:var(--sp-ba-c-sec_title,inherit)}
.sp-ext-ba[data-ba-common-typo="1"] .hvm-bafss{--bafss-ts:var(--sp-ba-t-sec_title,var(--sp-t-hd))!important;--bafss-tw:var(--sp-ba-w-sec_title,700)!important;--bafss-title:var(--sp-ba-c-sec_title,var(--sp-text,#111))!important;--bafss-es:var(--sp-ba-t-eyebrow,var(--sp-t-sm))!important;--bafss-eye:var(--sp-ba-c-eyebrow,var(--sp-gold,#111))!important}
.ba-section .hive_b{width:var(--sp-ba-mw,95%)!important;max-width:var(--sp-ba-mw,1320px)!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:900px){.ba-section .hive_b{width:95%!important;max-width:95%!important}}
.ba-section .bafs,.ba-section .bafb{max-width:100%!important}
.ba-section .sec-head,.ba-section .bafs-filterwrap,.ba-section .bafb-filterwrap,.ba-section .bafs-disclaimer,.ba-section .ba-case-wrap{max-width:var(--sp-mw,1320px)!important;margin-left:auto!important;margin-right:auto!important}
section.yt .yt-eyebrow-row .sec-eyebrow{font-size:var(--sp-yt-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-yt-w-eyebrow,400);color:var(--sp-yt-c-eyebrow,var(--sp-gold))}
section.yt .yt-head h2{font-size:var(--sp-yt-t-sec_title,var(--sp-t-hd))!important;font-weight:var(--sp-yt-w-sec_title,400);color:var(--sp-yt-c-sec_title,inherit)}
section.yt{background:var(--sp-yt-sec-bg,var(--ext-bg,var(--bg)))}
.intro .intro-eyebrow{font-size:var(--sp-intro_v2-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-intro_v2-w-eyebrow,400);color:var(--sp-intro_v2-c-eyebrow,inherit);display:var(--sp-intro_v2-d-eyebrow,revert)}
.intro .intro-headline .en{font-size:var(--sp-intro_v2-t-title_en,var(--sp-t-hd))!important;font-weight:var(--sp-intro_v2-w-title_en,400);color:var(--sp-intro_v2-c-title_en,inherit);display:var(--sp-intro_v2-d-title_en,revert)}
.intro .intro-headline .ko{font-size:var(--sp-intro_v2-t-title_ko,var(--sp-t-sub))!important;font-weight:var(--sp-intro_v2-w-title_ko,400);color:var(--sp-intro_v2-c-title_ko,inherit);display:var(--sp-intro_v2-d-title_ko,revert)}
.intro .intro-body p:nth-of-type(1){font-size:var(--sp-intro_v2-t-body_1,var(--sp-t-body))!important;font-weight:var(--sp-intro_v2-w-body_1,400);color:var(--sp-intro_v2-c-body_1,inherit);display:var(--sp-intro_v2-d-body_1,revert)}
.intro .intro-body p:nth-of-type(2){font-size:var(--sp-intro_v2-t-body_2,var(--sp-t-body))!important;font-weight:var(--sp-intro_v2-w-body_2,400);color:var(--sp-intro_v2-c-body_2,inherit);display:var(--sp-intro_v2-d-body_2,revert)}
.intro .intro-body p:nth-of-type(3){font-size:var(--sp-intro_v2-t-body_3,var(--sp-t-body))!important;font-weight:var(--sp-intro_v2-w-body_3,400);color:var(--sp-intro_v2-c-body_3,inherit);display:var(--sp-intro_v2-d-body_3,revert)}
.sx-wrap-intro_v2 .intro-headline .en,.sx-wrap-intro_v2 .intro-headline .ko{display:block!important}
section.intro{background:var(--sp-intro_v2-sec-bg,var(--bg,#fff))}
.sx-wrap-intro_v2{background:var(--sp-intro_v2-sec-bg,var(--bg,#fff))}
.sx-wrap-intro_v2 .intro{background:transparent}
section.intro .hive_b{width:95%!important;max-width:var(--sp-intro_v2-mw,var(--sp-mw,1320px))!important;margin-left:auto!important;margin-right:auto!important}
.faq .sec-head .sec-eyebrow{font-size:var(--sp-faq_v2-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-faq_v2-w-eyebrow,400);color:var(--sp-faq_v2-c-eyebrow,var(--sp-gold));display:var(--sp-faq_v2-d-eyebrow,revert)}
.faq .sec-head h2 > span:first-of-type{font-size:var(--sp-faq_v2-t-title_en,var(--sp-t-hd))!important;font-weight:var(--sp-faq_v2-w-title_en,400);color:var(--sp-faq_v2-c-title_en,inherit)}
.faq .sec-head h2 > .pret{font-size:var(--sp-faq_v2-t-title_ko,var(--sp-t-sub))!important;font-weight:var(--sp-faq_v2-w-title_ko,400);color:var(--sp-faq_v2-c-title_ko,inherit)}
.faq .sec-head .lead{font-size:var(--sp-faq_v2-t-lead,var(--sp-t-body))!important;font-weight:var(--sp-faq_v2-w-lead,400);color:var(--sp-faq_v2-c-lead,inherit)}
section.faq{background:var(--sp-faq_v2-sec-bg,var(--cream))}
.sx-wrap-faq_v2{background:var(--sp-faq_v2-sec-bg,var(--cream))}
.sx-wrap-faq_v2 .faq{background:transparent}
.faq .hive_b{width:95%!important;max-width:var(--sp-faq_v2-mw,var(--sp-mw,1320px))!important;margin-left:auto!important;margin-right:auto!important}
.related .sec-head .sec-eyebrow{font-size:var(--sp-related_v2-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-related_v2-w-eyebrow,400);color:var(--sp-related_v2-c-eyebrow,var(--sp-gold));display:var(--sp-related_v2-d-eyebrow,revert)}
.related .sec-head h2 > span:first-of-type{font-size:var(--sp-related_v2-t-title_en,var(--sp-t-hd))!important;font-weight:var(--sp-related_v2-w-title_en,400);color:var(--sp-related_v2-c-title_en,inherit)}
.related .sec-head h2 > .pret{font-size:var(--sp-related_v2-t-title_ko,var(--sp-t-sub))!important;font-weight:var(--sp-related_v2-w-title_ko,400);color:var(--sp-related_v2-c-title_ko,inherit)}
section.related{background:var(--sp-related_v2-sec-bg,var(--bg-soft))}
.sx-wrap-related_v2{background:var(--sp-related_v2-sec-bg,var(--bg-soft))}
.sx-wrap-related_v2 .related{background:transparent}
.related .hive_b{width:95%!important;max-width:var(--sp-related_v2-mw,var(--sp-mw,1320px))!important;margin-left:auto!important;margin-right:auto!important}
.method .sec-head .sec-eyebrow{font-size:var(--sp-method_block-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-method_block-w-eyebrow,400);color:var(--sp-method_block-c-eyebrow,var(--sp-gold));display:var(--sp-method_block-d-eyebrow,revert)}
.method .sec-head h2 > span:first-of-type{font-size:var(--sp-method_block-t-title_en,var(--sp-t-hd))!important;font-weight:var(--sp-method_block-w-title_en,400);color:var(--sp-method_block-c-title_en,inherit)}
.method .sec-head h2 > .pret{font-size:var(--sp-method_block-t-title_ko,var(--sp-t-sub))!important;font-weight:var(--sp-method_block-w-title_ko,400);color:var(--sp-method_block-c-title_ko,inherit)}
section.method{background:var(--sp-method_block-sec-bg,var(--bg))}
.sx-wrap-method_block{background:var(--sp-method_block-sec-bg,var(--bg))}
.sx-wrap-method_block .method{background:transparent}
.method .hive_b{width:95%!important;max-width:var(--sp-method_block-mw,var(--sp-mw,1320px))!important;margin-left:auto!important;margin-right:auto!important}
.why .sec-head .sec-eyebrow{font-size:var(--sp-why_pillars-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-why_pillars-w-eyebrow,400);color:var(--sp-why_pillars-c-eyebrow,var(--sp-gold));display:var(--sp-why_pillars-d-eyebrow,revert)}
.why .sec-head h2 > span:first-of-type{font-size:var(--sp-why_pillars-t-title_en,var(--sp-t-hd))!important;font-weight:var(--sp-why_pillars-w-title_en,400);color:var(--sp-why_pillars-c-title_en,inherit)}
.why .sec-head h2 > .pret{font-size:var(--sp-why_pillars-t-title_ko,var(--sp-t-sub))!important;font-weight:var(--sp-why_pillars-w-title_ko,400);color:var(--sp-why_pillars-c-title_ko,inherit)}
.why .sec-head .lead{font-size:var(--sp-why_pillars-t-lead,var(--sp-t-body))!important;font-weight:var(--sp-why_pillars-w-lead,400);color:var(--sp-why_pillars-c-lead,inherit)}
section.why{background:var(--sp-why_pillars-sec-bg,var(--bg-soft))}
.sx-wrap-why_pillars{background:var(--sp-why_pillars-sec-bg,var(--bg-soft))}
.sx-wrap-why_pillars .why{background:transparent}
.why .hive_b{width:95%!important;max-width:var(--sp-why_pillars-mw,var(--sp-mw,1320px))!important;margin-left:auto!important;margin-right:auto!important}
.notice .sec-head .sec-eyebrow{font-size:var(--sp-notice_grid-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-notice_grid-w-eyebrow,400);color:var(--sp-notice_grid-c-eyebrow,var(--sp-gold));display:var(--sp-notice_grid-d-eyebrow,revert)}
.notice .sec-head h2 > span:first-of-type{font-size:var(--sp-notice_grid-t-title_en,var(--sp-t-hd))!important;font-weight:var(--sp-notice_grid-w-title_en,400);color:var(--sp-notice_grid-c-title_en,inherit)}
.notice .sec-head h2 > .pret{font-size:var(--sp-notice_grid-t-title_ko,var(--sp-t-sub))!important;font-weight:var(--sp-notice_grid-w-title_ko,400);color:var(--sp-notice_grid-c-title_ko,inherit)}
section.notice{background:var(--sp-notice_grid-sec-bg,var(--bg-soft))}
.sx-wrap-notice_grid{background:var(--sp-notice_grid-sec-bg,var(--bg-soft))}
.sx-wrap-notice_grid .notice{background:transparent}
.notice .hive_b{width:95%!important;max-width:var(--sp-notice_grid-mw,var(--sp-mw,1320px))!important;margin-left:auto!important;margin-right:auto!important}
.step .sec-head .sec-eyebrow{font-size:var(--sp-step_phases-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-step_phases-w-eyebrow,400);color:var(--sp-step_phases-c-eyebrow,var(--sp-gold));display:var(--sp-step_phases-d-eyebrow,revert)}
.step .sec-head h2 > span:first-of-type{font-size:var(--sp-step_phases-t-title_en,var(--sp-t-hd))!important;font-weight:var(--sp-step_phases-w-title_en,400);color:var(--sp-step_phases-c-title_en,inherit)}
.step .sec-head h2 > .pret{font-size:var(--sp-step_phases-t-title_ko,var(--sp-t-sub))!important;font-weight:var(--sp-step_phases-w-title_ko,400);color:var(--sp-step_phases-c-title_ko,inherit)}
section.step{background:var(--sp-step_phases-sec-bg,var(--bg))}
.sx-wrap-step_phases{background:var(--sp-step_phases-sec-bg,var(--bg))}
.sx-wrap-step_phases .step{background:transparent}
.step .hive_b{width:95%!important;max-width:var(--sp-step_phases-mw,var(--sp-mw,1320px))!important;margin-left:auto!important;margin-right:auto!important}
.step-sticky .sec-head .sec-eyebrow{font-size:var(--sp-step_sticky-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-step_sticky-w-eyebrow,400);color:var(--sp-step_sticky-c-eyebrow,var(--sp-gold));display:var(--sp-step_sticky-d-eyebrow,revert)}
.step-sticky .sec-head h2 > span:first-of-type{font-size:var(--sp-step_sticky-t-title_en,var(--sp-t-hd))!important;font-weight:var(--sp-step_sticky-w-title_en,400);color:var(--sp-step_sticky-c-title_en,inherit)}
.step-sticky .sec-head h2 > .pret{font-size:var(--sp-step_sticky-t-title_ko,var(--sp-t-sub))!important;font-weight:var(--sp-step_sticky-w-title_ko,400);color:var(--sp-step_sticky-c-title_ko,inherit)}
.step-sticky .sec-head .lead{font-size:var(--sp-step_sticky-t-lead,var(--sp-t-body))!important;font-weight:var(--sp-step_sticky-w-lead,400);color:var(--sp-step_sticky-c-lead,inherit)}
section.step-sticky{background:var(--sp-step_sticky-sec-bg,var(--bg))}
.sx-wrap-step_sticky{background:var(--sp-step_sticky-sec-bg,var(--bg))}
.sx-wrap-step_sticky .step-sticky{background:transparent}
.step-sticky .hive_b{width:95%!important;max-width:var(--sp-step_sticky-mw,var(--sp-mw,1320px))!important;margin-left:auto!important;margin-right:auto!important}
.stats .sec-head .sec-eyebrow{font-size:var(--sp-stats_grid-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-stats_grid-w-eyebrow,400);color:var(--sp-stats_grid-c-eyebrow,var(--sp-gold));display:var(--sp-stats_grid-d-eyebrow,revert)}
.stats .sec-head h2 > span:first-of-type{font-size:var(--sp-stats_grid-t-title_en,var(--sp-t-hd))!important;font-weight:var(--sp-stats_grid-w-title_en,400);color:var(--sp-stats_grid-c-title_en,inherit)}
.stats .sec-head h2 > .pret{font-size:var(--sp-stats_grid-t-title_ko,var(--sp-t-sub))!important;font-weight:var(--sp-stats_grid-w-title_ko,400);color:var(--sp-stats_grid-c-title_ko,inherit)}
.stats .sec-head .lead{font-size:var(--sp-stats_grid-t-lead,var(--sp-t-body))!important;font-weight:var(--sp-stats_grid-w-lead,400);color:var(--sp-stats_grid-c-lead,inherit)}
section.stats{background:var(--sp-stats_grid-sec-bg,var(--cream))}
.sx-wrap-stats_grid{background:var(--sp-stats_grid-sec-bg,var(--cream))}
.sx-wrap-stats_grid .stats{background:transparent}
.stats .hive_b{width:95%!important;max-width:var(--sp-stats_grid-mw,var(--sp-mw,1320px))!important;margin-left:auto!important;margin-right:auto!important}
.col .sec-head .sec-eyebrow{font-size:var(--sp-column-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-column-w-eyebrow,400);color:var(--sp-column-c-eyebrow,var(--sp-gold));display:var(--sp-column-d-eyebrow,revert)}
.col .sec-head h2 > span:first-of-type{font-size:var(--sp-column-t-title_en,var(--sp-t-hd))!important;font-weight:var(--sp-column-w-title_en,400);color:var(--sp-column-c-title_en,inherit)}
.col .sec-head h2 > .pret{font-size:var(--sp-column-t-title_ko,var(--sp-t-sub))!important;font-weight:var(--sp-column-w-title_ko,400);color:var(--sp-column-c-title_ko,inherit)}
section.col{background:var(--sp-column-sec-bg,var(--bg))}
.sx-wrap-column{background:var(--sp-column-sec-bg,var(--bg))}
.sx-wrap-column .col{background:transparent}
.col .hive_b{width:95%!important;max-width:var(--sp-column-mw,var(--sp-mw,1320px))!important;margin-left:auto!important;margin-right:auto!important}
section.method .method-name,section.method .method-name>span:not(.method-name-ko){font-size:var(--sp-t-hd)!important}
.yt-featured .yt-featured-title{font-size:clamp(16px,1.6vw,20px)!important}
.recom .recom-eyebrow{font-size:var(--sp-recom_v2-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-recom_v2-w-eyebrow,400);color:var(--sp-recom_v2-c-eyebrow,inherit)}
.recom .recom-en-h{font-size:var(--sp-recom_v2-t-title_en,var(--sp-t-hd))!important;font-weight:var(--sp-recom_v2-w-title_en,400);color:var(--sp-recom_v2-c-title_en,inherit)}
.recom .recom-ko-h{font-size:var(--sp-recom_v2-t-title_ko,var(--sp-t-sub))!important;font-weight:var(--sp-recom_v2-w-title_ko,400);color:var(--sp-recom_v2-c-title_ko,inherit)}
.recom .recom-en-h{margin-bottom:12px}
section.recom{background:var(--sp-recom_v2-sec-bg,var(--bg-soft))}
.sx-wrap-recom_v2{background:var(--sp-recom_v2-sec-bg,var(--bg-soft))}
.sx-wrap-recom_v2 .recom{background:transparent}
section.recom .hive_b{width:95%!important;max-width:var(--sp-recom_v2-mw,var(--sp-mw,1320px))!important;margin-left:auto!important;margin-right:auto!important}
.doctor .doctor-eyebrow{font-size:var(--sp-doctor_quote-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-doctor_quote-w-eyebrow,400);color:var(--sp-doctor_quote-c-eyebrow,inherit)}
.doctor .doctor-quote{font-size:var(--sp-doctor_quote-t-quote,var(--sp-t-body))!important;font-weight:var(--sp-doctor_quote-w-quote,400);color:var(--sp-doctor_quote-c-quote,inherit)}
.doctor .doctor-author-name{font-size:var(--sp-doctor_quote-t-name_en,var(--sp-t-sub))!important;font-weight:var(--sp-doctor_quote-w-name_en,400);color:var(--sp-doctor_quote-c-name_en,inherit)}
.doctor .doctor-author-meta{font-size:var(--sp-doctor_quote-t-name_ko,var(--sp-t-sm))!important;font-weight:var(--sp-doctor_quote-w-name_ko,400);color:var(--sp-doctor_quote-c-name_ko,inherit)}
section.doctor{background:var(--sp-doctor_quote-sec-bg,var(--cream))}
.sx-wrap-doctor_quote{background:var(--sp-doctor_quote-sec-bg,var(--cream))}
.sx-wrap-doctor_quote .doctor{background:transparent}
.cta .sec-eyebrow{font-size:var(--sp-cta_v2-t-eyebrow,var(--sp-t-sm))!important;font-weight:var(--sp-cta_v2-w-eyebrow,400);color:var(--sp-cta_v2-c-eyebrow,inherit)}
.cta header h2 > span:first-of-type{font-size:var(--sp-cta_v2-t-title_en,var(--sp-t-hd))!important;font-weight:var(--sp-cta_v2-w-title_en,400);color:var(--sp-cta_v2-c-title_en,inherit)}
.cta header h2 > .pret{font-size:var(--sp-cta_v2-t-title_ko,var(--sp-t-sub))!important;font-weight:var(--sp-cta_v2-w-title_ko,400);color:var(--sp-cta_v2-c-title_ko,inherit)}
.cta header > p.pret{font-size:var(--sp-cta_v2-t-desc,var(--sp-t-body))!important;font-weight:var(--sp-cta_v2-w-desc,400);color:var(--sp-cta_v2-c-desc,inherit)}
.cta .cta-btn-primary span:first-of-type{font-size:var(--sp-cta_v2-t-btn1_text,inherit)!important;font-weight:var(--sp-cta_v2-w-btn1_text,400);color:var(--sp-cta_v2-c-btn1_text,inherit)}
.cta .cta-btn-secondary span:first-of-type{font-size:var(--sp-cta_v2-t-btn2_text,inherit)!important;font-weight:var(--sp-cta_v2-w-btn2_text,400);color:var(--sp-cta_v2-c-btn2_text,inherit)}
section.cta{background:var(--sp-cta_v2-sec-bg,var(--ink))}
.sx-wrap-cta_v2{background:var(--sp-cta_v2-sec-bg,var(--ink))}
.sx-wrap-cta_v2 .cta{background:transparent}
section.cta .hive_b{width:95%!important;max-width:var(--sp-cta_v2-mw,var(--sp-mw,1320px))!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:900px){[class*="sx-wrap-"] .hive_b,section.intro .hive_b,section.recom .hive_b,section.cta .hive_b{width:95%!important}}
.sp-pt01:not([data-sty-ext]) > .sp-b{text-align:var(--sp-pt01-a-badge_num,var(--sp-pt01-a-badge_txt,inherit))}
.sp-pt02:not([data-sty-ext]) > .sp-b{text-align:var(--sp-pt02-a-badge_num,var(--sp-pt02-a-badge_txt,inherit))}
.sp-pt03:not([data-sty-ext]) > .sp-b{text-align:var(--sp-pt03-a-badge_num,var(--sp-pt03-a-badge_txt,inherit))}
.sp-pt04:not([data-sty-ext]) > .sp-b{text-align:var(--sp-pt04-a-badge_num,var(--sp-pt04-a-badge_txt,inherit))}
.sp-pt05:not([data-sty-ext]) > .sp-b{text-align:var(--sp-pt05-a-badge_num,var(--sp-pt05-a-badge_txt,inherit))}
.sp-pt06:not([data-sty-ext]) > .sp-b{text-align:var(--sp-pt06-a-badge_num,var(--sp-pt06-a-badge_txt,inherit))}
.sp-pt07:not([data-sty-ext]) > .sp-b{text-align:var(--sp-pt07-a-badge_num,var(--sp-pt07-a-badge_txt,inherit))}
.sp-hero-etxt{text-align:var(--sp-hero-a-etxt,inherit);display:var(--sp-hero-d-etxt,revert)}
.sp-hero-en{text-align:var(--sp-hero-a-en,inherit);display:var(--sp-hero-d-en,revert)}
.sp-hero-ko{text-align:var(--sp-hero-a-ko,inherit);display:var(--sp-hero-d-ko,revert)}
.sp-hero-desc{text-align:var(--sp-hero-a-desc,inherit);display:var(--sp-hero-d-desc,revert)}
.sp-s2-eyebrow{text-align:var(--sp-s2-a-eyebrow,inherit);display:var(--sp-s2-d-eyebrow,revert)}
.sp-s2-title{text-align:var(--sp-s2-a-title,inherit);display:var(--sp-s2-d-title,revert)}
.sp-s2-iname{text-align:var(--sp-s2-a-iname,inherit);display:var(--sp-s2-d-iname,revert)}
.sp-s2-idesc{text-align:var(--sp-s2-a-idesc,inherit);display:var(--sp-s2-d-idesc,revert)}
.sp-s3-eyebrow{text-align:var(--sp-s3-a-eyebrow,inherit);display:var(--sp-s3-d-eyebrow,revert)}
.sp-s3-title{text-align:var(--sp-s3-a-title,inherit);display:var(--sp-s3-d-title,revert)}
.sp-s3-sub{text-align:var(--sp-s3-a-sub,inherit);display:var(--sp-s3-d-sub,revert)}
.sp-s3-desc{text-align:var(--sp-s3-a-desc,inherit);display:var(--sp-s3-d-desc,revert)}
.sp-s3-tag{text-align:var(--sp-s3-a-tag,inherit);display:var(--sp-s3-d-tag,revert)}
.sp-pt01 .sp-pt-badge-num{text-align:var(--sp-pt01-a-badge_num,inherit);display:var(--sp-pt01-d-badge_num,revert)}
.sp-pt01 .sp-pt-badge-txt{text-align:var(--sp-pt01-a-badge_txt,inherit);display:var(--sp-pt01-d-badge_txt,revert)}
.sp-pt02 .sp-pt-badge-num{text-align:var(--sp-pt02-a-badge_num,inherit);display:var(--sp-pt02-d-badge_num,revert)}
.sp-pt02 .sp-pt-badge-txt{text-align:var(--sp-pt02-a-badge_txt,inherit);display:var(--sp-pt02-d-badge_txt,revert)}
.sp-pt02 .sp-sec-title{text-align:var(--sp-pt02-a-sec_title,inherit);display:var(--sp-pt02-d-sec_title,revert)}
.sp-pt02-ctag{text-align:var(--sp-pt02-a-ctag,inherit);display:var(--sp-pt02-d-ctag,revert)}
.sp-pt02-ctitle{text-align:var(--sp-pt02-a-ctitle,inherit);display:var(--sp-pt02-d-ctitle,revert)}
.sp-pt02-cdesc{text-align:var(--sp-pt02-a-cdesc,inherit);display:var(--sp-pt02-d-cdesc,revert)}
.sp-pt03 .sp-pt-badge-num{text-align:var(--sp-pt03-a-badge_num,inherit);display:var(--sp-pt03-d-badge_num,revert)}
.sp-pt03 .sp-pt-badge-txt{text-align:var(--sp-pt03-a-badge_txt,inherit);display:var(--sp-pt03-d-badge_txt,revert)}
.sp-pt03 .sp-sec-title{text-align:var(--sp-pt03-a-sec_title,inherit);display:var(--sp-pt03-d-sec_title,revert)}
.sp-pt03-lbl{text-align:var(--sp-pt03-a-lbl,inherit);display:var(--sp-pt03-d-lbl,revert)}
.sp-pt03-val{text-align:var(--sp-pt03-a-val,inherit);display:var(--sp-pt03-d-val,revert)}
.sp-pt04 .sp-pt-badge-num{text-align:var(--sp-pt04-a-badge_num,inherit);display:var(--sp-pt04-d-badge_num,revert)}
.sp-pt04 .sp-pt-badge-txt{text-align:var(--sp-pt04-a-badge_txt,inherit);display:var(--sp-pt04-d-badge_txt,revert)}
.sp-pt04 .sp-sec-title{text-align:var(--sp-pt04-a-sec_title,inherit);display:var(--sp-pt04-d-sec_title,revert)}
.sp-pt04-clbl{text-align:var(--sp-pt04-a-clbl,inherit);display:var(--sp-pt04-d-clbl,revert)}
.sp-pt04-ctitle{text-align:var(--sp-pt04-a-ctitle,inherit);display:var(--sp-pt04-d-ctitle,revert)}
.sp-pt04-cdesc{text-align:var(--sp-pt04-a-cdesc,inherit);display:var(--sp-pt04-d-cdesc,revert)}
.sp-pt04-cresult{text-align:var(--sp-pt04-a-cresult,inherit);display:var(--sp-pt04-d-cresult,revert)}
.sp-pt05 .sp-pt-badge-num{text-align:var(--sp-pt05-a-badge_num,inherit);display:var(--sp-pt05-d-badge_num,revert)}
.sp-pt05 .sp-pt-badge-txt{text-align:var(--sp-pt05-a-badge_txt,inherit);display:var(--sp-pt05-d-badge_txt,revert)}
.sp-pt05 .sp-sec-title{text-align:var(--sp-pt05-a-sec_title,inherit);display:var(--sp-pt05-d-sec_title,revert)}
.sp-pt05-inum{text-align:var(--sp-pt05-a-inum,inherit);display:var(--sp-pt05-d-inum,revert)}
.sp-pt05-itxt{text-align:var(--sp-pt05-a-itxt,inherit);display:var(--sp-pt05-d-itxt,revert)}
.sp-pt06 .sp-pt-badge-num{text-align:var(--sp-pt06-a-badge_num,inherit);display:var(--sp-pt06-d-badge_num,revert)}
.sp-pt06 .sp-pt-badge-txt{text-align:var(--sp-pt06-a-badge_txt,inherit);display:var(--sp-pt06-d-badge_txt,revert)}
.sp-pt06 .sp-sec-title{text-align:var(--sp-pt06-a-sec_title,inherit);display:var(--sp-pt06-d-sec_title,revert)}
.sp-pt06-txt{text-align:var(--sp-pt06-a-txt,inherit);display:var(--sp-pt06-d-txt,revert)}
.sp-pt07 .sp-pt-badge-num{text-align:var(--sp-pt07-a-badge_num,inherit);display:var(--sp-pt07-d-badge_num,revert)}
.sp-pt07 .sp-pt-badge-txt{text-align:var(--sp-pt07-a-badge_txt,inherit);display:var(--sp-pt07-d-badge_txt,revert)}
.sp-pt07 .sp-sec-title{text-align:var(--sp-pt07-a-sec_title,inherit);display:var(--sp-pt07-d-sec_title,revert)}
.sp-pt07-tag{text-align:var(--sp-pt07-a-tag,inherit);display:var(--sp-pt07-d-tag,revert)}
.sp-pt07-title{text-align:var(--sp-pt07-a-title,inherit);display:var(--sp-pt07-d-title,revert)}
.sp-pt07-body{text-align:var(--sp-pt07-a-body,inherit);display:var(--sp-pt07-d-body,revert)}
.sp-faq .sp-sec-title{text-align:var(--sp-faq-a-sec_title,inherit);display:var(--sp-faq-d-sec_title,revert)}
.sp-faq-qtxt{text-align:var(--sp-faq-a-q,inherit);display:var(--sp-faq-d-q,revert)}
.sp-faq-a{text-align:var(--sp-faq-a-a,inherit);display:var(--sp-faq-d-a,revert)}
.sp-related .sp-sec-title{text-align:var(--sp-related-a-sec_title,inherit);display:var(--sp-related-d-sec_title,revert)}
.sp-related-cname{text-align:var(--sp-related-a-name,inherit);display:var(--sp-related-d-name,revert)}
.sp-related-cdesc{text-align:var(--sp-related-a-desc,inherit);display:var(--sp-related-d-desc,revert)}
.sp-doctor-eyebrow{text-align:var(--sp-doctor-a-eyebrow,inherit);display:var(--sp-doctor-d-eyebrow,revert)}
.sp-doctor-quote{text-align:var(--sp-doctor-a-quote,inherit);display:var(--sp-doctor-d-quote,revert)}
.sp-doctor-name{text-align:var(--sp-doctor-a-name,inherit);display:var(--sp-doctor-d-name,revert)}
.sp-ext-ba .sp-sec-lbl, .ba-section .sec-eyebrow{text-align:var(--sp-ba-a-eyebrow,inherit);display:var(--sp-ba-d-eyebrow,revert)}
.sp-ext-ba .sp-sec-title, .ba-section .sec-head h2{text-align:var(--sp-ba-a-sec_title,inherit);display:var(--sp-ba-d-sec_title,revert)}
.sp-ext-yt .sp-sec-lbl, section.yt .yt-eyebrow-row .sec-eyebrow{text-align:var(--sp-yt-a-eyebrow,inherit);display:var(--sp-yt-d-eyebrow,revert)}
.sp-ext-yt .sp-sec-title, section.yt .yt-head h2{text-align:var(--sp-yt-a-sec_title,inherit);display:var(--sp-yt-d-sec_title,revert)}
.intro .intro-eyebrow{text-align:var(--sp-intro_v2-a-eyebrow,inherit);display:var(--sp-intro_v2-d-eyebrow,revert)}
.intro .intro-headline .en{text-align:var(--sp-intro_v2-a-title_en,inherit);display:var(--sp-intro_v2-d-title_en,block)}
.intro .intro-headline .ko{text-align:var(--sp-intro_v2-a-title_ko,inherit);display:var(--sp-intro_v2-d-title_ko,block)}
.intro .intro-body p:nth-of-type(1){text-align:var(--sp-intro_v2-a-body_1,inherit);display:var(--sp-intro_v2-d-body_1,revert)}
.intro .intro-body p:nth-of-type(2){text-align:var(--sp-intro_v2-a-body_2,inherit);display:var(--sp-intro_v2-d-body_2,revert)}
.intro .intro-body p:nth-of-type(3){text-align:var(--sp-intro_v2-a-body_3,inherit);display:var(--sp-intro_v2-d-body_3,revert)}
.faq .sec-head .sec-eyebrow{text-align:var(--sp-faq_v2-a-eyebrow,inherit);display:var(--sp-faq_v2-d-eyebrow,revert)}
.faq .sec-head h2 > span:first-of-type{text-align:var(--sp-faq_v2-a-title_en,inherit);display:var(--sp-faq_v2-d-title_en,block)}
.faq .sec-head h2 > .pret{text-align:var(--sp-faq_v2-a-title_ko,inherit);display:var(--sp-faq_v2-d-title_ko,block)}
.faq .sec-head .lead{text-align:var(--sp-faq_v2-a-lead,inherit);display:var(--sp-faq_v2-d-lead,revert)}
.related .sec-head .sec-eyebrow{text-align:var(--sp-related_v2-a-eyebrow,inherit);display:var(--sp-related_v2-d-eyebrow,revert)}
.related .sec-head h2 > span:first-of-type{text-align:var(--sp-related_v2-a-title_en,inherit);display:var(--sp-related_v2-d-title_en,block)}
.related .sec-head h2 > .pret{text-align:var(--sp-related_v2-a-title_ko,inherit);display:var(--sp-related_v2-d-title_ko,block)}
.method .sec-head .sec-eyebrow{text-align:var(--sp-method_block-a-eyebrow,inherit);display:var(--sp-method_block-d-eyebrow,revert)}
.method .sec-head h2 > span:first-of-type{text-align:var(--sp-method_block-a-title_en,inherit);display:var(--sp-method_block-d-title_en,block)}
.method .sec-head h2 > .pret{text-align:var(--sp-method_block-a-title_ko,inherit);display:var(--sp-method_block-d-title_ko,block)}
.why .sec-head .sec-eyebrow{text-align:var(--sp-why_pillars-a-eyebrow,inherit);display:var(--sp-why_pillars-d-eyebrow,revert)}
.why .sec-head h2 > span:first-of-type{text-align:var(--sp-why_pillars-a-title_en,inherit);display:var(--sp-why_pillars-d-title_en,block)}
.why .sec-head h2 > .pret{text-align:var(--sp-why_pillars-a-title_ko,inherit);display:var(--sp-why_pillars-d-title_ko,block)}
.why .sec-head .lead{text-align:var(--sp-why_pillars-a-lead,inherit);display:var(--sp-why_pillars-d-lead,revert)}
.notice .sec-head .sec-eyebrow{text-align:var(--sp-notice_grid-a-eyebrow,inherit);display:var(--sp-notice_grid-d-eyebrow,revert)}
.notice .sec-head h2 > span:first-of-type{text-align:var(--sp-notice_grid-a-title_en,inherit);display:var(--sp-notice_grid-d-title_en,block)}
.notice .sec-head h2 > .pret{text-align:var(--sp-notice_grid-a-title_ko,inherit);display:var(--sp-notice_grid-d-title_ko,block)}
.step .sec-head .sec-eyebrow{text-align:var(--sp-step_phases-a-eyebrow,inherit);display:var(--sp-step_phases-d-eyebrow,revert)}
.step .sec-head h2 > span:first-of-type{text-align:var(--sp-step_phases-a-title_en,inherit);display:var(--sp-step_phases-d-title_en,block)}
.step .sec-head h2 > .pret{text-align:var(--sp-step_phases-a-title_ko,inherit);display:var(--sp-step_phases-d-title_ko,block)}
.step-sticky .sec-head .sec-eyebrow{text-align:var(--sp-step_sticky-a-eyebrow,inherit);display:var(--sp-step_sticky-d-eyebrow,revert)}
.step-sticky .sec-head h2 > span:first-of-type{text-align:var(--sp-step_sticky-a-title_en,inherit);display:var(--sp-step_sticky-d-title_en,block)}
.step-sticky .sec-head h2 > .pret{text-align:var(--sp-step_sticky-a-title_ko,inherit);display:var(--sp-step_sticky-d-title_ko,block)}
.step-sticky .sec-head .lead{text-align:var(--sp-step_sticky-a-lead,inherit);display:var(--sp-step_sticky-d-lead,revert)}
.stats .sec-head .sec-eyebrow{text-align:var(--sp-stats_grid-a-eyebrow,inherit);display:var(--sp-stats_grid-d-eyebrow,revert)}
.stats .sec-head h2 > span:first-of-type{text-align:var(--sp-stats_grid-a-title_en,inherit);display:var(--sp-stats_grid-d-title_en,block)}
.stats .sec-head h2 > .pret{text-align:var(--sp-stats_grid-a-title_ko,inherit);display:var(--sp-stats_grid-d-title_ko,block)}
.stats .sec-head .lead{text-align:var(--sp-stats_grid-a-lead,inherit);display:var(--sp-stats_grid-d-lead,revert)}
.col .sec-head .sec-eyebrow{text-align:var(--sp-column-a-eyebrow,inherit);display:var(--sp-column-d-eyebrow,revert)}
.col .sec-head h2 > span:first-of-type{text-align:var(--sp-column-a-title_en,inherit);display:var(--sp-column-d-title_en,block)}
.col .sec-head h2 > .pret{text-align:var(--sp-column-a-title_ko,inherit);display:var(--sp-column-d-title_ko,block)}
.recom .recom-eyebrow{text-align:var(--sp-recom_v2-a-eyebrow,inherit);display:var(--sp-recom_v2-d-eyebrow,revert)}
.recom .recom-en-h{text-align:var(--sp-recom_v2-a-title_en,inherit);display:var(--sp-recom_v2-d-title_en,block)}
.recom .recom-ko-h{text-align:var(--sp-recom_v2-a-title_ko,inherit);display:var(--sp-recom_v2-d-title_ko,block)}
.doctor .doctor-eyebrow{text-align:var(--sp-doctor_quote-a-eyebrow,inherit);display:var(--sp-doctor_quote-d-eyebrow,revert)}
.doctor .doctor-quote{text-align:var(--sp-doctor_quote-a-quote,inherit);display:var(--sp-doctor_quote-d-quote,revert)}
.doctor .doctor-author-name{text-align:var(--sp-doctor_quote-a-name_en,inherit);display:var(--sp-doctor_quote-d-name_en,revert)}
.doctor .doctor-author-meta{text-align:var(--sp-doctor_quote-a-name_ko,inherit);display:var(--sp-doctor_quote-d-name_ko,revert)}
.cta .sec-eyebrow{text-align:var(--sp-cta_v2-a-eyebrow,inherit);display:var(--sp-cta_v2-d-eyebrow,revert)}
.cta header h2 > span:first-of-type{text-align:var(--sp-cta_v2-a-title_en,inherit);display:var(--sp-cta_v2-d-title_en,block)}
.cta header h2 > .pret{text-align:var(--sp-cta_v2-a-title_ko,inherit);display:var(--sp-cta_v2-d-title_ko,block)}
.cta header > p.pret{text-align:var(--sp-cta_v2-a-desc,inherit);display:var(--sp-cta_v2-d-desc,revert)}
.cta .cta-btn-primary span:first-of-type{text-align:var(--sp-cta_v2-a-btn1_text,inherit);display:var(--sp-cta_v2-d-btn1_text,revert)}
.cta .cta-btn-secondary span:first-of-type{text-align:var(--sp-cta_v2-a-btn2_text,inherit);display:var(--sp-cta_v2-d-btn2_text,revert)}
.sub-equipment-slider .seq__eyebrow{text-align:var(--sp-equipment_board_slider-a-eyebrow,inherit);display:var(--sp-equipment_board_slider-d-eyebrow,revert)}
.sub-equipment-slider .seq__title{text-align:var(--sp-equipment_board_slider-a-title,inherit);display:var(--sp-equipment_board_slider-d-title,revert)}
.sub-equipment-slider .seq__description{text-align:var(--sp-equipment_board_slider-a-description,inherit);display:var(--sp-equipment_board_slider-d-description,revert)}
.sp-ext-rsm .hvm-head__eyebrow{text-align:var(--sp-real_selfie_marquee-a-eyebrow,inherit);display:var(--sp-real_selfie_marquee-d-eyebrow,revert)}
.sp-ext-rsm .hvm-head__title{text-align:var(--sp-real_selfie_marquee-a-sec_title,inherit);display:var(--sp-real_selfie_marquee-d-sec_title,revert)}
.sp-ext-rsm .hvm-head__desc{text-align:var(--sp-real_selfie_marquee-a-desc,inherit);display:var(--sp-real_selfie_marquee-d-desc,revert)}
.sp-hero-etxt{background:var(--sp-hero-x-etxt-bg,transparent);padding:var(--sp-hero-x-etxt-pady,0) var(--sp-hero-x-etxt-padx,0);border-radius:var(--sp-hero-x-etxt-rad,0);border:var(--sp-hero-x-etxt-bd,0);border-top:var(--sp-hero-x-etxt-bd-top,var(--sp-hero-x-etxt-bd,0));border-bottom:var(--sp-hero-x-etxt-bd-bottom,var(--sp-hero-x-etxt-bd,0));border-left:var(--sp-hero-x-etxt-bd-left,var(--sp-hero-x-etxt-bd,0));border-right:var(--sp-hero-x-etxt-bd-right,var(--sp-hero-x-etxt-bd,0));}
.sp-s2-eyebrow{background:var(--sp-s2-x-eyebrow-bg,transparent);padding:var(--sp-s2-x-eyebrow-pady,0) var(--sp-s2-x-eyebrow-padx,0);border-radius:var(--sp-s2-x-eyebrow-rad,0);border:var(--sp-s2-x-eyebrow-bd,0);border-top:var(--sp-s2-x-eyebrow-bd-top,var(--sp-s2-x-eyebrow-bd,0));border-bottom:var(--sp-s2-x-eyebrow-bd-bottom,var(--sp-s2-x-eyebrow-bd,0));border-left:var(--sp-s2-x-eyebrow-bd-left,var(--sp-s2-x-eyebrow-bd,0));border-right:var(--sp-s2-x-eyebrow-bd-right,var(--sp-s2-x-eyebrow-bd,0));}
.sp-s3-eyebrow{background:var(--sp-s3-x-eyebrow-bg,transparent);padding:var(--sp-s3-x-eyebrow-pady,0) var(--sp-s3-x-eyebrow-padx,0);border-radius:var(--sp-s3-x-eyebrow-rad,0);border:var(--sp-s3-x-eyebrow-bd,0);border-top:var(--sp-s3-x-eyebrow-bd-top,var(--sp-s3-x-eyebrow-bd,0));border-bottom:var(--sp-s3-x-eyebrow-bd-bottom,var(--sp-s3-x-eyebrow-bd,0));border-left:var(--sp-s3-x-eyebrow-bd-left,var(--sp-s3-x-eyebrow-bd,0));border-right:var(--sp-s3-x-eyebrow-bd-right,var(--sp-s3-x-eyebrow-bd,0));}
.sp-s3-tag{background:var(--sp-s3-x-tag-bg,transparent);padding:var(--sp-s3-x-tag-pady,0) var(--sp-s3-x-tag-padx,0);border-radius:var(--sp-s3-x-tag-rad,0);border:var(--sp-s3-x-tag-bd,0);border-top:var(--sp-s3-x-tag-bd-top,var(--sp-s3-x-tag-bd,0));border-bottom:var(--sp-s3-x-tag-bd-bottom,var(--sp-s3-x-tag-bd,0));border-left:var(--sp-s3-x-tag-bd-left,var(--sp-s3-x-tag-bd,0));border-right:var(--sp-s3-x-tag-bd-right,var(--sp-s3-x-tag-bd,0));}
.sp-pt01 .sp-pt-badge-num{background:var(--sp-pt01-x-badge_num-bg,transparent);padding:var(--sp-pt01-x-badge_num-pady,0) var(--sp-pt01-x-badge_num-padx,0);border-radius:var(--sp-pt01-x-badge_num-rad,0);border:var(--sp-pt01-x-badge_num-bd,0);border-top:var(--sp-pt01-x-badge_num-bd-top,var(--sp-pt01-x-badge_num-bd,0));border-bottom:var(--sp-pt01-x-badge_num-bd-bottom,var(--sp-pt01-x-badge_num-bd,0));border-left:var(--sp-pt01-x-badge_num-bd-left,var(--sp-pt01-x-badge_num-bd,0));border-right:var(--sp-pt01-x-badge_num-bd-right,var(--sp-pt01-x-badge_num-bd,0));}
.sp-pt01 .sp-pt-badge-txt{background:var(--sp-pt01-x-badge_txt-bg,transparent);padding:var(--sp-pt01-x-badge_txt-pady,0) var(--sp-pt01-x-badge_txt-padx,0);border-radius:var(--sp-pt01-x-badge_txt-rad,0);border:var(--sp-pt01-x-badge_txt-bd,0);border-top:var(--sp-pt01-x-badge_txt-bd-top,var(--sp-pt01-x-badge_txt-bd,0));border-bottom:var(--sp-pt01-x-badge_txt-bd-bottom,var(--sp-pt01-x-badge_txt-bd,0));border-left:var(--sp-pt01-x-badge_txt-bd-left,var(--sp-pt01-x-badge_txt-bd,0));border-right:var(--sp-pt01-x-badge_txt-bd-right,var(--sp-pt01-x-badge_txt-bd,0));}
.sp-pt02 .sp-pt-badge-num{background:var(--sp-pt02-x-badge_num-bg,transparent);padding:var(--sp-pt02-x-badge_num-pady,0) var(--sp-pt02-x-badge_num-padx,0);border-radius:var(--sp-pt02-x-badge_num-rad,0);border:var(--sp-pt02-x-badge_num-bd,0);border-top:var(--sp-pt02-x-badge_num-bd-top,var(--sp-pt02-x-badge_num-bd,0));border-bottom:var(--sp-pt02-x-badge_num-bd-bottom,var(--sp-pt02-x-badge_num-bd,0));border-left:var(--sp-pt02-x-badge_num-bd-left,var(--sp-pt02-x-badge_num-bd,0));border-right:var(--sp-pt02-x-badge_num-bd-right,var(--sp-pt02-x-badge_num-bd,0));}
.sp-pt02 .sp-pt-badge-txt{background:var(--sp-pt02-x-badge_txt-bg,transparent);padding:var(--sp-pt02-x-badge_txt-pady,0) var(--sp-pt02-x-badge_txt-padx,0);border-radius:var(--sp-pt02-x-badge_txt-rad,0);border:var(--sp-pt02-x-badge_txt-bd,0);border-top:var(--sp-pt02-x-badge_txt-bd-top,var(--sp-pt02-x-badge_txt-bd,0));border-bottom:var(--sp-pt02-x-badge_txt-bd-bottom,var(--sp-pt02-x-badge_txt-bd,0));border-left:var(--sp-pt02-x-badge_txt-bd-left,var(--sp-pt02-x-badge_txt-bd,0));border-right:var(--sp-pt02-x-badge_txt-bd-right,var(--sp-pt02-x-badge_txt-bd,0));}
.sp-pt02-ctag{background:var(--sp-pt02-x-ctag-bg,transparent);padding:var(--sp-pt02-x-ctag-pady,0) var(--sp-pt02-x-ctag-padx,0);border-radius:var(--sp-pt02-x-ctag-rad,0);border:var(--sp-pt02-x-ctag-bd,0);border-top:var(--sp-pt02-x-ctag-bd-top,var(--sp-pt02-x-ctag-bd,0));border-bottom:var(--sp-pt02-x-ctag-bd-bottom,var(--sp-pt02-x-ctag-bd,0));border-left:var(--sp-pt02-x-ctag-bd-left,var(--sp-pt02-x-ctag-bd,0));border-right:var(--sp-pt02-x-ctag-bd-right,var(--sp-pt02-x-ctag-bd,0));}
.sp-pt03 .sp-pt-badge-num{background:var(--sp-pt03-x-badge_num-bg,transparent);padding:var(--sp-pt03-x-badge_num-pady,0) var(--sp-pt03-x-badge_num-padx,0);border-radius:var(--sp-pt03-x-badge_num-rad,0);border:var(--sp-pt03-x-badge_num-bd,0);border-top:var(--sp-pt03-x-badge_num-bd-top,var(--sp-pt03-x-badge_num-bd,0));border-bottom:var(--sp-pt03-x-badge_num-bd-bottom,var(--sp-pt03-x-badge_num-bd,0));border-left:var(--sp-pt03-x-badge_num-bd-left,var(--sp-pt03-x-badge_num-bd,0));border-right:var(--sp-pt03-x-badge_num-bd-right,var(--sp-pt03-x-badge_num-bd,0));}
.sp-pt03 .sp-pt-badge-txt{background:var(--sp-pt03-x-badge_txt-bg,transparent);padding:var(--sp-pt03-x-badge_txt-pady,0) var(--sp-pt03-x-badge_txt-padx,0);border-radius:var(--sp-pt03-x-badge_txt-rad,0);border:var(--sp-pt03-x-badge_txt-bd,0);border-top:var(--sp-pt03-x-badge_txt-bd-top,var(--sp-pt03-x-badge_txt-bd,0));border-bottom:var(--sp-pt03-x-badge_txt-bd-bottom,var(--sp-pt03-x-badge_txt-bd,0));border-left:var(--sp-pt03-x-badge_txt-bd-left,var(--sp-pt03-x-badge_txt-bd,0));border-right:var(--sp-pt03-x-badge_txt-bd-right,var(--sp-pt03-x-badge_txt-bd,0));}
.sp-pt03-lbl{background:var(--sp-pt03-x-lbl-bg,transparent);padding:var(--sp-pt03-x-lbl-pady,0) var(--sp-pt03-x-lbl-padx,0);border-radius:var(--sp-pt03-x-lbl-rad,0);border:var(--sp-pt03-x-lbl-bd,0);border-top:var(--sp-pt03-x-lbl-bd-top,var(--sp-pt03-x-lbl-bd,0));border-bottom:var(--sp-pt03-x-lbl-bd-bottom,var(--sp-pt03-x-lbl-bd,0));border-left:var(--sp-pt03-x-lbl-bd-left,var(--sp-pt03-x-lbl-bd,0));border-right:var(--sp-pt03-x-lbl-bd-right,var(--sp-pt03-x-lbl-bd,0));}
.sp-pt04 .sp-pt-badge-num{background:var(--sp-pt04-x-badge_num-bg,transparent);padding:var(--sp-pt04-x-badge_num-pady,0) var(--sp-pt04-x-badge_num-padx,0);border-radius:var(--sp-pt04-x-badge_num-rad,0);border:var(--sp-pt04-x-badge_num-bd,0);border-top:var(--sp-pt04-x-badge_num-bd-top,var(--sp-pt04-x-badge_num-bd,0));border-bottom:var(--sp-pt04-x-badge_num-bd-bottom,var(--sp-pt04-x-badge_num-bd,0));border-left:var(--sp-pt04-x-badge_num-bd-left,var(--sp-pt04-x-badge_num-bd,0));border-right:var(--sp-pt04-x-badge_num-bd-right,var(--sp-pt04-x-badge_num-bd,0));}
.sp-pt04 .sp-pt-badge-txt{background:var(--sp-pt04-x-badge_txt-bg,transparent);padding:var(--sp-pt04-x-badge_txt-pady,0) var(--sp-pt04-x-badge_txt-padx,0);border-radius:var(--sp-pt04-x-badge_txt-rad,0);border:var(--sp-pt04-x-badge_txt-bd,0);border-top:var(--sp-pt04-x-badge_txt-bd-top,var(--sp-pt04-x-badge_txt-bd,0));border-bottom:var(--sp-pt04-x-badge_txt-bd-bottom,var(--sp-pt04-x-badge_txt-bd,0));border-left:var(--sp-pt04-x-badge_txt-bd-left,var(--sp-pt04-x-badge_txt-bd,0));border-right:var(--sp-pt04-x-badge_txt-bd-right,var(--sp-pt04-x-badge_txt-bd,0));}
.sp-pt04-clbl{background:var(--sp-pt04-x-clbl-bg,transparent);padding:var(--sp-pt04-x-clbl-pady,0) var(--sp-pt04-x-clbl-padx,0);border-radius:var(--sp-pt04-x-clbl-rad,0);border:var(--sp-pt04-x-clbl-bd,0);border-top:var(--sp-pt04-x-clbl-bd-top,var(--sp-pt04-x-clbl-bd,0));border-bottom:var(--sp-pt04-x-clbl-bd-bottom,var(--sp-pt04-x-clbl-bd,0));border-left:var(--sp-pt04-x-clbl-bd-left,var(--sp-pt04-x-clbl-bd,0));border-right:var(--sp-pt04-x-clbl-bd-right,var(--sp-pt04-x-clbl-bd,0));}
.sp-pt04-cresult{background:var(--sp-pt04-x-cresult-bg,transparent);padding:var(--sp-pt04-x-cresult-pady,0) var(--sp-pt04-x-cresult-padx,0);border-radius:var(--sp-pt04-x-cresult-rad,0);border:var(--sp-pt04-x-cresult-bd,0);border-top:var(--sp-pt04-x-cresult-bd-top,var(--sp-pt04-x-cresult-bd,0));border-bottom:var(--sp-pt04-x-cresult-bd-bottom,var(--sp-pt04-x-cresult-bd,0));border-left:var(--sp-pt04-x-cresult-bd-left,var(--sp-pt04-x-cresult-bd,0));border-right:var(--sp-pt04-x-cresult-bd-right,var(--sp-pt04-x-cresult-bd,0));}
.sp-pt05 .sp-pt-badge-num{background:var(--sp-pt05-x-badge_num-bg,transparent);padding:var(--sp-pt05-x-badge_num-pady,0) var(--sp-pt05-x-badge_num-padx,0);border-radius:var(--sp-pt05-x-badge_num-rad,0);border:var(--sp-pt05-x-badge_num-bd,0);border-top:var(--sp-pt05-x-badge_num-bd-top,var(--sp-pt05-x-badge_num-bd,0));border-bottom:var(--sp-pt05-x-badge_num-bd-bottom,var(--sp-pt05-x-badge_num-bd,0));border-left:var(--sp-pt05-x-badge_num-bd-left,var(--sp-pt05-x-badge_num-bd,0));border-right:var(--sp-pt05-x-badge_num-bd-right,var(--sp-pt05-x-badge_num-bd,0));}
.sp-pt05 .sp-pt-badge-txt{background:var(--sp-pt05-x-badge_txt-bg,transparent);padding:var(--sp-pt05-x-badge_txt-pady,0) var(--sp-pt05-x-badge_txt-padx,0);border-radius:var(--sp-pt05-x-badge_txt-rad,0);border:var(--sp-pt05-x-badge_txt-bd,0);border-top:var(--sp-pt05-x-badge_txt-bd-top,var(--sp-pt05-x-badge_txt-bd,0));border-bottom:var(--sp-pt05-x-badge_txt-bd-bottom,var(--sp-pt05-x-badge_txt-bd,0));border-left:var(--sp-pt05-x-badge_txt-bd-left,var(--sp-pt05-x-badge_txt-bd,0));border-right:var(--sp-pt05-x-badge_txt-bd-right,var(--sp-pt05-x-badge_txt-bd,0));}
.sp-pt05-inum{background:var(--sp-pt05-x-inum-bg,transparent);padding:var(--sp-pt05-x-inum-pady,0) var(--sp-pt05-x-inum-padx,0);border-radius:var(--sp-pt05-x-inum-rad,0);border:var(--sp-pt05-x-inum-bd,0);border-top:var(--sp-pt05-x-inum-bd-top,var(--sp-pt05-x-inum-bd,0));border-bottom:var(--sp-pt05-x-inum-bd-bottom,var(--sp-pt05-x-inum-bd,0));border-left:var(--sp-pt05-x-inum-bd-left,var(--sp-pt05-x-inum-bd,0));border-right:var(--sp-pt05-x-inum-bd-right,var(--sp-pt05-x-inum-bd,0));}
.sp-pt06 .sp-pt-badge-num{background:var(--sp-pt06-x-badge_num-bg,transparent);padding:var(--sp-pt06-x-badge_num-pady,0) var(--sp-pt06-x-badge_num-padx,0);border-radius:var(--sp-pt06-x-badge_num-rad,0);border:var(--sp-pt06-x-badge_num-bd,0);border-top:var(--sp-pt06-x-badge_num-bd-top,var(--sp-pt06-x-badge_num-bd,0));border-bottom:var(--sp-pt06-x-badge_num-bd-bottom,var(--sp-pt06-x-badge_num-bd,0));border-left:var(--sp-pt06-x-badge_num-bd-left,var(--sp-pt06-x-badge_num-bd,0));border-right:var(--sp-pt06-x-badge_num-bd-right,var(--sp-pt06-x-badge_num-bd,0));}
.sp-pt06 .sp-pt-badge-txt{background:var(--sp-pt06-x-badge_txt-bg,transparent);padding:var(--sp-pt06-x-badge_txt-pady,0) var(--sp-pt06-x-badge_txt-padx,0);border-radius:var(--sp-pt06-x-badge_txt-rad,0);border:var(--sp-pt06-x-badge_txt-bd,0);border-top:var(--sp-pt06-x-badge_txt-bd-top,var(--sp-pt06-x-badge_txt-bd,0));border-bottom:var(--sp-pt06-x-badge_txt-bd-bottom,var(--sp-pt06-x-badge_txt-bd,0));border-left:var(--sp-pt06-x-badge_txt-bd-left,var(--sp-pt06-x-badge_txt-bd,0));border-right:var(--sp-pt06-x-badge_txt-bd-right,var(--sp-pt06-x-badge_txt-bd,0));}
.sp-pt07 .sp-pt-badge-num{background:var(--sp-pt07-x-badge_num-bg,transparent);padding:var(--sp-pt07-x-badge_num-pady,0) var(--sp-pt07-x-badge_num-padx,0);border-radius:var(--sp-pt07-x-badge_num-rad,0);border:var(--sp-pt07-x-badge_num-bd,0);border-top:var(--sp-pt07-x-badge_num-bd-top,var(--sp-pt07-x-badge_num-bd,0));border-bottom:var(--sp-pt07-x-badge_num-bd-bottom,var(--sp-pt07-x-badge_num-bd,0));border-left:var(--sp-pt07-x-badge_num-bd-left,var(--sp-pt07-x-badge_num-bd,0));border-right:var(--sp-pt07-x-badge_num-bd-right,var(--sp-pt07-x-badge_num-bd,0));}
.sp-pt07 .sp-pt-badge-txt{background:var(--sp-pt07-x-badge_txt-bg,transparent);padding:var(--sp-pt07-x-badge_txt-pady,0) var(--sp-pt07-x-badge_txt-padx,0);border-radius:var(--sp-pt07-x-badge_txt-rad,0);border:var(--sp-pt07-x-badge_txt-bd,0);border-top:var(--sp-pt07-x-badge_txt-bd-top,var(--sp-pt07-x-badge_txt-bd,0));border-bottom:var(--sp-pt07-x-badge_txt-bd-bottom,var(--sp-pt07-x-badge_txt-bd,0));border-left:var(--sp-pt07-x-badge_txt-bd-left,var(--sp-pt07-x-badge_txt-bd,0));border-right:var(--sp-pt07-x-badge_txt-bd-right,var(--sp-pt07-x-badge_txt-bd,0));}
.sp-pt07-tag{background:var(--sp-pt07-x-tag-bg,transparent);padding:var(--sp-pt07-x-tag-pady,0) var(--sp-pt07-x-tag-padx,0);border-radius:var(--sp-pt07-x-tag-rad,0);border:var(--sp-pt07-x-tag-bd,0);border-top:var(--sp-pt07-x-tag-bd-top,var(--sp-pt07-x-tag-bd,0));border-bottom:var(--sp-pt07-x-tag-bd-bottom,var(--sp-pt07-x-tag-bd,0));border-left:var(--sp-pt07-x-tag-bd-left,var(--sp-pt07-x-tag-bd,0));border-right:var(--sp-pt07-x-tag-bd-right,var(--sp-pt07-x-tag-bd,0));}
.sp-doctor-eyebrow{background:var(--sp-doctor-x-eyebrow-bg,transparent);padding:var(--sp-doctor-x-eyebrow-pady,0) var(--sp-doctor-x-eyebrow-padx,0);border-radius:var(--sp-doctor-x-eyebrow-rad,0);border:var(--sp-doctor-x-eyebrow-bd,0);border-top:var(--sp-doctor-x-eyebrow-bd-top,var(--sp-doctor-x-eyebrow-bd,0));border-bottom:var(--sp-doctor-x-eyebrow-bd-bottom,var(--sp-doctor-x-eyebrow-bd,0));border-left:var(--sp-doctor-x-eyebrow-bd-left,var(--sp-doctor-x-eyebrow-bd,0));border-right:var(--sp-doctor-x-eyebrow-bd-right,var(--sp-doctor-x-eyebrow-bd,0));}
.sp-ext-ba .sp-sec-lbl, .ba-section .sec-eyebrow{background:var(--sp-ba-x-eyebrow-bg,transparent);padding:var(--sp-ba-x-eyebrow-pady,0) var(--sp-ba-x-eyebrow-padx,0);border-radius:var(--sp-ba-x-eyebrow-rad,0);border:var(--sp-ba-x-eyebrow-bd,0);border-top:var(--sp-ba-x-eyebrow-bd-top,var(--sp-ba-x-eyebrow-bd,0));border-bottom:var(--sp-ba-x-eyebrow-bd-bottom,var(--sp-ba-x-eyebrow-bd,0));border-left:var(--sp-ba-x-eyebrow-bd-left,var(--sp-ba-x-eyebrow-bd,0));border-right:var(--sp-ba-x-eyebrow-bd-right,var(--sp-ba-x-eyebrow-bd,0));}
.sp-ext-yt .sp-sec-lbl, section.yt .yt-eyebrow-row .sec-eyebrow{background:var(--sp-yt-x-eyebrow-bg,transparent);padding:var(--sp-yt-x-eyebrow-pady,0) var(--sp-yt-x-eyebrow-padx,0);border-radius:var(--sp-yt-x-eyebrow-rad,0);border:var(--sp-yt-x-eyebrow-bd,0);border-top:var(--sp-yt-x-eyebrow-bd-top,var(--sp-yt-x-eyebrow-bd,0));border-bottom:var(--sp-yt-x-eyebrow-bd-bottom,var(--sp-yt-x-eyebrow-bd,0));border-left:var(--sp-yt-x-eyebrow-bd-left,var(--sp-yt-x-eyebrow-bd,0));border-right:var(--sp-yt-x-eyebrow-bd-right,var(--sp-yt-x-eyebrow-bd,0));}
.sp-hero{padding-left:var(--sp-hero-pad-x,0);padding-right:var(--sp-hero-pad-x,0)}
@media(max-width:768px){.sp-hero{padding-left:var(--sp-hero-pad-x-mo,var(--sp-hero-pad-x,0));padding-right:var(--sp-hero-pad-x-mo,var(--sp-hero-pad-x,0))}}
.sp-s2{padding-left:var(--sp-s2-pad-x,0);padding-right:var(--sp-s2-pad-x,0)}
@media(max-width:768px){.sp-s2{padding-left:var(--sp-s2-pad-x-mo,var(--sp-s2-pad-x,0));padding-right:var(--sp-s2-pad-x-mo,var(--sp-s2-pad-x,0))}}
.sp-s3{padding-left:var(--sp-s3-pad-x,0);padding-right:var(--sp-s3-pad-x,0)}
@media(max-width:768px){.sp-s3{padding-left:var(--sp-s3-pad-x-mo,var(--sp-s3-pad-x,0));padding-right:var(--sp-s3-pad-x-mo,var(--sp-s3-pad-x,0))}}
.sp-pt02{padding-left:var(--sp-pt02-pad-x,0);padding-right:var(--sp-pt02-pad-x,0)}
@media(max-width:768px){.sp-pt02{padding-left:var(--sp-pt02-pad-x-mo,var(--sp-pt02-pad-x,0));padding-right:var(--sp-pt02-pad-x-mo,var(--sp-pt02-pad-x,0))}}
.sp-pt03{padding-left:var(--sp-pt03-pad-x,0);padding-right:var(--sp-pt03-pad-x,0)}
@media(max-width:768px){.sp-pt03{padding-left:var(--sp-pt03-pad-x-mo,var(--sp-pt03-pad-x,0));padding-right:var(--sp-pt03-pad-x-mo,var(--sp-pt03-pad-x,0))}}
.sp-pt04{padding-left:var(--sp-pt04-pad-x,0);padding-right:var(--sp-pt04-pad-x,0)}
@media(max-width:768px){.sp-pt04{padding-left:var(--sp-pt04-pad-x-mo,var(--sp-pt04-pad-x,0));padding-right:var(--sp-pt04-pad-x-mo,var(--sp-pt04-pad-x,0))}}
.sp-pt05{padding-left:var(--sp-pt05-pad-x,0);padding-right:var(--sp-pt05-pad-x,0)}
@media(max-width:768px){.sp-pt05{padding-left:var(--sp-pt05-pad-x-mo,var(--sp-pt05-pad-x,0));padding-right:var(--sp-pt05-pad-x-mo,var(--sp-pt05-pad-x,0))}}
.sp-pt06{padding-left:var(--sp-pt06-pad-x,0);padding-right:var(--sp-pt06-pad-x,0)}
@media(max-width:768px){.sp-pt06{padding-left:var(--sp-pt06-pad-x-mo,var(--sp-pt06-pad-x,0));padding-right:var(--sp-pt06-pad-x-mo,var(--sp-pt06-pad-x,0))}}
.sp-pt07{padding-left:var(--sp-pt07-pad-x,0);padding-right:var(--sp-pt07-pad-x,0)}
@media(max-width:768px){.sp-pt07{padding-left:var(--sp-pt07-pad-x-mo,var(--sp-pt07-pad-x,0));padding-right:var(--sp-pt07-pad-x-mo,var(--sp-pt07-pad-x,0))}}
.sp-faq{padding-left:var(--sp-faq-pad-x,0);padding-right:var(--sp-faq-pad-x,0)}
@media(max-width:768px){.sp-faq{padding-left:var(--sp-faq-pad-x-mo,var(--sp-faq-pad-x,0));padding-right:var(--sp-faq-pad-x-mo,var(--sp-faq-pad-x,0))}}
.sp-related{padding-left:var(--sp-related-pad-x,0);padding-right:var(--sp-related-pad-x,0)}
@media(max-width:768px){.sp-related{padding-left:var(--sp-related-pad-x-mo,var(--sp-related-pad-x,0));padding-right:var(--sp-related-pad-x-mo,var(--sp-related-pad-x,0))}}
.sp-pt01{padding-left:var(--sp-pt01-pad-x,0);padding-right:var(--sp-pt01-pad-x,0)}
@media(max-width:768px){.sp-pt01{padding-left:var(--sp-pt01-pad-x-mo,var(--sp-pt01-pad-x,0));padding-right:var(--sp-pt01-pad-x-mo,var(--sp-pt01-pad-x,0))}}
.sp-doctor{padding-left:var(--sp-doctor-pad-x,0);padding-right:var(--sp-doctor-pad-x,0)}
@media(max-width:768px){.sp-doctor{padding-left:var(--sp-doctor-pad-x-mo,var(--sp-doctor-pad-x,0));padding-right:var(--sp-doctor-pad-x-mo,var(--sp-doctor-pad-x,0))}}
.sp-ba{padding-left:var(--sp-ba-pad-x,0);padding-right:var(--sp-ba-pad-x,0)}
@media(max-width:768px){.sp-ba{padding-left:var(--sp-ba-pad-x-mo,var(--sp-ba-pad-x,0));padding-right:var(--sp-ba-pad-x-mo,var(--sp-ba-pad-x,0))}}
.sp-yt{padding-left:var(--sp-yt-pad-x,0);padding-right:var(--sp-yt-pad-x,0)}
@media(max-width:768px){.sp-yt{padding-left:var(--sp-yt-pad-x-mo,var(--sp-yt-pad-x,0));padding-right:var(--sp-yt-pad-x-mo,var(--sp-yt-pad-x,0))}}
.sp-equipment_board_slider{padding-left:var(--sp-equipment_board_slider-pad-x,0);padding-right:var(--sp-equipment_board_slider-pad-x,0)}
@media(max-width:768px){.sp-equipment_board_slider{padding-left:var(--sp-equipment_board_slider-pad-x-mo,var(--sp-equipment_board_slider-pad-x,0));padding-right:var(--sp-equipment_board_slider-pad-x-mo,var(--sp-equipment_board_slider-pad-x,0))}}
.sp-real_selfie_marquee{padding-left:var(--sp-real_selfie_marquee-pad-x,0);padding-right:var(--sp-real_selfie_marquee-pad-x,0)}
@media(max-width:768px){.sp-real_selfie_marquee{padding-left:var(--sp-real_selfie_marquee-pad-x-mo,var(--sp-real_selfie_marquee-pad-x,0));padding-right:var(--sp-real_selfie_marquee-pad-x-mo,var(--sp-real_selfie_marquee-pad-x,0))}}
.sp-academic{padding-left:var(--sp-academic-pad-x,0);padding-right:var(--sp-academic-pad-x,0)}
@media(max-width:768px){.sp-academic{padding-left:var(--sp-academic-pad-x-mo,var(--sp-academic-pad-x,0));padding-right:var(--sp-academic-pad-x-mo,var(--sp-academic-pad-x,0))}}
.sp-ba_eye_profile{padding-left:var(--sp-ba_eye_profile-pad-x,0);padding-right:var(--sp-ba_eye_profile-pad-x,0)}
@media(max-width:768px){.sp-ba_eye_profile{padding-left:var(--sp-ba_eye_profile-pad-x-mo,var(--sp-ba_eye_profile-pad-x,0));padding-right:var(--sp-ba_eye_profile-pad-x-mo,var(--sp-ba_eye_profile-pad-x,0))}}
.sp-blog_related{padding-left:var(--sp-blog_related-pad-x,0);padding-right:var(--sp-blog_related-pad-x,0)}
@media(max-width:768px){.sp-blog_related{padding-left:var(--sp-blog_related-pad-x-mo,var(--sp-blog_related-pad-x,0));padding-right:var(--sp-blog_related-pad-x-mo,var(--sp-blog_related-pad-x,0))}}
.sp-column{padding-left:var(--sp-column-pad-x,0);padding-right:var(--sp-column-pad-x,0)}
@media(max-width:768px){.sp-column{padding-left:var(--sp-column-pad-x-mo,var(--sp-column-pad-x,0));padding-right:var(--sp-column-pad-x-mo,var(--sp-column-pad-x,0))}}
.sp-cta_v2{padding-left:var(--sp-cta_v2-pad-x,0);padding-right:var(--sp-cta_v2-pad-x,0)}
@media(max-width:768px){.sp-cta_v2{padding-left:var(--sp-cta_v2-pad-x-mo,var(--sp-cta_v2-pad-x,0));padding-right:var(--sp-cta_v2-pad-x-mo,var(--sp-cta_v2-pad-x,0))}}
.sp-doctor_quote{padding-left:var(--sp-doctor_quote-pad-x,0);padding-right:var(--sp-doctor_quote-pad-x,0)}
@media(max-width:768px){.sp-doctor_quote{padding-left:var(--sp-doctor_quote-pad-x-mo,var(--sp-doctor_quote-pad-x,0));padding-right:var(--sp-doctor_quote-pad-x-mo,var(--sp-doctor_quote-pad-x,0))}}
.sp-faq_v2{padding-left:var(--sp-faq_v2-pad-x,0);padding-right:var(--sp-faq_v2-pad-x,0)}
@media(max-width:768px){.sp-faq_v2{padding-left:var(--sp-faq_v2-pad-x-mo,var(--sp-faq_v2-pad-x,0));padding-right:var(--sp-faq_v2-pad-x-mo,var(--sp-faq_v2-pad-x,0))}}
.sp-hero_v2{padding-left:var(--sp-hero_v2-pad-x,0);padding-right:var(--sp-hero_v2-pad-x,0)}
@media(max-width:768px){.sp-hero_v2{padding-left:var(--sp-hero_v2-pad-x-mo,var(--sp-hero_v2-pad-x,0));padding-right:var(--sp-hero_v2-pad-x-mo,var(--sp-hero_v2-pad-x,0))}}
.sp-intro_v2{padding-left:var(--sp-intro_v2-pad-x,0);padding-right:var(--sp-intro_v2-pad-x,0)}
@media(max-width:768px){.sp-intro_v2{padding-left:var(--sp-intro_v2-pad-x-mo,var(--sp-intro_v2-pad-x,0));padding-right:var(--sp-intro_v2-pad-x-mo,var(--sp-intro_v2-pad-x,0))}}
.sp-location_map{padding-left:var(--sp-location_map-pad-x,0);padding-right:var(--sp-location_map-pad-x,0)}
@media(max-width:768px){.sp-location_map{padding-left:var(--sp-location_map-pad-x-mo,var(--sp-location_map-pad-x,0));padding-right:var(--sp-location_map-pad-x-mo,var(--sp-location_map-pad-x,0))}}
.sp-media_block{padding-left:var(--sp-media_block-pad-x,0);padding-right:var(--sp-media_block-pad-x,0)}
@media(max-width:768px){.sp-media_block{padding-left:var(--sp-media_block-pad-x-mo,var(--sp-media_block-pad-x,0));padding-right:var(--sp-media_block-pad-x-mo,var(--sp-media_block-pad-x,0))}}
.sp-method_block{padding-left:var(--sp-method_block-pad-x,0);padding-right:var(--sp-method_block-pad-x,0)}
@media(max-width:768px){.sp-method_block{padding-left:var(--sp-method_block-pad-x-mo,var(--sp-method_block-pad-x,0));padding-right:var(--sp-method_block-pad-x-mo,var(--sp-method_block-pad-x,0))}}
.sp-nonpay_table{padding-left:var(--sp-nonpay_table-pad-x,0);padding-right:var(--sp-nonpay_table-pad-x,0)}
@media(max-width:768px){.sp-nonpay_table{padding-left:var(--sp-nonpay_table-pad-x-mo,var(--sp-nonpay_table-pad-x,0));padding-right:var(--sp-nonpay_table-pad-x-mo,var(--sp-nonpay_table-pad-x,0))}}
.sp-notice_grid{padding-left:var(--sp-notice_grid-pad-x,0);padding-right:var(--sp-notice_grid-pad-x,0)}
@media(max-width:768px){.sp-notice_grid{padding-left:var(--sp-notice_grid-pad-x-mo,var(--sp-notice_grid-pad-x,0));padding-right:var(--sp-notice_grid-pad-x-mo,var(--sp-notice_grid-pad-x,0))}}
.sp-recom_v2{padding-left:var(--sp-recom_v2-pad-x,0);padding-right:var(--sp-recom_v2-pad-x,0)}
@media(max-width:768px){.sp-recom_v2{padding-left:var(--sp-recom_v2-pad-x-mo,var(--sp-recom_v2-pad-x,0));padding-right:var(--sp-recom_v2-pad-x-mo,var(--sp-recom_v2-pad-x,0))}}
.sp-related_offers{padding-left:var(--sp-related_offers-pad-x,0);padding-right:var(--sp-related_offers-pad-x,0)}
@media(max-width:768px){.sp-related_offers{padding-left:var(--sp-related_offers-pad-x-mo,var(--sp-related_offers-pad-x,0));padding-right:var(--sp-related_offers-pad-x-mo,var(--sp-related_offers-pad-x,0))}}
.sp-related_v2{padding-left:var(--sp-related_v2-pad-x,0);padding-right:var(--sp-related_v2-pad-x,0)}
@media(max-width:768px){.sp-related_v2{padding-left:var(--sp-related_v2-pad-x-mo,var(--sp-related_v2-pad-x,0));padding-right:var(--sp-related_v2-pad-x-mo,var(--sp-related_v2-pad-x,0))}}
.sp-stats_grid{padding-left:var(--sp-stats_grid-pad-x,0);padding-right:var(--sp-stats_grid-pad-x,0)}
@media(max-width:768px){.sp-stats_grid{padding-left:var(--sp-stats_grid-pad-x-mo,var(--sp-stats_grid-pad-x,0));padding-right:var(--sp-stats_grid-pad-x-mo,var(--sp-stats_grid-pad-x,0))}}
.sp-step_phases{padding-left:var(--sp-step_phases-pad-x,0);padding-right:var(--sp-step_phases-pad-x,0)}
@media(max-width:768px){.sp-step_phases{padding-left:var(--sp-step_phases-pad-x-mo,var(--sp-step_phases-pad-x,0));padding-right:var(--sp-step_phases-pad-x-mo,var(--sp-step_phases-pad-x,0))}}
.sp-step_sticky{padding-left:var(--sp-step_sticky-pad-x,0);padding-right:var(--sp-step_sticky-pad-x,0)}
@media(max-width:768px){.sp-step_sticky{padding-left:var(--sp-step_sticky-pad-x-mo,var(--sp-step_sticky-pad-x,0));padding-right:var(--sp-step_sticky-pad-x-mo,var(--sp-step_sticky-pad-x,0))}}
.sp-why_pillars{padding-left:var(--sp-why_pillars-pad-x,0);padding-right:var(--sp-why_pillars-pad-x,0)}
@media(max-width:768px){.sp-why_pillars{padding-left:var(--sp-why_pillars-pad-x-mo,var(--sp-why_pillars-pad-x,0));padding-right:var(--sp-why_pillars-pad-x-mo,var(--sp-why_pillars-pad-x,0))}}
.sp-yt_channel_v2{padding-left:var(--sp-yt_channel_v2-pad-x,0);padding-right:var(--sp-yt_channel_v2-pad-x,0)}
@media(max-width:768px){.sp-yt_channel_v2{padding-left:var(--sp-yt_channel_v2-pad-x-mo,var(--sp-yt_channel_v2-pad-x,0));padding-right:var(--sp-yt_channel_v2-pad-x-mo,var(--sp-yt_channel_v2-pad-x,0))}}
.sp-hero .sp-b{max-width:var(--sp-hero-mw,var(--sp-mw,1200px))}
.sp-s2 .sp-b{max-width:var(--sp-s2-mw,var(--sp-mw,1200px))}
.sp-s3 .sp-b{max-width:var(--sp-s3-mw,var(--sp-mw,1200px))}
.sp-pt02 .sp-b{max-width:var(--sp-pt02-mw,var(--sp-mw,1200px))}
.sp-pt03 .sp-b{max-width:var(--sp-pt03-mw,var(--sp-mw,1200px))}
.sp-pt04 .sp-b{max-width:var(--sp-pt04-mw,var(--sp-mw,1200px))}
.sp-pt05 .sp-b{max-width:var(--sp-pt05-mw,var(--sp-mw,1200px))}
.sp-pt06 .sp-b{max-width:var(--sp-pt06-mw,var(--sp-mw,1200px))}
.sp-pt07 .sp-b{max-width:var(--sp-pt07-mw,var(--sp-mw,1200px))}
.sp-faq .sp-b{max-width:var(--sp-faq-mw,var(--sp-mw,1200px))}
.sp-related .sp-b{max-width:var(--sp-related-mw,var(--sp-mw,1200px))}
.sp-pt01 .sp-b{max-width:var(--sp-pt01-mw,var(--sp-mw,1200px))}
.sp-doctor .sp-b{max-width:var(--sp-doctor-mw,var(--sp-mw,1200px))}
.sp-ba .sp-b{max-width:var(--sp-ba-mw,var(--sp-mw,1200px))}
.sp-yt .sp-b{max-width:var(--sp-yt-mw,var(--sp-mw,1200px))}
.sp-equipment_board_slider .sp-b{max-width:var(--sp-equipment_board_slider-mw,var(--sp-mw,1200px))}
.sp-real_selfie_marquee .sp-b{max-width:var(--sp-real_selfie_marquee-mw,var(--sp-mw,1200px))}
.sp-academic .sp-b{max-width:var(--sp-academic-mw,var(--sp-mw,1200px))}
.sp-ba_eye_profile .sp-b{max-width:var(--sp-ba_eye_profile-mw,var(--sp-mw,1200px))}
.sp-blog_related .sp-b{max-width:var(--sp-blog_related-mw,var(--sp-mw,1200px))}
.sp-column .sp-b{max-width:var(--sp-column-mw,var(--sp-mw,1200px))}
.sp-cta_v2 .sp-b{max-width:var(--sp-cta_v2-mw,var(--sp-mw,1200px))}
.sp-doctor_quote .sp-b{max-width:var(--sp-doctor_quote-mw,var(--sp-mw,1200px))}
.sp-faq_v2 .sp-b{max-width:var(--sp-faq_v2-mw,var(--sp-mw,1200px))}
.sp-hero_v2 .sp-b{max-width:var(--sp-hero_v2-mw,var(--sp-mw,1200px))}
.sp-intro_v2 .sp-b{max-width:var(--sp-intro_v2-mw,var(--sp-mw,1200px))}
.sp-location_map .sp-b{max-width:var(--sp-location_map-mw,var(--sp-mw,1200px))}
.sp-media_block .sp-b{max-width:var(--sp-media_block-mw,var(--sp-mw,1200px))}
.sp-method_block .sp-b{max-width:var(--sp-method_block-mw,var(--sp-mw,1200px))}
.sp-nonpay_table .sp-b{max-width:var(--sp-nonpay_table-mw,var(--sp-mw,1200px))}
.sp-notice_grid .sp-b{max-width:var(--sp-notice_grid-mw,var(--sp-mw,1200px))}
.sp-recom_v2 .sp-b{max-width:var(--sp-recom_v2-mw,var(--sp-mw,1200px))}
.sp-related_offers .sp-b{max-width:var(--sp-related_offers-mw,var(--sp-mw,1200px))}
.sp-related_v2 .sp-b{max-width:var(--sp-related_v2-mw,var(--sp-mw,1200px))}
.sp-stats_grid .sp-b{max-width:var(--sp-stats_grid-mw,var(--sp-mw,1200px))}
.sp-step_phases .sp-b{max-width:var(--sp-step_phases-mw,var(--sp-mw,1200px))}
.sp-step_sticky .sp-b{max-width:var(--sp-step_sticky-mw,var(--sp-mw,1200px))}
.sp-why_pillars .sp-b{max-width:var(--sp-why_pillars-mw,var(--sp-mw,1200px))}
.sp-yt_channel_v2 .sp-b{max-width:var(--sp-yt_channel_v2-mw,var(--sp-mw,1200px))}
.sp-hero-img{aspect-ratio:var(--sp-hero-img-ratio,auto);box-shadow:var(--sp-hero-shadow,none);border-width:var(--sp-hero-bd-w,0);border-style:solid;border-color:var(--sp-hero-bd-color,rgba(0,0,0,.08))}
.sp-pt01-img{aspect-ratio:var(--sp-pt01-img-ratio,auto);box-shadow:var(--sp-pt01-shadow,none);border-width:var(--sp-pt01-bd-w,0);border-style:solid;border-color:var(--sp-pt01-bd-color,rgba(0,0,0,.08))}
.sp-pt05-img{aspect-ratio:var(--sp-pt05-img-ratio,auto);box-shadow:var(--sp-pt05-shadow,none);border-width:var(--sp-pt05-bd-w,0);border-style:solid;border-color:var(--sp-pt05-bd-color,rgba(0,0,0,.08))}
.sp-pt02-cimg{aspect-ratio:var(--sp-pt02-img-ratio,auto);box-shadow:var(--sp-pt02-shadow,none);border-width:var(--sp-pt02-bd-w,0);border-style:solid;border-color:var(--sp-pt02-bd-color,rgba(0,0,0,.08))}
.sp-pt04-cimg{aspect-ratio:var(--sp-pt04-img-ratio,auto);box-shadow:var(--sp-pt04-shadow,none);border-width:var(--sp-pt04-bd-w,0);border-style:solid;border-color:var(--sp-pt04-bd-color,rgba(0,0,0,.08))}
.sp-doctor-img{aspect-ratio:var(--sp-doctor-img-ratio,auto);box-shadow:var(--sp-doctor-shadow,none);border-width:var(--sp-doctor-bd-w,0);border-style:solid;border-color:var(--sp-doctor-bd-color,rgba(0,0,0,.08))}
.sp-s2-img{aspect-ratio:var(--sp-s2-img-ratio,auto);box-shadow:var(--sp-s2-shadow,none);border-width:var(--sp-s2-bd-w,0);border-style:solid;border-color:var(--sp-s2-bd-color,rgba(0,0,0,.08))}
.sp-pt02-card{box-shadow:var(--sp-pt02-shadow,none);border-width:var(--sp-pt02-bd-w,0);border-style:solid;border-color:var(--sp-pt02-bd-color,rgba(0,0,0,.08))}
.sp-pt03-item{box-shadow:var(--sp-pt03-shadow,none);border-width:var(--sp-pt03-bd-w,0);border-style:solid;border-color:var(--sp-pt03-bd-color,rgba(0,0,0,.08))}
.sp-pt04-col{box-shadow:var(--sp-pt04-shadow,none);border-width:var(--sp-pt04-bd-w,0);border-style:solid;border-color:var(--sp-pt04-bd-color,rgba(0,0,0,.08))}
.sp-pt06-item{box-shadow:var(--sp-pt06-shadow,none);border-width:var(--sp-pt06-bd-w,0);border-style:solid;border-color:var(--sp-pt06-bd-color,rgba(0,0,0,.08))}
.sp-pt07-step{box-shadow:var(--sp-pt07-shadow,none);border-width:var(--sp-pt07-bd-w,0);border-style:solid;border-color:var(--sp-pt07-bd-color,rgba(0,0,0,.08))}
.sp-related-card{box-shadow:var(--sp-related-shadow,none);border-width:var(--sp-related-bd-w,0);border-style:solid;border-color:var(--sp-related-bd-color,rgba(0,0,0,.08))}
.sp-hero-overlay{display:block;position:absolute;inset:0;z-index:2;border-radius:var(--sp-hero-bd-rtl,0) var(--sp-hero-bd-rtr,0) var(--sp-hero-bd-rbr,0) var(--sp-hero-bd-rbl,0);background:linear-gradient(var(--sp-hero-ov-dir,180deg),rgba(0,0,0,var(--sp-hero-overlay,0%)) 0%,rgba(0,0,0,var(--sp-hero-ov-a2,var(--sp-hero-overlay,0%))) 78%,rgba(0,0,0,var(--sp-hero-ov-a2,var(--sp-hero-overlay,0%))) 100%);pointer-events:none;transition:background .3s}
@media (max-width:768px){.sp-hero-overlay{background:linear-gradient(var(--sp-hero-ov-dir,180deg),rgba(0,0,0,var(--sp-hero-overlay-mo,var(--sp-hero-overlay,0%))) 0%,rgba(0,0,0,var(--sp-hero-ov-a2,var(--sp-hero-overlay-mo,var(--sp-hero-overlay,0%)))) 78%,rgba(0,0,0,var(--sp-hero-ov-a2,var(--sp-hero-overlay-mo,var(--sp-hero-overlay,0%)))) 100%)}}
body.sp-pt02-no-hover .sp-pt02-card:hover{background:var(--sp-pt02-card-bg,var(--sp-card-bg,var(--sp-bg2))) !important;border-color:transparent !important;transition:none !important}
body.sp-pt02-no-hover .sp-pt02-card:hover::before,body.sp-pt02-no-hover .sp-pt02-card:hover::after{transform:none !important;transition:none !important}
body.sp-pt03-no-hover .sp-pt03-item:hover{background:var(--sp-pt03-card-bg,transparent) !important;border-color:transparent !important;transition:none !important}
body.sp-pt03-no-hover .sp-pt03-item:hover::before,body.sp-pt03-no-hover .sp-pt03-item:hover::after{transform:none !important;transition:none !important}
body.sp-pt04-no-hover .sp-pt04-col:hover{background:var(--sp-pt04-card-bg,var(--sp-card-bg,var(--sp-bg2))) !important;border-color:transparent !important;transition:none !important}
body.sp-pt04-no-hover .sp-pt04-col:hover::before,body.sp-pt04-no-hover .sp-pt04-col:hover::after{transform:none !important;transition:none !important}
body.sp-pt06-no-hover .sp-pt06-item:hover{background:var(--sp-pt06-card-bg,var(--sp-card-bg,var(--sp-bg2))) !important;border-color:transparent !important;transition:none !important}
body.sp-pt06-no-hover .sp-pt06-item:hover::before,body.sp-pt06-no-hover .sp-pt06-item:hover::after{transform:none !important;transition:none !important}
body.sp-pt07-no-hover .sp-pt07-step:hover{background:var(--sp-pt07-card-bg,var(--sp-card-bg,var(--sp-bg))) !important;border-color:transparent !important;transition:none !important}
body.sp-pt07-no-hover .sp-pt07-step:hover::before,body.sp-pt07-no-hover .sp-pt07-step:hover::after{transform:none !important;transition:none !important}
body.sp-related-no-hover .sp-related-card:hover{background:var(--sp-related-card-bg,var(--sp-card-bg,var(--sp-bg2))) !important;border-color:transparent !important;transition:none !important}
body.sp-related-no-hover .sp-related-card:hover::before,body.sp-related-no-hover .sp-related-card:hover::after{transform:none !important;transition:none !important}

/* pt-badge */
.sp-pt-badge{display:var(--sty-d-badge,inline-flex);align-items:center;gap:10px;margin-bottom:var(--sty-badge-gap,18px)}
/* crd/cmp v2 헤더 모드(eyebrow+제목)에서도 '라벨↔제목 간격'(--sty-badge-gap) 적용 — eyebrow 하단여백은 0으로 단일화하고 h2 상단여백으로 제어 */
.sp-ext-crd .sec-head .sec-eyebrow,.sp-ext-cmp .sec-head .sec-eyebrow{margin-bottom:0}
.sp-ext-crd .sec-head h2,.sp-ext-cmp .sec-head h2{margin-top:var(--sty-badge-gap,24px)}
/* 섹션 제목/증상 설명 숨김 — 섹션별 옵션 변수로만 발동 (기본 표시) */
.sp-sec-title,.sp-pt01-title{display:var(--sty-d-title,block)}
.sp-ext-sym-txt .sp-ext-sym-desc{display:var(--sty-d-symd,block);font-size:var(--sty-t-itemd,var(--sp-t-sm));color:var(--sty-c-itemd,var(--sp-muted))}
.sp-no-badge .sp-pt-badge-num{display:none}
.sp-no-badge .sp-pt-badge-txt{border-left:none;padding-left:0}
.sp-pt-badge-num{font-family:var(--font-eng);font-size:var(--sp-t-body);font-weight:300;padding:4px 12px;border:1px solid var(--sp-gold);color:var(--sp-text)}
.sp-pt-badge-txt{font-size:var(--sp-t-sm);color:var(--sp-muted2);border-left:1px solid var(--sp-line);padding-left:10px}
body:not(.sp-edit) .sp-pt-badge:has(> .sp-pt-badge-txt:empty){display:none}
body:not(.sp-edit) [data-ph]:empty{display:none}

/* =============================================
   HERO
============================================= */
/* 섹션 박스는 라운드 없이 정사각 — 섹션 배경색(--sp-hero-sec-bg)이 모서리까지 꽉 차고,
   그 위에 둥근 이미지(.sp-hero-bg)가 얹혀 라운드 바깥 모서리를 섹션 배경색으로 채움(body 변경 없이 모서리 색 맞춤) */
.sp-hero{position:relative;min-height:var(--sp-hero-min-h,100vh);display:flex;flex-direction:column;background:var(--sp-hero-sec-bg,transparent);box-sizing:border-box;border-style:var(--sp-hero-bd-style,solid);border-color:var(--sp-hero-bd-color,var(--sp-line,rgba(0,0,0,.1)));border-top-width:var(--sp-hero-bd-t,0);border-right-width:var(--sp-hero-bd-r,0);border-bottom-width:var(--sp-hero-bd-b,0);border-left-width:var(--sp-hero-bd-l,0)}
.sp-hero-bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;inset:0;overflow:hidden;border-radius:var(--sp-hero-bd-rtl,0) var(--sp-hero-bd-rtr,0) var(--sp-hero-bd-rbr,0) var(--sp-hero-bd-rbl,0)}
/* 메인 히어로 배경 좌우 반전(미러) — 컨테이너 scaleX(-1)로 이미지/영상만 뒤집음(텍스트는 영향 없음) */
.sp-hero--flip .sp-hero-bg{transform:scaleX(-1)}
.sp-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.1);animation:spBgZoom 2.4s cubic-bezier(.16,1,.3,1) forwards}
/* 메인 히어로 배경 위치 — 옵션값으로 인라인(object-position:center top) 덮어씀. 미설정 시 center top(기존과 동일) */
.sp-hero-bg img,.sp-hero-bg video{object-position:var(--sp-hero-bg-pos,center top)!important}
.sp-hero-bg video{
    filter:grayscale(var(--sp-hero-bg-video-gray,0%));
    opacity:var(--sp-hero-bg-video-opacity,100%);
    transition:filter .25s ease,opacity .25s ease
}
.sp-hero-bg::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    background:var(--sp-hero-bg-bottom-grad,none);
    pointer-events:none;
    transition:background .25s ease
}
@media (max-width:768px){
    .sp-hero-bg img,.sp-hero-bg video{object-position:var(--sp-hero-bg-pos-mo,var(--sp-hero-bg-pos,center top))!important}
    .sp-hero-bg video{
        filter:grayscale(var(--sp-hero-bg-video-gray-mo,var(--sp-hero-bg-video-gray,0%)));
        opacity:var(--sp-hero-bg-video-opacity-mo,var(--sp-hero-bg-video-opacity,100%))
    }
}
/* 모바일 전용 배경 — 모바일에서 이미지 있으면 PC 배경 대신 표시(없으면 PC 배경 그대로) */
.sp-hero-bg-mo{display:none}
@media(max-width:768px){
    .sp-hero-bg-mo:has(img),.sp-hero-bg-mo:has(video){display:block}
    .sp-hero:has(.sp-hero-bg-mo:has(img)) > .sp-hero-bg:not(.sp-hero-bg-mo),
    .sp-hero:has(.sp-hero-bg-mo:has(video)) > .sp-hero-bg:not(.sp-hero-bg-mo){display:none}
}
.sp-hero-quick{display:none;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:130;align-items:center;gap:6px;padding:7px 12px;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;font-family:'Pretendard',sans-serif;max-width:min(96vw,980px);flex-wrap:wrap;justify-content:center}
.sp-hero-quick .sp-hq-lbl{color:rgba(255,255,255,.55);font-size:11.5px;white-space:nowrap}
.sp-hero-quick button{min-width:30px;padding:5px 8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.75);font-size:11.5px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}
.sp-hero-quick button:hover{background:rgba(255,255,255,.18);color:#fff}
.sp-hero-quick button.on{background:#0066cc;border-color:#0066cc;color:#fff}
.sp-hero-quick .sp-hq-sep{width:1px;height:16px;background:rgba(255,255,255,.18)}
.sp-hero-quick .sp-hq-gap{width:4px}
.sp-hero-quick input[type=range]{width:80px;accent-color:#0066cc}
.sp-hero-quick .sp-hq-dimv,.sp-hero-quick .sp-hq-ratiov{color:#fff;font-size:11.5px;min-width:30px;text-align:right;font-weight:400}
.sp-hero-quick .sp-hq-collapse{order:-999;white-space:nowrap}
.sp-hero-quick.is-mobile [data-hq-mode]{background:#0284c7;border-color:#38bdf8;color:#fff}
.sp-hero-quick.is-collapsed{left:16px;bottom:18px;transform:none;max-width:none;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.sp-hero-quick.is-collapsed>:not(.sp-hq-collapse){display:none!important}
.sp-hero-quick.is-collapsed .sp-hq-collapse{padding:7px 11px;background:rgba(0,0,0,.72);border-color:rgba(255,255,255,.25);box-shadow:0 3px 12px rgba(0,0,0,.18)}
@keyframes spBgZoom{to{transform:scale(1)}}
/* 모바일도 제목·본문에 입력한 강제 줄바꿈을 유지한다.
   각 강제 줄 안에서는 keep-all + overflow-wrap으로 화면 폭에 맞춰 자동 줄바꿈한다. */
@media(max-width:768px){
  /* pt06 부제목은 실제 개행 문자(\n)로 저장되므로 모바일에서도 강제 줄바꿈 보존 */
  .sp-pt06-subtitle{white-space:pre-line}
  #sp-sections h1,#sp-sections h2,#sp-sections h3,
  .sp-hero-ko{word-break:keep-all;overflow-wrap:break-word}
}
.sp-hero-grain{display:none}
.sp-hero-in{position:relative;z-index:100;flex:1;display:grid;grid-template-columns:var(--sp-hero-ratio,1fr 1fr);align-items:stretch;gap:var(--sp-hero-gap,0)}
/* 분할형 히어로 두 영역 교환 — 배경 미러(.sp-hero--flip)와 독립적으로 동작 */
.sp-hero--cols-flip .sp-hero-txt{order:2}
.sp-hero--cols-flip .sp-hero-img{order:1}
/* 거리(←/↑) — transform 순수 이동: 줄바꿈·정렬·폭에 영향 없이 블록 통째로 이동 (margin/width 방식은 정렬 풀림) */
.sp-hero-txt{display:flex;flex-direction:column;justify-content:var(--sp-hero-v-align,center);padding:var(--sp-hero-pad0,var(--sp-hero-pad-y,80px)) 0;text-align:var(--sp-hero-h-align,left);align-items:var(--sp-hero-h-align-flex,flex-start);max-width:var(--sp-hero-text-mw,none);transform:translate(var(--sp-hero-tx-ml,0px),var(--sp-hero-tx-mt,0px))}
/* 거리 모바일 — PC 상속 없이 모바일 값만 (px 절대값 상속은 좁은 화면에서 레이아웃 붕괴) */
@media (max-width:900px){.sp-hero-txt{transform:translate(var(--sp-hero-tx-ml-mo,0px),var(--sp-hero-tx-mt-mo,0px))}}
/* 글자별 높낮이(옵션 hero_etxt_dy / en_dy / ko_dy / desc_dy, 모바일은 _mo). translate 는 등장 모션의 transform 과 따로 계산된다 */
.sp-hero-eyebrow{translate:0 var(--sp-hero-etxt-dy,0px)}.sp-hero-en{translate:0 var(--sp-hero-en-dy,0px)}.sp-hero h1>.sp-hr-w:has(>.sp-hero-ko){translate:0 var(--sp-hero-ko-dy,0px)}.sp-hero-desc{translate:0 var(--sp-hero-desc-dy,0px)}
@media (max-width:900px){.sp-hero-eyebrow{translate:0 var(--sp-hero-etxt-dy-mo,0px)}.sp-hero-en{translate:0 var(--sp-hero-en-dy-mo,0px)}.sp-hero h1>.sp-hr-w:has(>.sp-hero-ko){translate:0 var(--sp-hero-ko-dy-mo,0px)}.sp-hero-desc{translate:0 var(--sp-hero-desc-dy-mo,0px)}}
/* 서브nav / 시술요약 칩 자유 위치 — '왼쪽/오른쪽 모서리 기준'에서 직접 px (반응형 안전: 콘텐츠 박스 모서리 절대배치).
   기준 미지정(.sp-pos-* 없음)이면 기존 흐름 그대로. 지정 시 흐름에서 빠져 고정. */
.sp-subnav-hero-wrap.sp-fpos,.sp-geo-meta.sp-fpos{position:absolute;z-index:200;margin:0!important;width:max-content;max-width:92%}
/* 가로: 왼쪽/오른쪽 모서리 기준 직접 px */
.sp-subnav-hero-wrap.sp-fx-left {left:var(--sp-hero-subnav-x,0px);right:auto}
.sp-subnav-hero-wrap.sp-fx-right{right:var(--sp-hero-subnav-x,0px);left:auto}
.sp-geo-meta.sp-fx-left {left:var(--sp-hero-geo-x,0px);right:auto}
.sp-geo-meta.sp-fx-right{right:var(--sp-hero-geo-x,0px);left:auto}
/* 세로: 위/아래 모서리 기준 직접 px — '아래 기준'이면 높이가 바뀌어도 바닥에서 같은 거리 유지(반응형) */
.sp-subnav-hero-wrap.sp-fy-top   {top:var(--sp-hero-subnav-y,0px);bottom:auto}
.sp-subnav-hero-wrap.sp-fy-bottom{bottom:var(--sp-hero-subnav-y,0px);top:auto}
.sp-geo-meta.sp-fy-top   {top:var(--sp-hero-geo-y,0px);bottom:auto}
.sp-geo-meta.sp-fy-bottom{bottom:var(--sp-hero-geo-y,0px);top:auto}
@media (max-width:900px){
  .sp-subnav-hero-wrap.sp-fx-left {left:var(--sp-hero-subnav-x-mo,var(--sp-hero-subnav-x,0px))}
  .sp-subnav-hero-wrap.sp-fx-right{right:var(--sp-hero-subnav-x-mo,var(--sp-hero-subnav-x,0px))}
  .sp-subnav-hero-wrap.sp-fy-top   {top:var(--sp-hero-subnav-y-mo,var(--sp-hero-subnav-y,0px))}
  .sp-subnav-hero-wrap.sp-fy-bottom{bottom:var(--sp-hero-subnav-y-mo,var(--sp-hero-subnav-y,0px))}
  .sp-geo-meta.sp-fx-left {left:var(--sp-hero-geo-x-mo,var(--sp-hero-geo-x,0px))}
  .sp-geo-meta.sp-fx-right{right:var(--sp-hero-geo-x-mo,var(--sp-hero-geo-x,0px))}
  .sp-geo-meta.sp-fy-top   {top:var(--sp-hero-geo-y-mo,var(--sp-hero-geo-y,0px))}
  .sp-geo-meta.sp-fy-bottom{bottom:var(--sp-hero-geo-y-mo,var(--sp-hero-geo-y,0px))}
}
.sp-hero-img{width:min(100%,var(--sp-hero-img-mw,100%));max-width:none;justify-self:center;transform:translate(var(--sp-hero-img-move-x,0px),var(--sp-hero-img-move-y,0px))}
/* 낮은 데스크톱에서는 아래로 이동한 히어로 이미지가 다음 섹션을 덮지 않도록
   translate 양수값만큼 문서 흐름의 안전 공간을 확보한다. 가로 기준을 함께 둬
   단일 열 모바일 규칙과 모바일 가로 화면에는 영향을 주지 않는다. */
@media (min-width:901px) and (max-height:849px),
       (min-width:901px) and (min-aspect-ratio:3/2){
    body:not(.sp-edit) .sp-hero:not(.sp-hero--no-img){
        margin-bottom:var(--sp-hero-flow-guard,0px);
    }
    body:not(.sp-edit) .sp-hero:not(.sp-hero--no-img)::after{
        content:'';position:absolute;top:100%;left:0;right:0;
        height:var(--sp-hero-flow-guard,0px);
        background:var(--sp-hero-sec-bg,transparent);
        pointer-events:none;z-index:0;
    }
}
@media (min-width:901px) and (max-height:699px){
    body:not(.sp-edit) .sp-hero:not(.sp-hero--no-img){
        margin-bottom:var(--sp-hero-flow-guard,0px);
    }
}
@media (max-width:768px){
    /* 모바일 앞이미지는 PC의 고정 크기/박스 이동을 상속하지 않는다.
       PC용 px 크기나 translate가 좁은 화면에서 텍스트·서브내비와 겹치는 것을 막고,
       모바일에서 직접 저장한 _mo 값만 적용한다. */
    .sp-hero{min-height:var(--sp-hero-min-h-mo,var(--sp-hero-min-h,100vh))}
    .sp-hero-txt{padding:var(--sp-hero-pad0,var(--sp-hero-pad-y-mo,var(--sp-hero-pad-y,80px))) 0}
    .sp-hero-img{
        width:min(100%,var(--sp-hero-img-mw-mo,100%));
        max-width:100%;
        height:var(--sp-hero-img-h-mo,auto);
        justify-self:center;
        transform:translate(var(--sp-hero-img-move-x-mo,0px),var(--sp-hero-img-move-y-mo,0px))
    }
}
/* Eyebrow 끄기(hero_etxt_hide → --sp-hero-d-etxt:none) 시 선(eline)·여백까지 행 전체 숨김 */
.sp-hero-eyebrow{display:var(--sp-hero-d-etxt,flex);align-items:center;gap:12px;margin-bottom:20px}
.sp-hero-eline{width:32px;height:1px;background:var(--sp-hero-c-etxt,var(--sp-gold));transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.sp-hero.is-loaded .sp-hero-eline{transform:scaleX(1)}
.sp-hero-etxt{font-size:var(--sp-hero-t-etxt,var(--sp-t-sm));font-weight:var(--sp-hero-w-etxt,400);color:var(--sp-hero-c-etxt,var(--sp-gold));font-family:var(--font-eng);margin-bottom:var(--sp-hero-etxt-mb,0);opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1)}
.sp-hero.is-loaded .sp-hero-etxt{opacity:1}
.sp-hr-w{display:block;overflow:hidden;padding-top:var(--sp-hero-reveal-pt,var(--sp-hero-en-pt,.18em));padding-bottom:var(--sp-hero-reveal-pb,.16em);margin-top:calc(var(--sp-hero-reveal-pt,var(--sp-hero-en-pt,.18em)) * -1);margin-bottom:calc(var(--sp-hero-reveal-pb,.16em) * -1)}
.sp-hr-l{display:block;transform:translateY(108%);opacity:0;transition:transform .9s cubic-bezier(.05,.7,.1,1),opacity .7s cubic-bezier(.16,1,.3,1)}
.sp-hero.is-loaded .sp-hr-l{transform:translateY(0);opacity:1}
.sp-hero.is-loaded .sp-hr-l:nth-child(2){transition-delay:.1s}
.sp-hero.is-loaded .sp-hr-l:nth-child(3){transition-delay:.18s}
/* 히어로 텍스트 등장 모션 옵션 (hero_anim) — @keyframes 자동 재생.
   transition+is-loaded 는 첫 페인트 전 동기 적용 시 트랜지션이 안 걸려 모션이 안 보일 수 있어,
   로드 시점/JS 타이밍과 무관하게 확실히 재생되는 애니메이션으로 처리. both 로 끝 상태(표시) 고정.
   영문 라인 리빌은 중립화하고, 히어로 텍스트 전체(eyebrow·영문·한글·설명)에 적용 → 한/영 제목 무관 */
@keyframes spHaFade{from{opacity:0}to{opacity:1}}
@keyframes spHaUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes spHaBlur{from{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur(0)}}
@keyframes spHaZoom{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
.sp-hero--anim-fade .sp-hr-w,.sp-hero--anim-up .sp-hr-w,.sp-hero--anim-blur .sp-hr-w,.sp-hero--anim-zoom .sp-hr-w{overflow:visible}
.sp-hero--anim-fade .sp-hr-l,.sp-hero--anim-up .sp-hr-l,.sp-hero--anim-blur .sp-hr-l,.sp-hero--anim-zoom .sp-hr-l{opacity:1;transform:none;filter:none;transition:none}
.sp-hero--anim-fade .sp-hero-etxt{animation:spHaFade .9s cubic-bezier(.22,1,.36,1) both}
.sp-hero--anim-fade .sp-hero-en{animation:spHaFade .9s cubic-bezier(.22,1,.36,1) .08s both}
.sp-hero--anim-fade .sp-hero-ko{animation:spHaFade .9s cubic-bezier(.22,1,.36,1) .16s both}
.sp-hero--anim-fade .sp-hero-desc{animation:spHaFade .9s cubic-bezier(.22,1,.36,1) .24s both}
.sp-hero--anim-up .sp-hero-etxt{animation:spHaUp .9s cubic-bezier(.22,1,.36,1) both}
.sp-hero--anim-up .sp-hero-en{animation:spHaUp .9s cubic-bezier(.22,1,.36,1) .08s both}
.sp-hero--anim-up .sp-hero-ko{animation:spHaUp .9s cubic-bezier(.22,1,.36,1) .16s both}
.sp-hero--anim-up .sp-hero-desc{animation:spHaUp .9s cubic-bezier(.22,1,.36,1) .24s both}
.sp-hero--anim-blur .sp-hero-etxt{animation:spHaBlur 1s cubic-bezier(.22,1,.36,1) both}
.sp-hero--anim-blur .sp-hero-en{animation:spHaBlur 1s cubic-bezier(.22,1,.36,1) .08s both}
.sp-hero--anim-blur .sp-hero-ko{animation:spHaBlur 1s cubic-bezier(.22,1,.36,1) .16s both}
.sp-hero--anim-blur .sp-hero-desc{animation:spHaBlur 1s cubic-bezier(.22,1,.36,1) .24s both}
.sp-hero--anim-zoom .sp-hero-etxt{animation:spHaZoom 1s cubic-bezier(.22,1,.36,1) both;transform-origin:left center}
.sp-hero--anim-zoom .sp-hero-en{animation:spHaZoom 1s cubic-bezier(.22,1,.36,1) .08s both;transform-origin:left center}
.sp-hero--anim-zoom .sp-hero-ko{animation:spHaZoom 1s cubic-bezier(.22,1,.36,1) .16s both;transform-origin:left center}
.sp-hero--anim-zoom .sp-hero-desc{animation:spHaZoom 1s cubic-bezier(.22,1,.36,1) .24s both;transform-origin:left center}
@media(max-width:768px){@keyframes spHaBlur{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}}
/* ===== 제목 글자별 등장 (sp-charev) — 시술법/히어로 제목. transform+opacity 만 사용(컴포지터 전용) → 성능 최상. JS 가 글자 span 분해, 스크롤 진입 시 재생 ===== */
.sp-charev{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}
.sp-charev .sp-cr-c{display:inline-block;opacity:0;transform:translateY(.5em);will-change:transform,opacity}
.sp-charev .sp-cr-sp{display:inline-block}
.sp-charev.is-revealed .sp-cr-c{animation:spCharRev .52s cubic-bezier(.22,.61,.36,1) both}
@keyframes spCharRev{from{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}
/* 히어로 글자별 모드: 라인 슬라이드 끄고(글자 단위로 대체) 마스크 해제 — 글자가 줄 박스 밖에서 슬라이드 인 해도 안 잘리게 */
.sp-hero--anim-char .sp-hr-l{opacity:1;transform:none;filter:none;transition:none}
.sp-hero--anim-char .sp-hr-w{overflow:visible}
.sp-hero--anim-char .sp-hero-desc{opacity:1;transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.sp-charev .sp-cr-c{opacity:1;transform:none;animation:none}}
.sp-hero-en{display:var(--sp-hero-d-en,block);font-family:var(--font-eng);font-size:var(--sp-hero-t-en,clamp(44px,6vw,88px));font-weight:var(--sp-hero-w-en,300);line-height:var(--sp-hero-en-lh,.96);color:var(--sp-hero-c-en,var(--sp-text));margin-bottom:var(--sp-hero-en-mb,8px)}
/* 영문 가로 꽉차게 — 영문 영역(h1)을 텍스트 영역 전체폭으로 늘리고(flex 내용폭 수축 해제) 각 줄을 양끝정렬해 좌우 끝까지 채움.
   (단어 2개 이상인 줄에서 단어가 양끝으로 벌어짐. 한 단어만 있는 줄은 못 벌어짐) */
.sp-hero--enfill .sp-hero-txt > h1{align-self:stretch;width:100%}
.sp-hero--enfill .sp-hero-en{width:100%}
.sp-hero--enfill .sp-hero-en .sp-hr-w{display:block;width:100%}
/* nowrap — _spEnFit 가 폭에 맞춰 키운 줄이 모바일 좁은 폭에서 justify/반올림 오차로
   둘째 단어가 줄바꿈되던 것 방지. 한 줄 강제 + justify-last 로 단어 간격만 벌어짐 */
.sp-hero--enfill .sp-hero-en .sp-hr-l{text-align:justify;text-align-last:justify;white-space:nowrap}
.sp-hero-ko{font-size:var(--sty-t-title,var(--sp-hero-t-ko,var(--sp-t-hd)));font-weight:var(--sp-hero-w-ko,400);letter-spacing:-.01em;color:var(--sp-hero-c-ko,var(--sp-muted));margin-bottom:var(--sp-hero-ko-mb,36px)}
.sp-hero-desc{font-size:var(--sp-hero-t-desc,var(--sp-t-body));font-weight:var(--sp-hero-w-desc,400);line-height:1.9;color:var(--sp-hero-c-desc,var(--sp-muted));max-width:420px;margin-bottom:var(--sp-hero-desc-mb,48px);opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.05,.7,.1,1)}
.sp-hero.is-loaded .sp-hero-desc{opacity:1;transform:translateY(0);transition-delay:.3s}
.sp-hero-acts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;opacity:0;transform:translateY(12px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.05,.7,.1,1)}
.sp-hero.is-loaded .sp-hero-acts{opacity:1;transform:translateY(0);transition-delay:.45s}
.sp-btn-m{display:inline-flex;align-items:center;gap:8px;font-size:var(--sp-t-sm);padding:14px 30px;font-weight:600;transition:opacity .25s cubic-bezier(.16,1,.3,1)}
.sp-btn-m:hover{opacity:.82}
/* 페이지 톤(옵션 hero_page_tone=dark): 유리 헤더는 어두운 유리와 밝은 글자로 */
body.sp-page--dark #hv-hd.hv--glass{--hv-glass-bg:rgba(22,22,24,.62);--hv-glass-sh:0 10px 30px rgba(0,0,0,.3);--hv-tx-index:#f5f5f7;--hv-tx-sub:#f5f5f7;--hv-tx-sc:#f5f5f7}
/* 현재 메뉴 글자와 밑줄은 사이트 인덱스 색(어두운 색)이라 어두운 유리 위에서 보이지 않는다 */
body.sp-page--dark #hv-hd.hv--glass .hv-li.hv--cur>.hv-a{color:#fff}
body.sp-page--dark #hv-hd.hv--glass .hv-a::before,body.sp-page--dark #hv-hd.hv--glass .hv-a::after{background-color:#f5f5f7}
/* 헤더가 본문 위에 자리를 따로 차지하는 화면(모바일)에서 헤더 뒤로 흰 바탕이 비치지 않게 */
body.sp-page--dark{background-color:#000}
/* 퀵(앱 탭 막대)과 떠 있는 버튼도 어두운 유리로 */
body.sp-page--dark #qtab_bar,body.sp-page--dark #qtab_lang{--qt-bg:rgba(44,44,46,.72);--qt-tx:rgba(255,255,255,.66);--qt-tx-on:#fff;--qt-on:rgba(255,255,255,.14)}
html body.sp-page--dark:not(#hfs-a):not(#hfs-b) :is(#ftrScrollTop,.hk-fab,#aiChatToggle){background:rgba(58,58,60,.82)!important;color:#f5f5f7!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 8px 24px rgba(0,0,0,.4)!important}
body.sp-page--dark #ftrScrollTop{--fst-bg:rgba(58,58,60,.82);--fst-c:#f5f5f7}
/* 페이지 톤(옵션 hero_page_tone=dark): 히어로 아래 큰 화면에 붙는 버튼 막대와 히어로 안 막대를 어두운 유리로 */
#sp-sec-hero.sp-hero--tone-dark~section .sp-hero-acts-dock .sp-hero-acts,body:not(.sp-edit) #sp-sec-hero.sp-hero--tone-dark.sp-hero--acts-bar .sp-hero-acts{background:rgba(66,66,69,.72)}
#sp-sec-hero.sp-hero--tone-dark~section .sp-hero-acts-dock .sp-hero-acts-note,body:not(.sp-edit) #sp-sec-hero.sp-hero--tone-dark.sp-hero--acts-bar .sp-hero-acts-note{color:#f5f5f7}
@media (hover:hover){#sp-sec-hero.sp-hero--tone-dark~section .sp-hero-acts-dock .sp-hero-acts:hover{background:rgba(82,82,86,.82)}}
/* 제목 줄 순서(옵션 hero_title_order=ko_first): 한글 제목을 큰 제목 위에 둔다 */
.sp-hero--ko-first h1{display:flex;flex-direction:column}
.sp-hero--ko-first h1>.sp-hero-en{order:2}
.sp-hero--ko-first h1>.sp-hr-w{order:1;margin-bottom:12px!important}
.sp-hero--ko-first h1{margin-bottom:0}.sp-hero--ko-first h1>.sp-hero-en{line-height:1.15}.sp-hero--ko-first .sp-hero-desc{margin-top:20px}.sp-hero--ko-first .sp-hero-acts{margin-top:32px}
/* 버튼 막대(옵션 hero_acts_bar=bar|bar_media): 안내 글 + 버튼을 유리 알약 하나에. 작은 머리말 자리는 방문자 화면에서 비운다.
   bar_media 는 스크립트가 막대를 다음 섹션의 큰 화면 아래쪽(.sp-hero-acts-dock)으로 옮긴다. 막대 어디를 눌러도 버튼 링크로 이동한다 */
body:not(.sp-edit) .sp-hero--acts-bar .sp-hero-eyebrow{display:none}
:is(body:not(.sp-edit) .sp-hero--acts-bar,.sp-hero-acts-dock) .sp-hero-acts{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:20px;width:auto;padding:10px 10px 10px 26px;border-radius:999px;background:rgba(232,232,237,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s}
:is(body:not(.sp-edit) .sp-hero--acts-bar,.sp-hero-acts-dock) .sp-hero-acts:active{transform:scale(.97)}
@media (hover:hover){:is(body:not(.sp-edit) .sp-hero--acts-bar,.sp-hero-acts-dock) .sp-hero-acts:hover{background:rgba(226,226,232,.86)}}
:is(body:not(.sp-edit) .sp-hero--acts-bar,.sp-hero-acts-dock) .sp-hero-acts-note{font-size:17px;font-weight:400;line-height:1.3;letter-spacing:0;color:#1d1d1f;white-space:nowrap}
:is(body:not(.sp-edit) .sp-hero--acts-bar,.sp-hero-acts-dock) .sp-hero-acts .sp-btn-m{min-height:44px;padding:0 22px;font-size:17px;font-weight:400}
.sp-hero-acts-dock{position:relative;z-index:3;display:flex;justify-content:center;margin-top:-96px;padding:0 16px 32px;pointer-events:none}
.sp-hero-acts-dock .sp-hero-acts{opacity:1;transform:none;pointer-events:auto;margin:0}
.sp-hero-acts-dock .sp-hero-acts:active{transform:scale(.97)}
.sp-hero-acts-dock .sp-btn-m{border-radius:999px}
.sp-hero-acts-dock[style*="--sp-hero-btn-bg"] #sp-btn-online{background:var(--sp-hero-btn-bg)!important;border-color:var(--sp-hero-btn-bg)!important}
.sp-hero-acts-dock[style*="--sp-hero-btn-tx"] #sp-btn-online{color:var(--sp-hero-btn-tx)!important}
@media(max-width:734px){:is(body:not(.sp-edit) .sp-hero--acts-bar,.sp-hero-acts-dock) .sp-hero-acts{display:flex;justify-content:space-between;width:100%;box-sizing:border-box;gap:12px;padding:8px 8px 8px 20px}:is(body:not(.sp-edit) .sp-hero--acts-bar,.sp-hero-acts-dock) .sp-hero-acts-note{font-size:14px;white-space:normal}:is(body:not(.sp-edit) .sp-hero--acts-bar,.sp-hero-acts-dock) .sp-hero-acts .sp-btn-m{min-height:40px;padding:0 18px;font-size:14px}.sp-hero-acts-dock{margin-top:-80px;padding-bottom:24px}}
/* 제품형 히어로(hero_acts_bar=bar_media): 높이를 글 높이만큼만 쓰고, 이름 21/600 · 큰 문장 · 작은 안내 순으로 촘촘하게 둔다. 바로 아래 섹션의 큰 화면이 첫 화면에 함께 보인다 */
body:not(.sp-edit) .sp-hero.sp-hero--acts-media{min-height:0!important}
/* 제품형 히어로는 글을 단계별로 띄우지 않고 처음부터 그대로 보여 준다(줄마다 따로 나타나며 끊겨 보이던 것). 버튼 막대는 아래 화면으로 옮겨지기 전까지 자리를 차지하지 않는다 */
body:not(.sp-edit) .sp-hero.sp-hero--acts-media :is(.sp-hr-l,.sp-hero-en,.sp-hero-ko,.sp-hero-etxt,.sp-hero-desc,.sp-hero-eline){filter:none!important;transition:none!important}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media :is(.sp-hero-en,.sp-hero-etxt,.sp-hero-eline){opacity:1!important;transform:none!important;animation:none!important}
/* 제품형 히어로 등장: 이름, 큰 문장(줄마다 아래에서 올라옴), 설명, 큰 화면, 버튼 막대 순. opacity·transform 만 쓴다(끊김 없음).
   큰 화면 섹션은 처음 그릴 때부터 스타일로 잡는다(스크립트가 나중에 붙이면 보였다가 다시 사라져 깜빡인다) */
body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-hero-ko{animation:spHeroRise .9s cubic-bezier(.16,1,.3,1) both!important}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-hero-en{overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em!important}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-hero-en .sp-hr-l{animation:spHeroLine 1.2s cubic-bezier(.16,1,.3,1) .1s both!important}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-hero-en .sp-hr-l+.sp-hr-l{animation-delay:.2s!important}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-hero-desc{animation:spHeroRise 1s cubic-bezier(.16,1,.3,1) .4s both!important}
body:not(.sp-edit) #sp-sec-hero.sp-hero--acts-media~section.sp-ext-crd-common:not(section.sp-ext-crd-common~section.sp-ext-crd-common)>.sp-b{animation:spHeroOpen 1.4s cubic-bezier(.16,1,.3,1) both}
@keyframes spHeroRise{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:none}}
@keyframes spHeroLine{from{opacity:0;transform:translate3d(0,105%,0)}to{opacity:1;transform:none}}
@keyframes spHeroOpen{from{transform:translate3d(0,64px,0)}to{transform:none}}
/* 버튼 막대: 큰 화면 아래로 옮겨지기 전에는 그리지 않는다(히어로에 잠깐 보였다가 자리를 옮기던 것). 옮길 곳이 없으면 히어로에 그대로 둔다 */
body:not(.sp-edit) .sp-hero.sp-hero--acts-media:not(.sp-hero--acts-nodock) .sp-hero-acts{display:none}
.sp-hero-acts-dock .sp-hero-acts{animation:spHeroDockIn .7s ease .9s both}
@media (prefers-reduced-motion:reduce){body:not(.sp-edit) .sp-hero.sp-hero--acts-media :is(.sp-hero-ko,.sp-hero-en .sp-hr-l,.sp-hero-desc),body:not(.sp-edit) #sp-sec-hero.sp-hero--acts-media~section.sp-ext-crd-common:not(section.sp-ext-crd-common~section.sp-ext-crd-common)>.sp-b,.sp-hero-acts-dock .sp-hero-acts{animation:none!important}.sp-hero-acts-dock .sp-hero-acts{opacity:1!important}}
@keyframes spHeroDockIn{from{opacity:0}to{opacity:1}}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-hero-txt{justify-content:flex-start;padding:calc(var(--hv-hd-top,0px) + 156px) 0 0!important}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media h1{margin:0}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media h1>.sp-hr-w{margin-bottom:8px!important}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-hero-ko{margin-bottom:0!important;line-height:1!important}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-hero-en{margin:0!important}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-hero-en .sp-hr-l{line-height:1.15}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-geo-meta{margin:0}
body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-hero-desc{margin:22px 0 0!important;line-height:1.43!important}
@media(max-width:734px){body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-hero-txt{padding-top:calc(var(--hv-hd-top,0px) + 132px)!important}body:not(.sp-edit) .sp-hero.sp-hero--acts-media .sp-hero-en .sp-hr-l{line-height:1.19}.sp-hero-acts-dock .sp-hero-acts{display:inline-flex;width:auto;max-width:100%}}
/* 히어로 버튼 모양·색(옵션 hero_btn_shape / hero_btn_bg / hero_btn_tx) */
.sp-hero--btn-pill :is(.sp-btn-m,.sp-btn-naver){border-radius:999px;padding:12px 24px}
.sp-hero[style*="--sp-hero-btn-bg"] #sp-btn-online{background:var(--sp-hero-btn-bg)!important;border-color:var(--sp-hero-btn-bg)!important}
.sp-hero[style*="--sp-hero-btn-tx"] #sp-btn-online{color:var(--sp-hero-btn-tx)!important}
.sp-btn-s{display:inline-flex;align-items:center;gap:8px;font-size:var(--sp-t-sm);padding:13px 30px;border:1px solid rgba(26,14,6,.25);color:var(--sp-muted);transition:border-color .25s,color .25s}
.sp-btn-s:hover{border-color:var(--sp-gold);color:var(--sp-gold)}
.sp-btn-naver{display:inline-flex;align-items:center;gap:8px;font-size:var(--sp-t-sm);padding:13px 30px;font-weight:600;border:none;transition:opacity .25s cubic-bezier(.16,1,.3,1)}
.sp-btn-naver:hover{opacity:.82}
.index_bg_kk{background:#FEE500;color:#3C1E1E}
.index_bg_nv{background:#03C75A;color:#fff}
.index_bg1{background:var(--sp-btn-primary);color:#fff}
.sp-hero-img{position:relative;overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.05,.7,.1,1);border-radius:var(--sp-hero-img-radius,0);height:var(--sp-hero-img-h,auto);min-height:var(--sp-hero-img-h,0)}
.sp-hero-img::after{content:'';position:absolute;inset:0;background:var(--sp-hero-img-grad,transparent);pointer-events:none;z-index:2;transition:background .3s}
.sp-hero-img.on{clip-path:inset(0 0% 0 0)}
.sp-hero-img img,.sp-hero-img video{width:100%;height:100%;object-fit:cover;object-position:calc(50% + var(--sp-hero-img-x,0%)) var(--sp-hero-img-y,0%)!important}
.sp-hero-img img{transform:scale(1.07);transition:transform 1.8s cubic-bezier(.16,1,.3,1)}
.sp-hero-img.on img{transform:scale(1)}
@media (max-width:900px){.sp-hero-img img,.sp-hero-img video{object-position:calc(50% + var(--sp-hero-img-x-mo,0%)) var(--sp-hero-img-y-mo,50%)!important}}
.sp-hero-img-ov{display:none}
.sp-hero--no-img .sp-hero-in{grid-template-columns:1fr}
.sp-hero--no-img .sp-hero-txt{max-width:var(--sp-hero-text-mw,960px);padding:var(--sp-hero-pad0,100px) 0;justify-self:var(--sp-hero-h-align-justify,start)}
.sp-hero--no-img .sp-hero-desc{max-width:none}
.sp-hero--no-img .sp-hero-img{display:none}

/* =============================================
   S2 — 증상/추천
============================================= */
.sp-s2{background:var(--sp-s2-sec-bg,var(--sp-bg2));position:relative;padding:var(--sp-s2-pad-y,0) 0;text-align:var(--sp-s2-h-align,inherit)}
@media (max-width:768px){.sp-s2{padding:var(--sp-s2-pad-y-mo,var(--sp-s2-pad-y,0)) 0}}
.sp-s2-lay{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:600px}
.sp-s2-img{position:relative;overflow:hidden}
.sp-s2-img img{width:100%;height:100%;object-fit:cover;object-position:center top}
.sp-s2-iov{display:none}
.sp-s2-cnt{padding:80px 0 80px 64px;display:flex;flex-direction:column;justify-content:center}
.sp-s2-eyebrow{font-size:var(--sp-s2-t-eyebrow,var(--sp-t-sm));font-weight:var(--sp-s2-w-eyebrow,400);color:var(--sp-s2-c-eyebrow,var(--sp-gold));margin-bottom:16px}
.sp-s2-title{font-size:var(--sty-t-title,var(--sp-s2-t-title,var(--sp-t-hd)));font-weight:var(--sp-s2-w-title,400);line-height:1.45;letter-spacing:-.01em;margin-bottom:44px;color:var(--sp-s2-c-title,inherit)}
.sp-s2-items{display:flex;flex-direction:column}
.sp-s2-item{display:flex;align-items:flex-start;gap:20px;padding:20px 0;border-bottom:1px solid var(--sp-line);opacity:0;transform:translateX(20px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.05,.7,.1,1)}
.sp-s2-item:first-child{border-top:1px solid var(--sp-line)}
.sp-s2-item.on{opacity:1;transform:translateX(0)}
.sp-s2-empty{display:none}
.sp-s2-num{font-family:var(--font-eng);font-size:var(--sp-s2-t-num,20px);font-weight:300;color:var(--sp-text);flex-shrink:0;line-height:1.2;min-width:36px}
.sp-s2-itxt{padding-top:4px;flex:1;min-width:0}
.sp-s2-iname{font-size:var(--sp-s2-t-iname,var(--sp-t-body));font-weight:var(--sp-s2-w-iname,500);margin-bottom:4px;color:var(--sp-s2-c-iname,inherit)}
.sp-s2-idesc{font-size:var(--sp-s2-t-idesc,var(--sp-t-sm));font-weight:var(--sp-s2-w-idesc,400);color:var(--sp-s2-c-idesc,var(--sp-muted));line-height:1.7}
/* s2 플립: 이미지를 오른쪽으로 */
.sp-s2--flip .sp-s2-img{order:2}
/* s2 번호 숨기기 */
.sp-s2--nonum .sp-s2-num{display:none}
/* s2 심플 리스트 디자인 — 소프트 카드 + 다크 둥근 번호 배지 (레퍼런스). 이미지/2단 레이아웃은 그대로 */
.sp-s2--simple .sp-s2-items{gap:12px}
.sp-s2--simple .sp-s2-item{background:rgba(0,0,0,.025);border:none!important;border-radius:14px;padding:22px 26px;align-items:flex-start;gap:16px}
.sp-s2--simple .sp-s2-item:first-child{border-top:none!important}
/* 번호 배지 — 원형 고정 크기. 전역 폰트 강제(!important)도 못 줄이게 !important */
.sp-s2--simple .sp-s2-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;padding:0;margin-top:8px;font-size:16px!important;font-weight:600;line-height:1;color:#fff;background:var(--sp-text,#1a1a1a);border-radius:50%;opacity:1}
.sp-s2--simple .sp-s2-itxt{padding-top:2px}
/* 항목 제목 — 본문보다 큰 소제목 크기로 고정(전역 강제가 17px로 깔아뭉개는 것 방지).
   굵기는 팝오버 '증상 이름 → 굵기'(--sp-s2-w-iname) 로 조절 가능, 미지정 시 700. !important 로 전역 굵기 강제도 이김 */
.sp-s2--simple .sp-s2-iname{font-size:var(--sp-t-sub)!important;font-weight:var(--sp-s2-w-iname,700)!important;margin-bottom:6px}
/* ext sym 번호 숨기기 */
.sp-ext-sym--nonum .sp-ext-sym-num{display:none}
/* s2 아이템 삭제 버튼 */
.sp-s2-item{position:relative}

/* =============================================
   S3 — 다크 배너
============================================= */
.sp-s3{position:relative;overflow:hidden;padding:var(--sp-s3-pad-y,140px) 0;background:var(--sp-s3-sec-bg,var(--sp-gold));text-align:var(--sp-s3-h-align,center)}
/* s3 중앙 미디어 — PC/모바일 슬롯 별도 + img_mw (px 또는 100%) 로 폭 조절 */
.sp-s3-media-row{width:100%;display:block;margin:36px auto 28px}
.sp-s3-img{position:relative;width:100%;max-width:var(--sp-s3-img-mw,640px);margin:0 auto;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.04)}
.sp-s3-img img,.sp-s3-img video{display:block;width:100%;height:auto;object-fit:cover}
.sp-s3-img.is-empty{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.03)}
.sp-s3-img-ph{padding:24px;text-align:center;color:rgba(255,255,255,.6);font-size:13px;letter-spacing:.02em}
.sp-s3-desc{font-size:var(--sp-s3-t-desc,var(--sp-t-sm));line-height:1.85;color:var(--sp-s3-c-desc,rgba(255,255,255,.7));max-width:var(--sp-s3-desc-mw,760px);margin:0 auto 36px;font-weight:var(--sp-s3-w-desc,300);letter-spacing:-.005em}
/* PC 슬롯 — 모바일에서 자동 숨김 (모바일 슬롯이 있을 때만, 없으면 PC 그대로 보임) */
.sp-s3-media-row .sp-s3-img--mo{display:none}
@media (max-width:768px){
    .sp-s3-img{max-width:var(--sp-s3-img-mw-mo,var(--sp-s3-img-mw,520px));border-radius:12px}
    .sp-s3-media-row{margin:24px auto 20px}
    .sp-s3-desc{margin-bottom:28px}
    /* 모바일 상하단 여백 자동 축소 — 고정값(eyebrow 24·title 20·sub 60)이 모바일에서 과해서 줄임 */
    .sp-s3-eyebrow{margin-bottom:14px}
    .sp-s3-title{margin-bottom:13px}
    .sp-s3-sub{margin-bottom:32px}
    /* 모바일에서: 모바일 슬롯 있으면 그게 우선, 없으면 PC 그대로 */
    body:not(.sp-edit) .sp-s3-media-row:has(.sp-s3-img--mo:not(.is-empty)) .sp-s3-img--pc{display:none}
    body:not(.sp-edit) .sp-s3-media-row .sp-s3-img--mo:not(.is-empty){display:block}
}
@media (max-width:768px){.sp-s3{padding:var(--sp-s3-pad-y-mo,var(--sp-s3-pad-y,140px)) 0}}
.sp-s3-eyebrow{font-size:var(--sp-s3-t-eyebrow,var(--sp-t-sm));font-weight:var(--sp-s3-w-eyebrow,400);color:var(--sp-s3-c-eyebrow,rgba(255,255,255,.5));margin-bottom:24px;line-height:1.4}
.sp-s3-title{font-size:var(--sty-t-title,var(--sp-s3-t-title,var(--sp-t-hd)));font-weight:var(--sp-s3-w-title,400);line-height:1.4;letter-spacing:-.02em;margin-bottom:20px;color:var(--sp-s3-c-title,#fff)}
.sp-s3-sub{font-size:var(--sp-s3-t-sub,var(--sp-t-body));line-height:1.9;color:var(--sp-s3-c-sub,rgba(255,255,255,.55));margin-bottom:60px;font-weight:var(--sp-s3-w-sub,300)}
.sp-s3-tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.sp-s3-tag{font-size:var(--sp-s3-t-tag,var(--sp-t-sm));font-weight:var(--sp-s3-w-tag,400);padding:8px 20px;border:1px solid rgba(255,255,255,.25);color:var(--sp-s3-c-tag,rgba(255,255,255,.6));border-radius:100px;transition:background .25s cubic-bezier(.16,1,.3,1),border-color .25s,color .25s,transform .25s;cursor:default}
.sp-s3-tag.hl{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7);color:#fff}
.sp-s3-tag:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7);color:#fff;transform:translateY(-2px)}
/* 다른 태그 hover 중이면 .hl 활성화 해제 */
.sp-s3-tags:hover .sp-s3-tag.hl:not(:hover){background:transparent;border-color:rgba(255,255,255,.25);color:var(--sp-s3-c-tag,rgba(255,255,255,.6));transform:none}
.sp-s3-bg{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;overflow:hidden;z-index:0}
.sp-s3-bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.sp-s3-bg::after{display:none}
.sp-s3 .sp-b{position:relative;z-index:1}

/* =============================================
   PT01 — 텍스트 + 이미지
============================================= */
.sp-pt01{background:var(--sp-pt01-sec-bg,var(--sp-bg2));padding:var(--sty-pad-y,var(--sp-pt01-pad-y,100px)) 0;position:relative;overflow:hidden}
@media (max-width:768px){.sp-pt01{padding:var(--sty-pad-y-mo,var(--sty-pad-y,var(--sp-pt01-pad-y,100px))) 0}}
.sp-pt01-bg{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;overflow:hidden;z-index:0}
.sp-pt01-bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.sp-pt01-bg::after{display:none}
.sp-pt01>.sp-b{position:relative;z-index:1}
.sp-pt01-lay{display:grid;grid-template-columns:var(--sp-pt01-ratio,1fr 1.4fr);gap:var(--sp-pt01-gap,80px);align-items:center}
.sp-pt01-lay > div:first-child{max-width:var(--sp-pt01-text-mw,none)}
.sp-pt01-body p{font-size:var(--sp-pt01-t-body,var(--sp-t-body));font-weight:var(--sp-pt01-w-body,400);line-height:2;color:var(--sp-pt01-c-body,var(--sp-muted));text-align:var(--sp-pt01-a-body,inherit);display:var(--sp-pt01-d-body,revert)}
.sp-pt01-body p+p{margin-top:18px}
.sp-pt01-title{font-size:var(--sty-t-title,var(--sp-pt01-t-hd,var(--sp-t-hd)));font-weight:var(--sp-pt01-w-title,400);line-height:1.5;letter-spacing:-.01em;margin-bottom:24px;color:var(--sp-pt01-c-title,inherit);text-align:var(--sp-pt01-a-title,inherit);display:var(--sp-pt01-d-title,revert)}
.sp-pt01-img{position:relative;overflow:hidden;background:var(--sp-bg3);min-height:60px;max-width:var(--sp-pt01-img-mw,none);border-radius:var(--sp-pt01-img-radius,0);display:var(--sp-pt01-img-display,revert)}
/* 기본값(--imgfit-h:auto, fill, pos:center) = 비율 미지정 시 기존 자연 높이 그대로. 비율 지정 시 cover+위치 조절 */
.sp-pt01-img img{width:100%;height:var(--sp-pt01-imgfit-h,auto);object-fit:var(--sp-pt01-imgfit,fill);object-position:var(--sp-pt01-img-pos,center);display:block}
/* 이미지 없을 때(placeholder) 최소 높이 확보 */
.sp-pt01-img.is-empty{aspect-ratio:4/5}
/* pt01 플립: 이미지를 왼쪽으로 */
.sp-pt01--flip .sp-pt01-img{order:-1}
/* pt01 텍스트만(이미지 0%) — 이미지 칼럼 숨기고 본문 전체폭. 업로드된 이미지가 있어도 옵션이 우선 */
.sp-pt01--noimg .sp-pt01-lay{grid-template-columns:1fr}
.sp-pt01--noimg .sp-pt01-img{display:none}
/* pt01 이미지만(텍스트 0%) — 텍스트 칼럼 숨기고 이미지 전체폭 */
.sp-pt01--notext .sp-pt01-lay{grid-template-columns:1fr}
.sp-pt01--notext .sp-pt01-lay > div:first-child{display:none}
/* pt05 플립: 이미지를 오른쪽으로 */
.sp-pt05--flip .sp-pt05-img{order:2}
/* pt05 체크 아이콘 카드 디자인 — 번호→체크 원형, 항목=카드 행 (색상 중립) */
.sp-pt05--check .sp-pt05-list{padding-top:8px}
.sp-pt05--check .sp-pt05-item{background:var(--sp-card-bg,var(--sp-pt05-check-bg,rgba(0,0,0,.035)));border:none!important;border-radius:12px;padding:18px 22px;margin-bottom:12px;align-items:center}
.sp-pt05--check .sp-pt05-item:last-child{margin-bottom:0}
.sp-pt05--check .sp-pt05-inum{font-size:0;width:26px;height:26px;min-width:26px;border-radius:50%;background:var(--sp-pt05-check-color,var(--sp-gold,#a8895a));display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}
.sp-pt05--check .sp-pt05-inum::before{content:"\2713";font-size:15px;color:#fff;line-height:1;font-family:inherit}
/* doctor 플립: 이미지를 오른쪽으로 */
.sp-doctor--flip .sp-doctor-img{order:2}
/* ext-sym 플립: 이미지를 오른쪽으로 */
.sp-ext-sym--flip .sp-ext-sym-img{order:2}
/* 플립 버튼 공통 */
.sp-s2,.sp-pt01,.sp-pt05,.sp-doctor,.sp-ext-sym{position:relative}


/* =============================================
   PT02 — 2 카드
============================================= */
.sp-pt02{background:var(--sp-pt02-sec-bg,var(--sp-bg));padding:var(--sp-pt02-pad-y,100px) 0;position:relative}
@media (max-width:768px){.sp-pt02{padding:var(--sp-pt02-pad-y-mo,var(--sp-pt02-pad-y,100px)) 0}}
.sp-pt02-cards{display:grid;grid-template-columns:var(--sp-pt02-cols-tmpl,repeat(var(--sp-cols,2),1fr));gap:var(--sp-pt02-gap,2px);margin-top:56px}
.sp-pt02-card{background:var(--sp-pt02-card-bg,var(--sp-card-bg,var(--sp-bg2)));position:relative;overflow:hidden;transition:background .35s cubic-bezier(.16,1,.3,1);border-radius:var(--sp-pt02-radius,0)}
.sp-pt02-card:hover{background:var(--sp-pt02-card-bg-hv,var(--sp-pt02-card-bg,var(--sp-card-bg,var(--sp-bg3))))}
.sp-pt02-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--sp-gold);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.sp-pt02-card:hover::before{transform:scaleX(1)}
.sp-pt02-card:hover{background:var(--sp-card-bg-hv,var(--sp-bg3))}
.sp-pt02-cimg{aspect-ratio:var(--sp-pt02-img-ratio,3/2);overflow:hidden;background:var(--sp-bg3);border-radius:var(--sp-pt02-img-radius,0)}
.sp-pt02-cimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.sp-pt02-card:hover .sp-pt02-cimg img{transform:scale(1.05)}
.sp-pt02-cbody{padding:40px}
.sp-pt02-cnum{font-family:var(--font-eng);font-size:64px;font-weight:300;color:rgba(0,0,0,.07);line-height:1;margin-bottom:24px}
.sp-pt02-ctag{display:inline-flex;font-size:var(--sp-pt02-t-ctag,var(--sp-t-sm));font-weight:var(--sp-pt02-w-ctag,400);border:1px solid rgba(26,14,6,.25);color:var(--sp-pt02-c-ctag,var(--sp-gold));padding:4px 12px;margin-bottom:14px}
.sp-pt02-ctitle{font-size:var(--sp-pt02-t-ctitle,var(--sp-t-sub));font-weight:var(--sp-pt02-w-ctitle,400);letter-spacing:-.01em;margin-bottom:14px;line-height:1.4;color:var(--sp-pt02-c-ctitle,inherit)}
.sp-pt02-cdesc{font-size:var(--sp-pt02-t-cdesc,var(--sp-t-sm));font-weight:var(--sp-pt02-w-cdesc,400);line-height:1.9;color:var(--sp-pt02-c-cdesc,var(--sp-muted))}

/* =============================================
   PT03 — 시술 정보 표
============================================= */
.sp-pt03{background:var(--sp-pt03-sec-bg,var(--sp-bg2));padding:var(--sp-pt03-pad-y,100px) 0;position:relative}
@media (max-width:768px){.sp-pt03{padding:var(--sp-pt03-pad-y-mo,var(--sp-pt03-pad-y,100px)) 0}}
.sp-pt03-grid{display:grid;grid-template-columns:var(--sp-pt03-cols-tmpl,repeat(5,1fr));margin-top:52px;border:1px solid var(--sp-pt03-div-c,var(--sp-line));border-radius:var(--sp-pt03-box-rad,0);overflow:hidden}
.sp-pt03-item{padding:36px 28px;border-right:var(--sp-pt03-div-w,1px) solid var(--sp-pt03-div-c,var(--sp-line));position:relative;background:var(--sp-pt03-card-bg,transparent);border-radius:var(--sp-pt03-radius,0);transition:background .28s}
.sp-pt03-item:hover{background:var(--sp-pt03-card-bg-hv,var(--sp-pt03-card-bg,transparent))}
.sp-pt03-item:last-child{border-right:none}
.sp-pt03-item::before{content:'';display:var(--sp-pt03-accent-d,block);position:absolute;top:0;left:0;right:0;height:2px;background:var(--sp-pt03-accent-c,var(--sp-gold));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.sp-pt03-item:hover::before{transform:scaleX(1)}
/* ── PT03 레이아웃 프리셋(design) ────────────────────────────── */
/* 카드 분리형 — 각 항목 독립 카드 */
.sp-pt03--card .sp-pt03-grid{border:none;border-radius:0;overflow:visible;gap:16px;margin-top:40px}
.sp-pt03--card .sp-pt03-item{border:1px solid var(--sp-pt03-div-c,var(--sp-line));border-radius:var(--sp-pt03-box-rad,14px)}
/* 세로 리스트형 — 라벨 좌 / 값 우 */
.sp-pt03--list .sp-pt03-grid{grid-template-columns:1fr!important;overflow:hidden}
.sp-pt03--list .sp-pt03-item{display:flex;align-items:center;justify-content:space-between;gap:24px;border-right:none;border-bottom:var(--sp-pt03-div-w,1px) solid var(--sp-pt03-div-c,var(--sp-line))}
.sp-pt03--list .sp-pt03-item:last-child{border-bottom:none}
.sp-pt03--list .sp-pt03-head{margin-bottom:0;flex-shrink:0}
.sp-pt03--list .sp-pt03-val{text-align:right}
/* 아이콘 위·중앙 정렬형 */
.sp-pt03--center .sp-pt03-head{flex-direction:column;text-align:center;gap:10px;margin-bottom:14px}
.sp-pt03--center .sp-pt03-item,.sp-pt03--center .sp-pt03-val{text-align:center}
.sp-pt03-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.sp-pt03-ico{width:var(--sp-pt03-ico-size,36px);height:var(--sp-pt03-ico-size,36px);flex-shrink:0;border-width:var(--sp-pt03-ico-bd-w,1px);border-style:solid;border-color:var(--sp-pt03-ico-bd-c,rgba(56,30,14,.2));background:var(--sp-pt03-ico-bg,transparent);border-radius:var(--sp-pt03-ico-radius,0);display:flex;align-items:center;justify-content:center;color:var(--sp-pt03-ico-color,var(--sp-gold))}
.sp-pt03-lbl{font-size:var(--sp-pt03-t-lbl,var(--sp-t-sm));color:var(--sp-pt03-c-lbl,var(--sp-gold));font-weight:var(--sp-pt03-w-lbl,400)}
.sp-pt03-val{font-size:var(--sp-pt03-t-val,var(--sp-t-body));color:var(--sp-pt03-c-val,var(--sp-text));line-height:1.6;font-weight:var(--sp-pt03-w-val,300)}

/* =============================================
   PT04 — 2열 비교
============================================= */
.sp-pt04{background:var(--sp-pt04-sec-bg,var(--sp-bg));padding:var(--sp-pt04-pad-y,100px) 0;position:relative}
@media (max-width:768px){.sp-pt04{padding:var(--sp-pt04-pad-y-mo,var(--sp-pt04-pad-y,100px)) 0}}
.sp-pt04-cols{display:grid;grid-template-columns:var(--sp-pt04-cols-tmpl,repeat(var(--sp-pt04-cols,2),1fr));gap:var(--sp-pt04-gap,2px);margin-top:56px}
.sp-pt04-col{background:var(--sp-pt04-card-bg,var(--sp-card-bg,var(--sp-bg2)));overflow:hidden;border-radius:var(--sp-pt04-radius,0)}
.sp-pt04-col:hover{background:var(--sp-pt04-card-bg-hv,var(--sp-pt04-card-bg,var(--sp-card-bg,var(--sp-bg2))))}
.sp-pt04-col.hl{background:var(--sp-pt04-card-bg,var(--sp-card-bg,var(--sp-bg3)))}
.sp-pt04-cimg{aspect-ratio:var(--sp-pt04-img-ratio,4/3);overflow:hidden;background:var(--sp-bg3);border-radius:var(--sp-pt04-img-radius,0)}
.sp-pt04-cimg img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.sp-pt04-col:hover .sp-pt04-cimg img{transform:scale(1.04)}
.sp-pt04-cbody{padding:40px 40px 44px}
.sp-pt04-clbl{font-size:var(--sp-pt04-t-clbl,var(--sp-t-sm));font-weight:var(--sp-pt04-w-clbl,400);color:var(--sp-pt04-c-clbl,var(--sp-gold));margin-bottom:16px}
.sp-pt04-ctitle{font-size:var(--sp-pt04-t-ctitle,var(--sp-t-sub));font-weight:var(--sp-pt04-w-ctitle,400);letter-spacing:-.01em;margin-bottom:20px;line-height:1.4;color:var(--sp-pt04-c-ctitle,inherit)}
.sp-pt04-cdesc{font-size:var(--sp-pt04-t-cdesc,var(--sp-t-body));font-weight:var(--sp-pt04-w-cdesc,400);line-height:2;color:var(--sp-pt04-c-cdesc,var(--sp-muted))}
.sp-pt04-cresult{margin-top:28px;padding-top:24px;border-top:1px solid var(--sp-line);font-size:var(--sp-pt04-t-cresult,var(--sp-t-sm));font-weight:var(--sp-pt04-w-cresult,400);color:var(--sp-pt04-c-cresult,var(--sp-gold))}

/* =============================================
   PT05 — 이미지 + 목록
============================================= */
.sp-pt05{background:var(--sp-pt05-sec-bg,var(--sp-bg2));padding:var(--sty-pad-y,var(--sp-pt05-pad-y,100px)) 0;position:relative;overflow:hidden}
@media (max-width:768px){.sp-pt05{padding:var(--sty-pad-y-mo,var(--sty-pad-y,var(--sp-pt05-pad-y,100px))) 0}}
@media (max-width:768px){.sp-pt05{padding:var(--sp-pt05-pad-y-mo,var(--sp-pt05-pad-y,100px)) 0}}
.sp-pt05-bg{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;overflow:hidden;z-index:0}
.sp-pt05-bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.sp-pt05-bg::after{display:none}
.sp-pt05>.sp-b{position:relative;z-index:1}
.sp-pt05-lay{display:grid;grid-template-columns:var(--sp-pt05-ratio,340px 1fr);gap:var(--sp-pt05-gap,80px)}
.sp-pt05-lay > div:not(.sp-pt05-img){max-width:var(--sp-pt05-text-mw,none)}
.sp-pt05-img{position:relative;aspect-ratio:var(--sp-pt05-img-ratio,3/4);overflow:hidden;background:var(--sp-bg3);max-width:var(--sp-pt05-img-mw,none);border-radius:var(--sp-pt05-img-radius,0);display:var(--sp-pt05-img-display,revert)}
.sp-pt05-img img{width:100%;height:100%;object-fit:cover;object-position:var(--sp-pt05-img-pos,center top)}
.sp-pt05-list{display:grid;grid-template-columns:var(--sp-pt05-list-cols,1fr);column-gap:var(--sp-pt05-list-gap,56px);padding-top:8px}
.sp-pt05-item{position:relative;display:flex;align-items:baseline;gap:20px;padding:22px 0;border-bottom:1px solid var(--sp-pt05-item-line,var(--sp-line));opacity:0;transform:translateX(16px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.05,.7,.1,1)}
.sp-pt05-item:first-child{border-top:1px solid var(--sp-pt05-item-line,var(--sp-line))}
.sp-pt05-item.on{opacity:1;transform:translateX(0)}
.sp-pt05-inum{font-family:var(--font-eng);font-size:var(--sp-pt05-t-inum,clamp(26px,2.6vw,36px));font-weight:var(--sp-pt05-w-inum,300);color:var(--sp-text);flex-shrink:0;min-width:46px;line-height:1.3;display:var(--sp-pt05-inum-off,revert)}
.sp-pt05-itxt{font-size:var(--sp-pt05-t-itxt,var(--sp-t-sm));font-weight:var(--sp-pt05-w-itxt,400);line-height:1.7;color:var(--sp-pt05-c-itxt,var(--sp-text));white-space:pre-line}

/* =============================================
   PT06 — 3×2 그리드
============================================= */
.sp-pt06{background:var(--sp-pt06-sec-bg,var(--sp-bg));padding:var(--sty-pad-y,var(--sp-pt06-pad-y,100px)) 0;position:relative;overflow:hidden}
@media (max-width:768px){.sp-pt06{padding:var(--sty-pad-y-mo,var(--sty-pad-y,var(--sp-pt06-pad-y,100px))) 0}}
@media (max-width:768px){.sp-pt06{padding:var(--sp-pt06-pad-y-mo,var(--sp-pt06-pad-y,100px)) 0}}
/* 제목 아래 부제목(섹션 lead) — 제목 정렬을 따라감(inherit), 그리드와의 간격은 부제목 있을 때만 */
.sp-pt06-subtitle{font-size:var(--sp-t-body);line-height:1.75;color:var(--sp-muted);margin-top:14px;white-space:pre-line;word-break:keep-all;overflow-wrap:break-word}
.sp-pt06-grid{display:grid;grid-template-columns:var(--sp-pt06-cols-tmpl,repeat(var(--sp-cols,3),1fr));gap:var(--sp-pt06-gap,2px);margin-top:52px}
/* 아이콘 카드형 — 아이콘 + 제목 + 구분선 + 설명, 중앙 정렬 카드 */
.sp-pt06--iconcard .sp-pt06-grid{gap:var(--sty-card-gap,var(--sp-pt06-gap,18px))}
.sp-pt06--iconcard .sp-pt06-item{flex-direction:column;align-items:center;text-align:center;justify-content:var(--sp-pt06-card-just,flex-start);gap:0;padding:40px 26px;border-radius:var(--sty-card-radius,var(--sp-pt06-radius,14px));aspect-ratio:var(--sp-pt06-card-ratio,auto)}
/* 아이콘카드 외곽선·hover 정리 — 체크리스트용 '밑줄 2px + hover gold'는 중앙 카드엔 부적합.
   네 변 모두 외곽 두께(bd_w)/테두리 색(bd_color) 옵션을 따르고, hover 시 gold 밑줄을 없앰(마우스오버 끄기 옵션과 함께 깔끔). */
.sp-pt06--iconcard .sp-pt06-item{border:var(--sp-pt06-bd-w,0) solid var(--sp-pt06-bd-color,rgba(0,0,0,.08))}
.sp-pt06--iconcard .sp-pt06-item:hover{border-color:var(--sp-pt06-bd-color,rgba(0,0,0,.08))}
/* 중앙 아이콘카드 배경 — 기본은 투명(어두운 섹션 위에서 흰 박스 안 생기게), '카드 배경색' 지정 시 그 색.
   기본값이 흰색(--sp-bg2)이라 어두운 섹션서 카드가 흰색 고정되던 것 수정. base/hover 모두 --sp-card-bg 따름 */
.sp-pt06--iconcard .sp-pt06-item,
.sp-pt06--iconcard .sp-pt06-item:hover{background:var(--sp-card-bg,transparent)}
/* 구분선 그리드(표 형태) — 카드는 투명(섹션 배경 그대로 비침), 카드 사이에만 1px 선.
   각 카드 우/하단에 헤어라인(box-shadow)을 그리고, 바깥 4면은 clip-path:inset(0) 로 박스 경계에서 잘라냄(아래쪽 누수 없음, 컬럼 수 무관).
   선 색은 '테두리 색'(bd_color) 지정 시 그 색, 미지정 시 테마 라인색(--sp-line). */
.sp-pt06--gridline .sp-pt06-grid{gap:0;clip-path:inset(0)}
.sp-pt06--gridline .sp-pt06-item{background:var(--sp-card-bg,transparent);border:0;border-radius:0;box-shadow:1px 0 0 var(--sp-pt06-bd-color,var(--sp-line)), 0 1px 0 var(--sp-pt06-bd-color,var(--sp-line))}
.sp-pt06--iconcard .sp-pt06-cico{display:flex;align-items:center;justify-content:center;width:var(--sp-pt06-ico-size,56px);height:var(--sp-pt06-ico-size,56px);color:var(--sp-pt06-ico-color,var(--sp-gold));background:var(--sp-pt06-ico-bg,transparent);border-radius:var(--sp-pt06-ico-radius,0);margin-bottom:18px;flex-shrink:0}
.sp-pt06--iconcard .sp-pt06-cico svg{width:62%;height:62%}
.sp-pt06--iconcard .sp-pt06-ct{font-size:var(--sty-t-itemt,var(--sp-t-sub));font-weight:500;line-height:1.5;color:var(--sty-c-itemt,inherit);display:var(--sty-d-symn,block)}
.sp-pt06--iconcard .sp-pt06-cdiv{display:block;width:64px;height:1px;background:var(--sp-line);margin:14px auto}
.sp-pt06--iconcard .sp-pt06-cd{font-size:var(--sty-t-itemd,var(--sp-t-sm));line-height:1.8;color:var(--sty-c-itemd,var(--sp-muted));white-space:pre-line;word-break:keep-all;overflow-wrap:break-word}
/* 업로드 이미지 아이콘 — 내장 SVG 대신 이미지일 때 */
.sp-pt06-icoimg{width:100%;height:100%;object-fit:contain;display:block}
/* ── 좌측 카드형 (icoleft) — 좌측정렬 + 아이콘 우상단 + 하단 가로 구분선 + 배경 없음 (스크린샷 스타일) ── */
.sp-pt06--icoleft .sp-pt06-grid{gap:var(--sty-card-gap,var(--sp-pt06-gap,44px)) 56px}
.sp-pt06--icoleft .sp-pt06-item{flex-direction:column;align-items:flex-start;text-align:left;justify-content:flex-start;background:var(--sp-card-bg,transparent);border-radius:0;aspect-ratio:auto;padding:6px 0 30px;position:relative;border-bottom:1px solid var(--sp-line)}
.sp-pt06--icoleft .sp-pt06-cico{position:absolute;top:4px;right:0;margin:0;width:var(--sp-pt06-ico-size,66px);height:var(--sp-pt06-ico-size,66px);background:transparent}
.sp-pt06--icoleft .sp-pt06-cico svg{width:100%;height:100%}
.sp-pt06--icoleft .sp-pt06-ct{margin:0 0 18px;padding-right:84px;color:var(--sty-c-itemt,var(--sp-muted));font-weight:500}
.sp-pt06--icoleft .sp-pt06-cdiv{display:none}
.sp-pt06--icoleft .sp-pt06-cd{margin:0;text-align:left}
/* 빌트인 pt06(주의사항, 항목=텍스트1줄) — 같은 좌측 카드 레이아웃 적용 (.sp-pt06-ico=체크아이콘박스 / .sp-pt06-txt=본문) */
.sp-pt06--icoleft .sp-pt06-ico{position:absolute;top:6px;right:0;margin:0;width:var(--sp-pt06-ico-size,44px);height:var(--sp-pt06-ico-size,44px)}
.sp-pt06--icoleft .sp-pt06-txt{margin:0;padding-right:60px;text-align:left}
@media(max-width:768px){
  .sp-pt06--icoleft .sp-pt06-cico{width:calc(var(--sp-pt06-ico-size,66px) * .8);height:calc(var(--sp-pt06-ico-size,66px) * .8)}
  .sp-pt06--icoleft .sp-pt06-ct{padding-right:64px}
}
/* pt06 슬라이드 — crd 슬라이더와 동일 메커니즘 (PC=스크롤스냅+화살표, 모바일=스와이프) */
.sp-pt06--pcslide .sp-b{position:relative}
@media(min-width:901px){
body:not(.sp-edit) .sp-pt06--pcslide .sp-pt06-grid{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--sty-card-gap,18px);scrollbar-width:none;scroll-behavior:smooth}
body:not(.sp-edit) .sp-pt06--pcslide .sp-pt06-grid::-webkit-scrollbar{display:none}
body:not(.sp-edit) .sp-pt06--pcslide .sp-pt06-item{flex:0 0 calc((100% - (var(--sp-cols,3) - 1) * var(--sty-card-gap,18px)) / var(--sp-cols,3));scroll-snap-align:start}
body:not(.sp-edit) .sp-pt06--pcslide .sp-ext-crd-nav{display:inline-flex;position:absolute;top:55%;transform:translateY(-50%);z-index:6;width:30px;height:54px;align-items:center;justify-content:center;border:none;background:none;color:var(--sp-text,#222);cursor:pointer;opacity:.12;transition:opacity .25s}
body:not(.sp-edit) .sp-pt06--pcslide:hover .sp-ext-crd-nav{opacity:.75}
body:not(.sp-edit) .sp-pt06--pcslide .sp-ext-crd-nav--prev{left:-44px}
body:not(.sp-edit) .sp-pt06--pcslide .sp-ext-crd-nav--next{right:-44px}
body:not(.sp-edit) .sp-pt06--pcslide .sp-ext-crd-dots{display:flex}
}
@media(max-width:768px){
.sp-pt06--mslide .sp-pt06-grid{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding-bottom:6px;scrollbar-width:none}
.sp-pt06--mslide .sp-pt06-grid::-webkit-scrollbar{display:none}
.sp-pt06--mslide .sp-pt06-item{flex:0 0 78%;scroll-snap-align:start}
.sp-pt06--mslide .sp-ext-crd-dots{display:flex}
}
#spPt06IcoPick{position:fixed;z-index:100000;background:#1a1410;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);padding:14px;display:none;grid-template-columns:repeat(6,44px);gap:8px;max-width:90vw;max-height:62vh;overflow-y:auto}
#spPt06IcoPick.open{display:grid}
#spPt06IcoPick button{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#eee;cursor:pointer;padding:4px}
#spPt06IcoPick button:hover{background:#0066cc;border-color:#0066cc}
#spPt06IcoPick button svg{width:22px;height:22px}
#spPt06IcoPick button em{font-style:normal;font-size:8px;margin-top:2px;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;max-width:40px}
#spPt06IcoPick .spPt06IcoSearch{grid-column:1/-1;position:sticky;top:0;z-index:2;width:100%;box-sizing:border-box;background:#0f0c08;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;font-size:12px;padding:8px 10px;margin-bottom:4px}
#spPt06IcoPick .spPt06IcoSearch::placeholder{color:rgba(255,255,255,.4)}
#spPt06IcoPick .spPt06IcoUp{grid-column:1/-1;width:auto;height:38px;flex-direction:row;gap:8px;background:rgba(0,102,204,.18);border-color:rgba(0,102,204,.55);margin-bottom:4px}
#spPt06IcoPick .spPt06IcoUp:hover{background:#0066cc;border-color:#0066cc}
#spPt06IcoPick .spPt06IcoUp svg{width:18px;height:18px}
#spPt06IcoPick .spPt06IcoUp em{font-size:12px;max-width:none;margin:0;color:#fff}
.sp-pt06-item{background:var(--sp-pt06-card-bg,var(--sp-card-bg,var(--sp-bg2)));padding:36px 30px;display:flex;gap:16px;align-items:var(--sp-pt06-ico-valign,center);border-bottom:2px solid transparent;transition:border-color .28s cubic-bezier(.16,1,.3,1),background .28s;border-radius:var(--sty-card-radius,var(--sp-pt06-radius,0))}
/* 체크 리스트(pt06 기본 레이아웃) — 정적 안내 목록이라 마우스오버 강조 불필요. hover 시 배경/골드 밑줄 변화 제거(iconcard 는 6258 자체 hover 유지) */
.sp-pt06-item:hover{background:var(--sp-pt06-card-bg,var(--sp-card-bg,var(--sp-bg2)));border-color:transparent}
.sp-pt06-ico{width:var(--sp-pt06-ico-size,40px);height:var(--sp-pt06-ico-size,40px);flex-shrink:0;border-width:var(--sp-pt06-ico-bd-w,1px);border-style:solid;border-color:var(--sp-pt06-ico-bd-c,rgba(56,30,14,.2));background:var(--sp-pt06-ico-bg,transparent);border-radius:var(--sp-pt06-ico-radius,0);display:flex;align-items:center;justify-content:center;color:var(--sp-pt06-ico-color,var(--sp-gold))}
.sp-pt06-txt{font-size:var(--sp-pt06-t-txt,var(--sp-t-sm));font-weight:var(--sp-pt06-w-txt,400);line-height:1.85;color:var(--sp-pt06-c-txt,var(--sp-muted));padding-top:10px}

/* =============================================
   PT07 — 4단계
============================================= */
.sp-pt07{background:var(--sp-pt07-sec-bg,var(--sp-bg2));padding:var(--sty-pad-y,var(--sp-pt07-pad-y,100px)) 0;position:relative;overflow:hidden}
@media (max-width:768px){.sp-pt07{padding:var(--sty-pad-y-mo,var(--sty-pad-y,var(--sp-pt07-pad-y,100px))) 0}}
@media (max-width:768px){.sp-pt07{padding:var(--sp-pt07-pad-y-mo,var(--sp-pt07-pad-y,100px)) 0}}
.sp-pt07-bg{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;overflow:hidden;z-index:0}
.sp-pt07-bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.sp-pt07-bg::after{display:none}
.sp-pt07>.sp-b{position:relative;z-index:1}
.sp-pt07-steps{display:grid;grid-template-columns:var(--sp-pt07-cols-tmpl,repeat(var(--sp-cols,4),1fr));gap:var(--sp-pt07-gap,2px);margin-top:56px}
.sp-pt07-step{background:var(--sp-pt07-card-bg,var(--sp-card-bg,var(--sp-bg)));padding:40px 30px 44px;position:relative;overflow:hidden;border-radius:var(--sp-pt07-radius,0)}
.sp-pt07-step:hover{background:var(--sp-pt07-card-bg-hv,var(--sp-card-bg-hv,var(--sp-bg)))}
.sp-pt07-step::after{display:none}
.sp-pt07-step:last-child::after{display:none}
.sp-pt07-bg-num{font-family:var(--font-eng);font-size:80px;font-weight:300;color:rgba(0,0,0,.05);line-height:1;position:absolute;top:20px;right:16px;pointer-events:none}
.sp-pt07--no-num .sp-pt07-bg-num{display:none}
.sp-pt07--no-step .sp-pt07-tag{display:none}
.sp-pt07-ico{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--sp-pt07-ico-bg,rgba(0,0,0,.04));color:var(--sp-pt07-ico-color,var(--sp-gold));margin-bottom:16px;position:relative;z-index:1}
.sp-pt07-ico svg{width:26px;height:26px}
.sp-pt07-ico img{width:26px;height:26px;object-fit:contain}
.sp-pt07-tag{font-size:var(--sp-pt07-t-tag,var(--sp-t-sm));font-weight:var(--sp-pt07-w-tag,400);color:var(--sp-pt07-c-tag,var(--sp-gold));margin-bottom:12px}
.sp-pt07-title{font-size:var(--sp-pt07-t-title,var(--sp-t-sub));font-weight:var(--sp-pt07-w-title,400);letter-spacing:-.01em;margin-bottom:14px;position:relative;color:var(--sp-pt07-c-title,inherit)}
.sp-pt07-body{font-size:var(--sp-pt07-t-body,var(--sp-t-sm));font-weight:var(--sp-pt07-w-body,400);line-height:1.9;color:var(--sp-pt07-c-body,var(--sp-muted));position:relative}

/* =============================================
   EXT — 카드형 (crd)
============================================= */
/* hidden은 섹션 자체를 비스크롤 컨테이너로 만들어 내부 sticky를 막는다.
   clip은 배경/모션 넘침은 자르되 sticky의 기준은 문서 스크롤로 유지한다. */
.sp-ext-crd{background:var(--sp-bg2);padding:var(--sty-pad-y,100px) 0;position:relative;overflow:visible;overflow:clip}
@media (max-width:768px){.sp-ext-crd{padding:var(--sty-pad-y-mo,var(--sty-pad-y,80px)) 0}}
.sp-ext-crd-grid{display:grid;grid-template-columns:repeat(var(--sp-cols,2),1fr);gap:var(--sty-card-gap,2px);margin-top:52px}
.sp-ext-crd-item{background:var(--sp-card-bg,var(--sp-bg));position:relative;overflow:hidden;display:flex;flex-direction:column;transition:background .28s;border:var(--sty-card-bd,0) solid var(--sty-card-bd-c,var(--sp-line));border-radius:var(--sty-card-radius,0)}
.sp-ext-crd-common .sp-card-underline{overflow:visible}.sp-ext-crd-common .sp-card-underline::before{content:"";position:absolute;z-index:7;bottom:0;left:50%;width:var(--sp-crd-line-width,100%);border-bottom:var(--sp-crd-line-thickness,1px) var(--sp-crd-line-style,solid) var(--sp-crd-line-color,var(--sp-line));transform:translateX(-50%);pointer-events:none}.sp-ext-crd--underline-style-dashed{--sp-crd-line-style:dashed}.sp-ext-crd--underline-style-dotted{--sp-crd-line-style:dotted}.sp-ext-crd--underline-style-double{--sp-crd-line-style:double}.sp-ext-crd--underline-thickness-1{--sp-crd-line-thickness:1px}.sp-ext-crd--underline-thickness-2{--sp-crd-line-thickness:2px}.sp-ext-crd--underline-thickness-3{--sp-crd-line-thickness:3px}.sp-ext-crd--underline-thickness-4{--sp-crd-line-thickness:4px}.sp-ext-crd--underline-thickness-6{--sp-crd-line-thickness:6px}.sp-ext-crd--underline-width-25{--sp-crd-line-width:25%}.sp-ext-crd--underline-width-40{--sp-crd-line-width:40%}.sp-ext-crd--underline-width-60{--sp-crd-line-width:60%}.sp-ext-crd--underline-width-80{--sp-crd-line-width:80%}.sp-ext-crd--underline-width-100{--sp-crd-line-width:100%}.sp-ext-crd--underline-align-left .sp-card-underline::before{left:0;transform:none}.sp-ext-crd--underline-align-right .sp-card-underline::before{left:auto;right:0;transform:none}.sp-ext-crd--underline-tone-dark{--sp-crd-line-color:#171717}.sp-ext-crd--underline-tone-light{--sp-crd-line-color:#fff}.sp-ext-crd--underline-tone-accent{--sp-crd-line-color:var(--sp-gold)}
.sp-ext-crd-item:hover{background:var(--sp-card-bg,var(--sp-bg))}
.sp-ext-crd-thumb{position:relative;width:100%;aspect-ratio:var(--sp-crd-img-ratio,16/10);overflow:hidden;flex-shrink:0;border-radius:var(--sp-crd-img-radius,0)}
/* 원형 이미지 + 카드 묶음 박스 */
.sp-ext-crd--circleimg .sp-ext-crd-thumb{aspect-ratio:1/1;border-radius:50%}
.sp-ext-crd--boxed .sp-ext-crd-grid{background:var(--sp-crd-box-bg,rgba(0,0,0,.03));border-radius:20px;padding:clamp(26px,3vw,44px)}
.sp-ext-crd-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--sp-crd-img-pos,center);transition:transform .5s}
.sp-ext-crd-item:hover .sp-ext-crd-thumb img{transform:none}
/* 확대는 개별 scale 속성을 사용해 기존 호버/등장 transform과 함께 동작한다. */
.sp-ext-crd .sp-ext-crd-thumb>img,.sp-ext-crd .sp-ext-crd-thumb>video,.sp-ext-crd .sp-ext-crd-side>img,.sp-ext-crd .sp-ext-crd-side>video{scale:var(--sp-crd-img-zoom,none);transform-origin:var(--sp-crd-img-pos,center)}
@media(max-width:768px){.sp-ext-crd .sp-ext-crd-thumb>img,.sp-ext-crd .sp-ext-crd-thumb>video,.sp-ext-crd .sp-ext-crd-side>img,.sp-ext-crd .sp-ext-crd-side>video{scale:var(--sp-crd-img-zoom-mo,var(--sp-crd-img-zoom,none))}}

/* 카드형 이미지 모양 '원본' — 표준 카드 썸네일을 비율강제·크롭 없이 원본 그대로(가로 100%·세로 자동).
   오버레이/아이콘/원형/원형이미지/웹진(zine)형은 고정 형태라 제외 */
.sp-ext-crd--imgorig:not(.sp-ext-crd--overlay):not(.sp-ext-crd--icon):not(.sp-ext-crd--circle):not(.sp-ext-crd--circleimg):not(.sp-ext-crd--zine) .sp-ext-crd-thumb{aspect-ratio:auto;height:auto;min-height:0}
.sp-ext-crd--imgorig:not(.sp-ext-crd--overlay):not(.sp-ext-crd--icon):not(.sp-ext-crd--circle):not(.sp-ext-crd--circleimg):not(.sp-ext-crd--zine) .sp-ext-crd-thumb img,.sp-ext-crd--imgorig:not(.sp-ext-crd--overlay):not(.sp-ext-crd--icon):not(.sp-ext-crd--circle):not(.sp-ext-crd--circleimg):not(.sp-ext-crd--zine) .sp-ext-crd-thumb video{position:static;width:100%;height:auto;object-fit:initial}
.sp-ext-crd-thumb-ph{width:100%;height:100%;background:var(--sp-bg3)}
.sp-ext-crd-content{padding:32px 30px;flex:1;display:flex;flex-direction:column;text-align:var(--sp-crd-card-ta,inherit);align-items:var(--sp-crd-card-ai,stretch)}
.sp-ext-crd-num{font-family:var(--font-eng);font-size:52px;font-weight:300;opacity:.12;line-height:1;margin-bottom:12px;color:var(--sp-crd-number-color,inherit)}
.sp-ext-crd-common.sp-ext-crd--num-medium .sp-ext-crd-num{font-size:36px}
.sp-ext-crd-num.is-icon{color:var(--index_color,var(--main,var(--hv-main,currentColor)));opacity:1}
.sp-ext-crd-num.is-icon svg,.sp-ext-crd-num.is-icon img{display:block;width:24px;height:24px;object-fit:contain}
.sp-ext-crd-common.sp-ext-crd--num-circle .sp-ext-crd-num.is-icon svg,.sp-ext-crd-common.sp-ext-crd--num-square .sp-ext-crd-num.is-icon svg,.sp-ext-crd-common.sp-ext-crd--num-outline .sp-ext-crd-num.is-icon svg{width:22px;height:22px}
.sp-ext-crd-tag{display:inline-flex;align-self:flex-start;font-size:var(--sp-t-sm);letter-spacing:.12em;border:0;color:var(--sp-gold);padding:0;margin-bottom:10px}
.sp-ext-crd-title{font-size:var(--sty-t-itemt,var(--sp-t-sub));font-weight:400;letter-spacing:-.01em;margin-bottom:14px;line-height:1.5;color:var(--sty-c-itemt,inherit);display:var(--sty-d-symn,block)}
.sp-ext-crd-sub{font-size:var(--sp-t-sm);font-weight:500;letter-spacing:-.01em;line-height:1.6;margin-top:0;margin-bottom:14px;color:var(--sp-gold)}
.sp-ext-crd-body{font-size:var(--sty-t-itemd,var(--sp-t-sm));line-height:1.9;color:var(--sty-c-itemd,var(--sp-muted))}
.sp-ext-crd-points{--sp-point-accent:var(--index_color,var(--main,var(--hv-main,#888)));order:99;grid-column:1/-1;width:min(var(--sp-crd-point-width,100%),100%);list-style:none;margin:var(--sp-crd-point-mt,24px) 0 0;padding:0;border-top:1px solid rgba(17,24,39,.14)}
.sp-ext-crd--pointw-40{--sp-crd-point-width:40%}.sp-ext-crd--pointw-50{--sp-crd-point-width:50%}.sp-ext-crd--pointw-60{--sp-crd-point-width:60%}.sp-ext-crd--pointw-70{--sp-crd-point-width:70%}.sp-ext-crd--pointw-80{--sp-crd-point-width:80%}.sp-ext-crd--pointw-90{--sp-crd-point-width:90%}.sp-ext-crd--pointw-100{--sp-crd-point-width:100%}
.sp-ext-crd--pointmt-0{--sp-crd-point-mt:0}.sp-ext-crd--pointmt-8{--sp-crd-point-mt:8px}.sp-ext-crd--pointmt-12{--sp-crd-point-mt:12px}.sp-ext-crd--pointmt-16{--sp-crd-point-mt:16px}.sp-ext-crd--pointmt-20{--sp-crd-point-mt:20px}.sp-ext-crd--pointmt-24{--sp-crd-point-mt:24px}.sp-ext-crd--pointmt-32{--sp-crd-point-mt:32px}.sp-ext-crd--pointmt-40{--sp-crd-point-mt:40px}.sp-ext-crd--pointmt-48{--sp-crd-point-mt:48px}
.sp-ext-crd--pointdir-horizontal .sp-ext-crd-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:10px;border-top:0}.sp-ext-crd--pointdir-horizontal.sp-ext-crd--pointcols-2 .sp-ext-crd-points{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-ext-crd--pointdir-horizontal.sp-ext-crd--pointcols-3 .sp-ext-crd-points{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-ext-crd--pointdir-horizontal.sp-ext-crd--pointcols-4 .sp-ext-crd-points{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-ext-crd--pointdir-horizontal .sp-ext-crd-point{min-width:0;border:1px solid color-mix(in srgb,var(--sp-point-accent) 28%,transparent);padding:12px 14px}
.sp-ext-crd--pointdir-horizontal.sp-ext-crd--pointcols-fit .sp-ext-crd-points{display:flex;flex-wrap:wrap;align-items:stretch}.sp-ext-crd--pointdir-horizontal.sp-ext-crd--pointcols-fit .sp-ext-crd-point{flex:0 0 auto;width:auto;max-width:100%}
.sp-ext-crd-point{position:relative;display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px;align-items:start;padding:var(--sp-crd-point-py,18px) 0;border-bottom:1px solid rgba(17,24,39,.14)}
.sp-ext-crd-point-marker{width:4px;height:4px;margin-top:.68em;border-radius:50%;background:var(--sp-point-accent);opacity:.75}
.sp-ext-crd-point-title{display:block;font-size:var(--sty-t-itemd,var(--sp-t-sm));font-weight:var(--sp-body-weight,400);line-height:1.65;color:var(--sty-c-itemt,var(--sp-text))}
.sp-ext-crd-point-desc{margin:5px 0 0;font-size:var(--sty-t-itemd,var(--sp-t-sm));font-weight:var(--sp-body-weight,400);line-height:1.65;color:var(--sty-c-itemd,var(--sp-muted))}
.sp-ext-crd-point-desc:empty{display:none}.sp-ext-crd--points-chip .sp-ext-crd-points{gap:10px;border:0}.sp-ext-crd--points-chip .sp-ext-crd-point{grid-template-columns:7px minmax(0,auto);padding:10px 14px;border:1px solid color-mix(in srgb,var(--sp-point-accent) 35%,transparent);border-radius:999px;background:#fff}.sp-ext-crd--points-chip .sp-ext-crd-point-desc{display:none}
.sp-ext-crd--points-hashtag .sp-ext-crd-points{display:flex;flex-wrap:wrap;gap:10px;border:0}.sp-ext-crd--points-hashtag .sp-ext-crd-point{display:block;width:auto;padding:10px 15px;border:0;border-radius:999px;background:color-mix(in srgb,var(--sp-point-accent) 18%,#f4f1ee);color:var(--sp-point-accent)}.sp-ext-crd--points-hashtag .sp-ext-crd-point-marker,.sp-ext-crd--points-hashtag .sp-ext-crd-point-desc{display:none}.sp-ext-crd--points-hashtag .sp-ext-crd-point-title:before{content:'#';margin-right:1px}.sp-ext-crd--points-hashtag .sp-ext-crd-point-title{font-weight:var(--sp-body-weight,400);color:inherit;white-space:nowrap}
.sp-ext-crd--points-soft .sp-ext-crd-points{display:grid;gap:10px;border:0}.sp-ext-crd--points-soft .sp-ext-crd-point{padding:16px;border:0;border-radius:12px;background:color-mix(in srgb,var(--sp-point-accent) 14%,#fff)}
.sp-ext-crd--points-border .sp-ext-crd-points{display:grid;gap:10px;border:0}.sp-ext-crd--points-border .sp-ext-crd-point{padding:15px 16px;border:1px solid color-mix(in srgb,var(--sp-point-accent) 35%,transparent);background:transparent}
.sp-ext-crd--points-round .sp-ext-crd-points{display:grid;gap:10px;border:0}.sp-ext-crd--points-round .sp-ext-crd-point{padding:15px 17px;border:1px solid color-mix(in srgb,var(--sp-point-accent) 28%,transparent);border-radius:14px;background:color-mix(in srgb,var(--sp-point-accent) 8%,#fff)}
.sp-ext-crd--points-number .sp-ext-crd-points{counter-reset:sp-point;border:0;gap:12px}.sp-ext-crd--points-number .sp-ext-crd-point{counter-increment:sp-point;grid-template-columns:42px minmax(0,1fr);align-items:center;padding:16px 18px;border:1px solid color-mix(in srgb,var(--sp-point-accent) 22%,transparent);border-radius:14px;background:#fff}.sp-ext-crd--points-number .sp-ext-crd-point-marker{width:34px;height:34px;margin:0;border:0;border-radius:10px;color:#fff;background:var(--sp-point-accent);box-shadow:0 5px 14px color-mix(in srgb,var(--sp-point-accent) 22%,transparent);opacity:1}.sp-ext-crd--points-number .sp-ext-crd-point-marker:after{content:counter(sp-point,decimal-leading-zero);display:flex;align-items:center;justify-content:center;height:100%;font-size:11.5px;font-weight:400;letter-spacing:.06em}
.sp-ext-crd--points-check .sp-ext-crd-points{gap:12px;border:0}.sp-ext-crd--points-check .sp-ext-crd-point{grid-template-columns:34px minmax(0,1fr);align-items:center;padding:15px 17px;border:1px solid color-mix(in srgb,var(--sp-point-accent) 20%,transparent);border-radius:14px;background:color-mix(in srgb,var(--sp-point-accent) 6%,#fff)}.sp-ext-crd--points-check .sp-ext-crd-point-marker{width:26px;height:26px;margin:0;border-radius:8px;background:var(--sp-point-accent);box-shadow:0 4px 12px color-mix(in srgb,var(--sp-point-accent) 20%,transparent);opacity:1}.sp-ext-crd--points-check .sp-ext-crd-point-marker:after{content:'✓';display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:13px;font-weight:400}
.sp-ext-crd--pointalign-left .sp-ext-crd-points{margin-left:0;margin-right:auto;text-align:left}.sp-ext-crd--pointalign-center .sp-ext-crd-points{margin-left:auto;margin-right:auto;text-align:center}.sp-ext-crd--pointalign-right .sp-ext-crd-points{margin-left:auto;margin-right:0;text-align:right}.sp-ext-crd--pointalign-center.sp-ext-crd--pointcols-fit .sp-ext-crd-points,.sp-ext-crd--pointalign-center.sp-ext-crd--points-hashtag .sp-ext-crd-points{justify-content:center}.sp-ext-crd--pointalign-right.sp-ext-crd--pointcols-fit .sp-ext-crd-points,.sp-ext-crd--pointalign-right.sp-ext-crd--points-hashtag .sp-ext-crd-points{justify-content:flex-end}
.sp-ext-crd--pointmarker-none .sp-ext-crd-point{grid-template-columns:minmax(0,1fr)}.sp-ext-crd--pointmarker-none .sp-ext-crd-point-marker{display:none}
@media(max-width:768px){.sp-ext-crd--pointdir-horizontal .sp-ext-crd-points,.sp-ext-crd--pointdir-horizontal.sp-ext-crd--pointcols-2 .sp-ext-crd-points,.sp-ext-crd--pointdir-horizontal.sp-ext-crd--pointcols-3 .sp-ext-crd-points,.sp-ext-crd--pointdir-horizontal.sp-ext-crd--pointcols-4 .sp-ext-crd-points{grid-template-columns:1fr}.sp-ext-crd--pointdir-horizontal.sp-ext-crd--pointcols-fit .sp-ext-crd-points{display:flex}.sp-ext-crd--pointdir-horizontal.sp-ext-crd--pointcols-fit .sp-ext-crd-point{width:auto}}
/* 카드 텍스트 글로벌 폰트 — 테마 default.css 의 요소(h3/p 등)별 font-family 가 body 글로벌폰트(--font-pret) 상속을 덮던 것 차단. (번호 .sp-ext-crd-num 은 영문폰트 의도 유지) */
/* Preserve explicit English font classes regardless of stylesheet load order. */
.sp-ext-crd-title:not(:where(.eng_b2,.eng_b3,.sp-eng)),.sp-ext-crd-body:not(:where(.eng_b2,.eng_b3,.sp-eng)),.sp-ext-crd-sub:not(:where(.eng_b2,.eng_b3,.sp-eng)),.sp-ext-crd-subtitle:not(:where(.eng_b2,.eng_b3,.sp-eng)),.sp-ext-crd-desc:not(:where(.eng_b2,.eng_b3,.sp-eng)),.sp-ext-crd-tag:not(:where(.eng_b2,.eng_b3,.sp-eng)),.sp-ext-crd-aside-t:not(:where(.eng_b2,.eng_b3,.sp-eng)),.sp-ext-crd-aside-b:not(:where(.eng_b2,.eng_b3,.sp-eng)),.sp-ext-crd-check li:not(:where(.eng_b2,.eng_b3,.sp-eng)){font-family:var(--font-pret)}
.sp-ext-crd-tag.eng_b2{font-family:var(--font-eng,Georgia,serif)!important;font-weight:300}.sp-ext-crd-tag.pret{font-family:var(--font-pret)!important}
/* crd 섹션 제목 영역 정렬 — 옵션(제목 정렬). 미설정 시 기존 동작 유지(inherit) */
.sp-ext-crd>.sp-b>.sp-sec-title,.sp-ext-crd>.sp-b>.sp-ext-crd-subtitle,.sp-ext-crd>.sp-b>.sp-ext-crd-desc{text-align:var(--sp-crd-head-ta,inherit)}
.sp-ext-crd-common>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd-common>.sp-b>.sp-ext-crd-subheading{text-align:var(--sp-crd-head-ta,inherit)}
/* 배지(영문 라벨)는 inline-flex(내용폭)이라 justify-content 가 안 먹어 헤드 가운데/오른쪽 정렬이
   배지만 안 되던 문제 → 카드형에선 flex(전체폭)로 바꿔 정렬 적용. 숨김(--sty-d-badge:none)은 보존. */
.sp-ext-crd>.sp-b>.sp-pt-badge{display:var(--sty-d-badge,flex);justify-content:var(--sp-crd-head-jc,flex-start)}
/* cmp(탭형) 제목 정렬 — 카드형과 동일 옵션(--sp-crd-head-ta/jc 재사용). 헤더(v2 sec-head/레거시 badge·제목·소제목)만, 탭/본문은 그대로 */
.sp-ext-cmp .sp-ext-cmp-sticky-inner>.sp-sec-title,.sp-ext-cmp .sp-ext-cmp-sticky-inner>.sp-ext-crd-subtitle,.sp-ext-cmp .sp-ext-cmp-sticky-inner>.sec-head{text-align:var(--sp-crd-head-ta,inherit)}
.sp-ext-cmp .sp-ext-cmp-sticky-inner>.sp-pt-badge{display:var(--sty-d-badge,flex);justify-content:var(--sp-crd-head-jc,flex-start)}
@media(max-width:900px){.sp-ext-crd-grid{grid-template-columns:repeat(var(--sp-cols-mo,1),1fr)}.sp-ext-crd-thumb{aspect-ratio:var(--sp-crd-img-ratio,16/9)}}
/* 웹진형(가로 행 리스트) — sty.layout=zine. 이미지 좌 / 텍스트 우, 1열 세로 나열. cols 옵션은 무시(항상 1열) */
.sp-ext-crd--zine .sp-ext-crd-grid{grid-template-columns:1fr;gap:var(--sty-card-gap,24px)}
@media(min-width:901px){[data-sty-ext][style*="--sp-grid-tpl"]:not(.sp-ext-crd--zine) .sp-ext-crd-grid{grid-template-columns:var(--sp-grid-tpl)}}
.sp-ext-crd--zine .sp-ext-crd-item{flex-direction:row;align-items:stretch}
.sp-ext-crd--zine .sp-ext-crd-thumb{width:var(--sp-crd-zine-w,42%);max-width:var(--sp-crd-zine-mw,520px);flex-shrink:0;aspect-ratio:var(--sp-crd-img-ratio,auto);min-height:var(--sp-crd-zine-h,280px)}
.sp-ext-crd--zine .sp-ext-crd-content{flex:1;justify-content:center;padding:40px clamp(28px,4vw,56px)}
/* 웹진형 이미지 오른쪽 — 텍스트 좌 | 이미지 우 (슬라이드 조합 시 통째 슬라이드용) */
.sp-ext-crd--zflip .sp-ext-crd-item{flex-direction:row-reverse}
.sp-ext-crd-common.sp-ext-crd--connector .sp-ext-crd-grid{overflow:visible}.sp-ext-crd-common.sp-ext-crd--connector .sp-ext-crd-item{overflow:visible}.sp-ext-crd-common.sp-ext-crd--connector .sp-ext-crd-item:not(:last-child)::after{content:"+";position:absolute;z-index:8;right:calc(var(--sty-card-gap,2px)/-2);top:50%;display:grid;place-items:center;width:var(--sp-crd-connector-size,36px);height:var(--sp-crd-connector-size,36px);border-radius:50%;background:#9c8f84;color:#fff;font-size:calc(var(--sp-crd-connector-size,36px)*.55);font-weight:400;line-height:1;transform:translate(50%,-50%)}.sp-ext-crd--connector-minus .sp-ext-crd-item:not(:last-child)::after{content:"−"}.sp-ext-crd--connector-multiply .sp-ext-crd-item:not(:last-child)::after{content:"×"}.sp-ext-crd--connector-arrow .sp-ext-crd-item:not(:last-child)::after{content:"→"}.sp-ext-crd--connector-and .sp-ext-crd-item:not(:last-child)::after{content:"&"}.sp-ext-crd--connector-slash .sp-ext-crd-item:not(:last-child)::after{content:"/"}.sp-ext-crd--connector-dot .sp-ext-crd-item:not(:last-child)::after{content:"•"}.sp-ext-crd--connector-size-28{--sp-crd-connector-size:28px}.sp-ext-crd--connector-size-36{--sp-crd-connector-size:36px}.sp-ext-crd--connector-size-44{--sp-crd-connector-size:44px}.sp-ext-crd--connector-size-52{--sp-crd-connector-size:52px}.sp-ext-crd--connector-size-64{--sp-crd-connector-size:64px}.sp-ext-crd--connector-style-outline .sp-ext-crd-item:not(:last-child)::after{background:var(--sp-bg);color:var(--sp-text);border:1px solid currentColor}.sp-ext-crd--connector-style-square .sp-ext-crd-item:not(:last-child)::after{border-radius:8px}.sp-ext-crd--connector-style-diamond .sp-ext-crd-item:not(:last-child)::after{border-radius:8px;transform:translate(50%,-50%) rotate(45deg)}.sp-ext-crd--connector-style-diamond.sp-ext-crd--connector-arrow .sp-ext-crd-item:not(:last-child)::after,.sp-ext-crd--connector-style-diamond.sp-ext-crd--connector-plus .sp-ext-crd-item:not(:last-child)::after{line-height:1}.sp-ext-crd--connector-style-plain .sp-ext-crd-item:not(:last-child)::after{background:transparent;color:var(--sp-text)}.sp-ext-crd--connector-style-line .sp-ext-crd-item:not(:last-child)::after{width:var(--sp-crd-connector-size,36px);height:1px;border-radius:0;background:var(--sp-text);color:transparent}.sp-ext-crd--connector-tone-dark .sp-ext-crd-item:not(:last-child)::after{background:#171717;color:#fff}.sp-ext-crd--connector-tone-light .sp-ext-crd-item:not(:last-child)::after{background:#fff;color:#222;border:1px solid var(--sp-line)}.sp-ext-crd--connector-tone-accent .sp-ext-crd-item:not(:last-child)::after{background:var(--sp-gold);color:#fff}.sp-ext-crd--connector-pos-top .sp-ext-crd-item:not(:last-child)::after{top:24%}.sp-ext-crd--connector-pos-bottom .sp-ext-crd-item:not(:last-child)::after{top:76%}@media(max-width:768px){.sp-ext-crd-common.sp-ext-crd--connector .sp-ext-crd-grid{gap:max(var(--sty-card-gap,2px),54px)}.sp-ext-crd-common.sp-ext-crd--connector .sp-ext-crd-item:not(:last-child)::after{right:50%;top:auto;bottom:calc(max(var(--sty-card-gap,2px),54px)/-2);transform:translate(50%,50%)}.sp-ext-crd-common.sp-ext-crd--connector-style-diamond .sp-ext-crd-item:not(:last-child)::after{transform:translate(50%,50%) rotate(45deg)}}
.sp-ext-crd--zine .sp-ext-crd-item.sp-card-zflip{flex-direction:row-reverse}.sp-ext-crd--zine.sp-ext-crd--zflip .sp-ext-crd-item.sp-card-zflip{flex-direction:row}
.sp-ext-crd--zine.sp-ext-crd--alternate-left .sp-ext-crd-item:nth-child(even),.sp-ext-crd--zine.sp-ext-crd--alternate-right .sp-ext-crd-item:nth-child(odd){flex-direction:row-reverse}.sp-ext-crd--zine.sp-ext-crd--alternate-left .sp-ext-crd-item:nth-child(even).sp-card-zflip,.sp-ext-crd--zine.sp-ext-crd--alternate-right .sp-ext-crd-item:nth-child(odd).sp-card-zflip{flex-direction:row}.sp-ext-crd--zine.sp-ext-crd--alternate-left .sp-ext-crd-item:nth-child(odd).sp-card-zflip,.sp-ext-crd--zine.sp-ext-crd--alternate-right .sp-ext-crd-item:nth-child(even).sp-card-zflip{flex-direction:row-reverse}
@media(max-width:768px){.sp-ext-crd--zine .sp-ext-crd-grid{grid-template-columns:1fr}.sp-ext-crd--zine .sp-ext-crd-item{flex-direction:column}.sp-ext-crd--zine .sp-ext-crd-thumb{width:100%;max-width:none;aspect-ratio:16/9;min-height:0}.sp-ext-crd--zine .sp-ext-crd-content{padding:28px 24px}}
@media(max-width:768px){.sp-ext-crd--zine .sp-ext-crd-item.sp-card-zflip,.sp-ext-crd--zine.sp-ext-crd--zflip .sp-ext-crd-item.sp-card-zflip,.sp-ext-crd--zine.sp-ext-crd--alternate-left .sp-ext-crd-item,.sp-ext-crd--zine.sp-ext-crd--alternate-right .sp-ext-crd-item{flex-direction:column!important}.sp-ext-crd--zine .sp-ext-crd-item .sp-ext-crd-thumb{order:1!important}.sp-ext-crd--zine .sp-ext-crd-item .sp-ext-crd-content{order:2!important}}
/* 웹진형 + 원본(imgorig) — 이미지 칸 폭(zine_w)은 유지하되 비율강제·크롭 없이 원본 그대로(세로 자동). PC/모바일 동일.
   (기본 imgorig 규칙은 :not(zine) 라 제외되므로 웹진형 전용으로 별도 처리 — 원본 눌러도 안 먹던 버그) */
.sp-ext-crd--zine.sp-ext-crd--imgorig .sp-ext-crd-thumb{aspect-ratio:auto;min-height:0;align-self:flex-start}
.sp-ext-crd--zine.sp-ext-crd--imgorig .sp-ext-crd-thumb img,.sp-ext-crd--zine.sp-ext-crd--imgorig .sp-ext-crd-thumb video{position:static;width:100%;height:auto;object-fit:initial}
/* 내부 텍스트 카드형(overlay) — 이미지 위에 텍스트 오버레이 */
/* 오버레이(내부 텍스트) — 이미지가 카드를 absolute 로 채우므로, 이미지 모양 옵션은 '카드 박스' 비율로 적용.
   비율 지정 시 min-height 바닥을 풀어(--sp-crd-ov-minh:0) 비율이 높이를 결정하게 함 */
.sp-ext-crd--overlay .sp-ext-crd-item{min-height:var(--sp-crd-ov-minh,clamp(300px,30vw,420px));aspect-ratio:var(--sp-crd-img-ratio,auto)}
.sp-ext-crd--overlay .sp-ext-crd-thumb{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;aspect-ratio:auto}
.sp-ext-crd--overlay .sp-ext-crd-item::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(180deg,transparent 0%,var(--sp-crd-card-overlay,rgba(0,0,0,.78)) 100%);z-index:1;pointer-events:none}
.sp-ext-crd--overlay .sp-ext-crd-content{position:relative;z-index:2;justify-content:flex-end}
.sp-ext-crd--overlay .sp-ext-crd-num{opacity:.55;color:var(--sp-crd-card-text,#fff)}
.sp-ext-crd--overlay .sp-ext-crd-title,.sp-ext-crd--overlay .sp-ext-crd-sub,.sp-ext-crd--overlay .sp-ext-crd-body,.sp-ext-crd--overlay .sp-ext-crd-tag{color:var(--sp-crd-card-text,#fff)}
.sp-ext-crd-common.sp-ext-crd--overlay .sp-ext-crd-tag{padding-left:0;padding-right:0;border-left:0;border-right:0}
.sp-ext-crd-common.sp-ext-crd--stagger .sp-ext-crd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--sty-card-gap,clamp(24px,4vw,56px))}.sp-ext-crd--stagger .sp-crd-stagger-col{display:flex;min-width:0;flex-direction:column;gap:var(--sty-card-gap,clamp(24px,4vw,56px))}.sp-ext-crd--stagger .sp-ext-crd-item{width:100%;margin:0!important}.sp-ext-crd--stagger-left .sp-crd-stagger-col:nth-child(2),.sp-ext-crd--stagger-right .sp-crd-stagger-col:nth-child(1){padding-top:var(--sp-crd-stagger-offset,120px)}@media(max-width:768px){.sp-ext-crd-common.sp-ext-crd--stagger .sp-ext-crd-grid{grid-template-columns:1fr}.sp-ext-crd--stagger .sp-crd-stagger-col{display:contents}.sp-ext-crd--stagger-left .sp-crd-stagger-col:nth-child(2),.sp-ext-crd--stagger-right .sp-crd-stagger-col:nth-child(1){padding-top:0}.sp-ext-crd--stagger .sp-ext-crd-item{margin:0!important}}
@media(min-width:769px){.sp-ext-crd--stagger-left .sp-ext-crd-grid>.sp-ext-crd-item:nth-child(even){margin-top:var(--sp-crd-stagger-offset,120px)!important}.sp-ext-crd--stagger-right .sp-ext-crd-grid>.sp-ext-crd-item:nth-child(odd){margin-top:var(--sp-crd-stagger-offset,120px)!important}}
.sp-ext-crd--overlay .sp-ext-crd-item:hover .sp-ext-crd-thumb img{transform:none}
/* 오버레이 + 원본(imgorig) — 카드를 이미지 자연 비율로(크롭 없음), 텍스트는 이미지 위 오버레이 유지.
   (기본 imgorig 규칙은 :not(overlay) 라 제외되므로 오버레이 전용으로 별도 처리) */
.sp-ext-crd--overlay.sp-ext-crd--imgorig .sp-ext-crd-item{min-height:0;aspect-ratio:auto}
.sp-ext-crd--overlay.sp-ext-crd--imgorig .sp-ext-crd-thumb{position:relative;height:auto;aspect-ratio:auto}
.sp-ext-crd--overlay.sp-ext-crd--imgorig .sp-ext-crd-thumb img,
.sp-ext-crd--overlay.sp-ext-crd--imgorig .sp-ext-crd-thumb video{position:static;width:100%;height:auto;object-fit:initial}
.sp-ext-crd--overlay.sp-ext-crd--imgorig .sp-ext-crd-content{position:absolute;top:0;right:0;bottom:0;left:0;inset:0}
/* 원본 카드는 그리드가 행 높이로 늘려(stretch) 이미지가 잘려 보이지 않도록, 각 카드가 제 높이를 갖게 함 */
.sp-ext-crd--imgorig .sp-ext-crd-grid{align-items:start}
/* 텍스트 나열형(text) — 이미지 없이 텍스트만 */
.sp-ext-crd--text .sp-ext-crd-thumb{display:none}
.sp-ext-crd--text .sp-ext-crd-content{padding:clamp(28px,3vw,40px) clamp(28px,4vw,48px)}
/* 이미지+텍스트형 — 기존 side_media 업로더와 자유 분할 옵션을 사용하는 PT01 대체 프리셋. */
.sp-ext-crd--image-text.sp-ext-crd--side .sp-b{align-items:center}.sp-ext-crd--image-text .sp-ext-crd-grid,.sp-ext-crd--image-text .sp-ext-crd-slider{display:none}.sp-ext-crd-common.sp-ext-crd--image-text .sp-ext-crd-grid{display:grid;margin-top:clamp(28px,4vw,52px)}.sp-ext-crd-common.sp-ext-crd--image-text .sp-ext-crd-slider{display:block;margin-top:clamp(28px,4vw,52px)}.sp-ext-crd--image-text .sp-ext-crd-desc{max-width:760px}.sp-ext-crd--image-text .sp-ext-crd-side{min-height:clamp(420px,55vw,780px)}
/* 원형 카드 — 채워진 원 안에 텍스트 중앙정렬, 이미지 없음 (레퍼런스) */
.sp-ext-crd--circle .sp-ext-crd-grid{gap:var(--sty-card-gap,24px);margin-top:48px;align-items:start}
.sp-ext-crd--circle .sp-ext-crd-thumb{display:none}
.sp-ext-crd--circle .sp-ext-crd-item{aspect-ratio:1/1;border-radius:50%;background:var(--sp-card-bg,var(--sp-bg3,#d8d2c8));overflow:hidden;align-items:center;justify-content:center}
.sp-ext-crd--circle .sp-ext-crd-content{display:flex;flex-direction:column;justify-content:center;align-items:var(--sp-crd-card-ai,center);text-align:var(--sp-crd-card-ta,center);gap:6px;width:100%;height:100%;padding:14% 16%}
.sp-ext-crd--circle .sp-ext-crd-num{display:none}
.sp-ext-crd--circle .sp-ext-crd-tag{display:none}
.sp-ext-crd--circle .sp-ext-crd-title{margin:0;line-height:1.5}
.sp-ext-crd--circle .sp-ext-crd-body{line-height:1.55}
@media(max-width:900px){.sp-ext-crd--circle .sp-ext-crd-grid{grid-template-columns:repeat(var(--sp-cols-mo,2),1fr)}}
@media(max-width:768px){.sp-ext-crd--circle .sp-ext-crd-content{padding:12% 14%}}
/* 아이콘형 — 카드 이미지를 우상단 작은 아이콘으로 + 좌측 텍스트 + 하단 구분선 + 배경 없음 (스크린샷 스타일) */
.sp-ext-crd--icon .sp-ext-crd-grid{gap:var(--sty-card-gap,44px) 56px}
.sp-ext-crd--icon .sp-ext-crd-item{display:block;background:var(--sp-card-bg,transparent);border-radius:0;overflow:visible;border-bottom:1px solid var(--sp-line);padding:6px 0 30px}
.sp-ext-crd--icon .sp-ext-crd-thumb{position:absolute;top:2px;right:0;width:var(--sp-crd-ico-size,66px);height:var(--sp-crd-ico-size,66px);aspect-ratio:auto;border-radius:0;background:transparent;overflow:visible}
.sp-ext-crd--icon .sp-ext-crd-thumb img,.sp-ext-crd--icon .sp-ext-crd-thumb video{position:static;width:100%;height:100%;object-fit:contain}
.sp-ext-crd--icon .sp-ext-crd-thumb-ph{display:none}
.sp-ext-crd--icon .sp-ext-crd-content{padding:0}
.sp-ext-crd--icon .sp-ext-crd-title{padding-right:84px}
@media(max-width:768px){.sp-ext-crd--icon .sp-ext-crd-thumb{width:calc(var(--sp-crd-ico-size,66px)*.8);height:calc(var(--sp-crd-ico-size,66px)*.8)}.sp-ext-crd--icon .sp-ext-crd-title{padding-right:60px}}
/* 요소 on/off */
.sp-ext-crd--no-tag .sp-ext-crd-tag{display:none}
.sp-ext-crd--no-num .sp-ext-crd-num{display:none}
/* 원형 숫자 배지(numbadge) — 텍스트/웹진 나열 카드에서 큰 반투명 번호 대신 작은 원형 배지. num 숨김 옵션보다 우선 */
.sp-ext-crd--numbadge .sp-ext-crd-num,
.sp-ext-crd--numbadge.sp-ext-crd--no-num .sp-ext-crd-num{display:inline-flex;align-items:center;justify-content:center;width:var(--sp-crd-numbadge-size,34px);height:var(--sp-crd-numbadge-size,34px);min-width:var(--sp-crd-numbadge-size,34px);margin:0 0 14px;font-size:14px;font-weight:600;line-height:1;opacity:1;color:var(--sp-crd-numbadge-fg,#fff);background:var(--sp-crd-numbadge-bg,var(--sp-text,#1a1a1a));border-radius:50%}
/* 텍스트형 + 배지 — 번호를 제목 왼쪽에 인라인 배치, 본문은 그 아래 전폭 (스크린샷 레이아웃) */
.sp-ext-crd--numbadge.sp-ext-crd--text .sp-ext-crd-content{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.sp-ext-crd--numbadge.sp-ext-crd--text .sp-ext-crd-num{grid-column:1;grid-row:1;margin:0}
.sp-ext-crd--numbadge.sp-ext-crd--text .sp-ext-crd-tag,
.sp-ext-crd--numbadge.sp-ext-crd--text .sp-ext-crd-title{grid-column:2;grid-row:1;margin:0}
.sp-ext-crd--numbadge.sp-ext-crd--text .sp-ext-crd-body,
.sp-ext-crd--numbadge.sp-ext-crd--text .sp-ext-crd-checks{grid-column:1/-1;grid-row:2;margin-top:12px}
.sp-ext-crd-common.sp-ext-crd--num-circle .sp-ext-crd-num,.sp-ext-crd-common.sp-ext-crd--num-square .sp-ext-crd-num{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;opacity:1;border:1px solid currentColor}.sp-ext-crd-common.sp-ext-crd--num-circle .sp-ext-crd-num{border-radius:50%}.sp-ext-crd-common.sp-ext-crd--num-square .sp-ext-crd-num{border-radius:8px;background:var(--sp-text);color:#fff}.sp-ext-crd-common.sp-ext-crd--num-outline .sp-ext-crd-num{width:58px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid currentColor;border-radius:999px;font-size:12px;letter-spacing:.1em;opacity:1}.sp-ext-crd-common.sp-ext-crd--num-underline .sp-ext-crd-num{position:relative;display:inline-flex;width:max-content;padding:0 2px 9px;border:0;font-size:15px;letter-spacing:.12em;opacity:1}.sp-ext-crd-common.sp-ext-crd--num-underline .sp-ext-crd-num:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--index_color,var(--main,var(--hv-main,currentColor)));border-radius:2px}.sp-ext-crd-common.sp-ext-crd--num-background .sp-ext-crd-num{position:absolute;right:16px;bottom:4px;font-size:clamp(72px,9vw,140px);opacity:.055;margin:0}.sp-ext-crd-common.sp-ext-crd--num-step .sp-ext-crd-num:before{content:'STEP ';font-size:11.5px;margin-right:4px}/* 번호 위치 옵션은 섹션에 저장된 정밀 배치(#섹션 한 번)보다 우선하고, 정밀 배치 창에서 직접 고친 값(#섹션 두 번)보다는 아래다 */#sp-sections .sp-ext-crd--numpos-top_right .sp-ext-crd-num{align-self:flex-end}#sp-sections .sp-ext-crd--numpos-center .sp-ext-crd-num{align-self:center}.sp-ext-crd--numpos-title .sp-ext-crd-content{display:grid;grid-template-columns:auto 1fr;gap:12px}.sp-ext-crd--numpos-title .sp-ext-crd-title{grid-column:2}.sp-ext-crd--numpos-title .sp-ext-crd-body{grid-column:1/-1}
.sp-ext-crd-common.sp-ext-crd--num-small_center .sp-ext-crd-num{display:flex;align-items:center;justify-content:center;align-self:center;width:auto;height:auto;margin:0 auto 12px;font-size:12px;font-weight:400;letter-spacing:.14em;line-height:1;opacity:.72;color:var(--sp-crd-number-color,var(--index_color,var(--sp-text)))}.sp-ext-crd-common.sp-ext-crd--num-mini_circle .sp-ext-crd-num{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:28px;height:28px;min-width:28px;margin:0 auto 12px;border:1px solid color-mix(in srgb,var(--sp-crd-number-color,var(--index_color,var(--sp-text))) 55%,transparent);border-radius:50%;font-size:11.5px;font-weight:400;letter-spacing:.05em;line-height:1;opacity:1;color:var(--sp-crd-number-color,var(--index_color,var(--sp-text)));background:transparent}.sp-ext-crd-common.sp-ext-crd--num-soft_badge .sp-ext-crd-num{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:44px;height:26px;padding:0 11px;margin:0 0 12px;border:0;border-radius:999px;font-size:11.5px;font-weight:400;letter-spacing:.08em;line-height:1;opacity:1;color:var(--sp-crd-number-color,var(--index_color,var(--sp-text)));background:color-mix(in srgb,var(--sp-crd-number-color,var(--index_color,var(--sp-text))) 12%,transparent)}.sp-ext-crd-common.sp-ext-crd--num-side_line .sp-ext-crd-num{display:flex;align-items:center;justify-content:center;align-self:center;width:min(100%,150px);gap:10px;margin:0 auto 14px;font-size:11.5px;font-weight:400;letter-spacing:.12em;line-height:1;opacity:.8;color:var(--sp-crd-number-color,var(--index_color,var(--sp-text)))}.sp-ext-crd-common.sp-ext-crd--num-side_line .sp-ext-crd-num:before,.sp-ext-crd-common.sp-ext-crd--num-side_line .sp-ext-crd-num:after{content:'';display:block;flex:1;height:1px;background:currentColor;opacity:.55}.sp-ext-crd-common.sp-ext-crd--num-bracket .sp-ext-crd-num{display:inline-flex;width:max-content;margin:0 0 12px;font-size:12px;font-weight:400;letter-spacing:.1em;line-height:1;opacity:.8;color:var(--sp-crd-number-color,var(--index_color,var(--sp-text)))}.sp-ext-crd-common.sp-ext-crd--num-bracket .sp-ext-crd-num:before{content:'[';margin-right:5px}.sp-ext-crd-common.sp-ext-crd--num-bracket .sp-ext-crd-num:after{content:']';margin-left:5px}
.sp-ext-crd--numpos-title.sp-ext-crd--all-off-number .sp-ext-crd-content,.sp-ext-crd--numpos-title .sp-card-off-number .sp-ext-crd-content{display:flex;gap:0}.sp-ext-crd--numpos-title.sp-ext-crd--all-off-number .sp-ext-crd-title,.sp-ext-crd--numpos-title .sp-card-off-number .sp-ext-crd-title{grid-column:auto}
.sp-ext-crd-card-action{position:absolute;inset:0;z-index:8;border:0;background:transparent;cursor:pointer}.sp-ext-crd-card-action-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sp-ext-crd-layer-src[hidden]{display:none}.sp-ext-crd-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:clamp(24px,3vw,42px) 0 0}.sp-ext-crd-tabs button{border:1px solid var(--sp-line);background:transparent;padding:10px 18px;cursor:pointer;color:inherit}.sp-ext-crd--tabs-pill .sp-ext-crd-tabs button{border-radius:999px}.sp-ext-crd--tabs-segment .sp-ext-crd-tabs{display:inline-flex;padding:4px;background:var(--sp-bg3);border-radius:12px}.sp-ext-crd--tabs-segment .sp-ext-crd-tabs button{border:0;border-radius:9px}.sp-ext-crd--tabs-underline .sp-ext-crd-tabs button{border-width:0 0 2px}.sp-ext-crd-tabs button[aria-selected="true"]{background:var(--sp-text);color:var(--sp-bg)}.sp-ext-crd--tabs .sp-ext-crd-item[hidden]{display:none!important}
/* 공통 카드 탭 — 프리셋별 형태·호버·활성 상태를 명확히 분리 */
.sp-ext-crd-common .sp-ext-crd-tabs{gap:10px;align-items:center}.sp-ext-crd-common .sp-ext-crd-tabs button{position:relative;min-height:42px;border:0;padding:10px 18px;background:transparent;color:var(--sp-muted);font-weight:600;transition:color .25s,background .25s,border-color .25s,box-shadow .25s,transform .25s}.sp-ext-crd-common .sp-ext-crd-tabs button:hover{color:var(--sp-text);transform:translateY(-2px)}
.sp-ext-crd-common.sp-ext-crd--tabs-pill .sp-ext-crd-tabs button{border-radius:999px;background:var(--sp-bg3)}.sp-ext-crd-common.sp-ext-crd--tabs-pill .sp-ext-crd-tabs button[aria-selected="true"]{background:var(--sp-text);color:var(--sp-bg);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.sp-ext-crd-common.sp-ext-crd--tabs-segment .sp-ext-crd-tabs{display:inline-flex;gap:2px;padding:5px;border:1px solid var(--sp-line);border-radius:14px;background:var(--sp-bg3)}.sp-ext-crd-common.sp-ext-crd--tabs-segment .sp-ext-crd-tabs button{border-radius:10px}.sp-ext-crd-common.sp-ext-crd--tabs-segment .sp-ext-crd-tabs button[aria-selected="true"]{background:var(--sp-bg);color:var(--sp-text);box-shadow:0 3px 14px rgba(0,0,0,.12)}
.sp-ext-crd-common.sp-ext-crd--tabs-underline .sp-ext-crd-tabs{gap:clamp(20px,4vw,52px);border-bottom:1px solid var(--sp-line)}.sp-ext-crd-common.sp-ext-crd--tabs-underline .sp-ext-crd-tabs button{padding:12px 2px 15px;border-radius:0}.sp-ext-crd-common.sp-ext-crd--tabs-underline .sp-ext-crd-tabs button::after{content:"";position:absolute;left:50%;right:50%;bottom:-1px;height:2px;background:var(--sp-gold);transition:left .3s,right .3s}.sp-ext-crd-common.sp-ext-crd--tabs-underline .sp-ext-crd-tabs button[aria-selected="true"]{background:transparent;color:var(--sp-text)}.sp-ext-crd-common.sp-ext-crd--tabs-underline .sp-ext-crd-tabs button[aria-selected="true"]::after{left:0;right:0}
.sp-ext-crd-common.sp-ext-crd--tabs-box .sp-ext-crd-tabs{gap:0}.sp-ext-crd-common.sp-ext-crd--tabs-box .sp-ext-crd-tabs button{border:1px solid var(--sp-line);border-radius:0;margin-left:-1px}.sp-ext-crd-common.sp-ext-crd--tabs-box .sp-ext-crd-tabs button:first-child{margin-left:0}.sp-ext-crd-common.sp-ext-crd--tabs-box .sp-ext-crd-tabs button[aria-selected="true"]{z-index:1;background:transparent;color:var(--sp-text);border-color:var(--sp-text);box-shadow:inset 0 0 0 1px var(--sp-text)}
.sp-ext-crd-common.sp-ext-crd--tabs-soft .sp-ext-crd-tabs button{border-radius:12px;background:color-mix(in srgb,var(--sp-gold) 8%,transparent)}.sp-ext-crd-common.sp-ext-crd--tabs-soft .sp-ext-crd-tabs button[aria-selected="true"]{background:color-mix(in srgb,var(--sp-gold) 18%,var(--sp-bg));color:var(--sp-text);box-shadow:0 10px 30px color-mix(in srgb,var(--sp-gold) 18%,transparent)}
.sp-ext-crd-common.sp-ext-crd--tabs-editorial .sp-ext-crd-tabs{gap:0}.sp-ext-crd-common.sp-ext-crd--tabs-editorial .sp-ext-crd-tabs button{padding:8px clamp(16px,3vw,34px);font-family:var(--font-en,var(--font-pret));font-size:clamp(16px,2vw,24px);font-weight:400}.sp-ext-crd-common.sp-ext-crd--tabs-editorial .sp-ext-crd-tabs button+button::before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:1px;background:var(--sp-line)}.sp-ext-crd-common.sp-ext-crd--tabs-editorial .sp-ext-crd-tabs button[aria-selected="true"]{background:transparent;color:var(--sp-gold);font-style:italic}
.sp-ext-crd-common.sp-ext-crd--tabs-vertical .sp-ext-crd-tabs{width:min(100%,280px);flex-direction:column;align-items:stretch;gap:0;border-left:1px solid var(--sp-line)}.sp-ext-crd-common.sp-ext-crd--tabs-vertical .sp-ext-crd-tabs button{text-align:left;border-radius:0;padding:13px 18px}.sp-ext-crd-common.sp-ext-crd--tabs-vertical .sp-ext-crd-tabs button[aria-selected="true"]{background:var(--sp-bg3);color:var(--sp-text);box-shadow:inset 3px 0 0 var(--sp-gold)}
.sp-ext-crd-common.sp-ext-crd--tabs-glass .sp-ext-crd-tabs{display:inline-flex;padding:6px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(255,255,255,.25);backdrop-filter:blur(14px);box-shadow:0 12px 38px rgba(0,0,0,.08)}.sp-ext-crd-common.sp-ext-crd--tabs-glass .sp-ext-crd-tabs button{border-radius:999px}.sp-ext-crd-common.sp-ext-crd--tabs-glass .sp-ext-crd-tabs button[aria-selected="true"]{background:rgba(255,255,255,.82);color:#222;box-shadow:0 4px 14px rgba(0,0,0,.1)}
.sp-ext-crd-common .sp-ext-crd-item{transition:transform .38s cubic-bezier(.2,.75,.25,1),border-color .3s}.sp-ext-crd-common .sp-ext-crd-thumb{transition:border-radius .42s,border-color .32s}.sp-ext-crd-common .sp-ext-crd-thumb img,.sp-ext-crd-common .sp-ext-crd-thumb video{transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .4s}.sp-ext-crd-common .sp-ext-crd-thumb::before{content:"";position:absolute;inset:0;z-index:2;background:var(--sp-gold);opacity:0;pointer-events:none;transition:opacity .4s}.sp-ext-crd-common.sp-ext-crd--hover-lift .sp-ext-crd-item:hover{transform:translateY(-6px)}.sp-ext-crd-common.sp-ext-crd--hover-zoom .sp-ext-crd-item:hover .sp-ext-crd-thumb img,.sp-ext-crd-common.sp-ext-crd--hover-zoom .sp-ext-crd-item:hover .sp-ext-crd-thumb video{transform:scale(1.075)}.sp-ext-crd-common.sp-ext-crd--hover-image_overlay .sp-ext-crd-item:hover .sp-ext-crd-thumb::before{opacity:.18}.sp-ext-crd-common.sp-ext-crd--hover-image_overlay .sp-ext-crd-item:hover .sp-ext-crd-thumb img,.sp-ext-crd-common.sp-ext-crd--hover-image_overlay .sp-ext-crd-item:hover .sp-ext-crd-thumb video{transform:scale(1.035)}.sp-ext-crd-common.sp-ext-crd--hover-image_round .sp-ext-crd-item:hover .sp-ext-crd-thumb{border-radius:clamp(18px,3vw,36px)}.sp-ext-crd-common.sp-ext-crd--hover-image_border .sp-ext-crd-thumb{border:1px solid transparent}.sp-ext-crd-common.sp-ext-crd--hover-image_border .sp-ext-crd-item:hover .sp-ext-crd-thumb{border-color:var(--sp-gold)}.sp-ext-crd-common.sp-ext-crd--hover-outline .sp-ext-crd-item:hover{border-color:var(--sp-gold);box-shadow:inset 0 0 0 1px var(--sp-gold)}
.sp-ext-crd-common.sp-ext-crd--padding-compact .sp-ext-crd-content{padding:18px 16px}.sp-ext-crd-common.sp-ext-crd--padding-none .sp-ext-crd-content{padding:0}
.sp-ext-crd-common:not(.sp-ext-crd--zine) .sp-ext-crd-thumb{width:var(--sp-crd-quick-img-w,100%);max-width:var(--sp-crd-quick-img-mw,var(--sty-img-mw,none));margin-top:var(--sp-crd-quick-img-mt,0);margin-bottom:var(--sp-crd-quick-img-mb,0)}.sp-ext-crd-common.sp-ext-crd--imgalign-left .sp-ext-crd-thumb{align-self:flex-start}.sp-ext-crd-common.sp-ext-crd--imgalign-center .sp-ext-crd-thumb{align-self:center}.sp-ext-crd-common.sp-ext-crd--imgalign-right .sp-ext-crd-thumb{align-self:flex-end}
@media(max-width:768px){.sp-ext-crd-common:not(.sp-ext-crd--zine) .sp-ext-crd-thumb{width:var(--sp-crd-quick-img-w-mo,var(--sp-crd-quick-img-w,100%))}}
.sp-ext-crd-common[class*="sp-ext-crd--pady-"] .sp-ext-crd-content{box-sizing:border-box;padding-top:var(--sp-crd-pad-y,32px);padding-bottom:var(--sp-crd-pad-y,32px)}.sp-ext-crd-common[class*="sp-ext-crd--padx-"] .sp-ext-crd-content{box-sizing:border-box;padding-left:var(--sp-crd-pad-x,32px);padding-right:var(--sp-crd-pad-x,32px)}.sp-ext-crd--pady-0{--sp-crd-pad-y:0px;--sp-crd-pad-y-mo:0px}.sp-ext-crd--pady-8{--sp-crd-pad-y:8px;--sp-crd-pad-y-mo:4px}.sp-ext-crd--pady-16{--sp-crd-pad-y:16px;--sp-crd-pad-y-mo:8px}.sp-ext-crd--pady-24{--sp-crd-pad-y:24px;--sp-crd-pad-y-mo:12px}.sp-ext-crd--pady-32{--sp-crd-pad-y:32px;--sp-crd-pad-y-mo:16px}.sp-ext-crd--pady-40{--sp-crd-pad-y:40px;--sp-crd-pad-y-mo:20px}.sp-ext-crd--pady-48{--sp-crd-pad-y:48px;--sp-crd-pad-y-mo:24px}.sp-ext-crd--pady-64{--sp-crd-pad-y:64px;--sp-crd-pad-y-mo:32px}.sp-ext-crd--padx-0{--sp-crd-pad-x:0px;--sp-crd-pad-x-mo:0px}.sp-ext-crd--padx-8{--sp-crd-pad-x:8px;--sp-crd-pad-x-mo:4px}.sp-ext-crd--padx-16{--sp-crd-pad-x:16px;--sp-crd-pad-x-mo:8px}.sp-ext-crd--padx-24{--sp-crd-pad-x:24px;--sp-crd-pad-x-mo:12px}.sp-ext-crd--padx-32{--sp-crd-pad-x:32px;--sp-crd-pad-x-mo:16px}.sp-ext-crd--padx-40{--sp-crd-pad-x:40px;--sp-crd-pad-x-mo:20px}.sp-ext-crd--padx-48{--sp-crd-pad-x:48px;--sp-crd-pad-x-mo:24px}.sp-ext-crd--padx-64{--sp-crd-pad-x:64px;--sp-crd-pad-x-mo:32px}@media(max-width:768px){.sp-ext-crd-common[class*="sp-ext-crd--pady-"] .sp-ext-crd-content{padding-top:var(--sp-crd-pad-y-mo,16px);padding-bottom:var(--sp-crd-pad-y-mo,16px)}.sp-ext-crd-common[class*="sp-ext-crd--padx-"] .sp-ext-crd-content{padding-left:var(--sp-crd-pad-x-mo,16px);padding-right:var(--sp-crd-pad-x-mo,16px)}}
.sp-ext-crd-common.sp-ext-crd--padding-none .sp-ext-crd-content{padding:0!important}
.sp-ext-crd-common.sp-ext-crd--media-text_top .sp-ext-crd-content{order:1}.sp-ext-crd-common.sp-ext-crd--media-text_top .sp-ext-crd-thumb{order:2}.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-item,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-item{flex-direction:row;align-items:stretch}.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-thumb,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-thumb{width:50%;aspect-ratio:auto;min-height:260px}.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-content,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-content{width:50%;justify-content:center}.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-thumb{order:2}.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-content{order:1}@media(max-width:768px){.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-item,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-item{flex-direction:column}.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-thumb,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-thumb,.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-content,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-content{width:100%}.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-thumb,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-thumb{min-height:0;aspect-ratio:16/10}.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-thumb{order:2}.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-content{order:1}}
.sp-ext-crd-link-button{position:relative;z-index:7;display:flex;width:max-content;align-items:center;justify-content:center;gap:10px;margin-top:clamp(18px,2vw,28px);min-height:44px;padding:10px 20px;border:1px solid var(--sp-text);background:var(--sp-text);color:var(--sp-bg);font-size:14px;font-weight:600;line-height:1.2;transition:transform .25s,background .25s,color .25s,border-color .25s;pointer-events:none}.sp-ext-crd-item:hover .sp-ext-crd-link-button{transform:translateY(-2px)}.sp-ext-crd--btn-outline .sp-ext-crd-link-button{background:transparent;color:inherit}.sp-ext-crd--btn-arrow .sp-ext-crd-link-button{min-height:0;padding:5px 0;border-width:0 0 1px;background:transparent;color:inherit}.sp-ext-crd--btn-arrow .sp-ext-crd-link-button i{transition:transform .25s}.sp-ext-crd--btn-arrow .sp-ext-crd-item:hover .sp-ext-crd-link-button i{transform:translateX(5px)}.sp-ext-crd--btn-pill .sp-ext-crd-link-button{border-radius:999px;padding-inline:24px}.sp-ext-crd--btn-circle .sp-ext-crd-link-button{width:48px;height:48px;min-height:48px;padding:0;border-radius:50%}.sp-ext-crd--btn-circle .sp-ext-crd-link-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.sp-ext-crd--btn-circle .sp-ext-crd-link-button i{font-size:20px}.sp-ext-crd--btn-align-center .sp-ext-crd-link-button{margin-inline:auto}.sp-ext-crd--btn-align-right .sp-ext-crd-link-button{margin-left:auto}
.sp-card-off-image .sp-ext-crd-thumb,.sp-card-off-number .sp-ext-crd-num,.sp-card-off-tag .sp-ext-crd-tag,.sp-card-off-title .sp-ext-crd-title,.sp-card-off-body .sp-ext-crd-body,.sp-card-off-body .sp-ext-crd-checks{display:none!important}.sp-crd-tool-head{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:42px!important;padding:10px 14px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#374151!important;box-shadow:none!important;font-size:11.5px!important;font-weight:800!important;text-align:left!important}.sp-crd-tool-head::after{content:"＋";font-size:15px;font-weight:400;color:#6b7280}@media(max-width:768px){}
.sp-ext-crd--head-off-eyebrow>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--head-off-title>.sp-b>.sp-sec-title,.sp-ext-crd--head-off-subtitle>.sp-b>.sp-ext-crd-subtitle,.sp-ext-crd--head-off-subheading>.sp-b>.sp-ext-crd-subheading,.sp-ext-crd--head-off-desc>.sp-b>.sp-ext-crd-desc{display:none!important}
.sp-ext-crd--all-off-image .sp-ext-crd-thumb,.sp-ext-crd--all-off-number .sp-ext-crd-num,.sp-ext-crd--all-off-tag .sp-ext-crd-tag,.sp-ext-crd--all-off-title .sp-ext-crd-title,.sp-ext-crd--all-off-body .sp-ext-crd-body,.sp-ext-crd--all-off-body .sp-ext-crd-checks{display:none!important}
.sp-crd-layer{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}.sp-crd-layer-bg{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.sp-crd-layer-box{position:relative;z-index:1;width:min(92vw,760px);max-height:86vh;overflow:auto;background:#fff;color:#222;border-radius:18px;padding:clamp(28px,5vw,58px);box-shadow:0 24px 80px rgba(0,0,0,.28)}.sp-crd-layer-box>button{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.sp-crd-layer-box h3{font-size:clamp(14px,1.5vw,20px);margin:0 0 20px}.sp-crd-layer-media{margin:-10px 0 24px}.sp-crd-layer-media img,.sp-crd-layer-media video{display:block;width:100%;max-height:55vh;object-fit:contain;border-radius:12px}.sp-crd-layer-body{font-size:16px;line-height:1.8;white-space:pre-line}
.sp-crd-layer-point{grid-area:point;margin:0 0 8px;font-size:12px;color:#777}.sp-crd-layer-box h3{grid-area:title}.sp-crd-layer-media{grid-area:media}.sp-crd-layer-body{grid-area:body}.sp-crd-layer-tags{grid-area:tags;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.sp-crd-layer-tags:empty{display:none}.sp-crd-layer-tags span{display:inline-flex;align-items:center;min-height:28px;padding:5px 11px;border-radius:999px;background:#f1f1f1;color:#444;font-size:12px}.sp-crd-layer--title-center .sp-crd-layer-box h3{text-align:center}.sp-crd-layer--title-right .sp-crd-layer-box h3{text-align:right}.sp-crd-layer--body-center .sp-crd-layer-body{text-align:center}.sp-crd-layer--body-right .sp-crd-layer-body{text-align:right}.sp-crd-layer--vertical .sp-crd-layer-box{display:grid;grid-template-areas:"point" "title" "media" "body" "tags"}.sp-crd-layer--vertical.sp-crd-layer--media-end .sp-crd-layer-box{grid-template-areas:"point" "title" "body" "tags" "media"}.sp-crd-layer--vertical.sp-crd-layer--media-end .sp-crd-layer-media{margin:24px 0 0}.sp-crd-layer--horizontal .sp-crd-layer-box{width:min(94vw,1080px);display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1fr);grid-template-areas:"media point" "media title" "media body" "media tags";column-gap:clamp(28px,4vw,56px);align-content:center}.sp-crd-layer--horizontal.sp-crd-layer--media-end .sp-crd-layer-box{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);grid-template-areas:"point media" "title media" "body media" "tags media"}.sp-crd-layer--horizontal .sp-crd-layer-media{margin:0;align-self:stretch}.sp-crd-layer--horizontal .sp-crd-layer-media img,.sp-crd-layer--horizontal .sp-crd-layer-media video{height:100%;max-height:70vh;object-fit:contain;background:#f7f7f7}@media(max-width:720px){.sp-crd-layer--horizontal .sp-crd-layer-box,.sp-crd-layer--horizontal.sp-crd-layer--media-end .sp-crd-layer-box{grid-template-columns:1fr;grid-template-areas:"point" "title" "media" "body" "tags"}.sp-crd-layer--horizontal.sp-crd-layer--media-end .sp-crd-layer-box{grid-template-areas:"point" "title" "body" "tags" "media"}.sp-crd-layer--horizontal .sp-crd-layer-media{margin:0 0 20px}.sp-crd-layer--horizontal.sp-crd-layer--media-end .sp-crd-layer-media{margin:20px 0 0}}
.sp-crd-layer-bg{animation:spLayerFade .28s ease both}.sp-crd-layer-box{animation:spLayerEnter .42s cubic-bezier(.2,.8,.2,1) both}.sp-crd-layer-box>button{display:grid;place-items:center;width:44px;height:44px;right:14px;top:14px;border-radius:50%;background:#171717;color:#fff;font-size:24px;line-height:1;transition:transform .25s,background .25s}.sp-crd-layer-box>button:hover{transform:rotate(90deg);background:var(--sp-gold)}.sp-crd-layer-point:empty,.sp-crd-layer-body:empty,.sp-crd-layer-box h3:empty{display:none}.sp-crd-layer-point{letter-spacing:.04em}.sp-crd-layer-box h3{letter-spacing:-.035em}.sp-crd-layer-tags span{transition:transform .2s,background .2s}.sp-crd-layer-tags span:hover{transform:translateY(-2px);background:#e7e7e7}@keyframes spLayerFade{from{opacity:0}to{opacity:1}}@keyframes spLayerEnter{from{opacity:0;transform:translateY(24px) scale(.975)}to{opacity:1;transform:none}}
/* 세로형은 단일 컬럼 Flex로 고정 — Grid area 충돌 없이 미디어 위/아래 순서 보장 */
.sp-crd-layer--vertical .sp-crd-layer-box{display:flex;flex-direction:column;width:min(92vw,760px)}.sp-crd-layer--vertical .sp-crd-layer-point{order:2;width:100%}.sp-crd-layer--vertical .sp-crd-layer-box h3{order:3;width:100%}.sp-crd-layer--vertical .sp-crd-layer-body{order:4;width:100%}.sp-crd-layer--vertical .sp-crd-layer-tags{order:5;width:100%}.sp-crd-layer--vertical .sp-crd-layer-media{order:1;width:100%;margin:0 0 clamp(22px,3vw,34px)}.sp-crd-layer--vertical.sp-crd-layer--media-end .sp-crd-layer-media{order:6;margin:clamp(22px,3vw,34px) 0 0}.sp-crd-layer--vertical .sp-crd-layer-media img,.sp-crd-layer--vertical .sp-crd-layer-media video{width:100%;height:auto;max-height:58vh;object-fit:contain}.sp-crd-layer--vertical .sp-crd-layer-box>button{order:0}
@media(max-width:640px){.sp-crd-layer--vertical .sp-crd-layer-box{width:94vw;padding:26px 20px}.sp-crd-layer--vertical .sp-crd-layer-box h3{padding-right:44px;font-size:clamp(14px,4vw,17px)}.sp-crd-layer--vertical .sp-crd-layer-media img,.sp-crd-layer--vertical .sp-crd-layer-media video{max-height:48vh}}
@media(max-width:720px){.sp-crd-layer{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));place-items:center;overflow:hidden}.sp-crd-layer-box,.sp-crd-layer--vertical .sp-crd-layer-box,.sp-crd-layer--horizontal .sp-crd-layer-box,.sp-crd-layer--horizontal.sp-crd-layer--media-end .sp-crd-layer-box{box-sizing:border-box;width:100%;max-width:none;height:auto;max-height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));margin:0;padding:58px 18px 24px;border-radius:14px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.sp-crd-layer-box>button{position:fixed;right:max(18px,calc(env(safe-area-inset-right) + 10px));top:max(18px,calc(env(safe-area-inset-top) + 10px));width:40px;height:40px;font-size:22px}.sp-crd-layer-point{order:2;width:100%;margin-bottom:7px}.sp-crd-layer-box h3,.sp-crd-layer--vertical .sp-crd-layer-box h3{order:3;width:100%;padding-right:0;margin-bottom:14px;font-size:clamp(14px,3.5vw,15px);line-height:1.25;overflow-wrap:anywhere}.sp-crd-layer-body{order:4;width:100%;font-size:15px;line-height:1.75;overflow-wrap:anywhere;word-break:keep-all}.sp-crd-layer-tags{order:5;width:100%;margin-top:16px}.sp-crd-layer-media,.sp-crd-layer--horizontal .sp-crd-layer-media{order:1;width:100%;min-width:0;margin:0 0 20px}.sp-crd-layer--media-end .sp-crd-layer-media,.sp-crd-layer--horizontal.sp-crd-layer--media-end .sp-crd-layer-media{order:6;margin:20px 0 0}.sp-crd-layer-media img,.sp-crd-layer-media video,.sp-crd-layer--horizontal .sp-crd-layer-media img,.sp-crd-layer--horizontal .sp-crd-layer-media video{display:block;width:100%;height:auto;max-width:100%;max-height:42dvh;object-fit:contain;border-radius:10px;background:#f7f7f7}.sp-crd-layer--title-center .sp-crd-layer-box h3,.sp-crd-layer--body-center .sp-crd-layer-body{text-align:center}.sp-crd-layer--title-right .sp-crd-layer-box h3,.sp-crd-layer--body-right .sp-crd-layer-body{text-align:right}}
body.sp-layer-open,body:has(.sp-crd-layer){overflow:hidden}
@media(max-width:640px){}
@media(max-width:640px){}
.sp-ext-crd-common.is-crd-motion-ready[class*="sp-ext-crd--motion-"] .sp-ext-crd-item{animation-duration:var(--sp-crd-motion-duration,.65s);animation-fill-mode:both;animation-delay:calc(var(--motion-index,0)*var(--sp-crd-motion-stagger,.08s));animation-play-state:paused}.sp-ext-crd-common.is-crd-motion-visible[class*="sp-ext-crd--motion-"] .sp-ext-crd-item{animation-play-state:running}.sp-ext-crd--motion-fade .sp-ext-crd-item{animation-name:crdFade}.sp-ext-crd--motion-up .sp-ext-crd-item,.sp-ext-crd--motion-stagger .sp-ext-crd-item{animation-name:crdUp}.sp-ext-crd--motion-scale .sp-ext-crd-item{animation-name:crdScale}.sp-ext-crd--motion-slide .sp-ext-crd-item{animation-name:crdSlide}@keyframes crdFade{from{opacity:0}to{opacity:1}}@keyframes crdUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes crdScale{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes crdSlide{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.sp-ext-crd-common .sp-ext-crd-item{animation:none!important}}
.sp-ext-crd-common.is-crd-motion-ready[class*="sp-ext-crd--imgmotion-"] .sp-ext-crd-thumb{animation-duration:var(--sp-crd-motion-duration,.95s);animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.2,.75,.2,1)}.sp-ext-crd-common.is-crd-motion-visible[class*="sp-ext-crd--imgmotion-"] .sp-ext-crd-thumb{animation-play-state:running}.sp-ext-crd--imgmotion-curtain_left .sp-ext-crd-thumb{animation-name:crdCurtainLeft}.sp-ext-crd--imgmotion-curtain_right .sp-ext-crd-thumb{animation-name:crdCurtainRight}.sp-ext-crd--imgmotion-curtain_top .sp-ext-crd-thumb{animation-name:crdCurtainTop}.sp-ext-crd--imgmotion-curtain_bottom .sp-ext-crd-thumb{animation-name:crdCurtainBottom}.sp-ext-crd--imgmotion-curtain_center .sp-ext-crd-thumb{animation-name:crdCurtainCenter}.sp-ext-crd--imgmotion-zoom .sp-ext-crd-thumb{animation-name:crdImgZoom}.sp-ext-crd--imgmotion-fade .sp-ext-crd-thumb{animation-name:crdFade}@keyframes crdCurtainLeft{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes crdCurtainRight{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes crdCurtainTop{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes crdCurtainBottom{from{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes crdCurtainCenter{from{clip-path:inset(0 50%)}to{clip-path:inset(0)}}@keyframes crdImgZoom{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}
.sp-ext-crd-common.is-crd-motion-ready[class*="sp-ext-crd--textmotion-"] .sp-sec-title,.sp-ext-crd-common.is-crd-motion-ready[class*="sp-ext-crd--textmotion-"] .sp-ext-crd-subtitle,.sp-ext-crd-common.is-crd-motion-ready[class*="sp-ext-crd--textmotion-"] .sp-ext-crd-desc,.sp-ext-crd-common.is-crd-motion-ready[class*="sp-ext-crd--textmotion-"] .sp-ext-crd-content>*{animation-duration:var(--sp-crd-motion-duration,.72s);animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.2,.75,.2,1)}.sp-ext-crd-common.is-crd-motion-visible[class*="sp-ext-crd--textmotion-"] .sp-sec-title,.sp-ext-crd-common.is-crd-motion-visible[class*="sp-ext-crd--textmotion-"] .sp-ext-crd-subtitle,.sp-ext-crd-common.is-crd-motion-visible[class*="sp-ext-crd--textmotion-"] .sp-ext-crd-desc,.sp-ext-crd-common.is-crd-motion-visible[class*="sp-ext-crd--textmotion-"] .sp-ext-crd-content>*{animation-play-state:running}.sp-ext-crd--textmotion-up .sp-sec-title,.sp-ext-crd--textmotion-up .sp-ext-crd-subtitle,.sp-ext-crd--textmotion-up .sp-ext-crd-desc,.sp-ext-crd--textmotion-up .sp-ext-crd-content>*{animation-name:crdUp}.sp-ext-crd--textmotion-down .sp-sec-title,.sp-ext-crd--textmotion-down .sp-ext-crd-subtitle,.sp-ext-crd--textmotion-down .sp-ext-crd-desc,.sp-ext-crd--textmotion-down .sp-ext-crd-content>*{animation-name:crdTextDown}.sp-ext-crd--textmotion-left .sp-sec-title,.sp-ext-crd--textmotion-left .sp-ext-crd-content>*{animation-name:crdTextLeft}.sp-ext-crd--textmotion-right .sp-sec-title,.sp-ext-crd--textmotion-right .sp-ext-crd-content>*{animation-name:crdTextRight}.sp-ext-crd--textmotion-blur .sp-sec-title,.sp-ext-crd--textmotion-blur .sp-ext-crd-content>*{animation-name:crdTextBlur}.sp-ext-crd--textmotion-reveal .sp-sec-title,.sp-ext-crd--textmotion-reveal .sp-ext-crd-content>*{animation-name:crdTextReveal}.sp-ext-crd--textmotion-stagger .sp-ext-crd-content>*{animation-name:crdUp;animation-delay:calc(var(--motion-index,0)*var(--sp-crd-motion-stagger,.08s))}.sp-ext-crd-common:focus-within .sp-ext-crd-item,.sp-ext-crd-common:focus-within .sp-ext-crd-thumb,.sp-ext-crd-common:focus-within .sp-ext-crd-content>*{animation:none!important}@keyframes crdTextDown{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}@keyframes crdTextLeft{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}@keyframes crdTextRight{from{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:none}}@keyframes crdTextBlur{from{opacity:0;filter:blur(12px)}to{opacity:1;filter:none}}@keyframes crdTextReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media(prefers-reduced-motion:reduce){.sp-ext-crd-common [class*="sp-ext-crd-"],.sp-ext-crd-common .sp-sec-title{animation:none!important}}
/* 모바일 첫 화면의 H1·설명은 LCP 후보이므로 관찰자 실행을 기다리지 않는다.
   PC 히어로와 히어로 아래 카드·후속 섹션 모션은 기존 설정을 유지한다. */
@media(max-width:768px){
  .sp-ext-crd--role-hero.sp-ext-crd-common .sp-sec-title,
  .sp-ext-crd--role-hero.sp-ext-crd-common .sp-ext-crd-subtitle,
  .sp-ext-crd--role-hero.sp-ext-crd-common .sp-ext-crd-desc{
    animation:none!important;
    transition:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    clip-path:none!important;
  }
  /* 느린 모바일 회선에서 500KB Pretendard 가변폰트가 swap되며 장문 설명의
     줄 수가 바뀌는 CLS를 차단한다. PC와 후속 섹션의 선택 폰트는 유지한다. */
  .sp-ext-crd--role-hero.sp-ext-crd-common .sp-ext-crd-desc{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",Arial,sans-serif!important;
    font-size:var(--sty-t-desc,var(--sp-t-body))!important;
  }
}
/* 본문 체크리스트 — 카드 본문 줄마다 체크 아이콘 */
.sp-ext-crd-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sp-ext-crd-checks li{display:flex;align-items:center;gap:10px;font-size:var(--sp-t-sm);line-height:1.5;color:var(--sp-text)}
.sp-ext-crd-check-ico{flex-shrink:0;width:22px;height:22px;border-radius:6px;background:var(--sp-gold);color:#fff;display:inline-flex;align-items:center;justify-content:center}
/* 섹션 제목 바로 아래 소제목(서브타이틀) */
.sp-ext-crd-subtitle{font-size:var(--sp-t-body);font-weight:400;line-height:1.85;letter-spacing:-.01em;color:var(--sp-muted);margin-top:10px}
.sp-ext-crd-eyebrow{font-size:var(--sty-t-badge,var(--sp-t-sm));letter-spacing:.15em;color:var(--sty-c-eyebrow,var(--sp-gold));margin:0 0 var(--sty-badge-gap,18px)}.sp-ext-crd-subheading{font-size:var(--sty-t-itemt,var(--sp-t-sub));font-weight:var(--sty-w-subheading,600);line-height:1.45;margin:clamp(18px,2vw,28px) 0 0}.sp-eeat-doctor-profile{display:flex;align-items:center;gap:clamp(20px,3vw,42px);margin-top:clamp(24px,3vw,42px);font-size:13px}.sp-eeat-doctor-profile--right{flex-direction:row-reverse;justify-content:space-between}.sp-eeat-doctor-photo{flex:0 1 38%;width:min(38%,360px);margin:0;overflow:hidden;border-radius:14px;background:var(--sp-bg2,#fafafa)}.sp-eeat-doctor-photo img{display:block;width:100%;height:100%;object-fit:cover}.sp-eeat-doctor-profile--portrait .sp-eeat-doctor-photo{aspect-ratio:3/4}.sp-eeat-doctor-profile--square .sp-eeat-doctor-photo{aspect-ratio:1}.sp-eeat-doctor-profile--original .sp-eeat-doctor-photo{aspect-ratio:auto}.sp-eeat-doctor-profile--original .sp-eeat-doctor-photo img{height:auto;object-fit:contain}.sp-eeat-doctor-copy{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:10px}.sp-eeat-doctor-profile .sp-eeat-doctor-label{font-size:11.5px;letter-spacing:.14em;color:var(--sp-gold)}.sp-eeat-doctor-profile strong{font-size:clamp(20px,2vw,28px);font-weight:600}.sp-eeat-doctor-profile a{color:inherit;text-decoration:underline;text-underline-offset:3px}@media(max-width:768px){.sp-eeat-doctor-profile,.sp-eeat-doctor-profile--right{align-items:stretch;flex-direction:column}.sp-eeat-doctor-photo{width:100%;max-width:100%;aspect-ratio:4/3!important}.sp-eeat-doctor-photo img{object-position:top center}}.sp-ext-crd-custom-html{margin-top:clamp(22px,3vw,42px)}.sp-ext-crd-after-html{grid-column:1/-1;width:100%;margin-top:clamp(28px,4vw,58px)}.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-grid,.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-slider,.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-tabs{display:none!important}.sp-eeat-doctor-references{margin-top:clamp(36px,5vw,64px);padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--sp-line,#e5e7eb);text-align:left}.sp-eeat-doctor-references h3{margin:0 0 18px;font-size:var(--sp-t-sub,18px);font-weight:600}.sp-eeat-doctor-references ol{margin:0;padding-left:1.4em;display:grid;gap:10px;font-size:var(--sp-t-sm,14px);line-height:1.7;color:var(--sp-muted,#666)}.sp-eeat-doctor-references a{color:inherit;text-decoration:underline;text-underline-offset:3px}.sp-eeat-doctor-references small{display:block;margin-top:3px;color:inherit}@media(max-width:768px){.sp-eeat-doctor-references{margin-top:36px;padding-top:24px}.sp-eeat-doctor-references ol{padding-left:1.2em}}
/* 의료진 연동형: 사진과 섹션 제목/설명을 하나의 2열 소개 블록으로 묶는다. */
@media(min-width:769px){
.sp-ext-crd--doctor-cards-hidden>.sp-b{display:grid;grid-template-columns:minmax(260px,38%) minmax(0,1fr);grid-template-rows:auto auto auto auto auto;column-gap:clamp(42px,6vw,88px);align-items:center}
.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-eyebrow{grid-column:2;grid-row:1;align-self:end}
.sp-ext-crd--doctor-cards-hidden .sp-sec-title{grid-column:2;grid-row:2;align-self:start}
.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-subtitle,.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-subheading,.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-desc{grid-column:2;align-self:start}
.sp-ext-crd--doctor-cards-hidden .sp-eeat-doctor-profile{display:contents}
.sp-ext-crd--doctor-cards-hidden .sp-eeat-doctor-photo{grid-column:1;grid-row:1/5;width:100%;max-width:420px;justify-self:start}
.sp-ext-crd--doctor-cards-hidden .sp-eeat-doctor-copy{grid-column:2;grid-row:4;margin-top:clamp(12px,2vw,24px);align-self:start}
.sp-ext-crd--doctor-cards-hidden .sp-eeat-doctor-references{grid-column:1/-1;grid-row:5;width:100%}
}
.sp-ext-crd-diagram{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:var(--sp-crd-diagram-gap,12px);width:100%;margin-top:clamp(24px,3vw,40px);color:var(--sp-crd-diagram-color,var(--sp-text,#222))}.sp-ext-crd--diagram-cols-1 .sp-ext-crd-diagram{grid-template-columns:minmax(0,1fr)}.sp-ext-crd--diagram-cols-2 .sp-ext-crd-diagram{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-ext-crd--diagram-cols-3 .sp-ext-crd-diagram{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-ext-crd--diagram-cols-4 .sp-ext-crd-diagram{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-ext-crd-diagram-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:clamp(18px,2vw,26px);border-radius:var(--sp-crd-diagram-radius,14px);background:var(--sp-crd-diagram-bg,#fafafa)}.sp-ext-crd-diagram-index{font-size:11.5px;line-height:1.5;letter-spacing:.08em;color:var(--sp-crd-diagram-accent,var(--index_color,#171717))}.sp-ext-crd-diagram-title{display:block;font-size:var(--sty-t-itemt,var(--sp-t-sub));line-height:1.45;font-weight:var(--sty-w-title,600)}.sp-ext-crd-diagram-desc{margin:8px 0 0;font-size:var(--sty-t-desc,var(--sp-t-body));line-height:1.75;color:inherit;white-space:pre-line}.sp-ext-crd--diagram-outline .sp-ext-crd-diagram-item{border:1px solid var(--sp-crd-diagram-border,#e5e7eb);background:transparent}.sp-ext-crd--diagram-compare .sp-ext-crd-diagram-item{border-top:3px solid var(--sp-crd-diagram-accent,var(--index_color,#171717));background:var(--sp-crd-diagram-bg,#fafafa)}.sp-ext-crd--diagram-flow .sp-ext-crd-diagram-item,.sp-ext-crd--diagram-steps .sp-ext-crd-diagram-item{align-items:center}.sp-ext-crd--diagram-steps .sp-ext-crd-diagram-index{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--sp-crd-diagram-accent,var(--index_color,#171717));color:#fff}.sp-ext-crd--diagram-connector-arrow .sp-ext-crd-diagram-item:not(:last-child)::after,.sp-ext-crd--diagram-connector-vs .sp-ext-crd-diagram-item:not(:last-child)::after{position:absolute;z-index:2;left:calc(100% + var(--sp-crd-diagram-gap,12px)/2);top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--sp-crd-diagram-accent,var(--index_color,#171717));font-size:12px;font-weight:700;box-shadow:0 0 0 1px var(--sp-crd-diagram-border,#e5e7eb)}.sp-ext-crd--diagram-connector-arrow .sp-ext-crd-diagram-item:not(:last-child)::after{content:'→'}.sp-ext-crd--diagram-connector-vs .sp-ext-crd-diagram-item:not(:last-child)::after{content:'VS';font-size:11.5px}.sp-ext-crd--diagram-connector-line .sp-ext-crd-diagram-item:not(:last-child)::after{content:'';position:absolute;left:100%;top:50%;width:var(--sp-crd-diagram-gap,12px);border-top:1px solid var(--sp-crd-diagram-border,#e5e7eb)}@media(max-width:768px){.sp-ext-crd--diagram-cols-mo-1 .sp-ext-crd-diagram{grid-template-columns:1fr}.sp-ext-crd--diagram-cols-mo-2 .sp-ext-crd-diagram{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-ext-crd--diagram-connector-arrow .sp-ext-crd-diagram-item:not(:last-child)::after,.sp-ext-crd--diagram-connector-vs .sp-ext-crd-diagram-item:not(:last-child)::after{left:50%;top:calc(100% + var(--sp-crd-diagram-gap,12px)/2);transform:translate(-50%,-50%) rotate(90deg)}.sp-ext-crd--diagram-connector-vs .sp-ext-crd-diagram-item:not(:last-child)::after{transform:translate(-50%,-50%)}.sp-ext-crd--diagram-connector-line .sp-ext-crd-diagram-item:not(:last-child)::after{left:50%;top:100%;width:0;height:var(--sp-crd-diagram-gap,12px);border-top:0;border-left:1px solid var(--sp-crd-diagram-border,#e5e7eb)}.sp-ext-crd--diagram-cols-mo-2 .sp-ext-crd-diagram-item::after{display:none}}
.sp-ext-crd-diagram{list-style:none;padding-left:0;position:relative}
/* Diagram layout control stays beside its content instead of the card settings accordion. */
/* Mobile photo sizing follows the saved ratio; only an explicit ratio crops.
   Keep deliberate per-image crop regions and icon layouts intact. */
@media(max-width:768px){
.sp-ext-crd.sp-ext-crd--mo-imgorig:not(.sp-ext-crd--icon) .sp-ext-crd-thumb:not([data-hc-crop]){position:relative;inset:auto;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;padding-bottom:0}
.sp-ext-crd.sp-ext-crd--mo-imgorig:not(.sp-ext-crd--icon) .sp-ext-crd-thumb:not([data-hc-crop])>img,.sp-ext-crd.sp-ext-crd--mo-imgorig:not(.sp-ext-crd--icon) .sp-ext-crd-thumb:not([data-hc-crop])>video{position:static!important;inset:auto!important;display:block;width:100%;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important}
.sp-ext-crd.sp-ext-crd--mo-imgcrop:not(.sp-ext-crd--icon) .sp-ext-crd-thumb:not([data-hc-crop]){position:relative;inset:auto;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--sp-crd-img-ratio-mo,var(--sp-crd-img-ratio,16/9))!important;overflow:hidden}
.sp-ext-crd.sp-ext-crd--mo-imgcrop:not(.sp-ext-crd--icon) .sp-ext-crd-thumb:not([data-hc-crop])>img,.sp-ext-crd.sp-ext-crd--mo-imgcrop:not(.sp-ext-crd--icon) .sp-ext-crd-thumb:not([data-hc-crop])>video{position:absolute!important;inset:0!important;display:block;width:100%;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important}
.sp-ext-crd--overlay.sp-ext-crd--mo-imgorig .sp-ext-crd-item,.sp-ext-crd--overlay.sp-ext-crd--mo-imgcrop .sp-ext-crd-item{min-height:0;aspect-ratio:auto}
}
/* Explicit diagram layout overrides legacy per-page flex rules; unset preserves them. */
.sp-ext-crd--diagram-layout-horizontal .sp-ext-crd-diagram-item{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important}
.sp-ext-crd--diagram-layout-horizontal .sp-ext-crd-diagram-item>div{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:16px!important;min-width:0}
.sp-ext-crd--diagram-layout-horizontal .sp-ext-crd-diagram-title,.sp-ext-crd--diagram-layout-horizontal .sp-ext-crd-diagram-desc{width:auto!important;min-width:0;max-width:100%;margin:0!important;overflow-wrap:anywhere}
.sp-ext-crd--diagram-layout-horizontal.sp-ext-crd--diagram-index-hide .sp-ext-crd-diagram-item{grid-template-columns:minmax(0,1fr)!important}
.sp-ext-crd--diagram-layout-vertical .sp-ext-crd-diagram-item{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;gap:12px 14px!important}
.sp-ext-crd--diagram-layout-vertical .sp-ext-crd-diagram-item>div{display:contents!important}
.sp-ext-crd--diagram-layout-vertical .sp-ext-crd-diagram-index{grid-column:1;grid-row:1;margin:0!important}
.sp-ext-crd--diagram-layout-vertical .sp-ext-crd-diagram-title{grid-column:2;grid-row:1;align-self:center;min-width:0;max-width:100%;width:auto!important;margin:0!important;overflow-wrap:anywhere}
.sp-ext-crd--diagram-layout-vertical .sp-ext-crd-diagram-desc{grid-column:1/-1;grid-row:2;width:auto!important;min-width:0;max-width:100%;margin:0!important;overflow-wrap:anywhere}
.sp-ext-crd--diagram-layout-vertical.sp-ext-crd--diagram-index-hide .sp-ext-crd-diagram-title{grid-column:1/-1}
@media(max-width:768px){
.sp-ext-crd--diagram-layout-horizontal .sp-ext-crd-diagram-item{align-items:start!important}
.sp-ext-crd--diagram-layout-horizontal .sp-ext-crd-diagram-item>div{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
}

/* 추가 버튼을 자동 열 계산에서 제외한다. 전체 열을 차지하는 빈 행은 auto-fit의 빈 열 접기를 막는다. */
.sp-ext-crd--diagram-chip .sp-ext-crd-diagram{display:flex;flex-wrap:wrap;align-items:flex-start}.sp-ext-crd--diagram-chip .sp-ext-crd-diagram-item{display:inline-flex;max-width:100%;align-items:center;padding:11px 16px;border:1px solid var(--sp-crd-diagram-border,#e5e7eb);border-radius:999px;background:var(--sp-crd-diagram-bg,#fafafa)}.sp-ext-crd--diagram-chip .sp-ext-crd-diagram-index,.sp-ext-crd--diagram-index-hide .sp-ext-crd-diagram-index{display:none}.sp-ext-crd--diagram-index-hide .sp-ext-crd-diagram-item{grid-template-columns:minmax(0,1fr)}.sp-ext-crd--diagram-width-full .sp-ext-crd-diagram-item{width:100%}.sp-ext-crd--diagram-width-content .sp-ext-crd-diagram{display:flex;flex-wrap:wrap}.sp-ext-crd--diagram-width-content .sp-ext-crd-diagram-item{width:auto}.sp-ext-crd--diagram-chip .sp-ext-crd-diagram-desc{margin:0;line-height:1.6}.sp-ext-crd--introleft .sp-ext-crd-diagram{grid-column:1;grid-row:6;margin-top:clamp(14px,1.8vw,22px)}.sp-ext-crd--introleft.sp-ext-crd--introflip .sp-ext-crd-diagram{grid-column:2}@media(max-width:768px){.sp-ext-crd--introleft .sp-ext-crd-diagram,.sp-ext-crd--introleft.sp-ext-crd--introflip .sp-ext-crd-diagram{grid-column:1;grid-row:auto}.sp-ext-crd--diagram-chip .sp-ext-crd-diagram-item{border-radius:18px}}
.sp-ext-crd--diagram-index-style-circle .sp-ext-crd-diagram-index,.sp-ext-crd--diagram-index-style-pill .sp-ext-crd-diagram-index,.sp-ext-crd--diagram-index-style-square .sp-ext-crd-diagram-index,.sp-ext-crd--diagram-index-style-outline .sp-ext-crd-diagram-index{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;font-weight:700}.sp-ext-crd--diagram-index-style-circle .sp-ext-crd-diagram-index{width:34px;padding:0;border-radius:50%;background:var(--sp-crd-diagram-accent,var(--index_color,#171717));color:#fff}.sp-ext-crd--diagram-index-style-pill .sp-ext-crd-diagram-index{min-width:44px;border-radius:999px;background:var(--sp-crd-diagram-accent,var(--index_color,#171717));color:#fff}.sp-ext-crd--diagram-index-style-square .sp-ext-crd-diagram-index{border-radius:6px;background:var(--sp-crd-diagram-accent,var(--index_color,#171717));color:#fff}.sp-ext-crd--diagram-index-style-outline .sp-ext-crd-diagram-index{min-width:44px;border:1px solid var(--sp-crd-diagram-accent,var(--index_color,#171717));border-radius:999px;background:transparent;color:var(--sp-crd-diagram-accent,var(--index_color,#171717))}.sp-ext-crd--diagram-index-style-circle .sp-ext-crd-diagram-item,.sp-ext-crd--diagram-index-style-pill .sp-ext-crd-diagram-item,.sp-ext-crd--diagram-index-style-square .sp-ext-crd-diagram-item,.sp-ext-crd--diagram-index-style-outline .sp-ext-crd-diagram-item{align-items:center}
.sp-ext-crd--diagram-chip:not(.sp-ext-crd--diagram-index-hide) .sp-ext-crd-diagram-index{display:inline-flex}.sp-ext-crd--diagram-steps.sp-ext-crd--diagram-index-style-plain .sp-ext-crd-diagram-index{display:inline;color:var(--sp-crd-diagram-accent,var(--index_color,#171717));width:auto;height:auto;padding:0;border-radius:0;background:transparent;font-weight:400}
.sp-ext-crd--diagram-index-hide.sp-ext-crd--diagram-index-hide .sp-ext-crd-diagram-index{display:none}
@media(max-width:768px){
.sp-ext-crd--diagram-cols-mo-1 .sp-ext-crd-diagram,.sp-ext-crd--diagram-width-content.sp-ext-crd--diagram-cols-mo-1 .sp-ext-crd-diagram{display:grid;width:100%;grid-template-columns:minmax(0,1fr);align-items:stretch}
.sp-ext-crd--diagram-cols-mo-1 .sp-ext-crd-diagram-item,.sp-ext-crd--diagram-width-content.sp-ext-crd--diagram-cols-mo-1 .sp-ext-crd-diagram-item{width:100%;max-width:none;min-width:0;box-sizing:border-box}
.sp-ext-crd .sp-ext-crd-diagram-item>div{min-width:0;max-width:100%}
.sp-ext-crd .sp-ext-crd-diagram-item .sp-ext-crd-diagram-title{min-width:0!important;max-width:100%;flex-shrink:1!important;overflow-wrap:anywhere}
.sp-ext-crd--diagram-index-hide .sp-ext-crd-diagram-item{grid-template-columns:minmax(0,1fr);gap:0}
.sp-ext-crd--diagram-index-hide .sp-ext-crd-diagram-index{display:none!important}
}
.sp-ext-crd--references-dot-arrow .sp-eeat-doctor-references ol{padding-left:0;list-style:none}.sp-ext-crd--references-dot-arrow .sp-eeat-doctor-references li{position:relative;padding-left:16px}.sp-ext-crd--references-dot-arrow .sp-eeat-doctor-references li::before{content:'';position:absolute;left:1px;top:.78em;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55}.sp-ext-crd--references-dot-arrow .sp-eeat-doctor-references a{text-decoration:none}.sp-ext-crd--references-dot-arrow .sp-eeat-doctor-references a::after{content:'↗';display:inline-block;margin-left:7px;font-size:.85em;line-height:1;opacity:.65;transition:transform .2s ease,opacity .2s ease}.sp-ext-crd--references-dot-arrow .sp-eeat-doctor-references a:hover::after,.sp-ext-crd--references-dot-arrow .sp-eeat-doctor-references a:focus-visible::after{transform:translate(2px,-2px);opacity:1}@media(prefers-reduced-motion:reduce){.sp-ext-crd--references-dot-arrow .sp-eeat-doctor-references a::after{transition:none}}
.sp-ext-crd.sp-ext-crd--hero-meta-popover{overflow:visible;z-index:3}.sp-ext-crd.sp-ext-crd--hero-meta-popover>.sp-b{overflow:visible}.sp-ext-crd.sp-ext-crd--hero-meta-popover .sp-ext-crd-hero-meta{z-index:60}
.sp-ext-crd-hero-meta .sp-geo-pop{top:auto;bottom:calc(100% + 10px);transform:translateY(-5px)}.sp-ext-crd-hero-meta .sp-geo-pop::after{top:100%;bottom:auto;border-top-color:#1f1f1f;border-bottom-color:transparent}.sp-ext-crd-hero-meta .sp-geo-chip:hover .sp-geo-pop,.sp-ext-crd-hero-meta .sp-geo-chip:focus .sp-geo-pop,.sp-ext-crd-hero-meta .sp-geo-chip:focus-within .sp-geo-pop{transform:translateY(0)}
/* PC 행 끝 연결 기호 숨김은 모바일 세로 흐름에 적용하지 않는다. */
@media(min-width:769px){
.sp-ext-crd--diagram-cols-2 .sp-ext-crd-diagram-item:nth-child(2n)::after,.sp-ext-crd--diagram-cols-3 .sp-ext-crd-diagram-item:nth-child(3n)::after,.sp-ext-crd--diagram-cols-4 .sp-ext-crd-diagram-item:nth-child(4n)::after{display:none}
}
@media(max-width:768px){
.sp-ext-crd--diagram-cols-mo-1 .sp-ext-crd-diagram-item::after{display:flex}
.sp-ext-crd--diagram-cols-mo-1 .sp-ext-crd-diagram-item:last-of-type::after{display:none}
.sp-ext-crd--diagram-cols-mo-2 .sp-ext-crd-diagram-item::after{display:none}
}
.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-custom-html{grid-column:1/-1}/* 섹션 설명 + 인트로 왼쪽 레이아웃 (PC) — 번호+제목+설명을 왼쪽 열, 카드 그리드를 오른쪽 열에 배치 */
.sp-ext-crd-desc{font-size:var(--sty-t-desc,var(--sp-t-body));line-height:1.85;color:var(--sty-c-desc,var(--sp-muted));margin-top:18px;max-width:560px}
.sp-ext-crd-common .sp-ext-crd-desc{width:100%;max-width:none}
/* 선별 디자인 프리셋 — 기존 옵션 조합으로 만들 수 없는 구조만 제공 */
.sp-ext-crd--preset-editorial .sp-b{overflow:visible}.sp-ext-crd--preset-editorial .sp-sec-title{position:relative;z-index:4;max-width:1100px;margin-bottom:clamp(-70px,-5vw,-34px);font-size:clamp(58px,9vw,150px)!important;line-height:.82;letter-spacing:-.055em;text-align:left}.sp-ext-crd--preset-editorial .sp-ext-crd-grid{display:block;margin-top:0}.sp-ext-crd--preset-editorial .sp-ext-crd-item{display:block;max-width:1000px;margin-inline:auto;background:transparent;border:0;box-shadow:none;overflow:visible}.sp-ext-crd--preset-editorial .sp-ext-crd-item:not(:first-child){display:none}.sp-ext-crd--preset-editorial .sp-ext-crd-thumb{width:100%;aspect-ratio:16/8;min-height:360px;border-radius:0}.sp-ext-crd--preset-editorial .sp-ext-crd-content{display:none}.sp-ext-crd--preset-editorial .sp-ext-crd-desc{max-width:760px;margin:clamp(24px,3vw,46px) auto 0;text-align:center}
.sp-ext-crd--preset-connector .sp-ext-crd-grid{overflow:visible;gap:clamp(54px,6vw,90px)}.sp-ext-crd--preset-connector .sp-ext-crd-item{overflow:visible;text-align:center}.sp-ext-crd--preset-connector .sp-ext-crd-thumb{width:min(68%,260px);aspect-ratio:1;border-radius:50%;margin:clamp(22px,3vw,42px) auto 0;overflow:hidden}.sp-ext-crd--preset-connector .sp-ext-crd-content{text-align:center}.sp-ext-crd--preset-connector .sp-ext-crd-item:not(:last-child)::after{content:"+";position:absolute;z-index:5;right:clamp(-64px,-4vw,-46px);top:50%;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--sp-gold);color:#fff;font-size:24px;line-height:1;transform:translateY(-50%)}
.sp-ext-crd--preset-alternating .sp-ext-crd-grid{display:grid;grid-template-columns:1fr;gap:clamp(56px,8vw,120px)}.sp-ext-crd--preset-alternating .sp-ext-crd-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,7vw,110px);background:transparent;border:0;box-shadow:none;overflow:visible}.sp-ext-crd--preset-alternating .sp-ext-crd-thumb{height:auto;min-height:300px;aspect-ratio:16/9;border-radius:clamp(12px,2vw,28px)}.sp-ext-crd--preset-alternating .sp-ext-crd-content{padding:clamp(10px,3vw,38px)}.sp-ext-crd--preset-alternating .sp-ext-crd-item:nth-child(even) .sp-ext-crd-thumb{order:2}.sp-ext-crd--preset-alternating .sp-ext-crd-item:nth-child(even) .sp-ext-crd-content{order:1;text-align:right}
.sp-ext-crd--preset-masonry .sp-ext-crd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px)}.sp-ext-crd--preset-masonry .sp-ext-crd-item{position:relative;min-height:clamp(420px,48vw,680px);border:0;border-radius:clamp(16px,2vw,30px);overflow:hidden;background:var(--sp-card-bg)}.sp-ext-crd--preset-masonry .sp-ext-crd-item:nth-child(even){margin-top:clamp(70px,10vw,150px)}.sp-ext-crd--preset-masonry .sp-ext-crd-thumb{position:absolute;inset:0;width:100%;height:100%;min-height:0}.sp-ext-crd--preset-masonry .sp-ext-crd-thumb::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.sp-ext-crd--preset-masonry .sp-ext-crd-content{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:clamp(24px,4vw,52px);color:#fff}.sp-ext-crd--preset-masonry .sp-ext-crd-title,.sp-ext-crd--preset-masonry .sp-ext-crd-body,.sp-ext-crd--preset-masonry .sp-ext-crd-tag{color:inherit}.sp-ext-crd--preset-masonry .sp-ext-crd-num{color:rgba(255,255,255,.65)}.sp-ext-crd--preset-masonry .sp-ext-crd-bottom{margin-top:clamp(100px,14vw,190px)}
@media(max-width:768px){.sp-ext-crd--preset-editorial .sp-sec-title{margin-bottom:-20px;font-size:clamp(46px,16vw,82px)!important}.sp-ext-crd--preset-editorial .sp-ext-crd-thumb{min-height:240px;aspect-ratio:4/3}.sp-ext-crd--preset-connector .sp-ext-crd-grid{gap:52px}.sp-ext-crd--preset-connector .sp-ext-crd-item:not(:last-child)::after{left:50%;right:auto;top:auto;bottom:-45px;transform:translateX(-50%)}.sp-ext-crd--preset-alternating .sp-ext-crd-item{grid-template-columns:1fr;gap:18px}.sp-ext-crd--preset-alternating .sp-ext-crd-item:nth-child(even) .sp-ext-crd-thumb,.sp-ext-crd--preset-alternating .sp-ext-crd-item:nth-child(even) .sp-ext-crd-content{order:initial;text-align:left}.sp-ext-crd--preset-masonry .sp-ext-crd-grid{grid-template-columns:1fr}.sp-ext-crd--preset-masonry .sp-ext-crd-item:nth-child(even){margin-top:0}.sp-ext-crd--preset-masonry .sp-ext-crd-bottom{margin-top:50px}}
.sp-ext-crd-common{position:relative;isolation:isolate}.sp-ext-crd-common>.sp-b,.sp-ext-crd-common>.sp-ext-style-chip{position:relative;z-index:2}.sp-ext-crd-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.sp-ext-crd-bg-pc,.sp-ext-crd-bg-mobile,.sp-ext-crd-bg img,.sp-ext-crd-bg video{position:absolute;inset:0;width:100%;height:100%}.sp-ext-crd-bg img,.sp-ext-crd-bg video{object-fit:var(--sp-crd-bg-fit,cover);object-position:var(--sp-crd-bg-pos,center)}.sp-ext-crd-bg-mobile{display:none}.sp-ext-crd-bg-overlay{position:absolute;inset:0;background:var(--sp-crd-bg-overlay-color,#000);opacity:var(--sp-crd-bg-overlay-op,0)}.sp-ext-crd-bg img,.sp-ext-crd-bg video{filter:grayscale(calc(var(--sty-bg-gray,0)*1%)) blur(calc(var(--sty-bg-blur,0)*1px));transform:scale(calc(1 + var(--sty-bg-blur,0)*0.004))}
@media(max-width:768px){.sp-ext-crd-bg-mobile{display:block}.sp-ext-crd-bg-mobile~.sp-ext-crd-bg-pc{display:none}.sp-ext-crd-bg:has(.sp-ext-crd-bg-mobile) .sp-ext-crd-bg-pc{display:none}}
/* Common media controls: optional mobile override; deletion only detaches the field. */
.sp-ext-crd--role-hero{min-height:min(900px,100svh);display:flex;flex-direction:column;align-items:stretch;justify-content:center}.sp-ext-crd--role-hero>.sp-b{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center}.sp-ext-crd--role-hero.sp-ext-crd--introleft>.sp-b,.sp-ext-crd--role-hero.sp-ext-crd--topsplit>.sp-b{display:block}.sp-ext-crd--role-hero.sp-ext-crd--introleft .sp-ext-crd-grid,.sp-ext-crd--role-hero.sp-ext-crd--introleft .sp-ext-crd-slider,.sp-ext-crd--role-hero.sp-ext-crd--topsplit .sp-ext-crd-grid,.sp-ext-crd--role-hero.sp-ext-crd--topsplit .sp-ext-crd-slider{margin-top:52px}.sp-geo-meta{display:flex;flex-wrap:wrap;gap:18px;margin:-16px 0 6px}.sp-geo-chip{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#6f6a64;cursor:default;outline:none;transition:color .15s}.sp-geo-chip:hover,.sp-geo-chip:focus{color:#46423d}.sp-geo-chip>svg{width:15px;height:15px;opacity:.7;flex:none}.sp-geo-pop{position:absolute;left:0;top:calc(100% + 10px);width:max-content;max-width:min(380px,82vw);background:#1f1f1f;color:#f2f2f2;font-size:13px;line-height:1.75;padding:13px 15px;border-radius:9px;box-shadow:0 12px 34px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .16s,transform .16s,visibility .16s;z-index:50;text-align:left;font-weight:400;white-space:normal;word-break:keep-all}.sp-geo-pop::after{content:"";position:absolute;bottom:100%;left:18px;border:6px solid transparent;border-bottom-color:#1f1f1f}.sp-geo-chip:hover .sp-geo-pop,.sp-geo-chip:focus .sp-geo-pop,.sp-geo-chip:focus-within .sp-geo-pop{opacity:1;visibility:visible;transform:translateY(0)}.sp-ext-crd-hero-meta{margin-top:clamp(18px,2.4vw,30px);margin-bottom:6px;position:relative;z-index:12;justify-content:var(--sp-crd-geo-align,flex-start)}
.sp-ext-crd--eyebrow-color-custom{--sp-crd-eyebrow-active:var(--sp-crd-eyebrow-accent,#171717)}.sp-ext-crd--eyebrow-color-index1{--sp-crd-eyebrow-active:var(--index_color,var(--main,var(--hv-main,#171717)))}.sp-ext-crd--eyebrow-color-index2{--sp-crd-eyebrow-active:var(--index_color2,var(--main2,var(--hv-sub,var(--index_color,#171717))))}.sp-ext-crd--eyebrow-text>.sp-b>.sp-ext-crd-eyebrow{color:var(--sty-c-eyebrow,var(--sp-crd-eyebrow-active,var(--sp-gold)))}.sp-ext-crd--eyebrow-line>.sp-b>.sp-ext-crd-eyebrow{display:block!important;justify-self:start;align-self:start;width:max-content!important;max-width:100%;box-sizing:border-box;padding-bottom:7px;border-bottom:2px solid var(--sp-crd-eyebrow-active,#171717);color:var(--sty-c-eyebrow,var(--sp-crd-eyebrow-active,#171717))}.sp-ext-crd--eyebrow-outline>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-pill>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-pill-dark>.sp-b>.sp-ext-crd-eyebrow{display:inline-flex!important;align-items:center;justify-content:center;justify-self:start;align-self:start;width:max-content!important;max-width:100%;box-sizing:border-box;padding:9px 17px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;letter-spacing:.08em;white-space:normal}.sp-ext-crd--eyebrow-outline>.sp-b>.sp-ext-crd-eyebrow{border:1px solid var(--sp-crd-eyebrow-active,#171717);background:transparent;color:var(--sty-c-eyebrow,var(--sp-crd-eyebrow-active,#171717))}.sp-ext-crd--eyebrow-pill>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-pill-dark>.sp-b>.sp-ext-crd-eyebrow{border:1px solid transparent;background:var(--sp-crd-eyebrow-active,#171717);color:var(--sty-c-eyebrow,#fff)}.sp-ext-crd--eyebrow-line:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"])>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-outline:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"])>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-pill:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"])>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-pill-dark:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"])>.sp-b>.sp-ext-crd-eyebrow{justify-self:center}.sp-ext-crd--eyebrow-line:is([style*="--sp-crd-head-ta:right"],[style*="--sp-crd-head-ta: right"])>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-outline:is([style*="--sp-crd-head-ta:right"],[style*="--sp-crd-head-ta: right"])>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-pill:is([style*="--sp-crd-head-ta:right"],[style*="--sp-crd-head-ta: right"])>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-pill-dark:is([style*="--sp-crd-head-ta:right"],[style*="--sp-crd-head-ta: right"])>.sp-b>.sp-ext-crd-eyebrow{justify-self:end}
.sp-ext-crd--hero-media-top{min-height:0!important;justify-content:flex-start}.sp-ext-crd--hero-media-top>.sp-b{justify-content:flex-start}.sp-ext-crd--hero-media-top .sp-ext-crd-grid,.sp-ext-crd--hero-media-top .sp-ext-crd-slider{order:-10;width:100%;margin:0 0 clamp(48px,6vw,78px)!important}.sp-ext-crd--hero-media-top .sp-ext-crd-item{border:0;background:transparent}.sp-ext-crd--hero-media-top .sp-ext-crd-thumb{width:100%;border-radius:clamp(14px,1.6vw,22px);overflow:hidden}.sp-ext-crd--hero-media-top .sp-ext-crd-content{display:none}
.sp-ext-crd--notice-split-lines>.sp-b{display:grid;grid-template-columns:minmax(240px,34%) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;column-gap:clamp(48px,8vw,120px);align-items:start}.sp-ext-crd--notice-split-lines>.sp-b>.sp-ext-crd-eyebrow{grid-column:1;grid-row:1}.sp-ext-crd--notice-split-lines>.sp-b>.sp-sec-title{grid-column:1;grid-row:2}.sp-ext-crd--notice-split-lines>.sp-b>.sp-ext-crd-subtitle{grid-column:1;grid-row:3}.sp-ext-crd--notice-split-lines>.sp-b>.sp-ext-crd-subheading{grid-column:1;grid-row:4}.sp-ext-crd--notice-split-lines>.sp-b>.sp-ext-crd-desc{grid-column:1;grid-row:5}.sp-ext-crd--notice-split-lines .sp-ext-crd-grid,.sp-ext-crd--notice-split-lines .sp-ext-crd-slider{grid-column:2;grid-row:1/6;margin-top:0!important;border-top:1px solid var(--sp-pt05-item-line,var(--sty-card-bd-c,#e5e5e5))}.sp-ext-crd--notice-split-lines .sp-ext-crd-item{border:0!important;border-bottom:1px solid var(--sp-pt05-item-line,var(--sty-card-bd-c,#e5e5e5))!important;border-radius:0!important;background:transparent!important}.sp-ext-crd--notice-split-lines .sp-ext-crd-content{padding:clamp(28px,3vw,38px) 0!important}.sp-ext-crd--notice-split-lines .sp-ext-crd-bottom{grid-column:1/-1}
.sp-ext-crd-common.sp-ext-crd--bottom-detached .sp-ext-crd-bottom{margin-top:clamp(54px,7vw,92px)}.sp-ext-crd-common.sp-ext-crd--bottom-soft-box .sp-ext-crd-bottom{margin-top:clamp(42px,5vw,72px);padding:clamp(22px,3vw,34px);border-radius:14px;background:var(--sp-crd-bottom-bg,#fafafa)}
@media(max-width:768px){.sp-ext-crd--hero-media-top .sp-ext-crd-grid,.sp-ext-crd--hero-media-top .sp-ext-crd-slider{margin-bottom:42px!important}.sp-ext-crd--notice-split-lines>.sp-b{display:block}.sp-ext-crd--notice-split-lines .sp-ext-crd-grid,.sp-ext-crd--notice-split-lines .sp-ext-crd-slider{margin-top:38px!important}}
.sp-ext-crd--role-faq .sp-ext-crd-grid{display:block!important;border-top:2px solid #171717}
.sp-ext-crd--role-faq .sp-ext-crd-faq-item{border:0;border-bottom:1px solid #dce6ed;background:transparent}
.sp-ext-crd--role-faq .sp-ext-crd-faq-q{display:grid;grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;gap:12px;padding:27px 4px;list-style:none;cursor:pointer;text-align:left}
.sp-ext-crd--role-faq .sp-ext-crd-faq-q::-webkit-details-marker{display:none}
.sp-ext-crd--role-faq .sp-ext-crd-faq-num{color:#399ceb;font-size:13px;font-weight:700;line-height:1.4}
.sp-ext-crd--role-faq .sp-ext-crd-faq-title{margin:0;color:#252322;font-size:var(--sp-t-body);font-weight:600;line-height:1.55;letter-spacing:-.02em}
.sp-ext-crd--role-faq .sp-ext-crd-faq-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#171717;color:#fff;transition:transform .2s ease,background .2s ease}
.sp-ext-crd--role-faq .sp-ext-crd-faq-icon::before{content:'+';font-size:18px;line-height:1}
.sp-ext-crd--role-faq .sp-ext-crd-faq-item[open] .sp-ext-crd-faq-icon{transform:rotate(45deg);background:#399ceb}
.sp-ext-crd--role-faq .sp-ext-crd-faq-answer{padding:0 52px 28px 58px;color:#746f6b;font-size:var(--sp-t-body);font-weight:400;line-height:1.85;text-align:left}
@media(max-width:768px){.sp-ext-crd--role-faq .sp-ext-crd-faq-q{grid-template-columns:32px minmax(0,1fr) 30px;gap:8px;padding:22px 0}.sp-ext-crd--role-faq .sp-ext-crd-faq-icon{width:28px;height:28px}.sp-ext-crd--role-faq .sp-ext-crd-faq-answer{padding:0 38px 24px 40px}}
.sp-geo-summary-answer{display:block;margin:0 0 9px}.sp-geo-summary-answer:last-child{margin-bottom:0}.sp-geo-facts{display:block;min-width:min(340px,72vw);border-top:1px solid rgba(255,255,255,.18);padding-top:8px}.sp-geo-fact{display:grid;grid-template-columns:minmax(86px,34%) 1fr;gap:10px;padding:3px 0}.sp-geo-fact-label,.sp-geo-fact-value{display:block;font-weight:400}.sp-geo-fact-label{color:#fff}.sp-geo-fact-value{color:#c8c8c8}
@media(max-width:768px){.sp-geo-pop,.sp-ext-crd-hero-meta .sp-geo-pop{position:fixed;left:50vw;right:auto;top:50svh;bottom:auto;width:calc(100vw - 40px);max-width:380px;max-height:calc(100svh - 40px);box-sizing:border-box;overflow:auto;transform:translate(-50%,-50%) translateY(5px);z-index:99990}.sp-geo-pop.is-mobile-open{position:fixed!important;left:50vw!important;right:auto!important;top:50svh!important;bottom:auto!important;width:calc(100vw - 40px)!important;max-width:380px!important;max-height:calc(100svh - 40px)!important;box-sizing:border-box!important;overflow:auto!important;z-index:99990!important}.sp-geo-pop::after{display:none}.sp-geo-chip:hover .sp-geo-pop,.sp-geo-chip:focus .sp-geo-pop,.sp-geo-chip:focus-within .sp-geo-pop,.sp-geo-chip.is-open .sp-geo-pop,.sp-ext-crd-hero-meta .sp-geo-chip:hover .sp-geo-pop,.sp-ext-crd-hero-meta .sp-geo-chip:focus .sp-geo-pop,.sp-ext-crd-hero-meta .sp-geo-chip:focus-within .sp-geo-pop,.sp-ext-crd-hero-meta .sp-geo-chip.is-open .sp-geo-pop,.sp-geo-pop.is-mobile-open{opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%) translateY(0)!important}}
@media(min-width:769px){.sp-ext-crd--role-hero.sp-ext-crd--sectionw-pc>.sp-b{width:min(var(--sp-crd-section-w-pc),100%)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}}
@media(max-width:768px){.sp-ext-crd--role-hero.sp-ext-crd--sectionw-mo>.sp-b{width:min(var(--sp-crd-section-w-mo),100%)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}}
@media(min-width:769px){.sp-ext-crd--role-hero:not(.sp-ext-crd--sectionw-pc)>.sp-b{width:92%!important;max-width:var(--sty-mw,var(--sp-mw,1200px))!important;margin-left:auto!important;margin-right:auto!important}}
@media(max-width:768px){.sp-ext-crd--role-hero:not(.sp-ext-crd--sectionw-mo)>.sp-b{width:92%!important;max-width:var(--sty-mw,var(--sp-mw,1200px))!important;margin-left:auto!important;margin-right:auto!important}}
@media(max-width:768px){.sp-ext-crd-hero-meta{justify-content:var(--sp-crd-geo-align-mo,var(--sp-crd-geo-align,flex-start))}}
@media(max-width:768px){
  .sp-ext-crd-common.sp-ext-crd--mwidth-default>.sp-b{width:92%;max-width:var(--sty-mw,var(--sp-mw,1200px));margin-left:auto;margin-right:auto;box-sizing:border-box}
  .sp-ext-crd-common.sp-ext-crd--mwidth-inset20>.sp-b{width:calc(100% - 40px);max-width:none;margin-left:auto;margin-right:auto;box-sizing:border-box}
  .sp-ext-crd-common.sp-ext-crd--mwidth-inset32>.sp-b{width:calc(100% - 64px);max-width:none;margin-left:auto;margin-right:auto;box-sizing:border-box}
  .sp-ext-crd-common.sp-ext-crd--mwidth-full>.sp-b{width:100%;max-width:none;margin-left:0;margin-right:0;box-sizing:border-box}
}
.sp-ext-crd--role-hero.sp-ext-crd--head-off-title>.sp-b>.sp-sec-title{display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#sp-sections:has(.sp-ext-crd--role-hero)>#sp-sec-hero{display:none!important}
.sp-ext-crd-bottom-text{width:100%;margin-top:clamp(24px,3vw,38px);padding:clamp(18px,2.2vw,28px);background:var(--sp-card-bg,var(--sp-bg2,#f7f7f4));color:var(--sty-c-desc,var(--sp-text,#222));font-size:var(--sty-t-desc,var(--sp-t-body));line-height:1.85;white-space:normal}
.sp-ext-crd-common .sp-ext-crd-bottom{grid-column:1/-1;width:100%;margin-top:clamp(28px,4vw,56px);padding:0;background:var(--sp-crd-bottom-bg,transparent);color:var(--sp-crd-bottom-color,var(--sty-c-desc,var(--sp-text)));text-align:var(--sp-crd-head-ta,inherit)}.sp-ext-crd-common .sp-ext-crd-bottom-title{width:100%;font-size:var(--sty-t-itemt,var(--sp-t-sub));font-weight:var(--sty-w-title,600);margin:0 0 10px;text-align:inherit}.sp-ext-crd-common .sp-ext-crd-bottom-subtitle{width:100%;margin:0 0 12px;font-size:var(--sty-t-subt,var(--sp-t-body));color:inherit;text-align:inherit}.sp-ext-crd-common .sp-ext-crd-bottom .sp-ext-crd-bottom-text{width:100%;margin:0;padding:0;background:transparent;color:inherit;text-align:inherit}.sp-ext-crd-common .sp-ext-crd-bottom-cta{margin-left:0;margin-right:0}.sp-ext-crd-common .sp-ext-crd-bottom[style*="text-align: center"] .sp-ext-crd-bottom-cta{margin-left:auto;margin-right:auto}.sp-ext-crd-socials{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0;grid-column:1/-1}.sp-ext-crd-socials a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 18px;border:1px solid var(--sp-gold);border-radius:8px;color:var(--sp-gold);text-decoration:none;transition:transform .25s,background .25s,color .25s}.sp-ext-crd-socials a:hover{transform:translateY(-2px)}.sp-ext-crd-socials a span::before{font-size:13px;font-weight:800}.sp-ext-crd-socials a[data-social=instagram] span::before{content:"◎"}.sp-ext-crd-socials a[data-social=youtube] span::before{content:"▶"}.sp-ext-crd-socials a[data-social=blog] span::before{content:"B"}.sp-ext-crd-socials a[data-social=kakao] span::before{content:"K"}.sp-ext-crd-socials a[data-social=facebook] span::before{content:"f"}.sp-ext-crd-socials a[data-social=x] span::before{content:"X"}.sp-ext-crd-socials a[data-social=link] span::before{content:"↗"}.sp-ext-crd--social-solid .sp-ext-crd-socials a{background:var(--sp-gold);color:#fff}.sp-ext-crd--social-pill .sp-ext-crd-socials a{border-radius:999px}.sp-ext-crd--social-icon .sp-ext-crd-socials a{width:44px;padding:0;border-radius:50%}.sp-ext-crd--social-icon .sp-ext-crd-socials b{display:none}.sp-ext-crd--social-text .sp-ext-crd-socials a{border:0;padding-inline:4px}.sp-ext-crd-bottom-cta{display:inline-flex;align-items:center;justify-content:center;min-width:184px;margin-top:28px;padding:12px 24px;border-radius:8px;background:var(--sp-gold);color:#fff;text-decoration:none;cursor:pointer}.sp-ext-crd--bottom-cta-outline .sp-ext-crd-bottom-cta{background:transparent;color:var(--sp-gold);border:1px solid var(--sp-gold)}.sp-ext-crd--bottom-cta-pill .sp-ext-crd-bottom-cta{border-radius:999px}.sp-ext-crd--bottom-cta-arrow .sp-ext-crd-bottom-cta,.sp-ext-crd--bottom-cta-text .sp-ext-crd-bottom-cta{min-width:0;padding:7px 0;border-radius:0;background:transparent;color:inherit;border-bottom:1px solid currentColor}.sp-ext-crd--bottom-cta-arrow .sp-ext-crd-bottom-cta::after{content:"→";margin-left:18px}
/* 리프티크 의료진 프로필 — 좌측 소개/SNS, 우측 인물 이미지, 하단 브랜드 메시지 */
.sp-ext-crd--doctor-profile{background:var(--sp-bg,#f8f7f3)}
.sp-ext-crd--doctor-profile>.sp-b{padding-top:clamp(70px,8vw,110px);padding-bottom:clamp(70px,8vw,110px)}
.sp-ext-crd--doctor-profile .sp-ext-crd-eyebrow{font-size:13px!important;letter-spacing:.08em!important;margin-bottom:18px!important}.sp-ext-crd--doctor-profile .sp-sec-title{line-height:1.35!important;margin-bottom:22px!important}.sp-ext-crd--doctor-profile .sp-ext-crd-desc{max-width:430px;font-size:16px!important;line-height:1.8!important;color:var(--sp-text)!important}
.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-b{grid-template-columns:minmax(280px,42%) minmax(0,1fr);grid-template-rows:auto auto auto auto auto auto auto;column-gap:clamp(52px,7vw,104px);align-items:start;align-content:center}
.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-ext-crd-grid,.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-ext-crd-slider{grid-column:2;grid-row:1/7;width:min(100%,460px);justify-self:center;align-self:center;margin:0}
.sp-ext-crd--doctor-profile .sp-ext-crd-item{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.sp-ext-crd--doctor-profile .sp-ext-crd-thumb{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;background:color-mix(in srgb,var(--index_color,#b8a178) 12%,#f2ebe7);border-radius:var(--sp-crd-img-radius,0)!important}.sp-ext-crd--doctor-profile .sp-ext-crd-thumb img,.sp-ext-crd--doctor-profile .sp-ext-crd-thumb video{width:100%;height:100%!important;object-fit:cover!important;object-position:center top}
.sp-ext-crd--doctor-profile .sp-ext-crd-content:empty{display:none}
.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-ext-crd-socials{grid-column:1;grid-row:6;margin:clamp(30px,4vw,52px) 0 0;gap:8px;align-self:start}
.sp-ext-crd--doctor-profile .sp-ext-crd-socials a{flex:1;min-width:104px;min-height:48px;padding-inline:14px;border-color:color-mix(in srgb,var(--index_color,var(--sp-gold)) 62%,transparent);color:var(--index_color,var(--sp-gold));border-radius:10px;font-size:12px}
.sp-ext-crd--doctor-profile .sp-ext-crd-bottom{grid-column:1/-1!important;grid-row:7!important;width:100%!important;max-width:none!important;margin:clamp(90px,11vw,150px) auto 0!important;padding:0!important;text-align:center!important;background:transparent!important;border:0!important;justify-self:stretch}
.sp-ext-crd--doctor-profile .sp-ext-crd-bottom-title{font-size:clamp(34px,3.6vw,52px)!important;font-weight:400!important;line-height:1.25!important;letter-spacing:.01em!important;margin:0 0 clamp(46px,6vw,72px)!important;text-align:center!important}.sp-ext-crd--doctor-profile .sp-ext-crd-bottom-title.eng_b2{font-family:var(--font-eng)!important}.sp-ext-crd--doctor-profile .sp-ext-crd-bottom-title.pret{font-family:var(--font-pret)!important;letter-spacing:-.02em!important}
.sp-ext-crd--doctor-profile .sp-ext-crd-bottom-subtitle{font-size:clamp(21px,2vw,28px)!important;font-weight:500!important;line-height:1.55!important;color:var(--sp-text)!important;margin:0 0 clamp(30px,4vw,48px)!important;text-align:center!important}
.sp-ext-crd--doctor-profile .sp-ext-crd-bottom-text{font-size:15px!important;line-height:1.75!important;color:var(--sp-muted)!important;text-align:center!important}
.sp-ext-crd--doctor-profile .sp-ext-crd-bottom-cta{min-width:184px;border-radius:999px;background:var(--index_color,var(--sp-gold));color:var(--hv-on,#fff);margin-left:auto!important;margin-right:auto!important}
.sp-ext-crd--doctor-profile .sp-ext-crd-bottom-title,.sp-ext-crd--doctor-profile .sp-ext-crd-bottom-subtitle{white-space:pre-line!important;word-break:keep-all;overflow-wrap:normal}.sp-ext-crd--doctor-profile .sp-ext-crd-bottom-text{white-space:normal!important;word-break:keep-all;overflow-wrap:normal}
@media(min-width:769px){.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-b{display:block!important;position:relative;min-height:0}.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-ext-crd-eyebrow,.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-sec-title,.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-ext-crd-subtitle,.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-ext-crd-subheading,.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-ext-crd-desc,.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-ext-crd-socials{width:calc(100% - 570px);max-width:440px}.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-ext-crd-grid,.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-ext-crd-slider{position:absolute!important;top:0;right:0;width:500px!important;max-width:42vw!important;margin:0!important}.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-ext-crd-socials{margin-top:clamp(34px,4vw,52px)!important}.sp-ext-crd--doctor-profile .sp-ext-crd-bottom{padding-top:var(--sp-crd-doctor-bottom-gap,clamp(250px,25vw,330px))!important;margin-top:0!important}}
@media(max-width:768px){.sp-ext-crd--doctor-profile.sp-ext-crd--introleft .sp-b{display:flex;flex-direction:column;align-items:stretch}.sp-ext-crd--doctor-profile .sp-ext-crd-grid,.sp-ext-crd--doctor-profile .sp-ext-crd-slider{order:5;margin-top:32px!important}.sp-ext-crd--doctor-profile .sp-ext-crd-socials{order:4!important}.sp-ext-crd--doctor-profile .sp-ext-crd-bottom{order:7!important;margin-top:72px}.sp-ext-crd--doctor-profile .sp-ext-crd-thumb{aspect-ratio:4/5}.sp-ext-crd--doctor-profile .sp-ext-crd-bottom-title{font-size:clamp(30px,9vw,42px)}}
/* 기존 introleft 배치보다 뒤에서 확정하는 의료진 연동형 사용자 레이아웃 */
@media(min-width:769px){
.sp-ext-crd.sp-ext-crd--doctor-cards-hidden>.sp-b{display:grid!important;grid-template-columns:minmax(260px,38%) minmax(0,1fr)!important;grid-template-rows:min-content min-content min-content min-content auto!important;column-gap:clamp(42px,6vw,88px)!important;row-gap:0!important;align-items:start!important;align-content:start!important}
.sp-ext-crd.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-eyebrow{grid-column:2!important;grid-row:1!important;width:auto!important;max-width:none!important;align-self:end!important}
.sp-ext-crd.sp-ext-crd--doctor-cards-hidden .sp-sec-title{grid-column:2!important;grid-row:2!important;width:auto!important;max-width:none!important;align-self:start!important}
.sp-ext-crd.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-subtitle,.sp-ext-crd.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-subheading,.sp-ext-crd.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-desc{grid-column:2!important;width:auto!important;max-width:none!important;align-self:start!important}
.sp-ext-crd.sp-ext-crd--doctor-cards-hidden .sp-ext-crd-desc{grid-row:3!important}
.sp-ext-crd.sp-ext-crd--doctor-cards-hidden .sp-eeat-doctor-profile{display:contents!important}
.sp-ext-crd.sp-ext-crd--doctor-cards-hidden .sp-eeat-doctor-photo{grid-column:1!important;grid-row:1/5!important;width:100%!important;max-width:420px!important;justify-self:start!important}
.sp-ext-crd.sp-ext-crd--doctor-cards-hidden .sp-eeat-doctor-copy{grid-column:2!important;grid-row:4!important;margin-top:clamp(12px,2vw,24px)!important;align-self:start!important}
.sp-ext-crd.sp-ext-crd--doctor-cards-hidden .sp-eeat-doctor-references{grid-column:1/-1!important;grid-row:5!important;width:100%!important}
.sp-ext-crd.sp-ext-crd--doctor-cards-hidden.sp-ext-crd--doctor-image-right .sp-ext-crd-eyebrow,.sp-ext-crd.sp-ext-crd--doctor-cards-hidden.sp-ext-crd--doctor-image-right .sp-sec-title,.sp-ext-crd.sp-ext-crd--doctor-cards-hidden.sp-ext-crd--doctor-image-right .sp-ext-crd-subtitle,.sp-ext-crd.sp-ext-crd--doctor-cards-hidden.sp-ext-crd--doctor-image-right .sp-ext-crd-subheading,.sp-ext-crd.sp-ext-crd--doctor-cards-hidden.sp-ext-crd--doctor-image-right .sp-ext-crd-desc,.sp-ext-crd.sp-ext-crd--doctor-cards-hidden.sp-ext-crd--doctor-image-right .sp-eeat-doctor-copy{grid-column:1!important}
.sp-ext-crd.sp-ext-crd--doctor-cards-hidden.sp-ext-crd--doctor-image-right .sp-eeat-doctor-photo{grid-column:2!important;justify-self:end!important}
}
body:not(.sp-edit) .sp-ext-crd-bottom-text:empty{display:none!important}
.sp-ext-crd--introleft .sp-ext-crd-bottom-text,.sp-ext-crd--topsplit .sp-ext-crd-bottom-text{grid-column:1/-1;grid-row:6}
@media(min-width:901px){
.sp-ext-crd--introleft .sp-b{display:grid;grid-template-columns:minmax(240px,330px) 1fr;grid-template-rows:auto auto auto auto auto auto 1fr;column-gap:clamp(32px,5vw,72px);align-items:start}
.sp-ext-crd--introleft .sp-b{grid-template-columns:minmax(0,var(--sp-crd-split-pc,32%)) minmax(0,calc(100% - var(--sp-crd-split-pc,32%) - var(--sp-crd-split-gap,64px)));column-gap:var(--sp-crd-split-gap,64px)}
/* 왼쪽 열 항목들 행 고정 — 명시 row 없이는 grid-row:1/-1(카드영역)이 1행에만 박혀
   설명 등 추가 입력 시 항목들이 카드 그리드 아래로 밀리며 레이아웃이 틀어짐 (소제목 행 포함) */
.sp-ext-crd--introleft .sp-pt-badge{grid-column:1;grid-row:1}
.sp-ext-crd--introleft .sp-ext-crd-eyebrow{grid-column:1;grid-row:1}
.sp-ext-crd--introleft .sp-sec-title{grid-column:1;grid-row:2}
.sp-ext-crd--introleft .sp-ext-crd-subtitle{grid-column:1;grid-row:3}
.sp-ext-crd--introleft .sp-ext-crd-subheading{grid-column:1;grid-row:4}.sp-ext-crd--introleft .sp-ext-crd-desc{grid-column:1;grid-row:5}
/* 카드 영역 = 2열 (슬라이드 켜면 .sp-ext-crd-slider 가, 아니면 .sp-ext-crd-grid 가 직속 자식) */
.sp-ext-crd--introleft .sp-ext-crd-grid,
.sp-ext-crd--introleft .sp-ext-crd-slider{grid-column:2;grid-row:1 / -1;margin-top:0}
.sp-ext-crd--introleft .sp-ext-crd-head-group{grid-column:1;grid-row:1/-1;display:flex;min-width:0;flex-direction:column;align-items:flex-start;text-align:var(--sp-crd-head-ta,left)}
.sp-ext-crd--introleft .sp-ext-crd-head-group>.sp-pt-badge,.sp-ext-crd--introleft .sp-ext-crd-head-group>.sp-ext-crd-eyebrow,.sp-ext-crd--introleft .sp-ext-crd-head-group>.sp-sec-title,.sp-ext-crd--introleft .sp-ext-crd-head-group>.sp-ext-crd-subtitle,.sp-ext-crd--introleft .sp-ext-crd-head-group>.sp-ext-crd-subheading,.sp-ext-crd--introleft .sp-ext-crd-head-group>.sp-ext-crd-desc{grid-column:auto!important;grid-row:auto!important;width:100%;position:static!important;text-align:inherit}
.sp-ext-crd--introleft.sp-ext-crd--introflip .sp-ext-crd-head-group{grid-column:2}
.sp-ext-crd--introleft.sp-ext-crd--introflip .sp-pt-badge,.sp-ext-crd--introleft.sp-ext-crd--introflip .sp-ext-crd-eyebrow,.sp-ext-crd--introleft.sp-ext-crd--introflip .sp-sec-title,.sp-ext-crd--introleft.sp-ext-crd--introflip .sp-ext-crd-subtitle,.sp-ext-crd--introleft.sp-ext-crd--introflip .sp-ext-crd-subheading,.sp-ext-crd--introleft.sp-ext-crd--introflip .sp-ext-crd-desc{grid-column:2}
.sp-ext-crd--introleft.sp-ext-crd--introflip .sp-ext-crd-grid,.sp-ext-crd--introleft.sp-ext-crd--introflip .sp-ext-crd-slider{grid-column:1}
}
/* 상단 분할(topsplit) — 제목/내용은 상단 전폭, 그 아래 [추가텍스트(좌) | 카드박스(우)] 2단.
   폭은 fr 비율(--sp-crd-aside-w / --sp-crd-box-w)로 분할 → 합이 100 아니어도 넘침 없음. introleft 와 동일한 명시 row 로 행 밀림 방지. */
.sp-ext-crd-aside{text-align:var(--sp-crd-aside-ta,inherit)}
.sp-ext-crd-aside-img{width:100%;aspect-ratio:var(--sp-crd-aside-img-ratio,16/10);margin:0 0 clamp(22px,2.8vw,36px);overflow:hidden;background:var(--sp-bg3);border-radius:var(--sp-crd-aside-img-radius,0)}
.sp-ext-crd-aside-img.is-empty{display:none}
.sp-ext-crd-aside-img img,.sp-ext-crd-aside-img video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.sp-ext-crd-aside-img-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:180px;color:rgba(0,0,0,.38);font-size:14px}
.sp-ext-crd-aside-t{font-size:var(--sp-t-sub);line-height:1.4;margin:0 0 12px;font-weight:600}
.sp-ext-crd-aside-b{font-size:var(--sp-t-body);line-height:1.85;color:var(--sp-muted)}
@media(min-width:901px){
.sp-ext-crd--topsplit .sp-b{display:grid;grid-template-columns:var(--sp-crd-aside-w,38fr) var(--sp-crd-box-w,62fr);grid-template-rows:auto auto auto auto auto;column-gap:clamp(28px,5vw,64px);align-items:start}
.sp-ext-crd--topsplit .sp-b{grid-template-columns:minmax(0,var(--sp-crd-split-pc,38%)) minmax(0,calc(100% - var(--sp-crd-split-pc,38%) - var(--sp-crd-split-gap,64px)));column-gap:var(--sp-crd-split-gap,64px)}
.sp-ext-crd--topsplit .sp-pt-badge{grid-column:1 / -1;grid-row:1}
.sp-ext-crd--topsplit .sp-ext-crd-eyebrow{grid-column:1 / -1;grid-row:1}
.sp-ext-crd--topsplit .sp-sec-title{grid-column:1 / -1;grid-row:2}
.sp-ext-crd--topsplit .sp-ext-crd-subtitle{grid-column:1 / -1;grid-row:3}
.sp-ext-crd--topsplit .sp-ext-crd-subheading{grid-column:1/-1;grid-row:4}.sp-ext-crd--topsplit .sp-ext-crd-desc{grid-column:1 / -1;grid-row:5;max-width:none}
/* 좌(추가텍스트)·우(카드박스) 모두 내용 높이에만 맞춤(align-self:start) — 한쪽이 길어도 다른쪽이 늘어나 빈 여백 생기는 것 방지 */
.sp-ext-crd--topsplit .sp-ext-crd-aside{grid-column:1;grid-row:6;margin-top:0;align-self:start}
.sp-ext-crd--topsplit .sp-ext-crd-grid,
.sp-ext-crd--topsplit .sp-ext-crd-slider{grid-column:2;grid-row:6;margin-top:0;align-self:start}
/* 카드끼리 같은 높이로 늘어나며 제목 아래 큰 여백 생기던 것 방지 — 각 카드를 내용 높이에 맞춤 */
.sp-ext-crd--topsplit .sp-ext-crd-aside{position:relative;overflow:visible;min-height:var(--sp-crd-bgico-size,220px)}
.sp-ext-crd--topsplit .sp-ext-crd-aside>*:not(.sp-ext-crd-bgico){position:relative;z-index:2}
.sp-ext-crd--topsplit .sp-ext-crd-grid{position:relative;overflow:hidden}
.sp-ext-crd--topsplit .sp-ext-crd-bgico{position:absolute;right:clamp(-42px,-3vw,-16px);bottom:clamp(34px,4vw,72px);z-index:1;display:flex;width:var(--sp-crd-bgico-size,220px);height:var(--sp-crd-bgico-size,220px);align-items:center;justify-content:center;color:var(--sp-crd-bgico-c,#d7d4e8);opacity:var(--sp-crd-bgico-op,.16);pointer-events:none}
.sp-ext-crd--topsplit .sp-ext-crd-bgico svg,.sp-ext-crd--topsplit .sp-ext-crd-bgico img{display:block;width:100%;height:100%;object-fit:contain}
.sp-ext-crd--topsplit .sp-ext-crd-grid .sp-ext-crd-item{position:relative;z-index:1;align-self:start}
}
@media(max-width:900px){
.sp-ext-crd--topsplit .sp-ext-crd-aside{position:relative;overflow:visible;min-height:0}
.sp-ext-crd--topsplit .sp-ext-crd-aside>*:not(.sp-ext-crd-bgico){position:relative;z-index:2}
.sp-ext-crd--topsplit .sp-ext-crd-bgico{position:absolute!important;right:-8px!important;bottom:0!important;width:min(28vw,112px)!important;height:min(28vw,112px)!important;opacity:.12!important}
}
/* 모바일 슬라이드 — 가로 스크롤 + 스냅(네이티브 스와이프, JS 불필요). cols_mo 대신 카드 폭으로 노출 */
@media(max-width:768px){
.sp-ext-crd--mslide .sp-ext-crd-grid,.sp-ext-crd-common.sp-ext-crd--image-text.sp-ext-crd--mslide .sp-ext-crd-grid{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding-bottom:6px;scrollbar-width:none;scroll-padding-left:var(--sp-pad-x,20px)}
.sp-ext-crd--mslide .sp-ext-crd-grid::-webkit-scrollbar{display:none}
.sp-ext-crd--mslide .sp-ext-crd-item{flex:0 0 82%;scroll-snap-align:start}
}
.sp-ext-crd-nav{display:none}
.sp-ext-crd-track{position:relative}
@media(min-width:901px){
body:not(.sp-edit) .sp-ext-crd--pcslide .sp-ext-crd-grid{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:20px;scrollbar-width:none;scroll-behavior:smooth}
body:not(.sp-edit) .sp-ext-crd--pcslide .sp-ext-crd-grid::-webkit-scrollbar{display:none}
body:not(.sp-edit) .sp-ext-crd--pcslide .sp-ext-crd-item{flex:0 0 calc((100% - (var(--sp-cols,3) - 1) * 20px) / var(--sp-cols,3));scroll-snap-align:start}
/* 화살표 — 슬라이더(카드 행) 기준 수직 중앙, 카드 가장자리에 걸침 */
/* PC 화살표 — 둥근 버튼 없이 얇은 셰브론(>)만, 카드 바깥쪽으로. 평소 거의 안 보이고(.12) 섹션 hover 시 노출 */
body:not(.sp-edit) .sp-ext-crd--pcslide .sp-ext-crd-nav{display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:30px;height:54px;align-items:center;justify-content:center;border:none;background:none;color:var(--sp-text,#222);cursor:pointer;opacity:.12;transition:opacity .25s}
body:not(.sp-edit) .sp-ext-crd--pcslide .sp-ext-crd-nav svg{width:26px;height:26px}
body:not(.sp-edit) .sp-ext-crd--pcslide:hover .sp-ext-crd-nav{opacity:.75}
body:not(.sp-edit) .sp-ext-crd--pcslide .sp-ext-crd-nav:hover,
body:not(.sp-edit) .sp-ext-crd--pcslide .sp-ext-crd-nav:focus-visible{opacity:1}
body:not(.sp-edit) .sp-ext-crd--pcslide .sp-ext-crd-nav--prev{left:-52px}
body:not(.sp-edit) .sp-ext-crd--pcslide .sp-ext-crd-nav--next{right:-52px}
}
/* 도트 페이지네이션 — 슬라이드일 때만(PC=pcslide / 모바일=mslide), JS 가 페이지 수만큼 생성.
   비활성=원, 활성=가로로 늘어난 알약(지렁이) 모양 — 높이는 동일, 폭만 증가 */
.sp-ext-crd-dots{display:none;justify-content:center;align-items:center;gap:2px;margin-top:24px}
/* 버튼 자체는 24×24 터치 타깃(WCAG 2.5.8), 시각 도트는 ::before 로 8px(활성=22px 알약) */
.sp-ext-crd-dot{width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none}
.sp-ext-crd-dot::before{content:"";display:block;width:8px;height:8px;border-radius:100px;background:var(--sp-muted,rgba(0,0,0,.5));transition:width .25s,background .25s}
.sp-ext-crd-dot.is-active::before{width:22px;background:var(--sp-gold)}
@media(min-width:901px){body:not(.sp-edit) .sp-ext-crd--pcslide .sp-ext-crd-dots{display:flex}}
@media(max-width:768px){.sp-ext-crd--mslide .sp-ext-crd-dots{display:flex}}
/* 공통 카드형 슬라이드 버튼·페이지 네비게이션 프리셋 */
.sp-ext-crd-common .sp-ext-crd-slider{position:relative}.sp-ext-crd-common.sp-ext-crd--nav-circle .sp-ext-crd-nav,.sp-ext-crd-common.sp-ext-crd--nav-square .sp-ext-crd-nav,.sp-ext-crd-common.sp-ext-crd--nav-dark .sp-ext-crd-nav,.sp-ext-crd-common.sp-ext-crd--nav-glass .sp-ext-crd-nav{width:46px!important;height:46px!important;opacity:1!important;border:1px solid var(--sp-line)!important;background:var(--sp-bg)!important;box-shadow:0 8px 28px rgba(0,0,0,.12)}.sp-ext-crd-common.sp-ext-crd--nav-circle .sp-ext-crd-nav,.sp-ext-crd-common.sp-ext-crd--nav-dark .sp-ext-crd-nav,.sp-ext-crd-common.sp-ext-crd--nav-glass .sp-ext-crd-nav{border-radius:50%}.sp-ext-crd-common.sp-ext-crd--nav-square .sp-ext-crd-nav{border-radius:8px}.sp-ext-crd-common.sp-ext-crd--nav-dark .sp-ext-crd-nav{background:#17181b!important;color:#fff!important;border-color:#17181b!important}.sp-ext-crd-common.sp-ext-crd--nav-glass .sp-ext-crd-nav{background:rgba(255,255,255,.56)!important;backdrop-filter:blur(12px);border-color:rgba(255,255,255,.72)!important}.sp-ext-crd-common.sp-ext-crd--navpos-inside .sp-ext-crd-nav--prev{left:14px!important}.sp-ext-crd-common.sp-ext-crd--navpos-inside .sp-ext-crd-nav--next{right:14px!important}.sp-ext-crd-common.sp-ext-crd--navpos-top .sp-ext-crd-nav{top:-28px!important;transform:none!important}.sp-ext-crd-common.sp-ext-crd--navpos-top .sp-ext-crd-nav--prev{left:auto!important;right:58px!important}.sp-ext-crd-common.sp-ext-crd--navpos-top .sp-ext-crd-nav--next{right:6px!important}
.sp-ext-crd-common.sp-ext-crd--page-dot .sp-ext-crd-dot.is-active::before{width:8px}.sp-ext-crd-common.sp-ext-crd--page-line .sp-ext-crd-dots{gap:6px}.sp-ext-crd-common.sp-ext-crd--page-line .sp-ext-crd-dot{width:34px;height:20px}.sp-ext-crd-common.sp-ext-crd--page-line .sp-ext-crd-dot::before{width:100%;height:2px;border-radius:0}.sp-ext-crd-common.sp-ext-crd--page-line .sp-ext-crd-dot.is-active::before{width:100%;height:4px}.sp-ext-crd-common.sp-ext-crd--page-number .sp-ext-crd-dots{counter-reset:crdpage;gap:5px}.sp-ext-crd-common.sp-ext-crd--page-number .sp-ext-crd-dot{counter-increment:crdpage;width:34px;height:34px;border:1px solid var(--sp-line);border-radius:50%;font-size:12px}.sp-ext-crd-common.sp-ext-crd--page-number .sp-ext-crd-dot::before{content:counter(crdpage);width:auto;height:auto;background:none;border-radius:0}.sp-ext-crd-common.sp-ext-crd--page-number .sp-ext-crd-dot.is-active{background:var(--sp-text);color:var(--sp-bg)}.sp-ext-crd-common.sp-ext-crd--page-number .sp-ext-crd-dot.is-active::before{width:auto;background:none}.sp-ext-crd-common.sp-ext-crd--page-progress .sp-ext-crd-dots{width:min(100%,520px);margin-inline:auto;gap:0}.sp-ext-crd-common.sp-ext-crd--page-progress .sp-ext-crd-dot{height:18px;flex:1;width:auto}.sp-ext-crd-common.sp-ext-crd--page-progress .sp-ext-crd-dot::before{width:100%;height:3px;border-radius:0;background:var(--sp-line)}.sp-ext-crd-common.sp-ext-crd--page-progress .sp-ext-crd-dot.is-active::before{width:100%;background:var(--sp-gold)}
.sp-ext-crd-common.sp-ext-crd--page-fraction .sp-ext-crd-dots{font-family:var(--font-eng-b2,var(--font-eng));font-variant-numeric:tabular-nums;letter-spacing:.04em;gap:8px;color:var(--sp-muted)}.sp-ext-crd-fraction{display:inline-flex;align-items:baseline;gap:9px;font-family:var(--font-eng-b2,var(--font-eng));font-size:14px;font-style:normal;font-weight:400;line-height:1}.sp-ext-crd-fraction b,.sp-ext-crd-fraction em{font:inherit;font-style:normal}.sp-ext-crd-fraction b{color:var(--sp-text)}.sp-ext-crd-fraction i{font:inherit;font-style:normal;opacity:.45}
@media(max-width:768px){body:not(.sp-edit) .sp-ext-crd-common.sp-ext-crd--mslide.sp-ext-crd--mobile-arrows .sp-ext-crd-nav{display:inline-flex;position:absolute;top:50%;z-index:9;align-items:center;justify-content:center;transform:translateY(-50%);cursor:pointer}.sp-ext-crd-common.sp-ext-crd--nav-minimal.sp-ext-crd--mobile-arrows .sp-ext-crd-nav{width:38px;height:46px;border:0;background:transparent;color:var(--sp-text)}.sp-ext-crd-common.sp-ext-crd--mobile-arrows .sp-ext-crd-nav--prev{left:10px}.sp-ext-crd-common.sp-ext-crd--mobile-arrows .sp-ext-crd-nav--next{right:10px}.sp-ext-crd-common.sp-ext-crd--navpos-top.sp-ext-crd--mobile-arrows .sp-ext-crd-nav{top:-24px}}
/* 사이드 이미지 — 콘텐츠(제목+카드) 옆 풀블리드 이미지/영상 열. 명시 row 로 행 밀림 방지(introleft 와 동일 함정) */
.sp-ext-crd-side{display:none}
.sp-ext-crd--side{padding:0;overflow:visible;overflow:clip}
.sp-ext-crd--side .sp-b{max-width:none;width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) var(--sp-crd-side-w,42%);grid-template-rows:repeat(4,auto) 1fr;column-gap:clamp(28px,5vw,72px);align-items:start;padding:var(--sty-pad-y,90px) 0 var(--sty-pad-y,90px) clamp(24px,6vw,96px)}
.sp-ext-crd--side .sp-b{grid-template-columns:minmax(0,calc(100% - var(--sp-crd-split-pc,var(--sp-crd-side-w,42%)) - var(--sp-crd-split-gap,64px))) minmax(0,var(--sp-crd-split-pc,var(--sp-crd-side-w,42%)));column-gap:var(--sp-crd-split-gap,64px)}
.sp-ext-crd--side .sp-b>*:not(.sp-ext-crd-side){grid-column:1;min-width:0}
.sp-ext-crd--side .sp-ext-crd-side{display:block;grid-column:2;grid-row:1/-1;align-self:stretch;position:relative;overflow:hidden;min-height:420px;margin:calc(var(--sty-pad-y,90px) * -1) 0}
.sp-ext-crd--side .sp-ext-crd-side img,.sp-ext-crd--side .sp-ext-crd-side video{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:var(--sp-crd-side-fit,cover);object-position:var(--sp-crd-img-pos,center)}
.sp-ext-crd--side .sp-ext-crd-side-ph{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:flex;align-items:center;justify-content:center;background:var(--sp-bg3);color:var(--sp-muted);font-size:13px}
.sp-ext-crd--side-left .sp-b{grid-template-columns:var(--sp-crd-side-w,42%) minmax(0,1fr);padding-left:0;padding-right:clamp(24px,6vw,96px)}
.sp-ext-crd--side-left .sp-b{grid-template-columns:minmax(0,var(--sp-crd-split-pc,var(--sp-crd-side-w,42%))) minmax(0,calc(100% - var(--sp-crd-split-pc,var(--sp-crd-side-w,42%)) - var(--sp-crd-split-gap,64px)))}
.sp-ext-crd--side-left .sp-b>*:not(.sp-ext-crd-side){grid-column:2}
.sp-ext-crd--side-left .sp-ext-crd-side{grid-column:1}
.sp-ext-crd--review-split.sp-ext-crd--side-left .sp-b{padding-left:var(--sp-pad-x,24px);padding-right:var(--sp-pad-x,24px);column-gap:clamp(40px,6vw,80px);align-items:start}
.sp-ext-crd--review-split .sp-ext-crd-side{margin:0;min-height:560px;border-radius:20px;background:var(--sp-card-bg,#fafafa)}
.sp-ext-crd--review-split .sp-ext-crd-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(28px,4vw,44px)}
.sp-ext-crd--review-split .sp-ext-crd-item{background:var(--sp-card-bg,#fafafa);border:0;border-radius:14px;box-shadow:none}
.sp-ext-crd--review-split .sp-ext-crd-title{font-size:15px;font-weight:600}
.sp-ext-crd--review-split .sp-ext-crd-body{font-size:14px;line-height:1.75}
/* 자유 분할 반응형 — PC/노트북/태블릿/모바일 값을 독립 적용. */
@media(min-width:1440px){.sp-ext-crd{--sp-crd-split-current:var(--sp-crd-split-pc,38%)}}
@media(min-width:1024px) and (max-width:1439px){.sp-ext-crd{--sp-crd-split-pc:var(--sp-crd-split-laptop,40%)}}
@media(min-width:901px) and (max-width:1023px){.sp-ext-crd{--sp-crd-split-pc:var(--sp-crd-split-tablet,44%)}}
@media(max-width:900px){
.sp-ext-crd--mobile-split.sp-ext-crd--introleft .sp-b,.sp-ext-crd--mobile-split.sp-ext-crd--topsplit .sp-b{display:grid;grid-template-columns:minmax(0,var(--sp-crd-split-tablet,44%)) minmax(0,calc(100% - var(--sp-crd-split-tablet,44%) - var(--sp-crd-split-gap,24px)));column-gap:var(--sp-crd-split-gap,24px)}
.sp-ext-crd--mobile-scroll .sp-ext-crd-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px}.sp-ext-crd--mobile-scroll .sp-ext-crd-item{flex:0 0 82%;scroll-snap-align:start}
}
@media(max-width:767px){.sp-ext-crd--mobile-split.sp-ext-crd--introleft .sp-b,.sp-ext-crd--mobile-split.sp-ext-crd--topsplit .sp-b{grid-template-columns:minmax(0,var(--sp-crd-split-mobile,50%)) minmax(0,calc(100% - var(--sp-crd-split-mobile,50%) - var(--sp-crd-split-gap,16px)))}}
/* 선택 영역 스티키. 기본은 PC/노트북만, 기기별 off 클래스가 명시적으로 해제한다. */
.sp-ext-crd--sticky-head .sp-pt-badge,.sp-ext-crd--sticky-head .sp-sec-title,.sp-ext-crd--sticky-head .sp-ext-crd-subtitle,.sp-ext-crd--sticky-head .sp-ext-crd-desc{position:relative}
.sp-ext-crd--sticky-head .sp-ext-crd-head-group{position:sticky;top:var(--sp-crd-sticky-top,110px);z-index:3;align-self:start}
.sp-ext-crd--sticky-aside .sp-ext-crd-aside,.sp-ext-crd--sticky-cards .sp-ext-crd-grid,.sp-ext-crd--sticky-cards .sp-ext-crd-slider,.sp-ext-crd--sticky-media .sp-ext-crd-side{position:sticky;top:var(--sp-crd-sticky-top,110px);align-self:start}
.sp-ext-crd--sticky-head>.sp-b>.sp-sec-title{position:sticky;top:var(--sp-crd-sticky-top,110px);z-index:3}
.sp-ext-crd--sticky-head .sp-ext-crd-head-group>.sp-sec-title{position:static!important;top:auto}
@media(min-width:1440px){.sp-ext-crd--sticky-off-pc .sp-ext-crd-aside,.sp-ext-crd--sticky-off-pc .sp-ext-crd-grid,.sp-ext-crd--sticky-off-pc .sp-ext-crd-slider,.sp-ext-crd--sticky-off-pc .sp-ext-crd-side,.sp-ext-crd--sticky-off-pc .sp-sec-title,.sp-ext-crd--sticky-off-pc .sp-ext-crd-head-group{position:static}}
@media(min-width:1024px) and (max-width:1439px){.sp-ext-crd--sticky-off-laptop .sp-ext-crd-aside,.sp-ext-crd--sticky-off-laptop .sp-ext-crd-grid,.sp-ext-crd--sticky-off-laptop .sp-ext-crd-slider,.sp-ext-crd--sticky-off-laptop .sp-ext-crd-side,.sp-ext-crd--sticky-off-laptop .sp-sec-title,.sp-ext-crd--sticky-off-laptop .sp-ext-crd-head-group{position:static}}
@media(min-width:768px) and (max-width:1023px){.sp-ext-crd--sticky-off-tablet .sp-ext-crd-aside,.sp-ext-crd--sticky-off-tablet .sp-ext-crd-grid,.sp-ext-crd--sticky-off-tablet .sp-ext-crd-slider,.sp-ext-crd--sticky-off-tablet .sp-ext-crd-side,.sp-ext-crd--sticky-off-tablet .sp-sec-title,.sp-ext-crd--sticky-off-tablet .sp-ext-crd-head-group{position:static}}
@media(max-width:767px){.sp-ext-crd--sticky-off-mobile .sp-ext-crd-aside,.sp-ext-crd--sticky-off-mobile .sp-ext-crd-grid,.sp-ext-crd--sticky-off-mobile .sp-ext-crd-slider,.sp-ext-crd--sticky-off-mobile .sp-ext-crd-side,.sp-ext-crd--sticky-off-mobile .sp-sec-title,.sp-ext-crd--sticky-off-mobile .sp-ext-crd-head-group{position:static}}
@media(max-width:900px){
.sp-ext-crd--side .sp-b,.sp-ext-crd--side-left .sp-b{display:block;padding:var(--sty-pad-y-mo,var(--sty-pad-y,60px)) var(--sp-pad-x,20px)}
.sp-ext-crd--side .sp-ext-crd-side,.sp-ext-crd--side-left .sp-ext-crd-side{position:relative;min-height:0;height:auto;aspect-ratio:16/9;margin:0 0 24px}
.sp-ext-crd--review-split .sp-ext-crd-grid{grid-template-columns:1fr}
}

/* =============================================
   EXT — 비교 탭형 (cmp)
============================================= */
.sp-ext-cmp{--sp-cmp-tab-accent:var(--hv-main,var(--main-color,#381e0e));background:var(--sp-bg2);padding:var(--sty-pad-y,100px) 0;position:relative;overflow:hidden;word-break:keep-all;overflow-wrap:break-word}
@media (max-width:768px){.sp-ext-cmp{padding:var(--sty-pad-y-mo,var(--sty-pad-y,80px)) 0}}
/* 스티키 2단 — 제목·부제목·탭이 든 왼쪽 패널은 섹션 안에서 고정되고, 활성 탭 카드만 오른쪽에서 스크롤 */
.sp-ext-cmp-sticky-head,.sp-ext-cmp-sticky-content,.sp-ext-cmp-sticky-inner{min-width:0}
.sp-ext-cmp-sticky-bg{display:none}
.sp-ext-cmp--sticky{overflow:clip}
.sp-ext-cmp--sticky>.sp-b{display:grid;grid-template-columns:minmax(260px,var(--sp-cmp-sticky-w,38%)) minmax(0,1fr);gap:var(--sp-cmp-sticky-gap,clamp(42px,6vw,96px));align-items:start}
.sp-ext-cmp--sticky .sp-ext-cmp-sticky-head{position:sticky;top:var(--sp-cmp-sticky-top,100px);min-height:clamp(480px,calc(100vh - 160px),820px);overflow:hidden;border-radius:var(--sp-cmp-sticky-rad,0);background:var(--sp-cmp-sticky-bg,var(--sp-bg3,#f3efe8));isolation:isolate}
.sp-ext-cmp--sticky .sp-ext-cmp-sticky-head::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:rgba(0,0,0,var(--sp-cmp-sticky-dim,0))}
.sp-ext-cmp--sticky .sp-ext-cmp-sticky-inner{position:relative;z-index:2;display:flex;min-height:inherit;box-sizing:border-box;flex-direction:column;justify-content:center;padding:var(--sp-cmp-sticky-pad,clamp(34px,5vw,72px))}
.sp-ext-cmp--sticky .sp-ext-cmp-sticky-bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}
.sp-ext-cmp--sticky .sp-ext-cmp-sticky-bg img,.sp-ext-cmp--sticky .sp-ext-cmp-sticky-bg video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.sp-ext-cmp--sticky .sp-ext-cmp-sticky-bgpick{display:none}
.sp-ext-cmp--sticky .sp-ext-cmp-tabswrap,.sp-ext-cmp--sticky .sp-ext-cmp-tabs{margin-top:clamp(24px,4vw,46px)}
.sp-ext-cmp--sticky .sp-ext-cmp-tabswrap .sp-ext-cmp-tabs{margin-top:0}
.sp-ext-cmp--sticky .sp-ext-cmp-sticky-content{min-width:0}
.sp-ext-cmp--sticky .sp-ext-cmp-pane{margin-top:0}
@media(max-width:900px){
  .sp-ext-cmp--sticky{overflow:hidden}
  .sp-ext-cmp--sticky>.sp-b{display:block}
  .sp-ext-cmp--sticky .sp-ext-cmp-sticky-head{position:relative;top:auto;min-height:0;overflow:visible;border-radius:0;background:transparent}
  .sp-ext-cmp--sticky .sp-ext-cmp-sticky-head::after,.sp-ext-cmp--sticky .sp-ext-cmp-sticky-bg{display:none}
  .sp-ext-cmp--sticky .sp-ext-cmp-sticky-inner{display:block;min-height:0;padding:0}
  .sp-ext-cmp--sticky .sp-ext-cmp-pane{margin-top:32px}
}
/* 탭 바 — 하단 보더 + 활성 탭 언더라인. 탭이 많아 넘치면 가로 스크롤(+JS 화살표) */
.sp-ext-cmp-tabswrap{position:relative;margin-top:46px}
.sp-ext-cmp-tabswrap .sp-ext-cmp-tabs{margin-top:0}
/* justify-content:center 는 넘칠 때 첫 탭을 스크롤 불가 영역으로 밀어 잘림 → flex-start + auto-margin 스페이서로
   "들어맞으면 가운데, 넘치면 좌측부터 풀스크롤" 동작. overflow-y:hidden 으로 모바일 세로 스크롤(밑줄 1px 넘침) 차단. */
.sp-ext-cmp-tabs{position:relative;display:flex;justify-content:flex-start;align-items:stretch;margin-top:46px;border-bottom:1px solid var(--sp-line);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.sp-ext-cmp-tabs::-webkit-scrollbar{display:none}
/* 스페이서 — 기본 모드는 탭이 가로를 균등 분할(꽉 채움)하므로 비활성. (좌측정렬 모드도 비활성) */
.sp-ext-cmp-tabs::before,.sp-ext-cmp-tabs::after{display:none}
/* 탭 — 개수에 맞춰 가로 균등 분할(1=100% / 2=50% / 3=33% / 4=25% / 5=20% …). 넘치면 min-width 로 가로 스크롤 */
.sp-ext-cmp-tab{position:relative;flex:1 1 0;min-width:110px;max-width:none;padding:14px 18px 16px;text-align:center;cursor:pointer;opacity:.45;transition:opacity .2s}
/* 탭 왼쪽 정렬 — 콘텐츠 폭만큼만, 좌측부터. 간격 넉넉히 + 제목과 같은 좌측 라인 + 밑줄은 글자 폭 */
.sp-ext-cmp--tabsleft .sp-ext-cmp-tabs{justify-content:flex-start}
.sp-ext-cmp--tabsleft .sp-ext-cmp-tab{flex:0 0 auto;min-width:0;max-width:none;padding:14px 4px 16px;margin-right:clamp(32px,5vw,72px);text-align:left}
.sp-ext-cmp--tabsleft .sp-ext-cmp-tab:last-of-type{margin-right:0}
/* 탭 스크롤 화살표 — 넘칠 때만 JS 가 표시 */
.sp-ext-cmp-tnav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:28px;height:34px;align-items:center;justify-content:center;border:none;background:var(--sp-bg2,#fff);color:var(--sp-text,#222);cursor:pointer;opacity:.7}
.sp-ext-cmp-tnav:hover{opacity:1}
.sp-ext-cmp-tnav--prev{left:-6px}
.sp-ext-cmp-tnav--next{right:-6px}
.sp-ext-cmp-tab:hover{opacity:.75}
.sp-ext-cmp-tab.is-active{color:var(--sp-cmp-tab-accent);opacity:1}
.sp-ext-cmp-tab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sp-cmp-tab-accent)}
/* 슬라이딩 언더라인 — JS가 활성 탭 위치/폭으로 이동시킴. JS 미동작 시 위 ::after 폴백 */
.sp-ext-cmp-ind{position:absolute;bottom:0;height:2px;background:var(--sp-cmp-tab-accent);transition:left .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1);pointer-events:none}
.sp-ext-cmp-tabs.has-ind .sp-ext-cmp-tab.is-active::after{display:none}
.sp-ext-cmp-tab-lb{display:block;font-size:var(--sty-t-sub,var(--sp-t-sub))}
.sp-ext-cmp-tab-sub{display:var(--sty-d-subt,block);margin-top:4px;font-size:var(--sty-t-sub,var(--sp-t-sm));color:var(--sty-c-sub,var(--sp-muted))}
/* 알약형 — 각 탭을 독립된 캡슐 버튼으로 표시 */
.sp-ext-cmp--tabpill .sp-ext-cmp-tabs{gap:10px;border-bottom:0}
.sp-ext-cmp--tabpill .sp-ext-cmp-tab,
.sp-ext-cmp--tabpill.sp-ext-cmp--tabsleft .sp-ext-cmp-tab{min-width:110px;margin-right:0;padding:12px 22px;border:1px solid var(--sp-line);border-radius:999px;background:rgba(127,127,127,.10);opacity:.78;transition:color .2s,background .2s,border-color .2s,opacity .2s,transform .2s}
.sp-ext-cmp--tabpill .sp-ext-cmp-tab:hover{background:rgba(127,127,127,.14);opacity:1;transform:translateY(-1px)}
.sp-ext-cmp--tabpill .sp-ext-cmp-tab.is-active{border-color:var(--sp-cmp-tab-accent);background:var(--sp-cmp-tab-accent);color:#fff;opacity:1}
.sp-ext-cmp--tabpill .sp-ext-cmp-tab.is-active .sp-ext-cmp-tab-sub{color:currentColor;opacity:.72}
.sp-ext-cmp--tabpill .sp-ext-cmp-tab.is-active::after,.sp-ext-cmp--tabpill .sp-ext-cmp-ind{display:none!important}
/* 라운드 박스형 — 얇은 테두리와 활성 카드 강조 */
.sp-ext-cmp--tabround .sp-ext-cmp-tabs{gap:10px;padding:8px 6px 12px;border-bottom:0}
.sp-ext-cmp--tabround .sp-ext-cmp-tab,
.sp-ext-cmp--tabround.sp-ext-cmp--tabsleft .sp-ext-cmp-tab{min-width:120px;margin-right:0;padding:16px 20px;border:1px solid var(--sp-line);border-radius:12px;background:transparent;opacity:.58;transition:background .2s,border-color .2s,box-shadow .2s,opacity .2s}
.sp-ext-cmp--tabround .sp-ext-cmp-tab:hover{opacity:.9}
.sp-ext-cmp--tabround .sp-ext-cmp-tab.is-active{border-color:var(--sp-cmp-tab-accent);background:var(--sp-bg2,#fff);color:var(--sp-cmp-tab-accent);box-shadow:0 4px 12px rgba(0,0,0,.08);opacity:1}
.sp-ext-cmp--tabround .sp-ext-cmp-tab.is-active::after,.sp-ext-cmp--tabround .sp-ext-cmp-ind{display:none!important}
/* 세그먼트형 — 하나의 트랙 안에서 활성 탭만 떠오르는 형태 */
.sp-ext-cmp--tabsegment .sp-ext-cmp-tabs{gap:4px;padding:5px;border:0;border-radius:14px;background:rgba(127,127,127,.09)}
.sp-ext-cmp--tabsegment .sp-ext-cmp-tab,
.sp-ext-cmp--tabsegment.sp-ext-cmp--tabsleft .sp-ext-cmp-tab{min-width:110px;margin-right:0;padding:12px 18px;border-radius:10px;opacity:.55;transition:background .2s,box-shadow .2s,opacity .2s}
.sp-ext-cmp--tabsegment .sp-ext-cmp-tab:hover{opacity:.85}
.sp-ext-cmp--tabsegment .sp-ext-cmp-tab.is-active{background:var(--sp-bg2,#fff);color:var(--sp-cmp-tab-accent);box-shadow:0 2px 9px rgba(0,0,0,.09);opacity:1}
.sp-ext-cmp--tabsegment .sp-ext-cmp-tab.is-active::after,.sp-ext-cmp--tabsegment .sp-ext-cmp-ind{display:none!important}
/* 미니멀 텍스트형 — 선·박스 없이 글자 대비만 사용 */
.sp-ext-cmp--tabminimal .sp-ext-cmp-tabs{gap:clamp(24px,5vw,72px);border-bottom:0}
.sp-ext-cmp--tabminimal .sp-ext-cmp-tab,
.sp-ext-cmp--tabminimal.sp-ext-cmp--tabsleft .sp-ext-cmp-tab{flex:0 0 auto;min-width:0;margin-right:0;padding:10px 2px 12px;opacity:.34}
.sp-ext-cmp--tabminimal:not(.sp-ext-cmp--tabsleft) .sp-ext-cmp-tabs{justify-content:center}
.sp-ext-cmp--tabminimal .sp-ext-cmp-tab:hover{opacity:.7}
.sp-ext-cmp--tabminimal .sp-ext-cmp-tab.is-active{color:var(--sp-cmp-tab-accent);box-shadow:inset 0 -2px 0 var(--sp-cmp-tab-accent);opacity:1}
.sp-ext-cmp--tabminimal .sp-ext-cmp-tab.is-active::after,.sp-ext-cmp--tabminimal .sp-ext-cmp-ind{display:none!important}
/* 탭 디자인 옵션 — 스텝 라인형: 첨부 레퍼런스처럼 균등 탭·넓은 호흡·하단 전체 라인/활성 구간 */
.sp-ext-cmp--tabstep .sp-ext-cmp-tabs{margin-top:clamp(42px,5vw,68px);border-bottom-color:rgba(34,34,34,.13)}
.sp-ext-cmp--tabstep .sp-ext-cmp-tab,
.sp-ext-cmp--tabstep.sp-ext-cmp--tabsleft .sp-ext-cmp-tab{flex:1 1 0;min-width:150px;margin-right:0;padding:20px clamp(12px,2vw,28px) 16px;text-align:center;opacity:.3}
.sp-ext-cmp--tabstep .sp-ext-cmp-tab:hover{opacity:.62}
.sp-ext-cmp--tabstep .sp-ext-cmp-tab.is-active{opacity:1}
.sp-ext-cmp--tabstep .sp-ext-cmp-tab-lb{font-size:var(--sty-t-sub,18px)!important;font-weight:400!important;line-height:1.35;letter-spacing:.07em}
.sp-ext-cmp--tabstep .sp-ext-cmp-tab-sub{margin-top:8px;font-size:var(--sty-t-sub,17px)!important;font-weight:400;line-height:1.4;color:currentColor}
.sp-ext-cmp--tabstep .sp-ext-cmp-tab.is-active::after,
.sp-ext-cmp--tabstep .sp-ext-cmp-ind{height:2px;background:var(--sp-cmp-tab-accent)}
/* 패널 — 미디어 | 본문 2단 */
.sp-ext-cmp-pane{display:none;margin-top:48px;grid-template-columns:var(--sp-cmp-ratio,minmax(0,5fr) minmax(0,6fr));gap:clamp(28px,4vw,56px);align-items:start}
.sp-ext-cmp-pane.is-active{display:grid}
@keyframes spCmpIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.sp-ext-cmp-pane.is-active .sp-ext-cmp-media{animation:spCmpIn .55s cubic-bezier(.16,1,.3,1) both}
.sp-ext-cmp-pane.is-active .sp-ext-cmp-t{animation:spCmpIn .5s .06s cubic-bezier(.16,1,.3,1) both}
.sp-ext-cmp-pane.is-active .sp-ext-cmp-b{animation:spCmpIn .5s .12s cubic-bezier(.16,1,.3,1) both}
.sp-ext-cmp-pane.is-active .sp-ext-cmp-card{animation:spCmpIn .5s .18s cubic-bezier(.16,1,.3,1) both}
.sp-ext-cmp-pane.is-active .sp-ext-cmp-card:nth-child(2){animation-delay:.24s}
.sp-ext-cmp-pane.is-active .sp-ext-cmp-card:nth-child(3){animation-delay:.3s}
.sp-ext-cmp-pane.is-active .sp-ext-cmp-card:nth-child(4){animation-delay:.36s}
.sp-ext-cmp-pane.is-active .sp-ext-cmp-card:nth-child(5){animation-delay:.42s}
.sp-ext-cmp-pane.is-active .sp-ext-cmp-card:nth-child(n+6){animation-delay:.48s}
.sp-ext-cmp-pane.is-active .sp-ext-cmp-note{animation:spCmpIn .5s .42s cubic-bezier(.16,1,.3,1) both}
.sp-ext-cmp-media{position:relative;overflow:hidden;border-radius:var(--sp-cmp-img-radius,14px);aspect-ratio:var(--sp-cmp-img-ratio,4/5);max-width:var(--sp-cmp-img-mw,none);background:var(--sp-bg3)}
.sp-ext-cmp-media img,.sp-ext-cmp-media video{width:100%;height:100%;object-fit:var(--sp-cmp-imgfit,cover);object-position:var(--sp-cmp-img-pos,center);display:block}
.sp-ext-cmp-media-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px;color:var(--sp-muted);font-size:14px}
.sp-ext-cmp-t{font-size:var(--sty-t-title,var(--sp-t-sub));font-weight:var(--sty-w-title,400);margin-bottom:14px;white-space:pre-line;color:var(--sty-c-title,inherit)}
/* 맨위 설명 텍스트 — '항목 설명 크기/색'(t_itemd/c_itemd)으로 제어(특징 설명과 통일).
   cmp 패널엔 본문(t_body) 컨트롤이 없어 예전엔 조정 불가였음. 미설정 시 기존 폴백 유지. */
.sp-ext-cmp-b{font-size:var(--sty-t-itemd,var(--sty-t-body,var(--sp-t-sm)));line-height:1.9;color:var(--sty-c-itemd,var(--sty-c-desc,var(--sp-muted)));white-space:pre-line;margin-bottom:26px}
/* 특징 카드 — 세로 스택 */
.sp-ext-cmp-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sp-cmp-card-gap,var(--sty-card-gap,14px))}
.sp-ext-cmp-card{position:relative;background:var(--sp-card-bg,var(--sp-bg));border:var(--sty-card-bd,1px) solid var(--sty-card-bd-c,var(--sp-line));border-radius:var(--sty-card-radius,12px);padding:20px 24px;transition:background .28s;min-height:var(--sp-cmp-card-h,auto)}
.sp-ext-cmp-cards>.sp-ext-cmp-card{flex:0 0 calc((100% - (var(--sp-cmp-card-cols,1) - 1)*var(--sp-cmp-card-gap,var(--sty-card-gap,14px)))/var(--sp-cmp-card-cols,1));min-width:0}
body:not(.sp-edit) .sp-ext-cmp-card:not(:has(h3:not(:empty))):not(:has(p:not(:empty))){display:none}
.sp-ext-cmp-card:hover{background:var(--sp-card-bg-hv,var(--sp-card-bg,var(--sp-bg)))}
.sp-ext-cmp-card h3{font-size:var(--sty-t-itemt,var(--sp-t-sm));font-weight:400;line-height:1.5;margin-bottom:6px;color:var(--sty-c-itemt,inherit);display:var(--sty-d-symn,block);white-space:pre-line;word-break:keep-all;overflow-wrap:break-word}
.sp-ext-cmp-card p{font-size:var(--sty-t-itemd,var(--sp-t-sm));color:var(--sty-c-itemd,var(--sp-muted));line-height:1.7;white-space:pre-line}
/* 특징 카드 원형 숫자 배지 — crd numbadge 와 동일 룩. 기본 숨김, 섹션 옵션(card_num) 켜면 표시 */
.sp-ext-cmp-cnum{display:none}
.sp-ext-cmp--cardnum .sp-ext-cmp-cnum{display:inline-flex;align-items:center;justify-content:center;width:var(--sp-cmp-cnum-size,32px);height:var(--sp-cmp-cnum-size,32px);min-width:var(--sp-cmp-cnum-size,32px);margin:0 0 12px;font-family:var(--font-eng);font-size:14px;font-weight:600;line-height:1;color:var(--sp-cmp-cnum-fg,#fff);background:var(--sp-cmp-cnum-bg,var(--sp-text,#1a1a1a));border-radius:50%}
/* 강조 코멘트 — 좌측 포인트 보더 */
/* 강조(note) — 크기는 '항목 설명 크기'(t_itemd)로 제어(예전엔 --sp-t-sm 하드코딩이라 조정 불가).
   색은 전용 컨트롤(강조 라벨/문구 색)이 우선, 미설정 시 '항목 설명 색'(c_itemd) 폴백 → 통일. */
.sp-ext-cmp-note{margin-top:22px;padding:18px 22px;border-left:2px solid var(--sp-cmp-note-bar,var(--sp-gold));background:var(--sp-card-bg,var(--sp-bg));border-radius:0 12px 12px 0;font-size:var(--sty-t-itemd,var(--sp-t-sm));line-height:1.8;color:var(--sp-cmp-note-tx,var(--sty-c-itemd,var(--sp-muted)))}
.sp-ext-cmp-note strong{color:var(--sp-cmp-note-lb,var(--sty-c-itemd,var(--sp-text,inherit)));font-weight:400;margin-right:6px}
.sp-ext-cmp-note span{white-space:pre-line}
.sp-ext-cmp--nomedia .sp-ext-cmp-pane{grid-template-columns:1fr}
.sp-ext-cmp--nomedia .sp-ext-cmp-media{display:none}
/* 텍스트 100% + 이미지 — 이미지 위(전체폭) + 텍스트 아래(전체폭) */
.sp-ext-cmp--fullimg .sp-ext-cmp-pane{grid-template-columns:1fr}
/* 이미지 모양 '원본' + 텍스트100%+이미지 — 비율강제·크롭 없이 원본 그대로(가로 100%·세로 자동) */
.sp-ext-cmp--fullimg .sp-ext-cmp-media,.sp-ext-cmp--imgorig .sp-ext-cmp-media{width:100%;max-width:none;max-height:none;aspect-ratio:auto;height:auto;background:transparent}
.sp-ext-cmp--fullimg .sp-ext-cmp-media-track,.sp-ext-cmp--imgorig .sp-ext-cmp-media-track{height:auto;align-items:flex-start}
.sp-ext-cmp--fullimg .sp-ext-cmp-mslide,.sp-ext-cmp--imgorig .sp-ext-cmp-mslide{height:auto}
.sp-ext-cmp--fullimg .sp-ext-cmp-media img,.sp-ext-cmp--fullimg .sp-ext-cmp-media video,.sp-ext-cmp--imgorig .sp-ext-cmp-media img,.sp-ext-cmp--imgorig .sp-ext-cmp-media video{height:auto;object-fit:initial}
/* 방문자 — 이미지 없는 칸은 빈 미디어 박스(aspect-ratio 높이)가 큰 공백을 만들므로 숨기고 본문 풀폭으로.
   아코디언 active 규칙(display:block)이 더 구체적이라 !important 로 확실히 숨김 */
body:not(.sp-edit) .sp-ext-cmp-media.is-empty{display:none!important}
body:not(.sp-edit) .sp-ext-cmp-pane.is-active:has(> .sp-ext-cmp-media.is-empty){grid-template-columns:1fr!important}
body:not(.sp-edit) .sp-ext-cmp--acc .sp-ext-cmp-pane.is-active:has(> .sp-ext-cmp-media.is-empty) > .sp-ext-cmp-body{padding:0 26px 26px}
/* 특징 카드 이미지(웹진형) — [이미지 | 제목+설명] 행 구조 */
.sp-ext-cmp-cimg{display:none}
.sp-ext-cmp-pane.cmp-cardimg .sp-ext-cmp-card{display:flex;align-items:stretch;gap:var(--sp-cmp-cimg-gap,0);padding:0;overflow:hidden}
.sp-ext-cmp-pane.cmp-cardimg:not(.cmp-cardv) .sp-ext-cmp-card.is-flip{flex-direction:row-reverse}
.sp-ext-cmp-pane.cmp-cardimg .sp-ext-cmp-cimg{display:block;position:relative;flex:0 0 var(--sp-cmp-cimg-w,34%);width:var(--sp-cmp-cimg-w,34%);min-height:var(--sp-cmp-cimg-minh,120px);overflow:hidden;background:var(--sp-card-bg,var(--sp-bg3));border-radius:var(--sp-cmp-cimg-radius,0);aspect-ratio:var(--sp-cmp-cimg-ratio,auto)}
.sp-ext-cmp-pane.cmp-cardimg .sp-ext-cmp-cimg img,.sp-ext-cmp-pane.cmp-cardimg .sp-ext-cmp-cimg video{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--sp-cmp-img-pos,center)}
.sp-ext-cmp-cimg-ph{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:flex;align-items:center;justify-content:center;color:var(--sp-muted);font-size:12px}
.sp-ext-cmp-pane.cmp-cardimg .sp-ext-cmp-ctxt{flex:1;min-width:0;padding:20px 24px;display:flex;flex-direction:column;justify-content:center}
/* 카드에 이미지 없는 카드(방문자) — 텍스트 풀폭 그대로 */
@media (max-width:768px){
/* 웹진형 카드 이미지 — 모바일은 가로 행(이미지|텍스트)이 좁아 이미지가 세로 띠로 잘리므로
   세로 전환: 이미지 풀폭 위 + 텍스트 아래. 이미지 비율은 탭별 PC 설정을 그대로 사용.
   Safari 등에서 flex/grid 자식의 min-content 폭이 부모보다 커지는 경우가 있어
   패널→본문→카드 목록→카드를 전부 부모 폭 안으로 제한한다. */
.sp-ext-cmp-pane,
.sp-ext-cmp-body,
.sp-ext-cmp-cards{width:100%;max-width:100%;min-width:0}
.sp-ext-cmp-cards>.sp-ext-cmp-card{max-width:100%;min-width:0}
.sp-ext-cmp-pane.cmp-cardimg .sp-ext-cmp-card{flex-direction:column}
.sp-ext-cmp-pane.cmp-cardimg .sp-ext-cmp-cimg{flex:0 0 auto;width:100%;min-height:0;aspect-ratio:var(--sp-cmp-cimg-ratio,16/9)}
.sp-ext-cmp-pane.cmp-cardimg .sp-ext-cmp-ctxt{width:100%;max-width:100%;min-width:0}
}
/* 특징 카드 — 카드형(세로): 이미지 위, 텍스트 아래 (웹진형 가로 행을 세로로 전환) */
.sp-ext-cmp-pane.cmp-cardv .sp-ext-cmp-card{flex-direction:column;align-items:stretch}
.sp-ext-cmp-pane.cmp-cardv .sp-ext-cmp-cimg{flex:0 0 auto;width:100%;min-height:0;aspect-ratio:var(--sp-cmp-cimg-ratio,4/3)}
.sp-ext-cmp-pane.cmp-cardv .sp-ext-cmp-ctxt{flex:0 1 auto;justify-content:flex-start;padding:18px 20px}
/* 특징 카드 — 가로 슬라이드(스크롤스냅). PC/모바일 한 화면 칸수 = --sp-cmp-card-cols(-mo) */
.sp-ext-cmp-pane.cmp-cardslide .sp-ext-cmp-cards{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:2px}
.sp-ext-cmp-pane.cmp-cardslide .sp-ext-cmp-cards::-webkit-scrollbar{display:none}
.sp-ext-cmp-pane.cmp-cardslide .sp-ext-cmp-card{flex:0 0 calc((100% - (var(--sp-cmp-card-cols,2) - 1)*var(--sp-cmp-card-gap,var(--sty-card-gap,14px)))/var(--sp-cmp-card-cols,2));scroll-snap-align:start}
@media (max-width:768px){
.sp-ext-cmp-cards>.sp-ext-cmp-card{flex-basis:calc((100% - (var(--sp-cmp-card-cols-mo,1) - 1)*var(--sp-cmp-card-gap,var(--sty-card-gap,14px)))/var(--sp-cmp-card-cols-mo,1))}
.sp-ext-cmp-pane.cmp-cardslide .sp-ext-cmp-card{flex-basis:calc((100% - (var(--sp-cmp-card-cols-mo,1) - 1)*var(--sp-cmp-card-gap,var(--sty-card-gap,14px)))/var(--sp-cmp-card-cols-mo,1))}
.sp-ext-cmp-pane.cmp-cardslide.cmp-cardimg .sp-ext-cmp-cimg{flex:0 0 auto;width:100%}
}
/* 특징 카드 이미지 '원본'(cimg_ratio=orig) — 웹진형/카드형 모두 비율강제·크롭 없이 원본 그대로(가로 100%·세로 자동).
   세로가 짧은 이미지가 object-fit:cover 로 잘리던 것 + 모바일 16/9·4/3 강제로 잘리던 것 해소(PC·모바일 동일).
   :not(media) 없이 cmp-cardimg/cardv 의 cover 규칙보다 뒤에 와서 동일 특이도로 덮음 */
.sp-ext-cmp-pane.cmp-cimg-orig .sp-ext-cmp-cimg{aspect-ratio:auto;min-height:0}
/* 가로 웹진형(행)만 — 이미지를 행 위쪽에 두고 자연 높이(세로 카드형은 폭 100% 유지해야 하므로 제외) */
.sp-ext-cmp-pane.cmp-cimg-orig:not(.cmp-cardv) .sp-ext-cmp-cimg{align-self:flex-start}
.sp-ext-cmp-pane.cmp-cimg-orig .sp-ext-cmp-cimg img,.sp-ext-cmp-pane.cmp-cimg-orig .sp-ext-cmp-cimg video{position:static;width:100%;height:auto;object-fit:initial}
.sp-cmp-tcbar{display:none}
.sp-cmp-tcbar-lbl{font-size:11.5px;font-weight:700;color:#0066cc;white-space:nowrap}
.sp-cmp-tcbar-sel,.sp-cmp-tcbar-num{font-size:11.5px;font-family:'Pretendard',sans-serif;padding:4px 6px;border:1px solid var(--sp-line,#ddd);border-radius:5px;background:#fff;color:var(--sp-text,#222);max-width:150px}
.sp-cmp-tcbar-num{width:66px}
.sp-cmp-tcbar-mini{display:inline-flex;align-items:center;height:24px;padding:0 7px;border-radius:999px;background:rgba(0,102,204,.12);color:#0058b0;font-size:11.5px;font-weight:700;line-height:1;white-space:nowrap}
/* 카드 슬라이드 네비게이션 — JS(방문자)가 래퍼/화살표/도트 주입. PC는 마우스로 넘길 수단 필요 */
.sp-ext-cmp-cardswrap{position:relative}
.sp-ext-cmp-cnav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:34px;height:34px;border-radius:50%;border:1px solid var(--sty-card-bd-c,var(--sp-line));background:var(--sp-card-bg,var(--sp-bg,#fff));color:var(--sty-c-title,var(--sp-text,#222));font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.14);opacity:.92;transition:opacity .2s,background .2s}
.sp-ext-cmp-cnav:hover{opacity:1;background:var(--sp-card-bg-hv,var(--sp-bg3))}
.sp-ext-cmp-cnav--prev{left:-8px}
.sp-ext-cmp-cnav--next{right:-8px}
.sp-ext-cmp-cdots{display:flex;justify-content:center;gap:6px;margin-top:16px}
.sp-ext-cmp-cdot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--sp-line,#ccc);cursor:pointer;transition:width .25s,background .25s}
.sp-ext-cmp-cdot.is-active{width:18px;border-radius:4px;background:var(--sty-c-title,var(--sp-text,#222))}
@media (max-width:768px){.sp-ext-cmp-cnav{display:none!important}}
/* 방문자 — 라벨·문구 모두 빈 코멘트 박스 숨김(개별 필드는 [data-ph]:empty 공통 규칙이 처리) */
body:not(.sp-edit) .sp-ext-cmp-note:not(:has(strong:not(:empty))):not(:has(span:not(:empty))){display:none}
@media (max-width:768px){
.sp-ext-cmp-pane{grid-template-columns:1fr;gap:24px;margin-top:32px}
.sp-ext-cmp-media{aspect-ratio:var(--sp-cmp-img-ratio,16/10)}
.sp-ext-cmp-tab{box-sizing:border-box;min-width:33.333%;padding:11px 6px 12px;display:flex;flex-direction:column;justify-content:center}
.sp-ext-cmp-tab-lb,.sp-ext-cmp-tab-sub{line-height:1.35;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.sp-ext-cmp-tab-lb{font-size:var(--sp-cmp-tab-lb-mo,15px)}
.sp-ext-cmp-tab-sub{font-size:var(--sp-cmp-tab-sub-mo,12px)}
}
/* 미디어 슬라이드 — 박스(aspect-ratio 고정) 안에서 가로 스크롤스냅 트랙 + 도트(+자동재생은 JS). 슬라이드는 박스를 꽉 채움 */
.sp-ext-cmp-media--slider{position:relative}
.sp-ext-cmp-media-track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;border-radius:inherit}
.sp-ext-cmp-media-track::-webkit-scrollbar{display:none}
.sp-ext-cmp-mslide{position:relative;flex:0 0 100%;width:100%;height:100%;min-width:0;scroll-snap-align:start;background:var(--sp-bg3)}
.sp-ext-cmp-mslide img,.sp-ext-cmp-mslide video{width:100%;height:100%;object-fit:var(--sp-cmp-imgfit,cover);object-position:var(--sp-cmp-img-pos,center);display:block}
.sp-ext-cmp-mdots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;z-index:6;pointer-events:auto}
.sp-ext-cmp-mdot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 4px rgba(0,0,0,.25);cursor:pointer;transition:width .25s,background .25s}
.sp-ext-cmp-mdot.is-active{width:18px;border-radius:4px;background:#fff}
/* ── 표시 방식: 아코디언(sty.mode=accordion) — 같은 탭 데이터를 펼침/접힘 목록으로 ─────────
   탭바 대신 라벨 헤더(번호 자동) + 클릭 시 본문 펼침. 탭형/아코디언은 sty 토글로 라이브 전환(재렌더 불필요) */
.sp-ext-cmp-acchead{display:none}
.sp-ext-cmp--acc .sp-ext-cmp-tabs,.sp-ext-cmp--acc .sp-ext-cmp-tabswrap{display:none!important}
.sp-ext-cmp--acc .sp-ext-cmp-pane{display:block!important;margin:0 0 var(--sp-cmp-acc-gap,14px);border:1px solid var(--sty-card-bd-c,var(--sp-line));border-radius:var(--sty-card-radius,12px);overflow:hidden;background:var(--sp-card-bg,var(--sp-bg))}
/* 보더 위치 — 아래만(line) / 없음(none) */
.sp-ext-cmp--acc.sp-ext-cmp--acc-line .sp-ext-cmp-pane{border:none;border-bottom:1px solid var(--sty-card-bd-c,var(--sp-line));border-radius:0;box-shadow:none}
.sp-ext-cmp--acc.sp-ext-cmp--acc-line .sp-ext-cmp-pane:last-child{border-bottom:none}
.sp-ext-cmp--acc.sp-ext-cmp--acc-none .sp-ext-cmp-pane{border:none;border-radius:0;box-shadow:none}
.sp-ext-cmp--acc .sp-ext-cmp-pane[data-cmp-pane="0"]{margin-top:40px}
.sp-ext-cmp--acc .sp-ext-cmp-acchead{display:flex;align-items:center;gap:16px;width:100%;padding:var(--sp-cmp-acc-pad,22px) 26px;cursor:pointer;transition:background .25s}
.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-acchead{padding-top:min(var(--sp-cmp-acc-pad,22px),24px);padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid var(--sty-card-bd-c,var(--sp-line))}/* 펼친 본문 첫 요소(보통 p/h3)의 테마 기본 위쪽 마진 제거 — 구분선과 본문 사이 추가 공백의 진짜 원인 */
.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-body>:first-child,.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-media>:first-child{margin-top:0}.sp-ext-cmp--acc .sp-ext-cmp-acchead:hover{background:var(--sp-card-bg-hv,var(--sp-bg3))}
/* 펼쳐진(active) 패널 — 연한 색으로 채움(hover 채움색과 동일). 카드 호버색 옵션으로 조절 */
.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active{background:var(--sp-cmp-acc-fill,var(--sp-card-bg-hv,var(--sp-bg3)))}
/* 내부 레이아웃 = 텍스트:텍스트 — 미디어 자리도 텍스트로(제목+설명 | 특징목록). 비율은 이미지:텍스트 비율(col_img/col_tx) 따라감(미설정 시 1:1) */
.sp-ext-cmp--txt2 .sp-ext-cmp-pane.is-active>.sp-ext-cmp-body{display:grid!important;grid-template-columns:var(--sp-cmp-ratio,1fr 1fr);column-gap:clamp(24px,4vw,56px);row-gap:6px;align-items:start}.sp-ext-cmp--txt2 .sp-ext-cmp-t{grid-column:1;grid-row:1}
.sp-ext-cmp--txt2 .sp-ext-cmp-b{grid-column:1;grid-row:2}
.sp-ext-cmp--txt2 .sp-ext-cmp-cards{grid-column:2;grid-row:1/span 2;margin-top:0}
.sp-ext-cmp--txt2 .sp-ext-cmp-cardswrap{grid-column:2;grid-row:1/span 2}
.sp-ext-cmp--txt2 .sp-ext-cmp-note{grid-column:1/-1;grid-row:3}
@media(max-width:768px){
  .sp-ext-cmp--txt2 .sp-ext-cmp-pane.is-active>.sp-ext-cmp-body{grid-template-columns:1fr}  .sp-ext-cmp--txt2 .sp-ext-cmp-t,.sp-ext-cmp--txt2 .sp-ext-cmp-b,.sp-ext-cmp--txt2 .sp-ext-cmp-cards,.sp-ext-cmp--txt2 .sp-ext-cmp-note{grid-column:1;grid-row:auto}
}
.sp-ext-cmp--acc .sp-ext-cmp-accnum{flex:0 0 auto;font-size:var(--sp-t-sm);letter-spacing:.04em;color:var(--sty-c-title,var(--sp-text,#222));opacity:.55;min-width:1.6em}
/* 헤더 번호 숨김(acc_num=hide) — 번호 자체를 미표시 */
.sp-ext-cmp--acc.sp-ext-cmp--accnumoff .sp-ext-cmp-accnum{display:none}
/* 아코디언 헤더 번호 배지 옵션(acc_num) — 특징 카드(card_num)와 독립. 켜면 헤더 번호가 원형 배지로 */
.sp-ext-cmp--acc.sp-ext-cmp--accnum .sp-ext-cmp-accnum{display:inline-flex;align-items:center;justify-content:center;width:var(--sp-cmp-cnum-size,32px);height:var(--sp-cmp-cnum-size,32px);min-width:var(--sp-cmp-cnum-size,32px);font-family:var(--font-eng);font-size:14px;font-weight:600;line-height:1;letter-spacing:0;opacity:1;color:var(--sp-cmp-cnum-fg,#fff);background:var(--sp-cmp-cnum-bg,var(--sp-text,#1a1a1a));border-radius:50%}
.sp-ext-cmp--acc .sp-ext-cmp-acchead-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sp-ext-cmp--acc .sp-ext-cmp-acchead-lb{font-size:var(--sty-t-sub,var(--sp-t-sub));color:var(--sty-c-title,inherit);white-space:pre-line}
.sp-ext-cmp--acc .sp-ext-cmp-acchead-sub{font-size:var(--sp-t-sm);color:var(--sty-c-sub,var(--sp-muted));display:var(--sty-d-subt,block)}
.sp-ext-cmp--acc .sp-ext-cmp-acchead-ico{flex:0 0 auto;display:flex;color:var(--sp-muted);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.sp-ext-cmp--acc .sp-ext-cmp-acchead-ico svg{display:block}
.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-acchead .sp-ext-cmp-acchead-ico{transform:rotate(180deg)}
/* 펼친 내용 = 탭형과 동일하게 데스크탑 5:5(이미지|텍스트) 그리드, 모바일만 1열 100% */
.sp-ext-cmp--acc .sp-ext-cmp-media,.sp-ext-cmp--acc .sp-ext-cmp-body{display:none}
.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active{display:grid!important;grid-template-columns:var(--sp-cmp-ratio,minmax(0,5fr) minmax(0,6fr));column-gap:clamp(20px,3vw,40px);align-items:start}
.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-acchead{grid-column:1/-1}
.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-media{display:block;margin:0 0 26px 26px}
.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-body{display:block;padding:0 26px 26px 0}
.sp-ext-cmp--acc.sp-ext-cmp--nomedia .sp-ext-cmp-pane.is-active{grid-template-columns:1fr}
.sp-ext-cmp--acc.sp-ext-cmp--nomedia .sp-ext-cmp-pane.is-active>.sp-ext-cmp-media{display:none!important}
.sp-ext-cmp--acc.sp-ext-cmp--nomedia .sp-ext-cmp-pane.is-active>.sp-ext-cmp-body{padding:0 26px 26px}
/* 페러런스형(panelcard) — 펼친 회색 패널 안에 콘텐츠를 흰 카드로 감쌈(미디어+본문 통합 / 미디어 없으면 본문 단독). opt-in */
.sp-ext-cmp--panelcard .sp-ext-cmp-pane{box-shadow:0 2px 12px rgba(0,0,0,.05)}
.sp-ext-cmp--panelcard.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active{column-gap:0;padding:0 22px 22px}.sp-ext-cmp--panelcard.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-media{background:var(--sp-cmp-card-bg,#fff);margin:0;border-radius:14px 0 0 14px;padding:22px}.sp-ext-cmp--panelcard.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-body{background:var(--sp-cmp-card-bg,#fff);margin:0;border-radius:0 14px 14px 0;padding:22px}.sp-ext-cmp--panelcard.sp-ext-cmp--acc.sp-ext-cmp--nomedia .sp-ext-cmp-pane.is-active>.sp-ext-cmp-body{border-radius:14px}@media(max-width:768px){
  .sp-ext-cmp--panelcard.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-media,.sp-ext-cmp--panelcard.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-body{border-radius:12px;margin:0}  .sp-ext-cmp--panelcard.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-media{margin-bottom:12px}
}
/* 모바일 — 아코디언 펼친 내용 1열 100% */
@media (max-width:768px){
.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active{grid-template-columns:1fr!important}.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-media{margin:0 20px 20px}.sp-ext-cmp--acc .sp-ext-cmp-pane.is-active>.sp-ext-cmp-body{padding:0 20px 22px}}

/* =============================================
   EXT — 비교표 (ctab)  ※ 데스크톱=표 / 모바일=옵션카드 하이브리드, sty 변수는 cmp 와 동일 토큰
============================================= */
.sp-ext-ctab{background:var(--sp-bg2);padding-top:var(--sty-pad-top,var(--sty-pad-y,100px));padding-bottom:var(--sty-pad-bottom,var(--sty-pad-y,100px));position:relative;overflow:hidden;word-break:keep-all;overflow-wrap:break-word}
@media (max-width:768px){.sp-ext-ctab{padding-top:var(--sty-pad-y-mo,var(--sty-pad-top,var(--sty-pad-y,72px)));padding-bottom:var(--sty-pad-y-mo,var(--sty-pad-bottom,var(--sty-pad-y,72px)))}}
.sp-ext-ctab .sp-sec-title{color:var(--sty-c-title,inherit);font-size:var(--sty-t-title,var(--sp-t-hd));font-weight:var(--sty-w-title,400);letter-spacing:-.02em;display:var(--sty-d-title,block)}
.sp-ext-ctab-desc{margin:14px 0 0;font-size:var(--sty-t-desc,var(--sp-t-sm));line-height:1.9;color:var(--sty-c-desc,var(--sp-muted));max-width:var(--sp-ctab-desc-mw,720px);white-space:pre-line}
/* 가로 스크롤 래퍼 (모바일/좁은 폭 대응) */
.sp-ext-ctab-scroll{margin-top:46px;overflow-x:auto;scrollbar-width:thin;border:var(--sty-card-bd,1px) solid var(--sty-card-bd-c,var(--sp-line));border-radius:var(--sty-card-radius,0)}
.sp-ext-ctab-scroll::-webkit-scrollbar{height:6px}
.sp-ext-ctab-scroll::-webkit-scrollbar-thumb{background:var(--sp-muted2);border-radius:6px}
.sp-ext-ctab-table{width:100%;border-collapse:collapse;min-width:560px;background:var(--sp-card-bg,var(--sp-bg));font-family:inherit}
.sp-ext-ctab-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sp-ext-ctab-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sp-ext-ctab-table th,.sp-ext-ctab-table td{padding:20px 22px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--sty-card-bd-c,var(--sp-line));font-size:var(--sty-t-itemd,var(--sp-t-sm));font-weight:400;line-height:1.75;color:var(--sty-c-itemd,inherit);font-family:inherit}
.sp-ext-ctab-v{white-space:pre-line}
/* 프레임(scroll 래퍼)과 마지막 행 보더 중복 방지 — 첫 칸은 th 이므로 td,th 모두 */
.sp-ext-ctab-table tbody tr:last-child td,.sp-ext-ctab-table tbody tr:last-child th{border-bottom:0}
/* 헤더 행 — 위 영역. head_bg 지정 시 본문과 배경 구분. 하단 구분선 색은 '카드 보더 색'으로 제어(기본 진한 텍스트색) */
.sp-ext-ctab-table thead th{background:var(--sp-ctab-head-bg,var(--sp-card-bg,var(--sp-bg)));position:sticky;top:0;z-index:3;border-bottom:var(--sty-card-bd,1px) solid var(--sty-card-bd-c,var(--sp-text));padding-top:24px;padding-bottom:22px;color:inherit}
.sp-ext-ctab-colh{display:flex;flex-direction:column;gap:5px;align-items:center}
/* 열 제목(매몰법 등) = '항목 제목 크기/색' 옵션으로 제어 */
.sp-ext-ctab-colh-name{font-size:var(--sty-t-itemt,var(--sp-t-sub));font-weight:400;letter-spacing:-.01em;color:var(--sty-c-itemt,inherit)}
.sp-ext-ctab-colh-sub{font-size:var(--sty-t-sub,var(--sp-t-sm));color:var(--sty-c-sub,var(--sp-muted));font-family:var(--font-eng);font-weight:300;letter-spacing:.04em;display:var(--sty-d-subt,block)}
/* 첫 열(항목 라벨) 고정 */
.sp-ext-ctab-table th:first-child,.sp-ext-ctab-table td:first-child{position:sticky;left:0;z-index:2;text-align:left;background:var(--sp-card-bg,var(--sp-bg));min-width:130px;color:var(--sty-c-itemd,inherit);font-weight:400;box-shadow:1px 0 0 var(--sp-line)}
.sp-ext-ctab-table thead th:first-child{z-index:4;background:var(--sp-ctab-head-bg,var(--sp-card-bg,var(--sp-bg)))}
/* 행 라벨 + 셀 값(본문) = '항목 설명 크기/색' 옵션으로 제어 */
.sp-ext-ctab-rowlabel{font-size:var(--sty-t-itemd,inherit)}
/* 강조(추천) 컬럼 — 골드 전체 테두리 + 옅은 골드 틴트 (color-mix 미지원 브라우저는 rgba 폴백) */
.sp-ext-ctab-table .is-hl{border-left:1px solid var(--sp-gold);border-right:1px solid var(--sp-gold)}
.sp-ext-ctab-table td.is-hl,.sp-ext-ctab-table thead th.is-hl{background:rgba(150,120,80,.06);background:color-mix(in srgb,var(--sp-gold) 7%,transparent)}
.sp-ext-ctab-table thead th.is-hl{border-top:1px solid var(--sp-gold);border-bottom-color:var(--sp-gold)}
.sp-ext-ctab-table tbody tr:last-child td.is-hl{border-bottom:1px solid var(--sp-gold)}
.sp-ext-ctab-table thead th.is-hl .sp-ext-ctab-colh-name{color:var(--sp-gold)}
.sp-ext-ctab-badge{display:inline-block;margin-bottom:7px;font-family:var(--font-eng);font-size:var(--sp-t-sm);font-weight:400;letter-spacing:.1em;color:var(--sp-gold);border:1px solid var(--sp-gold);border-radius:999px;padding:2px 12px}
/* 강조 컬럼 셀 텍스트 강조 */
.sp-ext-ctab-table tbody td.is-hl .sp-ext-ctab-v,.sp-ext-ctab-table tbody td.is-hl.sp-ext-ctab-vtd{color:var(--sp-gold)}
/* 마크 (○ / ✕ / △) */
.sp-ext-ctab-mk{display:inline-block;font-size:17px;line-height:1;font-weight:300}
.sp-ext-ctab-mk--o{color:var(--sp-gold)}
.sp-ext-ctab-mk--x{color:var(--sp-muted2)}
.sp-ext-ctab-mk--tri{color:var(--sp-muted);font-size:14px}
/* 행 라벨 아이콘 (pt06 체크리스트 아이콘 재사용) */
.sp-ext-ctab-rowico{display:inline-flex;align-items:center;justify-content:center;width:1.3em;height:1.3em;color:var(--sp-gold);vertical-align:-.28em;margin-right:7px;flex:0 0 auto}
.sp-ext-ctab-rowico svg{width:100%;height:100%}
.sp-ext-ctab-rl-line{display:flex;align-items:center;gap:7px;width:100%}
/* 셀 이미지 — 셀 꽉 채움 */
.sp-ext-ctab-td--img{padding:0!important}
.sp-ext-ctab-cimg{display:block;width:100%;height:120px;overflow:hidden;background:var(--sp-bg3)}
.sp-ext-ctab-cimg img,.sp-ext-ctab-cimg video{width:100%;height:100%;object-fit:cover;display:block}
.sp-ext-ctab-cimg-ph{display:flex;align-items:center;justify-content:center;width:100%;height:120px;color:var(--sp-muted);font-size:12px}
.sp-ext-ctab-foot{margin-top:18px;font-size:var(--sty-t-desc,var(--sp-t-sm));color:var(--sty-c-desc,var(--sp-muted));white-space:pre-line}
@media (max-width:768px){
.sp-ext-ctab-scroll{margin-top:32px}
.sp-ext-ctab-table th,.sp-ext-ctab-table td{padding:15px 14px}
.sp-ext-ctab-cimg,.sp-ext-ctab-cimg-ph{height:96px}
}
/* ── 하이브리드: 모바일 옵션 카드 ── */
.sp-ext-ctab-cards{display:none;margin-top:32px;flex-direction:column;gap:var(--sty-card-gap,16px)}
.sp-ext-ctab-card{border:var(--sty-card-bd,1px) solid var(--sty-card-bd-c,var(--sp-line));border-radius:var(--sty-card-radius,0);background:var(--sp-card-bg,var(--sp-bg));overflow:hidden}
.sp-ext-ctab-card.is-hl{border:1px solid var(--sp-gold)}
.sp-ext-ctab-card-h{padding:18px 20px;border-bottom:1px solid var(--sp-line);display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.sp-ext-ctab-card.is-hl .sp-ext-ctab-card-h{background:color-mix(in srgb,var(--sp-gold) 6%,transparent);border-bottom-color:var(--sp-gold)}
.sp-ext-ctab-card-name{font-size:var(--sty-t-sub,var(--sp-t-sub));font-weight:400;letter-spacing:-.01em;color:var(--sty-c-title,inherit)}
.sp-ext-ctab-card.is-hl .sp-ext-ctab-card-name{color:var(--sp-gold)}
.sp-ext-ctab-card-sub{font-size:var(--sp-t-sm);color:var(--sp-muted);font-family:var(--font-eng);font-weight:300;letter-spacing:.04em}
.sp-ext-ctab-card-dl{margin:0}
.sp-ext-ctab-card-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--sp-line);font-size:var(--sp-t-sm)}
.sp-ext-ctab-card-row:last-child{border-bottom:0}
.sp-ext-ctab-card-row dt{color:var(--sp-muted);flex:0 0 auto}
.sp-ext-ctab-card-row dd{margin:0;text-align:right;font-weight:400}
.sp-ext-ctab-card-row--img{flex-direction:column;align-items:stretch;gap:10px;padding:0}
.sp-ext-ctab-card-row--img dt{padding:14px 20px 0}
.sp-ext-ctab-card-row--img dd{text-align:left}
.sp-ext-ctab-card-row--img .sp-ext-ctab-cimg,.sp-ext-ctab-card-row--img .sp-ext-ctab-cimg img,.sp-ext-ctab-card-row--img .sp-ext-ctab-cimg video{width:100%;height:160px}
@media (max-width:768px){
.sp-ext-ctab-scroll{display:none}
.sp-ext-ctab-cards{display:flex}
}
.sp-ext-ctab-colctl,.sp-ext-ctab-rowctl{display:none}.sp-ext-ctab-corner-tx{font-size:11.5px;color:var(--sp-muted2)}
.sp-ext-ctab-col-hl,.sp-ext-ctab-row-kind{cursor:pointer;border:none;border-radius:4px;font-family:'Pretendard',sans-serif;font-size:11.5px;line-height:1;padding:4px 6px}.sp-ext-ctab-col-hl{background:rgba(154,123,79,.12);color:var(--sp-gold);border:1px solid rgba(154,123,79,.4)}
.sp-ext-ctab-col-hl.is-on{background:var(--sp-gold);color:#fff}
.sp-ext-ctab-row-kind{background:rgba(0,102,204,.1);color:#0066cc;border:1px solid rgba(0,102,204,.4);font-weight:600}
.sp-ext-ctab-mk-ph{color:var(--sp-muted2);font-size:14px}
.sp-ext-ctab-vtd{cursor:text}
.sp-ext-ctab-escroll{display:none;margin-top:46px;overflow-x:auto}
.sp-ext-ctab-ehc{background:var(--sp-ctab-head-bg,var(--sp-card-bg,var(--sp-bg)));align-items:center;text-align:center;border-bottom:var(--sty-card-bd,1px) solid var(--sty-card-bd-c,var(--sp-text))}
.sp-ext-ctab-ecorner{color:var(--sp-muted2);font-size:var(--sp-t-sm)}
.sp-ext-ctab-ecol.is-hl{background:rgba(150,120,80,.07);background:color-mix(in srgb,var(--sp-gold) 8%,transparent);box-shadow:inset 0 2px 0 var(--sp-gold)}
.sp-ext-ctab-ecol.is-hl .sp-ext-ctab-colh-name{color:var(--sp-gold)}
.sp-ext-ctab-erl{background:var(--sp-card-bg,var(--sp-bg));align-items:flex-start}
.sp-ext-ctab-ec{align-items:center;text-align:center}
.sp-ext-ctab-ec.is-hl{background:rgba(150,120,80,.05);background:color-mix(in srgb,var(--sp-gold) 6%,transparent)}
.sp-ext-ctab-ec.is-hl .sp-ext-ctab-v{color:var(--sp-gold)}
.sp-ext-ctab-ec.sp-ext-ctab-td--img{padding:0}
.sp-ext-ctab-ectl{display:flex;gap:4px;justify-content:center;margin-bottom:2px}
.sp-ext-ctab-erl .sp-ext-ctab-ectl{justify-content:flex-start}
.sp-ext-ctab-espacer{padding:0!important;justify-content:center}
/* =============================================
   EXT — 증상형 (sym)
============================================= */
.sp-ext-sym{background:var(--sp-bg);position:relative;overflow:hidden;padding-top:var(--sty-pad-y,0);padding-bottom:var(--sty-pad-y,0)}
@media (max-width:768px){.sp-ext-sym{padding-top:var(--sty-pad-y-mo,var(--sty-pad-y,0));padding-bottom:var(--sty-pad-y-mo,var(--sty-pad-y,0))}}
.sp-ext-sym-lay{display:grid;grid-template-columns:1fr 1fr;min-height:600px;max-width:var(--sp-sym-mw,var(--sty-mw,none));margin:0 auto}
.sp-ext-sym-img{position:relative;overflow:hidden;min-height:480px}
.sp-ext-sym-img img{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:cover}
.sp-ext-sym-body{padding:100px 60px;display:flex;align-items:center}
.sp-ext-sym-grid{display:grid;grid-template-columns:repeat(var(--sp-sym-cols,2),1fr);gap:2px;margin-top:40px}
/* 소제목 — 팝오버 '부제 사이즈/색'(t_sub/c_sub) 으로 제어, '소제목 표시' 옵션(--sty-d-subt)으로 숨김 */
.sp-ext-sym-sub{font-size:var(--sty-t-sub,var(--sp-t-sm));font-weight:600;line-height:1.5;margin:2px 0 6px;color:var(--sty-c-sub,inherit);display:var(--sty-d-subt,block)}
.sp-ext-sym-item{position:relative;display:flex;align-items:flex-start;gap:16px;padding:28px 22px;border-bottom:var(--sty-sym-bd,1px) solid var(--sp-line)}
.sp-ext-sym-num{font-family:var(--font-eng);font-size:42px;font-weight:300;opacity:.15;line-height:1;flex-shrink:0;min-width:42px}
.sp-ext-sym-txt h3{font-size:var(--sty-t-itemt,var(--sp-t-sub));font-weight:400;line-height:1.5;margin-bottom:8px;letter-spacing:-.01em;color:var(--sty-c-itemt,inherit);display:var(--sty-d-symn,block)}
.sp-ext-sym-txt p{font-size:var(--sp-t-sm);line-height:1.9;color:var(--sp-muted)}
/* 이미지 없음 — 텍스트 전용 풀폭 (이미지 비우면 자동) */
.sp-ext-sym--noimg .sp-ext-sym-lay{grid-template-columns:1fr;min-height:0}
.sp-ext-sym--noimg .sp-ext-sym-body{padding:var(--sty-pad-y,90px) 24px}
.sp-ext-sym--noimg .sp-ext-sym-body .sp-b{max-width:var(--sty-mw,1200px);margin:0 auto}
/* 증상형 — 심플 리스트 디자인(번호+제목+설명, 가로 구분선). 이미지/레이아웃은 그대로, 오른쪽 리스트만 변경 */
.sp-ext-sym--simple .sp-ext-sym-grid{grid-template-columns:1fr;gap:0;margin-top:36px}
.sp-ext-sym--simple .sp-ext-sym-item{align-items:baseline;gap:28px;padding:30px 4px;border-bottom:var(--sty-sym-bd,1px) solid var(--sp-line)}
.sp-ext-sym--simple .sp-ext-sym-item:first-child{border-top:var(--sty-sym-bd,1px) solid var(--sp-line)}
.sp-ext-sym--simple .sp-ext-sym-num{font-size:16px;font-weight:500;opacity:1;color:var(--sp-gold);min-width:30px;line-height:1.7}
.sp-ext-sym--simple .sp-ext-sym-txt h3{margin-bottom:6px}
@media (max-width:768px){.sp-ext-sym--simple .sp-ext-sym-item{gap:16px;padding:22px 4px}}
@media(max-width:900px){
    .sp-ext-sym-lay{grid-template-columns:1fr}
    .sp-ext-sym-img{min-height:300px}
    .sp-ext-sym-body{padding:60px 24px}
    .sp-ext-sym-grid{grid-template-columns:1fr}
}

/* =============================================
   EXT — 배너형 (bnr)
============================================= */
/* =============================================
   흐르는 텍스트 (marq) — CSS 무한 가로 스크롤
============================================= */
.sp-ext-marq{background:var(--sp-marq-bg,var(--sp-bg3));overflow:hidden;position:relative;padding:var(--sty-pad-y,30px) 0}
@media (max-width:768px){.sp-ext-marq{padding:var(--sty-pad-y-mo,var(--sty-pad-y,20px)) 0}}
.sp-ext-marq-viewport{overflow:hidden;width:100%}
.sp-ext-marq-track{display:flex;flex-wrap:nowrap;width:max-content;animation:sp-marq-scroll var(--sp-marq-dur,25s) linear infinite;will-change:transform}
.sp-ext-marq--right .sp-ext-marq-track{animation-direction:reverse}
.sp-ext-marq:hover .sp-ext-marq-track{animation-play-state:paused}
.sp-ext-marq-item{flex-shrink:0;white-space:nowrap;padding:0 .5em;font-size:var(--sp-marq-fs,clamp(28px,6vw,72px));font-weight:var(--sp-marq-weight,800);color:var(--sp-marq-color,var(--sp-gold));letter-spacing:-.01em;line-height:1.15}
@keyframes sp-marq-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sp-ext-marq-track{animation:none}}
/* 부분 서식 선택 툴바 */
.sp-font-serif{font-family:var(--font-kr-serif)!important;font-weight:400}
.sp-font-serif-light{font-family:var(--font-kr-serif-light)!important;font-weight:300!important}
.sp-nowrap{white-space:nowrap}
.sp-nowrap.sp-nowrap-break{white-space:pre-line}
.sp-font-sans{font-family:var(--font-pret,'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)!important}
/* 형광펜 — 스크롤 진입 시 왼→오 부드럽게 채워짐 */
.sp-hl{background-color:transparent;background-image:linear-gradient(var(--hl-c,#f5c451),var(--hl-c,#f5c451));background-repeat:no-repeat;background-position:0 86%;background-size:0% 36%;padding:0 .04em;color:inherit;border-radius:1px;transition:background-size .85s cubic-bezier(.22,1,.36,1);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sp-hl.on{background-size:100% 36%}
@media(prefers-reduced-motion:reduce){.sp-hl{transition:none;background-size:100% 36%}}
/* 형광펜 물결 — 텍스트는 그대로, 글자 밑에 물결선 (mask 안 씀 → 글자 안 사라짐) */
.sp-hl.sp-hl-wave{background:none!important;-webkit-mask:none;mask:none;clip-path:none;text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:var(--hl-c,#f5c451);text-decoration-thickness:3px;text-underline-offset:4px;color:inherit}
.sp-ext-bnr{background:var(--sp-bg3);padding:var(--sty-pad-y,80px) 0;position:relative;overflow:hidden}
@media (max-width:768px){.sp-ext-bnr{padding:var(--sty-pad-y-mo,var(--sty-pad-y,60px)) 0}}
.sp-ext-bnr-inner{text-align:center;display:flex;flex-direction:column;align-items:center}
.sp-ext-bnr-tag{display:inline-flex;font-size:var(--sp-t-sm);letter-spacing:.28em;color:var(--sp-gold);border:1px solid var(--sp-line);padding:5px 16px;margin-bottom:28px}
.sp-ext-bnr-title{font-size:var(--sp-t-hd);font-weight:300;letter-spacing:-.02em;line-height:1.25;margin-bottom:20px}
/* 중앙 이미지 (선택) — 제목과 부제 사이 배치, 비율 유지 + max-width 캡 */
.sp-ext-bnr-img{position:relative;width:100%;max-width:480px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}
.sp-ext-bnr-img img,.sp-ext-bnr-img video{display:block;width:100%;height:auto;object-fit:cover}
.sp-ext-bnr-img-ph{padding:36px 18px;width:100%;text-align:center;color:rgba(255,255,255,.55);background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.22);border-radius:12px;font-size:13px}
@media (max-width:768px){.sp-ext-bnr-img{max-width:360px;margin-bottom:22px}}
/* 이미지/영상 아래 보조 설명 — sub 보다 좀 더 작고 좁게, 두 문단을 자연스럽게 구분 */
.sp-ext-bnr-desc{font-size:var(--sp-t-sm);line-height:1.85;color:var(--sp-muted);max-width:720px;text-align:center;margin:0 auto 18px;letter-spacing:-.005em}
.sp-ext-bnr-sub{font-size:var(--sp-t-sm);line-height:1.9;color:var(--sp-muted);max-width:600px;text-align:center;margin-bottom:32px}
.sp-ext-bnr-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.sp-ext-bnr-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border:1px solid var(--sp-gold);color:var(--sp-gold);font-size:var(--sp-t-sm);letter-spacing:.12em;text-decoration:none;transition:background .25s,color .25s}
.sp-ext-bnr-btn:hover{background:var(--sp-gold);color:#fff}

/* ===== bnrm — 이미지/영상 배너 ext (s3 복제, per-instance --sty-* CSS var) ===== */
.sp-ext-bnrm{position:relative;overflow:hidden;padding:var(--sty-pad-y,140px) 0;background:var(--sp-gold);text-align:center;color:#fff}
/* 배경 이미지/영상 레이어 (선택) — 단색 배경 위에 깔림, 콘텐츠는 그 위 */
.sp-ext-bnrm-bg{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;overflow:hidden}
.sp-ext-bnrm-bg img,.sp-ext-bnrm-bg video{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(calc(var(--sty-bg-gray,0)*1%)) blur(calc(var(--sty-bg-blur,0)*1px));transform:scale(calc(1 + var(--sty-bg-blur,0)*0.004))}
.sp-ext-bnrm-bg::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s;
    background:
        linear-gradient(to bottom, rgba(0,0,0,calc(var(--sty-dim-top,0)/100)), transparent 45%),
        linear-gradient(to top, rgba(0,0,0,calc(var(--sty-dim-bottom,0)/100)), transparent 45%),
        rgba(0,0,0,calc(var(--sty-dim,30)/100))}
.sp-ext-bnrm-bg:has(img)::after,.sp-ext-bnrm-bg:has(video)::after{opacity:1}
/* bnrm 배경+이미지 일괄적용 — 배경 버튼 위에 세로 스택 (보라 톤 = 일괄적용 계열 통일) */
.sp-ext-bnrm-bcast{display:none;position:absolute;bottom:58px;right:16px;z-index:20;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;font-family:'Pretendard',sans-serif;background:rgba(0,102,204,.85);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;backdrop-filter:blur(4px);white-space:nowrap}
.sp-ext-bnrm-bcast--cat{bottom:100px}
.sp-ext-bnrm-bcast:hover{background:rgba(0,102,204,1)}
.sp-ext-bnrm-bcast.is-busy{opacity:.6;cursor:wait}
.sp-ext-bnrm-inner{position:relative;z-index:1;max-width:var(--sty-mw,1200px);margin:0 auto;padding:0 20px}
/* 본문 텍스트 줄바꿈(엔터) 보존 — PHP·JS 일관, 캡션과 동일 처리 */
.sp-ext-bnrm-eyebrow,.sp-ext-bnrm-title,.sp-ext-bnrm-sub,.sp-ext-bnrm-desc{white-space:pre-line}
.sp-ext-bnrm-eyebrow{font-size:var(--sty-t-eyebrow,var(--sp-t-sm));letter-spacing:.18em;color:var(--sty-c-eyebrow,rgba(255,255,255,.55));margin-bottom:18px;text-transform:uppercase}
.sp-ext-bnrm-title{font-size:var(--sty-t-title,var(--sp-t-hd));font-weight:var(--sty-w-title,400);line-height:1.35;letter-spacing:-.02em;margin-bottom:20px;color:var(--sty-c-title,#fff)}
.sp-ext-bnrm-sub{font-size:var(--sty-t-sub,var(--sp-t-sub));line-height:1.9;color:var(--sty-c-sub,rgba(255,255,255,.7));margin:0 var(--sty-tx-mr,auto) 36px var(--sty-tx-ml,auto);max-width:var(--sty-tx-mw,760px);font-weight:300}
.sp-ext-bnrm-media-row{width:100%;display:block;margin:0 auto 28px}
.sp-ext-bnrm-img{position:relative;width:100%;max-width:var(--sty-img-mw,640px);margin-top:0;margin-bottom:0;margin-left:var(--sty-img-ml,auto);margin-right:var(--sty-img-mr,auto);border-radius:var(--sty-img-radius,0);overflow:hidden;background:transparent}
.sp-ext-bnrm-img img,.sp-ext-bnrm-img video{display:block;width:100%;height:auto;object-fit:cover}
.sp-ext-bnrm-img.is-empty{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.03)}
.sp-ext-bnrm-img-ph{padding:24px;text-align:center;color:rgba(255,255,255,.6);font-size:13px}
.sp-ext-bnrm-media-row .sp-ext-bnrm-img--mo{display:none}
.sp-ext-bnrm-desc{font-size:var(--sty-t-desc,var(--sp-t-sm));line-height:1.85;color:var(--sty-c-desc,rgba(255,255,255,.7));max-width:var(--sty-tx-mw,760px);margin:0 var(--sty-tx-mr,auto) 36px var(--sty-tx-ml,auto);font-weight:300;letter-spacing:-.005em}
.sp-ext-bnrm-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:8px auto 0}
.sp-ext-bnrm-tag{font-size:var(--sty-t-tag,var(--sp-t-sm));padding:8px 20px;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.6);border-radius:100px}
.sp-ext-bnrm-tag.hl{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
@media (max-width:768px){
    .sp-ext-bnrm{padding:var(--sty-pad-y-mo,var(--sty-pad-y,80px)) 0}
    .sp-ext-bnrm-img{max-width:var(--sty-img-mw-mo,var(--sty-img-mw,520px));border-radius:var(--sty-img-radius,0)}
    .sp-ext-bnrm-media-row{margin-bottom:20px}
    body:not(.sp-edit) .sp-ext-bnrm-media-row:has(.sp-ext-bnrm-img--mo:not(.is-empty)) .sp-ext-bnrm-img--pc{display:none}
    body:not(.sp-edit) .sp-ext-bnrm-media-row .sp-ext-bnrm-img--mo:not(.is-empty){display:block}
    /* 모바일 간격 자동 축소 — 레거시와 동일하게 텍스트·갤러리 여백 줄임 */
    .sp-ext-bnrm-eyebrow{margin-bottom:12px}
    .sp-ext-bnrm-title{margin-bottom:13px}
    .sp-ext-bnrm-sub{margin-bottom:22px}
    .sp-ext-bnrm-desc{margin-bottom:22px}
    .sp-ext-bnrm-galwrap{margin-bottom:20px}
    .sp-ext-bnrm-gallery{gap:12px}
    .sp-ext-bnrm-gcap{padding-top:12px}
    .sp-ext-bnrm-gtitle{margin-bottom:4px}
    .sp-ext-bnrm-gallery.cap-overlay .sp-ext-bnrm-gcap{padding:16px 14px}
}
/* ===== bnrm 다중 이미지 갤러리 + 슬라이드 (PC·모바일 공통 scroll-snap + 화살표/도트) ===== */
.sp-ext-bnrm-galwrap{position:relative;width:100%;max-width:var(--sty-mw,1100px);margin:0 auto 28px}
.sp-ext-bnrm-gallery{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:flex-start;width:100%}
/* 슬라이드 화살표 — 슬라이드 모드일 때만 JS 가 표시 */
.sp-ext-bnrm-nav{display:none;position:absolute;top:42%;transform:translateY(-50%);z-index:6;width:42px;height:42px;border-radius:50%;border:none;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 16px rgba(0,0,0,.3);transition:background .2s,transform .15s}
.sp-ext-bnrm-nav:hover{background:rgba(0,0,0,.7);transform:translateY(-50%) scale(1.08)}
.sp-ext-bnrm-nav--prev{left:8px}
.sp-ext-bnrm-nav--next{right:8px}
/* 슬라이드 도트 */
.sp-ext-bnrm-dots{display:none;justify-content:center;gap:8px;margin-top:16px}
.sp-ext-bnrm-dot{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.3);cursor:pointer;padding:0;transition:background .2s,width .2s}
.sp-ext-bnrm-dot.is-active{background:#fff;width:22px;border-radius:4px}
/* 중앙 이미지가 하나도 없으면(빈 갤러리) 여백 없이 숨김 — 배경만 쓸 때 깔끔 */
.sp-ext-bnrm-gallery:empty{display:none;margin:0}
/* gitem = 이미지 + 캡션(제목·설명) 세로 묶음, 갤러리의 flex 아이템 */
.sp-ext-bnrm-gitem{position:relative;flex:1 1 280px;max-width:var(--sp-bnrm-img-mw,420px);display:flex;flex-direction:column}
.sp-ext-bnrm-gimg{position:relative;width:100%;aspect-ratio:var(--sp-bnrm-img-ratio,auto);overflow:hidden;border-radius:var(--sp-bnrm-img-radius,var(--sty-img-radius,0));background:var(--sp-bnrm-gimg-bg,transparent)}
.sp-ext-bnrm-gimg img,.sp-ext-bnrm-gimg video{width:100%;height:var(--sp-bnrm-imgfit-h,auto);object-fit:var(--sp-bnrm-imgfit,cover);object-position:var(--sp-bnrm-img-pos,center);display:block}
/* 캡션 — 이미지 아래 제목 + 설명 (정렬·좌우패딩 변수) */
.sp-ext-bnrm-gcap{padding:18px var(--sty-gcap-px,6px) 0;text-align:var(--sty-gcap-align,center)}
.sp-ext-bnrm-gtitle{font-size:var(--sty-t-gtitle,var(--sp-t-sub));font-weight:600;color:var(--sty-c-gtitle,#fff);line-height:1.4;margin:0 0 8px;letter-spacing:-.01em;white-space:pre-line}
.sp-ext-bnrm-gdesc{font-size:var(--sty-t-gdesc,var(--sp-t-sm));line-height:1.7;color:var(--sty-c-gdesc,rgba(255,255,255,.65));margin:0;font-weight:300;white-space:pre-line}
/* 카드 텍스트 오버레이(이미지 위) + 자동 딤 그라데이션 — cap_pos=overlay */
.sp-ext-bnrm-gallery.cap-overlay .sp-ext-bnrm-gimg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.28) 45%,transparent 72%);pointer-events:none;z-index:1}
.sp-ext-bnrm-gallery.cap-overlay .sp-ext-bnrm-gcap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px var(--sty-gcap-px,20px);text-align:var(--sty-gcap-align,left)}
.sp-ext-bnrm-gallery.cap-overlay .sp-ext-bnrm-gtitle{color:var(--sty-c-gtitle,#fff);margin-bottom:5px}
.sp-ext-bnrm-gallery.cap-overlay .sp-ext-bnrm-gdesc{color:var(--sty-c-gdesc,rgba(255,255,255,.85))}
/* 슬라이드 모드 — 가로 스크롤 스냅 (모바일 스와이프 + PC 스크롤/트랙패드/스크롤바) */
.sp-ext-bnrm-gallery.is-slide{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding:0 8px;scrollbar-width:none;-ms-overflow-style:none}
/* 표시 갯수 지정(has-cols) — 그리드·슬라이드 공통: 한 줄/한 화면 N개 (gap 16px 보정) */
.sp-ext-bnrm-gallery.has-cols .sp-ext-bnrm-gitem{flex:0 0 auto;max-width:none;width:calc((100% - (var(--sp-bnrm-scols,1) - 1)*16px) / var(--sp-bnrm-scols,1))}
/* 태블릿(769~1024px) — 2단으로 정리 (PC 갯수가 3~4면 좁게 눌리는 것 방지). 그리드 자동 모드도 2단 */
@media(min-width:769px) and (max-width:1024px){
    .sp-ext-bnrm-gallery:not(.is-slide) .sp-ext-bnrm-gitem{flex:0 0 auto;max-width:none;width:calc((100% - 16px)/min(var(--sp-bnrm-scols,2),2))}
    .sp-ext-bnrm-gallery.is-slide .sp-ext-bnrm-gitem{width:calc((100% - 16px)/min(var(--sp-bnrm-scols,2),2))}
}
@media(max-width:768px){
    .sp-ext-bnrm-gallery.has-cols .sp-ext-bnrm-gitem{width:calc((100% - (var(--sp-bnrm-scols-mo,var(--sp-bnrm-scols,1)) - 1)*16px) / var(--sp-bnrm-scols-mo,var(--sp-bnrm-scols,1)))}
}
/* 슬라이드 — 가로 스냅. 갯수 미지정 시 살짝 다음 카드 보이는 peek 폭 */
.sp-ext-bnrm-gallery.is-slide .sp-ext-bnrm-gitem{scroll-snap-align:center}
.sp-ext-bnrm-gallery.is-slide:not(.has-cols) .sp-ext-bnrm-gitem{flex:0 0 auto;max-width:none;width:min(82%,var(--sp-bnrm-img-mw,520px))}
.sp-ext-bnrm-gallery.is-slide::-webkit-scrollbar{display:none}
/* per-ext 옵션 칩 — 모든 ext 타입 공통, 삭제버튼(× 28px @right:12px) 왼쪽 */
/* 추가형 옵션 칩 — 빌트인 칩과 동일한 좌상단 위치로 통일 (반전 버튼이 있는 섹션은 그 아래 칸) */
/* ext 섹션은 섹션별 "옵션"(⚙) 칩만 사용 — 전역 "스타일" 칩(data-sty-trig)은 같은 type 전체를
   한꺼번에 바꿔 섹션끼리 충돌하므로 ext 안에서는 숨김. (전체 적용은 옵션 팝오버의 일괄 버튼으로) */

/* ===== Shared ext 옵션 popover — 단일 인스턴스, sid 동적 바인딩 ===== */
/* 공통 카드 옵션은 라벨/필드를 한 쌍으로 정렬한다. 기존 flex 나열은 좁은 폭에서
   select 값이 한 글자만 보이고 항목 관계도 흐려져, 실제 설정창 완성도를 크게 떨어뜨렸다. */
@media(max-width:760px){}

/* =============================================
   EXT 데이터 연동 (전후/유튜브/쇼츠)
============================================= */
.sp-ext-cfg{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 28px;padding:14px 16px;background:rgba(0,0,0,.04);border:1px dashed rgba(0,0,0,.18);border-radius:6px;align-items:center;font-size:12px}
.sp-ext-cfg-label{display:inline-flex;align-items:center;padding:4px 10px;background:var(--sp-gold,#694c3b);color:#fff;font-size:11.5px;letter-spacing:.06em;border-radius:3px;font-weight:500}
.sp-ext-cfg label{display:inline-flex;align-items:center;gap:6px;color:#666}
.sp-ext-cfg-inp{padding:5px 8px;border:1px solid #ccc;background:#fff;border-radius:3px;font-size:12px;min-width:140px;font-family:inherit}
.sp-ext-cfg-sel{min-width:200px;cursor:pointer}
.sp-ext-cfg-mode{min-width:150px;cursor:pointer;margin-right:4px}
.sp-ext-cfg-cat{min-width:120px}
.sp-ext-cfg-cat:disabled{background:#f3f3f3;color:#888;cursor:not-allowed}
.sp-ext-cfg-num{min-width:60px;width:60px}
.sp-ext-cfg-color{min-width:38px;width:38px;height:30px;padding:2px;cursor:pointer}
.sp-ext-cfg-info{color:#888;font-size:11.5px;padding:4px 10px;background:#fff;border-radius:3px;border:1px solid #eee;margin-left:auto}
.sp-ext-cfg-diag{margin:-20px 0 20px;padding:8px 14px;background:#fff8e1;border:1px solid #ffe69c;border-radius:4px;font-size:11.5px;color:#7a5a00;font-family:'Pretendard',sans-serif}

/* 회원전용 체크박스 — 빨간/주황 톤으로 구분 */
.sp-ext-cfg-lock{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:4px 10px;background:#fdf2f0;border:1px solid #f4c5b5;border-radius:3px;pointer-events:auto;user-select:none}
.sp-ext-cfg-lock input[type="checkbox"]{
    -webkit-appearance:checkbox !important;
    -moz-appearance:checkbox !important;
    appearance:checkbox !important;
    margin:0 !important;padding:0 !important;
    width:16px !important;height:16px !important;min-width:16px !important;
    border:1px solid #999 !important;background:#fff !important;
    cursor:pointer;pointer-events:auto;flex-shrink:0;
    box-shadow:none !important;opacity:1 !important;
    position:static !important;vertical-align:middle;display:inline-block !important;
}
.sp-ext-cfg-lock label{margin:0;cursor:pointer;pointer-events:auto;color:#b04a2a !important;line-height:1;font-size:11.5px;font-weight:500}

/* 전후 잠금 화면 — 회원 전용 안내 */
.sp-ba-lock{--sp-lock-accent:var(--index_color,var(--main,var(--hv-main,#4d8ef5)));--sp-lock-ink:#24364e;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 30px;text-align:center;background:#f5f8fc;background:linear-gradient(135deg,color-mix(in srgb,var(--sp-lock-accent) 5%,white),color-mix(in srgb,var(--sp-lock-accent) 12%,white));border:1px solid var(--sp-lock-accent);border-color:color-mix(in srgb,var(--sp-lock-accent) 25%,white);border-radius:8px;min-height:340px}
@supports(color:color-mix(in srgb,blue,black)){.sp-ba-lock{--sp-lock-ink:color-mix(in srgb,var(--sp-lock-accent) 35%,#101820)}}
.sp-ba-lock-icon{color:var(--sp-lock-accent);margin-bottom:24px}
.sp-ba-lock-title{font-size:clamp(18px,2vw,22px);font-weight:600;color:var(--sp-lock-ink);margin:0 0 12px;letter-spacing:-.01em}
.sp-ba-lock-desc{font-size:14px;color:var(--sp-muted,#666);line-height:1.7;margin:0 0 28px;max-width:380px}
.sp-ba-lock-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.sp-ba-lock-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 28px;border:1px solid var(--sp-lock-accent);color:var(--sp-lock-ink);background:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;text-decoration:none;border-radius:30px;transition:background .2s,border-color .2s,color .2s}
.sp-ba-lock-btn:hover{background:#eef3fa;background:color-mix(in srgb,var(--sp-lock-accent) 18%,white)}
.sp-ba-lock-btn-primary{background:var(--sp-lock-accent);background:color-mix(in srgb,var(--sp-lock-accent) 65%,white);color:var(--sp-lock-ink)}
.sp-ba-lock-btn-primary:hover{background:var(--sp-lock-accent);background:color-mix(in srgb,var(--sp-lock-accent) 78%,white)}
.sp-ba-lock-btn:focus-visible{outline:3px solid var(--sp-lock-ink);outline-offset:4px}
.sp-cat-act{display:inline-flex;gap:0;border:1px solid #c9b59a;border-radius:4px;overflow:hidden;vertical-align:middle;margin-left:2px}
.sp-cat-act button{padding:5px 10px;border:0;background:#fff;color:#7a5a00;font-size:11.5px;cursor:pointer;font-family:inherit;transition:background .2s,color .2s;white-space:nowrap;font-weight:600}
.sp-cat-act button:first-child{border-right:1px solid #c9b59a;background:#faf6ef}
.sp-cat-act button:hover{background:#c9b59a;color:#fff}
.sp-cat-act button.is-busy{opacity:.5;cursor:wait}
.sp-ext-cfg-bcast-group{display:inline-flex;gap:0;border:1px solid #c9b59a;border-radius:3px;overflow:hidden}
.sp-ext-cfg-bcast{padding:5px 10px;border:0;border-right:1px solid #c9b59a;background:#fff;color:#7a5a00;font-size:11.5px;cursor:pointer;font-family:inherit;transition:background .2s,color .2s}
.sp-ext-cfg-bcast:last-child{border-right:0}
.sp-ext-cfg-bcast:hover{background:#c9b59a;color:#fff}
.sp-ext-cfg-bcast.is-busy{opacity:.5;cursor:wait}
.sp-ext-cfg-apply-all{padding:5px 10px;border:0;background:#fff;color:#7a5a00;font-size:11.5px;cursor:pointer;font-family:inherit;transition:background .2s,color .2s;white-space:nowrap}
.sp-ext-cfg-apply-all:hover{background:#c9b59a;color:#fff}
.sp-ext-cfg-apply-all.is-busy{opacity:.5;cursor:wait}
.sp-ext-empty-data{padding:60px 20px;text-align:center;color:#999;background:#fafafa;border:1px dashed #ddd;border-radius:6px;font-size:13px}

/* 전후 슬라이더 */
.sp-ext-ba{padding:100px 0;position:relative;background:var(--sp-ba-sec-bg,linear-gradient(to bottom,#fafaf8 0%,#fff 100%))}
/* 개별 배경색 옵션(background-color)이 지정된 레거시 전후는 기본 그라데이션을 제거해야 선택색이 그대로 보인다. */
.sp-ext-ba[data-sty-ext][style*="background-color"]{background-image:none}
/* 위버스 쇼케이스를 서브에 재사용할 때 내부 메인 section은 레이아웃만 담당한다.
   배경은 바깥 .sp-ext-ba의 공통 섹션 옵션 한 곳에서만 제어한다. */
.sp-ext-ba > .sp-b > .sp-ba-render-host > .hvm-bafss{background:transparent!important;padding-top:0!important;padding-bottom:0!important}
.sp-ba-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px;justify-content:center}
.sp-ba-tab{padding:8px 22px;border:1px solid var(--sp-line,#e4e4e0);background:#fff;color:#888;font-size:13px;letter-spacing:.04em;cursor:pointer;border-radius:30px;transition:all .25s cubic-bezier(0.16,1,0.3,1);font-family:inherit}
.sp-ba-tab:hover{color:var(--sp-main,#1a1a1a);border-color:var(--sp-main,#1a1a1a)}
.sp-ba-tab.is-active{background:var(--sp-main,#1a1a1a);color:#fff;border-color:var(--sp-main,#1a1a1a)}
.sp-ba-slider{position:relative;margin-top:36px;overflow:hidden;width:100%}
.sp-ba-track{display:flex;gap:24px;transition:transform .55s cubic-bezier(0.16,1,0.3,1);will-change:transform}
.sp-ba-slide{flex:0 0 calc(50% - 12px);width:calc(50% - 12px);min-width:0;display:grid;grid-template-columns:1fr;gap:20px}
.sp-ba-slide.sp-ba-fullwidth{grid-template-columns:1fr}
.sp-ba-compare{position:relative;width:100%;aspect-ratio:4/3;min-width:0;overflow:hidden;border-radius:6px;background:#1a1a1a;user-select:none;cursor:ew-resize;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.sp-ba-layer{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;overflow:hidden}
.sp-ba-layer img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
.sp-ba-before-layer{clip-path:inset(0 50% 0 0);-webkit-clip-path:inset(0 50% 0 0)}
.sp-ba-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.4);pointer-events:none;transform:translateX(-50%);-webkit-transform:translateX(-50%);margin-left:-1px}
.sp-ba-handle{position:absolute;top:50%;left:50%;margin:-26px 0 0 -26px;transform:translate(0,0);-webkit-transform:translate(0,0);width:52px;height:52px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1a1a1a;box-shadow:0 4px 20px rgba(0,0,0,.3);cursor:ew-resize;transition:transform .2s cubic-bezier(0.34,1.56,0.64,1)}
.sp-ba-handle:hover{transform:scale(1.08);-webkit-transform:scale(1.08)}
.sp-ba-badge{position:absolute;top:16px;padding:6px 16px;background:rgba(0,0,0,.7);color:#fff;font-size:var(--sp-t-sm);border-radius:30px;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-eng);font-weight:500;text-transform:uppercase}
.sp-ba-badge-b{left:18px}
.sp-ba-badge-a{right:18px;background:var(--sp-gold,#694c3b)}
.sp-ba-single-img{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:#1a1a1a;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.sp-ba-single-img img{width:100%;height:100%;object-fit:cover;display:block}
/* === aspect-ratio 미지원 브라우저 폴백 (iOS14↓, 구 Android WebView, 인앱 브라우저) === */
@supports not (aspect-ratio: 1/1){
  /* 4:3 (75%) */
  .sp-ba-compare,.sp-ba-single-img,.sp-pt04-cimg{height:0;padding-bottom:75%}
  /* 3:2 (66.66%) */
  .sp-pt02-cimg{height:0;padding-bottom:66.66%}
  /* 4:5 (125%) */
  .sp-pt01-img.is-empty{height:0;padding-bottom:125%}
  /* 3:4 portrait (133.33%) */
  .sp-pt05-img,.sp-doctor-img{height:0;padding-bottom:133.33%}
  /* 16:10 (62.5%) */
  .sp-ext-crd-thumb{height:0;padding-bottom:62.5%}
  /* 원본(imgorig) — aspect-ratio 미지원 브라우저에선 padding-bottom 강제비율을 풀어 원본 높이로 */
  .sp-ext-crd--imgorig .sp-ext-crd-thumb{height:auto;padding-bottom:0}
  /* 16:9 (56.25%) */
  .sp-ext-ytv .sp-yt-card,.sp-yt-modal-box iframe{height:0;padding-bottom:56.25%}
  /* 9:16 portrait (177.77%) */
  .sp-ext-yts .sp-yt-card,.sp-yt-modal[data-kind="shorts"] .sp-yt-modal-box iframe{height:0;padding-bottom:177.77%}
  /* 모바일 오버라이드 (max-width:900px) */
  @media(max-width:900px){
    .sp-ext-crd-thumb,.sp-hero-img,.sp-s2-img{height:0;padding-bottom:56.25%}
  }
}
.sp-ba-info{padding:20px 0;position:relative}
.sp-ba-info-num{font-family:var(--font-eng);font-size:13px;color:var(--sp-text);margin-bottom:18px;display:block;opacity:.8}
.sp-ba-cat{display:inline-block;font-size:var(--sp-t-sm);color:var(--sp-gold,#694c3b);letter-spacing:.16em;margin-bottom:16px;padding:5px 14px;border:1px solid var(--sp-gold,#694c3b);border-radius:30px;text-transform:uppercase;font-weight:500}
.sp-ba-name{font-size:var(--sp-t-sub);font-weight:500;margin:0 0 18px;line-height:1.3;color:var(--sp-main,#1a1a1a);letter-spacing:-.01em}
.sp-ba-detail{font-size:var(--sp-t-sm,15px);line-height:1.9;color:var(--sp-muted,#666);margin:0 0 24px;word-break:keep-all}
.sp-ba-period{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,0,0,.04);font-size:var(--sp-t-sm);color:#666;border-radius:20px;letter-spacing:.04em}
.sp-ba-period::before{content:'';width:6px;height:6px;background:var(--sp-gold,#694c3b);border-radius:50%}
.sp-ba-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:40px}
.sp-ba-nav-btn{width:44px;height:44px;border:1px solid var(--sp-line,#e4e4e0);border-radius:50%;background:#fff;color:#1a1a1a;font-size:14px;cursor:pointer;transition:all .22s cubic-bezier(0.16,1,0.3,1);font-family:inherit}
.sp-ba-nav-btn:hover:not(.is-disabled){background:var(--sp-main,#1a1a1a);color:#fff;border-color:var(--sp-main,#1a1a1a);transform:scale(1.05)}
.sp-ba-nav-btn.is-disabled,.sp-ba-nav-btn:disabled{opacity:.3;cursor:not-allowed}
.sp-ba-counter{font-size:14px;color:#888;font-family:var(--font-eng);min-width:60px;text-align:center}
.sp-ba-counter span[data-ba-cur]{color:var(--sp-main,#1a1a1a);font-weight:500}
@media (max-width:900px){
    .sp-ext-ba{padding:60px 0}
    .sp-ba-track{gap:16px}
    .sp-ba-slide{flex:0 0 calc(85% - 8px);width:calc(85% - 8px)}
    .sp-ba-info{padding:0;text-align:left}
    .sp-ba-cat{margin-bottom:12px}
    .sp-ba-name{font-size:var(--sp-t-sub);margin-bottom:14px}
}

/* 유튜브 영상 / 쇼츠 슬라이더 */
.sp-ext-yt{padding:100px 0;position:relative;background:linear-gradient(to bottom,#fafaf8 0%,#fff 100%)}
.sp-yt-slider{position:relative;margin-top:36px;overflow:hidden;width:100%}
.sp-yt-track{display:flex;gap:16px;cursor:grab;transition:transform .55s cubic-bezier(0.16,1,0.3,1);will-change:transform;width:100%}
.sp-yt-track:active{cursor:grabbing}
.sp-yt-slide{min-width:0;text-decoration:none;cursor:pointer}
.sp-yt-slide:focus-visible{outline:3px solid var(--index_color,var(--hv-main,#111));outline-offset:-3px}
@media(prefers-reduced-motion:reduce){.sp-yt-track,.sp-yt-thumb,.sp-yt-play{transition:none!important}}
.sp-ext-ytv .sp-yt-slide{flex:0 0 calc(33.333% - 11px)}
.sp-ext-yts .sp-yt-slide{flex:0 0 calc(20% - 13px)}
.sp-yt-card{position:relative;overflow:hidden;border-radius:4px;background:#1a1a1a}
.sp-ext-ytv .sp-yt-card{aspect-ratio:16/9}
.sp-ext-yts .sp-yt-card{aspect-ratio:9/16}
.sp-yt-thumb{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background-size:cover;background-position:center;transition:transform .55s cubic-bezier(0.16,1,0.3,1)}
.sp-yt-thumb-empty{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}
.sp-yt-slide:hover .sp-yt-thumb{transform:scale(1.06)}
.sp-yt-dim{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62) 30%,rgba(0,0,0,.04) 75%);pointer-events:none}
.sp-yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:40px;opacity:.85;transition:opacity .3s,transform .3s;pointer-events:none}
.sp-yt-play svg{width:100%;height:100%}
.sp-yt-slide:hover .sp-yt-play{opacity:1;transform:translate(-50%,-50%) scale(1.1)}
.sp-yt-cap{position:absolute;bottom:18px;left:16px;right:16px;color:#fff;margin:0;font-size:var(--sp-t-body);line-height:1.5;font-weight:500;word-break:keep-all;letter-spacing:-.01em}
.sp-ext-yts .sp-yt-cap{font-size:var(--sp-t-body);bottom:16px;left:14px;right:14px;line-height:1.4}
.sp-yt-nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:24px}
.sp-yt-nav-btn{width:44px;height:44px;border:1px solid var(--sp-line,#e4e4e0);border-radius:50%;background:#fff;color:#1a1a1a;font-size:14px;cursor:pointer;transition:all .22s cubic-bezier(0.16,1,0.3,1)}
.sp-yt-nav-btn:hover:not(.is-disabled){background:#1a1a1a;color:#fff;border-color:#1a1a1a;transform:scale(1.05)}
.sp-yt-nav-btn.is-disabled,.sp-yt-nav-btn:disabled{opacity:.3;cursor:not-allowed}

/* 유튜브 모달 */
.sp-yt-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:100000;background:rgba(0,0,0,.92);align-items:center;justify-content:center;padding:20px}
.sp-yt-modal.is-open{display:flex}
.sp-yt-modal-box{position:relative;width:100%;max-width:920px}
.sp-ext-yts ~ .sp-yt-modal .sp-yt-modal-box,.sp-yt-modal[data-kind="shorts"] .sp-yt-modal-box{max-width:420px}
.sp-yt-modal-box iframe{width:100%;aspect-ratio:16/9;border:0;display:block;border-radius:4px;background:#000}
.sp-yt-modal[data-kind="shorts"] .sp-yt-modal-box iframe{aspect-ratio:9/16}
.sp-yt-modal-close{position:absolute;top:-44px;right:0;width:36px;height:36px;border:0;background:none;color:#fff;font-size:24px;cursor:pointer;opacity:.8}
.sp-yt-modal-close:hover{opacity:1}

@media (max-width:900px){
    .sp-ba-slide{grid-template-columns:1fr;gap:20px}
    .sp-ext-ytv .sp-yt-slide{flex:0 0 calc(50% - 8px)}
    .sp-ext-yts .sp-yt-slide{flex:0 0 calc(33.333% - 11px)}
}
@media (max-width:600px){
    .sp-ext-ytv .sp-yt-slide{flex:0 0 calc(85% - 8px)}
    .sp-ext-yts .sp-yt-slide{flex:0 0 calc(60% - 11px)}
}

/* =============================================
   DOCTOR
============================================= */
.sp-doctor{position:relative;background:var(--sp-doctor-sec-bg,var(--sp-bg3));padding:var(--sp-doctor-pad-y,120px) 0;overflow:hidden}
@media (max-width:768px){.sp-doctor{padding:var(--sp-doctor-pad-y-mo,var(--sp-doctor-pad-y,120px)) 0}}
.sp-doctor-bg{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;overflow:hidden;z-index:0}
.sp-doctor-bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.sp-doctor-bg::after{display:none}
.sp-doctor .sp-b{position:relative;z-index:1}
.sp-doctor-lay{display:grid;grid-template-columns:var(--sp-doctor-ratio,1fr 1.5fr);gap:var(--sp-doctor-gap,80px);align-items:var(--sp-doctor-v-align,center)}
.sp-doctor-lay > div:not(.sp-doctor-img){max-width:var(--sp-doctor-text-mw,none)}
.sp-doctor-img{max-width:var(--sp-doctor-img-mw,none)}
.sp-doctor-img{position:relative;aspect-ratio:var(--sp-doctor-img-ratio,3/4);overflow:hidden;background:var(--sp-bg2);border-radius:var(--sp-doctor-img-shape,var(--sp-doctor-img-radius,0));display:var(--sp-doctor-img-display,revert)}
.sp-doctor-img img{width:100%;height:100%;object-fit:cover;object-position:var(--sp-doctor-img-pos,center top)}
.sp-doctor-cap{position:absolute;bottom:0;left:0;right:0;padding:20px 24px;background:transparent;font-size:var(--sp-t-sm);color:var(--sp-text);letter-spacing:.06em}
.sp-doctor-eyebrow{font-size:var(--sp-doctor-t-eyebrow,var(--sp-t-sm));font-weight:var(--sp-doctor-w-eyebrow,400);color:var(--sp-doctor-c-eyebrow,var(--sp-gold));margin-bottom:32px;font-family:var(--font-eng)}
/* 한글 헤드라인 (wr_193) — h3급, eyebrow 와 인용 사이 */
.sp-doctor-sub{font-size:var(--sty-t-title,var(--sp-doctor-t-sub,var(--sp-t-hd)));font-weight:var(--sp-doctor-w-sub,500);line-height:1.5;letter-spacing:-.01em;color:var(--sp-doctor-c-sub,inherit);margin:-18px 0 22px;display:var(--sp-doctor-d-sub,block)}
.sp-doctor-quote{font-size:var(--sp-doctor-t-quote,var(--sp-t-body));font-weight:var(--sp-doctor-w-quote,300);line-height:1.9;letter-spacing:-.01em;color:var(--sp-doctor-c-quote,var(--sp-text));margin-bottom:40px;border-left:2px solid var(--sp-doctor-quote-bar,var(--sp-gold));padding-left:28px}
.sp-doctor-name{font-size:var(--sp-doctor-t-name,var(--sp-t-sm));font-weight:var(--sp-doctor-w-name,400);letter-spacing:.1em;color:var(--sp-doctor-c-name,var(--sp-muted2))}
.sp-doctor-name strong{color:var(--sp-text);font-weight:500}

/* =============================================
   FAQ
============================================= */
.sp-faq{background:var(--sp-faq-sec-bg,var(--sp-bg2));padding:var(--sp-faq-pad-y,100px) 0;position:relative}
@media (max-width:768px){.sp-faq{padding:var(--sp-faq-pad-y-mo,var(--sp-faq-pad-y,100px)) 0}}
.sp-faq-hd{margin-bottom:52px}
.sp-faq-list{display:flex;flex-direction:column;gap:var(--sp-faq-gap,0)}
.sp-faq-item{border-top:1px solid var(--sp-faq-bd-c,var(--sp-line));background:var(--sp-faq-open-bg-base,transparent);transition:background .25s}
.sp-faq-item:last-child{border-bottom:1px solid var(--sp-faq-bd-c,var(--sp-line))}
.sp-faq-item:hover{background:var(--sp-faq-hv-bg,var(--sp-faq-open-bg-base,transparent))}
.sp-faq-item[open]{background:var(--sp-faq-open-bg,var(--sp-faq-open-bg-base,transparent))}
.sp-faq-q{display:flex;align-items:flex-start;gap:18px;padding:var(--sp-faq-qpad,26px) 0;cursor:pointer;list-style:none}
.sp-faq-q::-webkit-details-marker{display:none}
.sp-faq-q:hover .sp-faq-qtxt{color:var(--sp-faq-accent,var(--sp-gold))}
.sp-faq-qnum{font-family:var(--font-eng);font-size:var(--sp-faq-t-qnum,var(--sp-t-sm));font-weight:var(--sp-faq-w-qnum,400);color:var(--sp-text);flex-shrink:0;padding-top:2px;display:var(--sp-faq-d-qnum,block)}
.sp-faq-qtxt{flex:1 1 auto;min-width:0;margin:0;font-size:var(--sp-faq-t-q,var(--sp-t-body));font-weight:var(--sp-faq-w-q,300);color:var(--sp-faq-c-q,var(--sp-text));line-height:1.55;transition:color .25s}
/* 아이콘 — 기본 ＋ → 펼치면 ×(45° 회전) */
.sp-faq-ico{flex-shrink:0;width:26px;height:26px;border:1px solid var(--sp-faq-bd-c,rgba(26,14,6,.2));border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;color:var(--sp-faq-ico-c,var(--sp-muted2));margin-top:2px;margin-left:2px;transition:transform .46s cubic-bezier(.33,1,.68,1),border-color .25s,color .25s}
.sp-faq-ico::before{content:'+';font-size:var(--sp-t-body);line-height:1}
details[open] .sp-faq-ico{transform:rotate(45deg);border-color:var(--sp-faq-accent,var(--sp-gold));color:var(--sp-faq-accent,var(--sp-gold))}
/* 아이콘 변형: 화살표(∨) */
.sp-faq--ico-chevron .sp-faq-ico{border:0;width:22px;height:22px;color:var(--sp-faq-ico-c,var(--sp-muted))}
.sp-faq--ico-chevron .sp-faq-ico::before{content:'\2304';font-size:1.6em;margin-top:-.34em}
.sp-faq--ico-chevron details[open] .sp-faq-ico{transform:rotate(180deg);color:var(--sp-faq-accent,var(--sp-gold))}
/* 아이콘 변형: 없음 */
.sp-faq--ico-none .sp-faq-ico{display:none}
/* 답변 — 부드러운 높이 펼침(JS) */
.sp-faq-a{overflow:hidden;padding:0 44px 26px 36px;font-size:var(--sp-faq-t-a,var(--sp-t-body));font-weight:var(--sp-faq-w-a,400);line-height:1.95;color:var(--sp-faq-c-a,var(--sp-muted));transition:height .46s cubic-bezier(.33,1,.68,1),opacity .34s ease .06s;will-change:height}
/* 아이템 스타일: 카드(박스) */
.sp-faq--card .sp-faq-list{gap:var(--sp-faq-gap,12px)}
.sp-faq--card .sp-faq-item{border:1px solid var(--sp-faq-bd-c,var(--sp-line));border-radius:14px;background:var(--sp-faq-open-bg-base,var(--sp-bg));padding:0 24px;overflow:hidden;transition:border-color .3s,box-shadow .3s,background .25s}
.sp-faq--card .sp-faq-item:hover{background:var(--sp-faq-hv-bg,var(--sp-faq-open-bg-base,var(--sp-bg)))}
.sp-faq--card .sp-faq-item[open]{border-color:var(--sp-faq-accent,var(--sp-gold));background:var(--sp-faq-open-bg,var(--sp-faq-open-bg-base,var(--sp-bg)));box-shadow:0 8px 28px rgba(0,0,0,.07)}
.sp-faq--card .sp-faq-q{padding:var(--sp-faq-qpad,24px) 0}
.sp-faq--card .sp-faq-a{padding:0 8px 24px 36px}
/* 아이템 스타일: 소프트(연한 배경) */
.sp-faq--soft .sp-faq-list{gap:var(--sp-faq-gap,10px)}
.sp-faq--soft .sp-faq-item{border:0;border-radius:14px;background:var(--sp-faq-open-bg-base,var(--sp-bg3));padding:0 24px;transition:background .3s}
.sp-faq--soft .sp-faq-item:hover{background:var(--sp-faq-hv-bg,var(--sp-faq-open-bg-base,var(--sp-bg3)))}
.sp-faq--soft .sp-faq-item[open]{background:var(--sp-faq-open-bg,var(--sp-bg2))}
.sp-faq--soft .sp-faq-q{padding:var(--sp-faq-qpad,24px) 0}
.sp-faq--soft .sp-faq-a{padding:0 8px 24px 36px}
/* AB 스타일: 카드 테두리 없이 선으로 구분하는 아코디언 */
.sp-faq--ab{background:var(--sp-faq-sec-bg,#fff)}
.sp-faq--eyebrow-pill-dark .sp-faq-hd .sp-sec-lbl{display:inline-flex;align-items:center;width:max-content;max-width:100%;box-sizing:border-box;padding:9px 17px;border-radius:999px;background:var(--sp-faq-eyebrow-bg,#171717);color:var(--sp-faq-c-eyebrow,#fff);font-size:11.5px;font-weight:700;line-height:1;letter-spacing:.08em}
.sp-faq--ab .sp-faq-hd{margin-bottom:clamp(34px,4vw,52px)}
.sp-faq--ab .sp-faq-list{border-top:2px solid #171717}
.sp-faq--ab .sp-faq-item,.sp-faq--ab .sp-faq-item:last-child{border:0;border-bottom:1px solid var(--sp-faq-bd-c,#dce5eb);background:transparent}
.sp-faq--ab .sp-faq-q{padding:25px 4px;align-items:center}
.sp-faq--ab .sp-faq-q{display:grid;grid-template-columns:42px minmax(0,1fr) auto;column-gap:12px}
.sp-faq--ab .sp-faq-qnum{padding:0;color:var(--sp-faq-c-qnum,#399ceb);font-size:12px;font-weight:700;letter-spacing:.04em}
.sp-faq--ab .sp-faq-qtxt{font-size:15px;font-weight:600;line-height:1.6;text-align:left}
.sp-faq--ab .sp-faq-ico{width:30px;height:30px;margin:0 0 0 8px;border:0;background:#171717;color:#fff}
.sp-faq--ab details[open] .sp-faq-ico{background:var(--sp-faq-accent,#399ceb);color:#fff}
.sp-faq--ab .sp-faq-a{padding:0 52px 28px 58px;font-size:15px;font-weight:400;line-height:1.85;text-align:left;color:var(--sp-muted)}
@media(max-width:768px){.sp-faq--ab .sp-faq-q{padding:21px 0}.sp-faq--ab .sp-faq-q{grid-template-columns:34px minmax(0,1fr) auto;column-gap:8px}.sp-faq--ab .sp-faq-ico{margin-left:12px}.sp-faq--ab .sp-faq-qtxt,.sp-faq--ab .sp-faq-a{font-size:14px}.sp-faq--ab .sp-faq-a{padding:0 38px 23px 42px}.sp-faq--ab .sp-faq-ico{width:28px;height:28px}}
/* 에디토리얼 Q&A — 텍스트형 Q, 얇은 회색 구분선, 무외곽 +/- */
.sp-faq--editorial{background:#fff}
.sp-faq--editorial .sp-faq-hd .sp-sec-lbl{display:none}
.sp-faq--editorial .sp-faq-hd{margin-bottom:18px}
.sp-faq--editorial .sp-faq-hd .sp-sec-title{font-size:clamp(24px,2.15vw,30px)!important;font-weight:700;line-height:1.35;letter-spacing:-.035em}
.sp-faq--editorial .sp-faq-list{border-top:0}
.sp-faq--editorial .sp-faq-item,.sp-faq--editorial .sp-faq-item:last-child{border:0;border-bottom:1px solid var(--sp-faq-bd-c,#ededed);background:transparent}
.sp-faq--editorial .sp-faq-q{align-items:center;min-height:52px;padding:14px 0}
.sp-faq--editorial .sp-faq-item[open] .sp-faq-q{border-bottom:1px solid var(--sp-faq-bd-c,#ededed)}
.sp-faq--editorial .sp-faq-q{display:grid;grid-template-columns:24px minmax(0,1fr) auto;column-gap:16px}
.sp-faq--editorial .sp-faq-qnum{padding:0;font-size:0;color:var(--sp-faq-c-qnum,#111)}
.sp-faq--editorial .sp-faq-qnum::before{content:'Q';font-size:21px;font-weight:500;line-height:1}
.sp-faq--editorial .sp-faq-qtxt{font-size:16px!important;font-weight:500!important;line-height:1.55;text-align:left;color:var(--sp-faq-c-q,var(--sp-text))}
.sp-faq--editorial .sp-faq-q:hover .sp-faq-qtxt{color:var(--sp-faq-c-q,var(--sp-text))}
.sp-faq--editorial .sp-faq-ico{width:22px;height:22px;margin:0 0 0 4px;border:0;border-radius:0;background:transparent;color:var(--sp-faq-ico-c,#999);transform:none!important}
.sp-faq--editorial .sp-faq-ico::before{content:'+';font-size:26px;font-weight:300;line-height:1}
.sp-faq--editorial details[open] .sp-faq-ico{border:0;background:transparent;color:var(--sp-faq-ico-c,#999);transform:none!important}
.sp-faq--editorial details[open] .sp-faq-ico::before{content:'−'}
.sp-faq--editorial .sp-faq-a{box-sizing:border-box;padding:18px 40px 24px 20px;font-size:13px!important;font-weight:400!important;line-height:1.55;text-align:left;color:var(--sp-faq-c-a,#9297a0);will-change:height,padding,opacity,transform}
.sp-faq--editorial .sp-faq-a a{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#1684ff;text-decoration:none}
.sp-faq--editorial .sp-faq-a a::after{content:'›';font-size:20px;line-height:1}
@media(max-width:768px){.sp-faq--editorial .sp-faq-q{min-height:50px;padding:13px 0}.sp-faq--editorial .sp-faq-q{grid-template-columns:20px minmax(0,1fr) auto;column-gap:10px}.sp-faq--editorial .sp-faq-ico{margin-left:10px}.sp-faq--editorial .sp-faq-qnum::before{font-size:18px}.sp-faq--editorial .sp-faq-qtxt{font-size:14px!important}.sp-faq--editorial .sp-faq-a{padding:16px 30px 22px 20px;font-size:13px!important}.sp-faq--editorial .sp-faq-ico::before{font-size:23px}}

/* =============================================
   RELATED
============================================= */
.sp-related{background:var(--sp-related-sec-bg,#fafafa);padding:var(--sp-related-pad-y,100px) 0;position:relative}
@media (max-width:768px){.sp-related{padding:var(--sp-related-pad-y-mo,var(--sp-related-pad-y,100px)) 0}}
.sp-related-hd{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:52px}
.sp-ext-ba--eyebrow-pill .sp-related-hd .sp-sec-lbl,
.sp-ext-ba--eyebrow-outline .sp-related-hd .sp-sec-lbl{display:inline-flex;align-items:center;width:max-content;max-width:100%;box-sizing:border-box;padding:9px 17px;border-radius:999px;line-height:1;letter-spacing:.08em}
.sp-ext-ba .sp-related-hd .sp-sec-lbl{font-size:var(--sp-ba-t-eyebrow,var(--sty-t-eyebrow,var(--sp-t-sm)))}
.sp-ext-ba--eyebrow-pill .sp-related-hd .sp-sec-lbl{background:var(--sp-ba-eyebrow-bg,#111);color:var(--sp-ba-c-eyebrow,#fff)}
.sp-ext-ba--eyebrow-outline .sp-related-hd .sp-sec-lbl{border:1px solid var(--sp-ba-eyebrow-bg,#111);background:transparent;color:var(--sp-ba-c-eyebrow,var(--sp-ba-eyebrow-bg,#111))}
.sp-ext-ba .sp-related-more{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}
.sp-related-grid{display:grid;grid-template-columns:var(--sp-related-cols-tmpl,repeat(var(--sp-cols,4),1fr));gap:var(--sp-related-gap,2px)}
.sp-related-card{display:block;background:var(--sp-related-card-bg,var(--sp-card-bg,var(--sp-bg2)));padding:36px 28px 44px;position:relative;overflow:hidden;transition:background .32s cubic-bezier(.16,1,.3,1);border-radius:var(--sp-related-radius,0)}
.sp-related-card:hover{background:var(--sp-related-card-bg-hv,var(--sp-card-bg-hv,var(--sp-bg3)))}
.sp-related-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--sp-gold);transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.16,1,.3,1)}
.sp-related-card:hover::after{transform:scaleX(1)}
.sp-related-cimg{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:6px;margin-bottom:22px;background:var(--sp-bg3)}
.sp-related-cimg img{width:100%;height:100%;object-fit:cover;display:block}
.sp-related-card-eyebrow{display:none;margin:0 0 18px;font-size:11.5px;line-height:1;letter-spacing:.12em;color:var(--sp-gold)}
.sp-related-cnum{display:none;font-family:var(--font-eng);font-size:48px;font-weight:300;color:rgba(0,0,0,.07);line-height:1;margin-bottom:24px}
.sp-related-cname{font-size:var(--sp-related-t-name,var(--sp-t-sub));font-weight:var(--sp-related-w-name,400);letter-spacing:-.01em;margin-bottom:8px;color:var(--sp-related-c-name,inherit)}
.sp-related-cdesc{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:var(--sp-related-t-desc,var(--sp-t-sm));font-weight:var(--sp-related-w-desc,400);color:var(--sp-related-c-desc,#666);line-height:1.7;margin-bottom:28px}
.sp-related-clink{display:inline-flex;align-items:center;gap:6px;font-size:15px;line-height:1.45;letter-spacing:-.01em;color:var(--sp-gold);opacity:0;transform:translateX(-6px);transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1)}
.sp-related-card:hover .sp-related-clink,.sp-related-card:focus-visible .sp-related-clink{opacity:1;transform:translateX(0)}
.sp-related-clink-review{display:none}
.sp-related--noimg-review .sp-related-hd{display:none}
.sp-related--noimg-review .sp-related-card--noimg{display:flex;flex-direction:column;align-items:flex-start;min-height:245px;padding:38px 30px 32px;background:#fff;border-radius:0;transition:box-shadow .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}
.sp-related--noimg-review .sp-related-card--noimg:hover{background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.07);transform:translateY(-2px)}
.sp-related--noimg-review .sp-related-card--noimg::after{display:none}
.sp-related--noimg-review .sp-related-card--noimg .sp-related-cimg{display:none}
.sp-related--noimg-review .sp-related-card--noimg .sp-related-card-eyebrow{display:var(--sp-related-card-eyebrow-off,block)}
.sp-related--noimg-review .sp-related-card--noimg .sp-related-cname{margin-bottom:14px}
.sp-related--noimg-review .sp-related-card--noimg .sp-related-cdesc{flex:1;margin-bottom:22px;line-height:1.75}
.sp-related--noimg-review .sp-related-card--noimg .sp-related-clink{min-height:42px;padding:10px 22px;border-radius:999px;background:var(--index_color,var(--main,var(--hv-main,#888)));color:var(--hv-on,#fff);opacity:1;transform:none}
.sp-related--noimg-review .sp-related-card--noimg .sp-related-clink-default{display:none}
.sp-related--noimg-review .sp-related-card--noimg .sp-related-clink-review{display:inline}
.sp-related-url-row{display:none;margin-top:auto;padding-top:12px}
.sp-related-linktext-row{display:none;width:100%;margin-top:10px}
.sp-related-linktext-lbl{display:block;margin-bottom:5px;font-size:11.5px;line-height:1.4;color:var(--sp-muted);letter-spacing:0}
.sp-related-linktext-inp{width:100%;padding:7px 10px;font-size:12px;line-height:1.4;background:rgba(0,0,0,.04);border:1px solid var(--sp-line);border-radius:3px;color:var(--sp-text);font-family:inherit}
.sp-related-linktext-inp:focus-visible{outline:2px solid var(--sp-gold);outline-offset:1px}
.sp-related-url-inp{width:auto;min-width:0;flex:1;padding:7px 10px;font-size:11.5px;background:rgba(0,0,0,.04);border:1px solid var(--sp-line);border-radius:3px;color:var(--sp-text);font-family:monospace}
.sp-related-noimg-label{display:inline-flex!important;align-items:center;gap:5px;flex-shrink:0;white-space:nowrap;padding:7px 9px;border:1px solid var(--sp-line);border-radius:3px;background:var(--sp-bg,#fff);font-size:11.5px;color:var(--sp-text);cursor:pointer;position:relative;z-index:2}
.sp-related-noimg-inp,.sx-related-image-disable{-webkit-appearance:checkbox!important;appearance:auto!important;display:inline-block!important;position:static!important;visibility:visible!important;opacity:1!important;flex:0 0 16px!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important;padding:0!important;border:1px solid #8b8b8b!important;background:#fff!important;accent-color:var(--sp-gold,#a96f3c);cursor:pointer!important;vertical-align:middle!important}
.sp-related-noimg-inp:focus-visible,.sx-related-image-disable:focus-visible{outline:2px solid var(--sp-gold,#a96f3c)!important;outline-offset:2px}
@media(max-width:768px){.sp-related-noimg-label{width:100%;justify-content:center}}
@media(max-width:768px){.sp-related-clink{font-size:14px;letter-spacing:-.01em}}
.sp-online-url-row{display:none;align-items:center;gap:8px;margin-top:10px}
.sp-online-url-lbl{font-size:11.5px;color:#888;white-space:nowrap;letter-spacing:.04em}
.sp-online-url-inp{flex:1}

/* =============================================
   AOS 애니메이션
============================================= */
.js-rdy [data-anim]{opacity:0;transform:translateY(var(--sp-anim-dist,24px));transition:opacity var(--sp-anim-dur,.7s) cubic-bezier(.16,1,.3,1),transform var(--sp-anim-dur,.7s) cubic-bezier(.05,.7,.1,1)}
/* 등장 완료 후 불필요한 변환 레이어를 해제해 소수점 경계의 합성 오차를 줄인다. */
.js-rdy [data-anim].on{opacity:1;transform:none}
/* 섹션(전체) 등장 모션 옵션 (sec_anim) — #sp-sections 클래스로 모든 [data-anim] 섹션 일괄 스왑. 기본('')=슬라이드업 */
.js-rdy .sp-secanim-fade [data-anim]{transform:none;transition:opacity var(--sp-anim-dur,.7s) cubic-bezier(.16,1,.3,1)}
.js-rdy .sp-secanim-blur [data-anim]{transform:none;filter:blur(12px);transition:opacity var(--sp-anim-dur,.8s) cubic-bezier(.22,1,.36,1),filter var(--sp-anim-dur,.8s) cubic-bezier(.22,1,.36,1)}
.js-rdy .sp-secanim-blur [data-anim].on{filter:none}
.js-rdy .sp-secanim-zoom [data-anim]{transform:scale(.96);transition:opacity var(--sp-anim-dur,.8s) cubic-bezier(.22,1,.36,1),transform var(--sp-anim-dur,.8s) cubic-bezier(.22,1,.36,1)}
.js-rdy .sp-secanim-zoom [data-anim].on{transform:none}
/* 커튼 와이프 — 클립패스로 좌→우 닦이며 등장 (페이드 없이 wipe). 박스/이미지에 깔끔 */
.js-rdy .sp-secanim-curtain [data-anim]{opacity:1;transform:none;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:clip-path var(--sp-anim-dur,.9s) cubic-bezier(.65,0,.35,1),-webkit-clip-path var(--sp-anim-dur,.9s) cubic-bezier(.65,0,.35,1)}
.js-rdy .sp-secanim-curtain [data-anim].on{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}
.js-rdy .sp-secanim-none [data-anim]{opacity:1;transform:none;filter:none;transition:none}
@media(max-width:768px){.js-rdy .sp-secanim-blur [data-anim]{filter:blur(6px)}}

/* 빈 항목 처리 */
.sp-item-empty{display:none!important}


/* =============================================
   반응형
============================================= */
@media(max-width:900px){
    .sp-hero-in{grid-template-columns:1fr}
    .sp-hero-txt{padding:var(--sp-hero-pad0,60px) 0 var(--sp-hero-pad0,50px);position:relative;z-index:100;text-align:var(--sp-hero-h-align-mo,var(--sp-hero-h-align,left));align-items:var(--sp-hero-h-align-mo-flex,var(--sp-hero-h-align-flex,flex-start));justify-content:var(--sp-hero-v-align-mo,var(--sp-hero-v-align,center));max-width:var(--sp-hero-text-mw-mo,var(--sp-hero-text-mw,none))}
    .sp-hero--no-img .sp-hero-txt{justify-self:var(--sp-hero-h-align-mo-justify,var(--sp-hero-h-align-justify,start))}
    /* 단일 열로 바뀌는 구간에서는 PC 이미지 크기·이동값을 차단한다.
       transform은 문서 흐름의 공간을 바꾸지 않으므로 PC 이동값을 상속하면
       다음 행의 서브내비/제목 위로 이미지가 겹칠 수 있다. */
    .sp-hero-img{
        aspect-ratio:4/3;
        width:min(100%,var(--sp-hero-img-mw-mo,100%));
        max-width:100%;
        height:var(--sp-hero-img-h-mo,auto);
        min-height:0;
        justify-self:center;
        /* 헤더 바로 아래에 달라붙지 않도록 모바일 기본 숨통을 확보한다.
           아래 이동(양수)은 margin으로 처리해 뒤의 제목 영역도 함께 밀고,
           위 이동(음수)만 translate로 처리해 이미지·텍스트 겹침을 막는다. */
        margin-top:calc(var(--sp-hero-img-top-gap-mo,clamp(48px,12vw,80px)) + max(0px,var(--sp-hero-img-move-y-mo,0px)));
        transform:translate(var(--sp-hero-img-move-x-mo,0px),min(0px,var(--sp-hero-img-move-y-mo,0px)))
    }

    /* (구) 모바일 강제 다크 그라데이션 — 삭제됨. 어둡게는 딤 슬라이더(PC/📱) 한 가지로 통일.
       텍스트 흰색 강제는 옵션(모바일 텍스트 흰색: 켬 → .sp-hero--mowhite)으로만 적용 */
    #sp-sec-hero.sp-hero--mowhite .sp-hero-en.sp-eng,
    #sp-sec-hero.sp-hero--mowhite h1 .sp-hero-en.sp-eng,
    #sp-sec-hero.sp-hero--mowhite .sp-hero-en .sp-hr-l,
    #sp-sec-hero.sp-hero--mowhite h1 .sp-hr-l { color: #ffffff !important; }

    #sp-sec-hero.sp-hero--mowhite .sp-hero-ko.sp-hero-ko,
    #sp-sec-hero.sp-hero--mowhite .sp-hero-desc.sp-hero-desc { color: rgba(255,255,255,.88) !important; }

    #sp-sec-hero.sp-hero--mowhite .sp-hero-etxt.sp-eng { color: #ffffff !important; }
    #sp-sec-hero.sp-hero--mowhite .sp-hero-eline { background: #ffffff !important; }
    /* 흰색 모드 — 그림자로 가독성 보강 */
    .sp-hero--mowhite .sp-hero-etxt,
    .sp-hero--mowhite .sp-hero-en,
    .sp-hero--mowhite .sp-hero-ko,
    .sp-hero--mowhite .sp-hero-desc {
        text-shadow: 0 2px 12px rgba(0,0,0,.45), 0 0 1px rgba(0,0,0,.25);
    }
    .sp-s2-lay{grid-template-columns:1fr}
    .sp-s2-img{aspect-ratio:16/9;order:-1}
    .sp-s2--flip .sp-s2-img{order:-1}
    .sp-s2-cnt{padding:60px 0}
    .sp-pt01-lay{grid-template-columns:1fr;gap:48px}
    .sp-pt01--flip .sp-pt01-img{order:0}
    .sp-pt05--flip .sp-pt05-img{order:-1}
    .sp-doctor--flip .sp-doctor-img{order:-1}
    .sp-ext-sym--flip .sp-ext-sym-img{order:0}
    .sp-pt02-cards{grid-template-columns:1fr}
    .sp-pt03-grid{grid-template-columns:1fr 1fr !important}
    .sp-pt03-item{padding:24px 18px;border-right:1px solid var(--sp-pt03-div-c,var(--sp-line));border-bottom:1px solid var(--sp-pt03-div-c,var(--sp-line))}
    .sp-pt03-item:nth-child(2n){border-right:none}
    .sp-pt03-item:nth-last-child(-n+2):nth-child(2n+1):not(:last-child),
    .sp-pt03-item:last-child{border-bottom:none}
    /* 항목이 홀수면 마지막 카드를 풀폭으로 — 2열에서 한 칸 비어 보이는 '이빨 빠짐' 방지 */
    .sp-pt03-item:last-child:nth-child(odd){grid-column:1 / -1;border-right:none}
    .sp-pt03-head{gap:10px;margin-bottom:12px}
    .sp-pt03-ico{width:30px;height:30px}
    .sp-pt03-ico svg{width:16px;height:16px}
    .sp-pt04-cols{grid-template-columns:1fr}
    /* 모바일에선 POINT 04 카드 이미지 원본 비율로 (크롭 없음) */
    .sp-pt04-cimg{aspect-ratio:auto;height:auto;padding-bottom:0;background:transparent}
    .sp-pt04-cimg img{width:100%;height:auto;object-fit:initial}
    .sp-pt05-lay{grid-template-columns:1fr;gap:48px}
    /* 모바일에선 목록 컬럼(5:5 등) 강제 1열 */
    .sp-pt05-list{grid-template-columns:1fr;column-gap:0}
    /* 모바일에선 pt05 이미지 원본 비율로 (크롭 없음) */
    .sp-pt05-img{aspect-ratio:auto;height:auto;padding-bottom:0;background:transparent;max-width:100%}
    .sp-pt05-img img{width:100%;height:auto;object-fit:initial;object-position:initial}
    .sp-pt06-grid{grid-template-columns:1fr 1fr}
    .sp-pt07-steps{grid-template-columns:1fr 1fr;gap:2px}
    .sp-pt07-step::after{display:none}
    .sp-doctor-lay{grid-template-columns:1fr;gap:48px}
    /* 모바일에선 원장 사진 원본 비율로 (크롭 없음) */
    .sp-doctor-img{aspect-ratio:auto;height:auto;padding-bottom:0;background:transparent;max-width:100%}
    .sp-doctor-img img{width:100%;height:auto;object-fit:initial;object-position:initial}
    .sp-related-grid{grid-template-columns:1fr 1fr}
    /* 모바일 2열 — 카드 세로 압축 (padding/숫자/margin 축소) */
    .sp-related-card{padding:22px 16px 26px}
    .sp-related-cnum{font-size:32px;margin-bottom:14px}
    .sp-related-cname{margin-bottom:6px}
    .sp-related-cdesc{margin-bottom:14px;line-height:1.55}
    .sp-related--noimg-review .sp-related-card--noimg{padding:30px 24px;min-height:230px}
}
@media(max-width:600px){
    .sp-hero-acts{flex-wrap:wrap}
    .sp-pt06-grid{grid-template-columns:1fr}
    .sp-pt07-steps{grid-template-columns:1fr}
    .sp-related--noimg-review .sp-related-grid{grid-template-columns:1fr}
    /* 시술 정보 표 — 좁은 화면에서도 2열(5:5) 유지 (사용자 요청).
       768px 이하 미디어쿼리(.sp-pt03-grid{grid-template-columns:1fr 1fr})가 살아남아 적용됨. */
    .sp-pt03{padding:60px 0}
}
@media(prefers-reduced-motion:reduce){
    /* 본문 모션만 줄인다. 헤더 패널 정렬·본문 바로가기 숨김에 쓰는 transform은 보존한다. */
    #sp-sections,
    #sp-sections *,
    #sp-sections *::before,
    #sp-sections *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
    #sp-sections .sp-s2-item,
    #sp-sections .sp-pt05-item,
    #sp-sections [data-anim]{opacity:1!important;transform:none!important;filter:none!important;-webkit-clip-path:none!important;clip-path:none!important}
}

/* 서브 네비게이션 */
.hive_sub_nav{width:100%;position:relative;background:transparent;z-index:100}
.hive_sub_nav__inner{width:95%;max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:26px;padding:8px 0}
/* hero 안 위치 — 기존 스타일 유지를 위해 inner 너비 100% 로 강제 */
.sp-subnav-hero-wrap .hive_sub_nav__inner{width:100%;max-width:none;padding:0}
/* 페이지 상단 위치 — hero 비활성 시 자동 노출 */
.sp-subnav-top{position:relative;z-index:400;width:100%;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.06)}
.sp-subnav-top .hive_sub_nav__inner{padding:14px 0}
@media (max-width:768px){ .sp-subnav-top .hive_sub_nav__inner{padding:10px 0} }
.hive_sub_nav__home{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;text-decoration:none;flex-shrink:0;transition:background .22s cubic-bezier(.16,1,.3,1)}
.hive_sub_nav__home:hover{background:rgba(0,0,0,.05)}
.hive_sub_nav__home svg{color:#627a4c;stroke:#627a4c}
.hive_snav_drop{position:relative;display:flex;align-items:center}
.hive_snav_btn{position:relative;display:flex;align-items:center;height:40px;padding:0 26px 0 6px;border:0;background:transparent;cursor:pointer;transition:opacity .2s cubic-bezier(.16,1,.3,1)}
.hive_snav_btn__text{display:block;white-space:nowrap;color:#222;font-size:var(--t-caption,13px);font-weight:500}
.hive_snav_btn__arrow{position:absolute;right:0;top:50%;width:7px;height:7px;border-right:1px solid #999;border-bottom:1px solid #999;transform:translateY(-60%) rotate(45deg);transition:transform .25s cubic-bezier(.16,1,.3,1)}
.hive_snav_drop.open .hive_snav_btn__arrow{transform:translateY(-40%) rotate(-135deg)}
.hive_snav_list{position:absolute;top:42px;left:0;min-width:200px;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.08);padding:6px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .22s;z-index:200;max-height:320px;overflow-y:auto}
.hive_snav_list::-webkit-scrollbar{width:6px}
.hive_snav_list::-webkit-scrollbar-track{background:#f2f2f2;border-radius:10px}
.hive_snav_list::-webkit-scrollbar-thumb{background:#627a4c;border-radius:10px}
.hive_snav_drop.open .hive_snav_list{opacity:1;visibility:visible;transform:translateY(0)}
.hive_snav_item{display:block;width:100%;padding:11px 16px;box-sizing:border-box;cursor:pointer;font-size:var(--t-caption,13px);color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s}
.hive_snav_item:hover{background:#f6f6f6;color:#627a4c}
.hive_snav_item.is-active{color:#627a4c;background:#f2f2f2;font-weight:600}
.hive_sr_only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){
    .hive_sub_nav__inner{width:92%;gap:18px;padding:6px 0}
    .hive_snav_btn{height:36px;padding:0 22px 0 6px}
    .hive_snav_list{top:38px;min-width:170px;border-radius:8px}
    .hive_snav_item{padding:10px 14px}
}
/* 모바일 — hero 안 subnav 흰색은 '모바일 텍스트 흰색' 옵션(.sp-hero--mowhite)일 때만 (히어로 텍스트와 동일 게이트) */
@media(max-width:768px){
    .sp-hero.sp-hero--mowhite .sp-subnav-hero-wrap .hive_sub_nav__home svg,
    .sp-hero.sp-hero--mowhite .sp-subnav-hero-wrap .hive_sub_nav__home svg path,
    .sp-hero.sp-hero--mowhite .sp-subnav-hero-wrap .hive_sub_nav__home svg polyline,
    .sp-hero.sp-hero--mowhite .sp-subnav-hero-wrap .hive_sub_nav__home svg line { color:#fff !important; stroke:#fff !important; fill:none !important; }
    .sp-hero.sp-hero--mowhite .sp-subnav-hero-wrap .hive_sub_nav__home:hover { background:rgba(255,255,255,.12) !important; }
    .sp-hero.sp-hero--mowhite .sp-subnav-hero-wrap .hive_snav_btn__text { color:#fff !important; }
    .sp-hero.sp-hero--mowhite .sp-subnav-hero-wrap .hive_snav_btn__arrow { border-color:#fff !important; }
    /* 드롭다운 열렸을 때 — 흰 배경 위 텍스트는 다크 톤 그대로 유지 (가독성),
       단 활성 항목은 골드 대신 검정으로 바꿔 흰 배경 위에서도 명확히 */
    .sp-hero .sp-subnav-hero-wrap .hive_snav_item.is-active {
        color:#1a1a1a !important;
        background:rgba(0,0,0,.06) !important;
        font-weight:600;
    }
    /* 동일하게 sp-subnav-top (페이지 상단 모드) — 다크 오버레이 hero 위에 떠있으면 흰색이 더 적합.
       이건 옵션이라 사용자가 sp-subnav-top 을 hero 위에 깔았을 때만 적용 — 기본은 변경 없음. */
}

/* 서브nav 글자색 흰색 옵션(수동 토글) — 어두운 히어로/배경 위일 때. 기본(클래스 없음)=검정.
   바(버튼) 텍스트·홈·화살표만 흰색, 드롭다운 목록은 흰 배경이라 다크 유지 */
.hive_sub_nav.sp-subnav--white .hive_snav_btn__text{color:#fff}
.hive_sub_nav.sp-subnav--white .hive_snav_btn__arrow{border-color:#fff}
.hive_sub_nav.sp-subnav--white .hive_sub_nav__home svg{color:#fff;stroke:#fff}
.hive_sub_nav.sp-subnav--white .hive_sub_nav__home:hover{background:rgba(255,255,255,.12)}

/* Optional common-template hierarchy for native legacy FAQ and before/after. */
.sp-ext-ba .sp-related-hd .sp-sec-lbl{display:var(--sp-ba-d-eyebrow,block)}
.sp-common-frame.sp-faq>.sp-b,.sp-common-frame.sp-ext-ba>.sp-b{width:83.125%;max-width:1330px;margin-inline:auto;padding-inline:0}
.sp-common-frame .sp-sec-title{font-family:HivePrecisionSans,var(--font-pret),sans-serif;font-size:30px!important;font-weight:600!important;line-height:1.3;letter-spacing:-.04em}
.sp-common-frame .sp-faq-qtxt,.sp-common-frame .sp-ba-name{font-family:HivePrecisionSans,var(--font-pret),sans-serif;font-size:20px!important;font-weight:600!important;line-height:1.5}
.sp-common-frame .sp-faq-a,.sp-common-frame .sp-ba-detail{font-family:HivePrecisionSans,var(--font-pret),sans-serif;font-size:16px!important;font-weight:400!important;line-height:1.85}
@media(max-width:1024px){.sp-common-frame.sp-faq>.sp-b,.sp-common-frame.sp-ext-ba>.sp-b{width:86%}.sp-common-frame .sp-sec-title{font-size:25px!important}}
@media(max-width:768px){.sp-common-frame.sp-faq>.sp-b,.sp-common-frame.sp-ext-ba>.sp-b{width:calc(100% - 40px)}}
@media(max-width:600px){.sp-common-frame .sp-faq-qtxt,.sp-common-frame .sp-ba-name{font-size:18px!important}.sp-common-frame .sp-faq-a,.sp-common-frame .sp-ba-detail{font-size:15px!important}}
/* 공통 카드 영문 라벨: 인덱스 색상 모드에서는 저장된 직접 글자색보다 인덱스 색상을 우선한다. */
.sp-ext-crd--eyebrow-color-index1.sp-ext-crd--eyebrow-text>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-color-index1.sp-ext-crd--eyebrow-line>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-color-index1.sp-ext-crd--eyebrow-outline>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-color-index2.sp-ext-crd--eyebrow-text>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-color-index2.sp-ext-crd--eyebrow-line>.sp-b>.sp-ext-crd-eyebrow,.sp-ext-crd--eyebrow-color-index2.sp-ext-crd--eyebrow-outline>.sp-b>.sp-ext-crd-eyebrow{color:var(--sp-crd-eyebrow-active,#171717)}
/* 이미지+텍스트형의 좌우 분할은 양쪽 첫 요소(이미지/영문 라벨)의 상단선을 맞춘다. */
@media(min-width:769px){.sp-ext-crd-common.sp-ext-crd--image-text.sp-ext-crd--introleft .sp-ext-crd-grid,.sp-ext-crd-common.sp-ext-crd--image-text.sp-ext-crd--introleft .sp-ext-crd-slider{margin-top:0!important}}
.sp-ext-crd-common.sp-ext-crd--num-soft_badge .sp-ext-crd-num{color:var(--sp-crd-number-text,#fff);background:var(--sp-crd-number-bg,var(--sp-crd-number-color,var(--index_color,var(--sp-text))))}
/* 숫자 배경·외곽선 옵션(number_fill, number_bd): 고른 섹션에만 클래스가 붙고, 비우면 모양 기본 그대로 */
.sp-ext-crd-common.sp-ext-crd--numfill-none.sp-ext-crd--numfill-none .sp-ext-crd-num{background:transparent!important;color:var(--sp-crd-number-text,var(--sp-crd-number-color,var(--index_color,var(--sp-text))))!important}
.sp-ext-crd-common.sp-ext-crd--numfill-soft.sp-ext-crd--numfill-soft .sp-ext-crd-num{background:color-mix(in srgb,var(--sp-crd-number-bg,var(--sp-crd-number-color,var(--index_color,var(--sp-text)))) 12%,transparent)!important;color:var(--sp-crd-number-text,var(--sp-crd-number-color,var(--index_color,var(--sp-text))))!important;opacity:1!important}
.sp-ext-crd-common.sp-ext-crd--numfill-solid.sp-ext-crd--numfill-solid .sp-ext-crd-num{background:var(--sp-crd-number-bg,var(--sp-crd-number-color,var(--index_color,var(--sp-text))))!important;color:var(--sp-crd-number-text,#fff)!important;opacity:1!important}
.sp-ext-crd-common.sp-ext-crd--numbd-line.sp-ext-crd--numbd-line .sp-ext-crd-num{border:1px solid var(--sp-crd-number-bd,currentColor)!important}
.sp-ext-crd-common.sp-ext-crd--numbd-none.sp-ext-crd--numbd-none .sp-ext-crd-num{border:0!important}
/* 상자가 없는 모양(기본·중간·STEP 등)에 배경이나 외곽선을 켜면 알약 상자를 만든다 */
.sp-ext-crd-common:is(.sp-ext-crd--numfill-soft,.sp-ext-crd--numfill-solid,.sp-ext-crd--numbd-line):not(.sp-ext-crd--num-circle,.sp-ext-crd--num-square,.sp-ext-crd--num-outline,.sp-ext-crd--num-mini_circle,.sp-ext-crd--num-soft_badge,.sp-ext-crd--num-background,.sp-ext-crd--num-side_line) .sp-ext-crd-num{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:.32em .8em;border-radius:999px}
/* 기본 모양(큰 숫자)은 상자를 켜면 알약에 맞는 글자 크기로 줄인다 */
.sp-ext-crd-common:is(.sp-ext-crd--numfill-soft,.sp-ext-crd--numfill-solid,.sp-ext-crd--numbd-line):not([class*="sp-ext-crd--num-"]) .sp-ext-crd-num{font-size:14px;font-weight:500;letter-spacing:.04em;padding:.5em 1em}
/* Opt-in legacy FAQ rail. The same native questions/answers power Sigma and JSON-LD. */
.sp-faq-card-chip,.sp-faq-rail-nav{display:none}
.sp-faq--rail .sp-faq-list{flex-direction:row;align-items:flex-start;gap:var(--sp-faq-gap,16px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:4px;padding:4px 0 12px;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}
.sp-faq--rail .sp-faq-list::-webkit-scrollbar{display:none;width:0;height:0}
.sp-faq.sp-faq--rail.sp-faq--rail-full>.sp-b{width:100%;max-width:none;padding-inline:0}
.sp-faq--rail.sp-faq--rail-full .sp-faq-list{box-sizing:border-box;width:100%;padding-inline:20px;scroll-padding-inline:20px}
.sp-faq--rail.sp-faq--rail-full .sp-faq-hd,.sp-faq--rail.sp-faq--rail-full .sp-faq-rail-nav{box-sizing:border-box;width:83.125%;max-width:var(--sp-faq-mw,1330px);margin-inline:auto}
@media(max-width:1024px){.sp-faq--rail.sp-faq--rail-full .sp-faq-hd,.sp-faq--rail.sp-faq--rail-full .sp-faq-rail-nav{width:86%}}
@media(max-width:768px){.sp-faq--rail.sp-faq--rail-full .sp-faq-hd,.sp-faq--rail.sp-faq--rail-full .sp-faq-rail-nav{width:calc(100% - 40px)}}
.sp-faq--rail .sp-faq-item,.sp-faq--rail .sp-faq-item:last-child{flex:0 0 min(var(--sp-faq-card-width,306px),calc(100% - 24px));min-width:0;border:0;border-radius:var(--sp-faq-card-radius,0px);background:var(--sp-faq-card-bg,#f0f0f0);scroll-snap-align:start;overflow-wrap:anywhere}
.sp-faq--rail .sp-faq-item:hover{background:var(--sp-faq-hv-bg,var(--sp-faq-card-bg,#f0f0f0))}
.sp-faq--rail .sp-faq-item[open]{background:var(--sp-faq-open-bg,var(--sp-faq-card-bg,#f0f0f0))}
.sp-faq--rail .sp-faq-q{position:relative;box-sizing:border-box;min-height:var(--sp-faq-card-height,220px);padding:var(--sp-faq-qpad,30px);gap:0}
.sp-faq--rail .sp-faq-q{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:calc(var(--sp-faq-qpad,30px) + 36px)}.sp-faq--rail .sp-faq-qtxt{flex:0 1 auto}
.sp-faq--rail .sp-faq-card-chip{display:inline-flex;align-items:center;padding:7px 11px;border-radius:9px;background:#fff;color:#555;font:400 12px/1.3 var(--font-pret);white-space:nowrap}
.sp-faq .sp-faq-chip-doctor{display:none}
.sp-faq[data-faq-chip="doctor"] .sp-faq-chip-doctor{display:inline}
.sp-faq[data-faq-chip="doctor"] .sp-faq-chip-default,.sp-faq[data-faq-chip="none"] .sp-faq-card-chip{display:none}
.sp-faq--rail .sp-faq-qnum{position:absolute;bottom:24px;left:var(--sp-faq-qpad,30px);font-size:var(--sp-faq-t-qnum,14px);color:var(--sp-faq-c-qnum,#666);padding:0}
.sp-faq--rail .sp-faq-ico{position:absolute;bottom:18px;right:20px;border:0;border-radius:0;width:32px;height:32px;color:var(--sp-faq-ico-c,var(--index_color,var(--sp-gold)))}
.sp-faq--rail .sp-faq-qtxt{font-size:var(--sp-faq-t-q,17px);font-weight:var(--sp-faq-w-q,600);line-height:1.65}
.sp-faq--rail .sp-faq-q:hover .sp-faq-qtxt{color:var(--sp-faq-accent,var(--sp-faq-c-q,var(--sp-text)))}
.sp-faq--rail details[open] .sp-faq-ico{color:var(--sp-faq-ico-c,var(--index_color,var(--sp-gold)))}
.sp-faq--rail .sp-faq-a{box-sizing:border-box;padding:0 var(--sp-faq-qpad,30px) 30px;font-size:var(--sp-faq-t-a,16px);line-height:1.85;max-height:none}
.sp-faq--rail .sp-faq-rail-nav{display:flex;justify-content:flex-start;gap:8px;margin-top:12px}
.sp-faq-rail-nav button{width:44px;height:44px;border:1px solid #d5d5d5;border-radius:50%;background:#fff;color:#333;font-size:20px;cursor:pointer}
.sp-faq-rail-nav button:disabled{opacity:.35;cursor:default}
.sp-faq--rail summary:focus-visible,.sp-faq--rail .sp-faq-list:focus-visible,.sp-faq-rail-nav button:focus-visible{outline:2px solid #276185;outline-offset:2px}
/* Common typography remains the default; explicit FAQ controls take precedence. */
.sp-common-frame.sp-faq .sp-sec-title{font-size:var(--sp-faq-t-sec_title,30px)!important;font-weight:var(--sp-faq-w-sec_title,600)!important}
.sp-common-frame.sp-faq .sp-faq-qtxt{font-size:var(--sp-faq-t-q,20px)!important;font-weight:var(--sp-faq-w-q,600)!important}
.sp-common-frame.sp-faq .sp-faq-a{font-size:var(--sp-faq-t-a,16px)!important;font-weight:var(--sp-faq-w-a,400)!important}
.sp-common-frame.sp-faq>.sp-b{max-width:var(--sp-faq-mw,1330px)}
@media(max-width:1024px){.sp-common-frame.sp-faq .sp-sec-title{font-size:var(--sp-faq-t-sec_title,25px)!important}}
@media(max-width:600px){.sp-common-frame.sp-faq .sp-faq-qtxt{font-size:var(--sp-faq-t-q,18px)!important}.sp-common-frame.sp-faq .sp-faq-a{font-size:var(--sp-faq-t-a,15px)!important}.sp-faq--rail .sp-faq-q{padding:var(--sp-faq-qpad,24px) var(--sp-faq-qpad,24px) calc(var(--sp-faq-qpad,24px) + 36px)}.sp-faq--rail .sp-faq-qnum{left:var(--sp-faq-qpad,24px)}.sp-faq--rail .sp-faq-a{padding-left:var(--sp-faq-qpad,24px);padding-right:var(--sp-faq-qpad,24px)}}
@media(prefers-reduced-motion:reduce){.sp-faq .sp-faq-a,.sp-faq .sp-faq-ico{transition:none!important}}


/* 근거 문헌은 본문 대비와 키보드/터치 간격을 유지한다. */
.sp-eeat-foot,.sp-eeat-foot .c_g{color:var(--sp-text,#333)}
.sp-eeat-refs li+li{margin-top:8px}
.sp-eeat-refs a{display:inline-block;min-height:24px;padding:3px 0;box-sizing:border-box;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.sp-eeat-refs a:focus-visible{outline:2px solid currentColor;outline-offset:3px}


@font-face{font-family:HivePrecisionSans;src:url(https://resumps.com/font/Pretendard-ks-VF.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:HivePrecisionDisplay;src:url(https://resumps.com/font/Condor-Light.woff2) format('woff2');font-weight:300;font-display:swap}

.sp-stats{position:relative;background:var(--be-bg,#f4f6f9);color:var(--be-ink);font-family:HivePrecisionSans,Pretendard,"Malgun Gothic",sans-serif;overflow:hidden;width:100%}
.sp-stats *{box-sizing:border-box}
.sp-stats__viewport{overflow:hidden}
.sp-stats[data-moving] .sp-stats__viewport{margin-right:68px}
.sp-stats__track{display:flex;width:100%}
.sp-stats__group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:28px 48px;margin:0;padding:24px 72px 24px 36px;width:100%;list-style:none}
.sp-stats__group li{display:flex;align-items:center;gap:16px;flex-shrink:0;margin:0;padding:0;font-size:15px;line-height:1.5;letter-spacing:-.025em;color:var(--be-ink)}
.sp-stats__group li+li:before{content:"";height:30px;border-left:1px solid #d7dce3;margin-right:28px}
.sp-stats__group .sp-stats__lead{font-size:17px!important;font-weight:500;color:var(--be-accent,#235f7b)}
.sp-stats__group strong{font-size:38px;line-height:1.1;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--be-accent,#235f7b)}
.sp-stats__group time{font-size:13px;white-space:nowrap}
.sp-stats[data-moving] .sp-stats__track{width:max-content;animation:sp-stats-scroll var(--be-duration,48s) linear infinite;will-change:transform}
.sp-stats[data-moving] .sp-stats__group{width:auto;min-width:100vw;flex-shrink:0;flex-wrap:nowrap;justify-content:space-around;padding-right:48px}
.sp-stats[data-paused] .sp-stats__track{animation-play-state:paused}
.sp-stats[data-moving]:after{content:"";position:absolute;inset:0 0 0 auto;width:94px;background:linear-gradient(90deg,transparent,var(--be-bg,#f4f6f9) 42%);pointer-events:none;z-index:1}
.sp-stats__toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:1px solid #dce3eb;border-radius:14px;background:#fff;color:#334155;box-shadow:0 2px 6px rgba(15,23,42,.04);cursor:pointer;padding:0;z-index:2;transition:background .18s,border-color .18s,box-shadow .18s}
.sp-stats__toggle svg{display:block;width:18px;height:18px}
.sp-stats__toggle .sp-stats__play{display:none}
.sp-stats__toggle[aria-pressed=true] .sp-stats__pause{display:none}
.sp-stats__toggle[aria-pressed=true] .sp-stats__play{display:block}
.sp-stats__toggle[hidden]{display:none}
.sp-stats__toggle:focus-visible{outline:3px solid #334155;outline-offset:3px}
@media(hover:hover){.sp-stats__toggle:hover{background:#eef4fa;border-color:#bbc9d9;box-shadow:0 3px 10px rgba(15,23,42,.09)}}
.sp-ext-crd-common.sp-ext-stats{position:relative;padding:0;min-height:0}
@keyframes sp-stats-scroll{to{transform:translateX(-50%)}}
@media(hover:hover){.sp-stats:hover .sp-stats__track{animation-play-state:paused}}
@media(max-width:600px){.sp-stats__group{padding:24px 20px;gap:24px;justify-content:flex-start}.sp-stats__group li{font-size:14px}.sp-stats__lead{font-size:15px!important}.sp-stats__group strong{font-size:30px}.sp-stats__group li+li:before{margin-right:8px}.sp-stats[data-moving] .sp-stats__group{padding:20px 32px;gap:32px}.sp-stats:not([data-moving]) .sp-stats__group li:before{display:none}.sp-stats:not([data-moving]) .sp-stats__group li{width:100%;justify-content:space-between}.sp-stats__toggle{right:8px}}
@media(prefers-reduced-motion:reduce){.sp-stats .sp-stats__track{animation:none!important;transform:none!important}}

.sp-ext-stats{padding:0;margin:0;max-width:none;position:relative;content-visibility:visible!important;contain-intrinsic-size:none!important}
[data-sp-precision],.sp-stats{font-size:16px;line-height:normal}
/* 2026-10-06: 정밀 배치·수치 띠 섹션도 다른 섹션처럼 위로 1px 겹친다(sub_tpl 이 모든 섹션에 주는 위쪽 겹침 값).
   여기서 0 으로 되돌리면 섹션 높이가 소수점일 때 경계에 바탕색이 가는 선으로 비친다(화면 배율 125% 등). */

body:not(.sp-edit) [data-sp-precision] .sp-ext-crd-side-ph,body:not(.sp-edit) [data-sp-precision] [data-ph]:empty{display:none!important}

body:not(.sp-edit) #sp-sections .sp-ext-crd-common :is(.sp-ext-crd-custom-html,.sp-ext-crd-after-html):empty {display:none!important}
body:not(.sp-edit) #sp-sections .sp-ext-crd-common .sp-ext-crd-diagram:not(:has(.sp-ext-crd-diagram-item)),
body:not(.sp-edit) #sp-sections .sp-ext-crd-common .sp-ext-crd-bottom:not(:has(.sp-ext-crd-bottom-title:not(:empty),.sp-ext-crd-bottom-subtitle:not(:empty),.sp-ext-crd-bottom-text:not(:empty),.sp-ext-crd-bottom-cta:not(:empty))) {display:none!important}

/* Full-bleed hero cards need their own editing surface; never change visitor layout. */

@media screen and (prefers-reduced-motion:no-preference){body:not(.sp-edit) [data-sp-precision] [data-sp-pending]{opacity:0}}
@media(prefers-reduced-motion:reduce){[data-sp-precision] *,[data-sp-precision] *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{[data-sp-precision] *{opacity:1!important;transform:none!important;clip-path:none!important}.sp-stats [aria-hidden=true]{display:none}.sp-stats__track{animation:none!important;transform:none!important}.sp-stats__toggle{display:none}}

/* Applied values are informational; source details never change page content. */


/* Common card option: minimal. No clinic names, page IDs or content URLs. */
.sp-ext-crd--editorial{--sp-common-line:#dedbd7}
.sp-ext-crd--editorial .sp-sec-title{font-weight:var(--sty-w-title,400);line-height:1.25}
.sp-ext-crd--editorial .sp-ext-crd-desc,.sp-ext-crd--editorial .sp-ext-crd-body{line-height:1.9}
.sp-ext-crd--editorial .sp-ext-crd-link-button,.sp-ext-crd--editorial .sp-ext-crd-bottom-cta{overflow:visible;min-height:44px}
.sp-ext-crd--editorial.sp-ext-crd--btn-arrow .sp-ext-crd-link-button{padding-right:28px}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq .sp-ext-crd-grid{border-top:1px solid var(--sp-common-line)}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq .sp-ext-crd-faq-item{border-bottom-color:var(--sp-common-line)}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq .sp-ext-crd-faq-num{color:var(--sty-c-itemt,#615b54);font-weight:400}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq .sp-ext-crd-faq-icon{color:var(--sty-c-itemt,#292929);background:transparent;border-radius:0;font-weight:400}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq .sp-ext-crd-faq-title{font-size:var(--sty-t-itemt,18px);font-weight:400}
.sp-ext-crd--editorial.sp-ext-crd--info-chips .sp-ext-crd-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:start}
.sp-ext-crd--info-chips .sp-ext-crd-faq-q{grid-template-columns:1fr 24px;min-height:82px;padding:20px 22px}
.sp-ext-crd--info-chips .sp-ext-crd-faq-num{display:none}
.sp-ext-crd--info-chips .sp-ext-crd-faq-title{font-size:16px!important}
.sp-ext-crd--info-chips .sp-ext-crd-faq-answer{padding:0 22px 24px;font-size:15px;line-height:1.8}
.sp-ext-crd--info-chips .sp-common-faq-link{margin:0 22px 24px}
.sp-common-faq-link{display:inline-flex;align-items:center;gap:24px;padding:10px 0;margin:0 0 20px 54px;border-bottom:1px solid currentColor;font-size:14px;min-height:44px;color:inherit}
.sp-common-side-caption{position:absolute;right:0;bottom:8%;width:var(--sp-crd-side-w,50%);padding:24px 4%;text-align:center;color:#fff;white-space:pre-line;font-size:18px;line-height:1.9;z-index:2;box-sizing:border-box}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side{min-height:620px;padding:0}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side>.sp-b{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto 1fr;align-items:center;width:100%!important;max-width:none!important;padding:0;gap:0;min-height:620px}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side .sp-ext-crd-side{grid-column:2;grid-row:1/4;height:620px;min-height:0;align-self:stretch}
.sp-ext-crd--editorial.sp-ext-crd--role-hero .sp-ext-crd-side:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#211a1480);pointer-events:none}
.sp-ext-crd--editorial.sp-ext-crd--role-hero>.sp-b>.sp-sec-title{grid-column:1;grid-row:2;padding:0 7%;margin:0}
.sp-ext-crd--editorial.sp-ext-crd--role-hero>.sp-b>.sp-ext-crd-bottom{grid-column:1;grid-row:3;padding:25px 7%;align-self:start;margin:0}
body:not(.sp-edit) .sp-ext-crd--editorial.sp-ext-crd--role-hero .sp-ext-crd-grid:has(.sp-item-empty){display:none}
.sp-common-card-icon{position:relative;width:76px;height:76px;flex:none;margin-bottom:24px}
.sp-common-card-icon img{display:block;width:100%;height:100%;object-fit:contain}
/* Empty upload slots belong to edit mode, including authenticated previews. */
body:not(.sp-edit) .sp-common-card-icon-empty{display:none!important}

.sp-common-decoration{position:absolute;right:18px;top:50%;transform:translateY(-50%);height:min(420px,70%);width:auto;max-width:65px;object-fit:contain;opacity:.15;pointer-events:none}
.hive-minimal-nav .hive_sub_nav,.hive-minimal-nav .hive_sub_nav>*,.hive-minimal-nav .hive_sub_nav__home,.hive-minimal-nav .hive_sub_nav__item{border:0!important;box-shadow:none!important}
.sp-ext-crd--editorial a:focus-visible,.sp-ext-crd--editorial summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:768px){
.sp-ext-crd--editorial.sp-ext-crd--info-chips .sp-ext-crd-grid{grid-template-columns:1fr}
.sp-ext-crd--info-chips .sp-ext-crd-faq-q{min-height:64px;padding:16px 12px}
.sp-ext-crd--info-chips .sp-ext-crd-faq-answer{padding:0 12px 20px}
.sp-ext-crd--info-chips .sp-common-faq-link{margin-left:12px}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq .sp-ext-crd-faq-title{font-size:16px}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side>.sp-b{display:flex;min-height:0;flex-direction:column;width:100%!important;gap:0}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side{min-height:0}
.sp-ext-crd--editorial.sp-ext-crd--role-hero>.sp-b>.sp-sec-title{order:0;padding:50px 20px 0;width:100%;font-size:36px}
.sp-ext-crd--editorial.sp-ext-crd--role-hero>.sp-b>.sp-ext-crd-bottom{order:1;padding:15px 20px 38px;width:100%}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side .sp-ext-crd-side{order:2;width:100%;height:400px;margin:0;min-height:0}
.sp-common-side-caption{bottom:28px;width:100%;font-size:15px}
.sp-common-decoration{display:none}
.sp-common-card-icon{width:58px;height:58px}
.sp-ext-crd--editorial.sp-ext-crd--introleft .sp-sec-title{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.sp-ext-crd--editorial *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side .sp-ext-crd-side{margin:0!important}
body:not(.sp-edit) .sp-ext-crd--editorial .sp-item-empty{display:none!important}
body:not(.sp-edit) .sp-ext-crd--editorial .sp-ext-crd-grid:has(>.sp-item-empty:only-child){display:none!important}
.sp-ext-crd--editorial.sp-ext-crd--role-doctor .sp-ext-crd-side img{object-position:center top}
.hive-minimal-nav{border:0!important;box-shadow:none!important}
.sp-ext-crd--editorial.sp-ext-crd--info-chips .sp-ext-crd-grid{border-top:1px solid #dedbd7!important}
.sp-ext-crd--editorial.sp-ext-crd--info-chips .sp-ext-crd-faq-item{border-bottom:1px solid #dedbd7!important}
#sp-sections>.sp-ext-crd--editorial{content-visibility:visible!important;contain-intrinsic-size:none!important}
body:not(.sp-edit) .sp-ext-crd--editorial .sp-ext-crd-grid:empty{display:none!important}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq details[open] .sp-ext-crd-faq-icon{background:transparent!important;color:var(--sty-c-itemt,#292929)!important;border-radius:0}
/* All refinements are selected through common builder options. */
.sp-ext-crd--editorial>.sp-b>.sp-sec-title{font-size:var(--sty-t-title,42px)!important;letter-spacing:normal}
.sp-common-side-caption{bottom:var(--hc-caption-bottom,10%);padding:0 5%;white-space:normal;display:flex;flex-direction:column;gap:var(--hc-caption-gap,12px);text-align:center}
.sp-common-side-caption p{margin:0!important;color:#fff;line-height:1.4;font-weight:400;letter-spacing:normal}
.sp-common-side-caption .caption_top{font-size:var(--hc-caption-top-size,16px)!important}
.sp-common-side-caption .caption_title{font-size:var(--hc-caption-title-size,42px)!important}
.sp-common-side-caption .caption_bottom{font-size:var(--hc-caption-bottom-size,15px)!important}
[data-hc-caption-align="left"] .sp-common-side-caption{text-align:left}
[data-hc-caption-align="right"] .sp-common-side-caption{text-align:right}
[data-hc-faq-icon-style="thin"] .sp-ext-crd-faq-icon{position:relative;width:20px;height:20px;min-width:20px;font-size:0!important;line-height:0!important;transform:none!important;background:transparent!important}
[data-hc-faq-icon-style="thin"] .sp-ext-crd-faq-icon:before,[data-hc-faq-icon-style="thin"] .sp-ext-crd-faq-icon:after{content:'';position:absolute;left:2px;top:9px;width:16px;height:1px;background:currentColor;transition:transform .28s ease}
[data-hc-faq-icon-style="thin"] .sp-ext-crd-faq-icon:after{transform:rotate(90deg)}
[data-hc-faq-icon-style="thin"] details[open] .sp-ext-crd-faq-icon:before{transform:rotate(45deg)}
[data-hc-faq-icon-style="thin"] details[open] .sp-ext-crd-faq-icon:after{transform:rotate(135deg)}
.sp-ext-crd--info-chips .sp-ext-crd-faq-q{border-bottom:1px solid transparent}
.sp-ext-crd--info-chips details[open] .sp-ext-crd-faq-q{background:#faf9f7;border-bottom-color:#82776a}
.sp-ext-crd--info-chips .sp-ext-crd-faq-answer{font-size:15px;color:#605b55;line-height:1.85;padding-top:24px}
.hive-modern-nav .hive_sub_nav__inner{gap:8px;width:min(1200px,calc(100% - 64px));margin:auto;justify-content:flex-start;flex-wrap:wrap}
.hive-modern-nav .hive_sub_nav__home{width:40px;height:40px;min-width:40px;border-radius:8px;background:#fcfcfc}
.hive-modern-nav .hive_snav_drop{border:0!important;flex:0 0 auto;min-width:0;max-width:100%}
.hive-modern-nav .hive_snav_btn{box-sizing:border-box;width:max-content;max-width:100%;height:auto;min-height:64px;padding:12px 24px;gap:16px;border:0!important;font-size:14px;background:transparent}
/* Keep the arrow in the intrinsic button width, including after font or label changes. */
.hive-modern-nav .hive_snav_btn__text{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left}
.hive-modern-nav .hive_snav_btn__arrow{position:static;top:auto;right:auto;flex:0 0 7px;transform:rotate(45deg)}
.hive-modern-nav .hive_snav_drop.open .hive_snav_btn__arrow{transform:rotate(-135deg)}
.hive-modern-nav .hive_snav_list{top:calc(100% - 4px);border:1px solid #eeece9!important;border-radius:11px;box-shadow:0 14px 32px #2222220b;padding:6px 0;overflow:hidden;min-width:220px}
.hive-modern-nav .hive_snav_item{font-size:14px;padding:12px 16px;min-height:44px;line-height:1.5}
.hive-modern-nav .hive_snav_item.is-active{background:#f3f3f3;color:#302b27;font-weight:600}
.hive-modern-nav .hive_snav_btn:focus-visible{outline:1px solid #73685d;outline-offset:-4px}
.sp-ext-crd-common[data-hc-common-composition="full_banner"]>.sp-b{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
.sp-ext-crd-common[data-hc-common-composition="full_banner"]>.sp-b>.sp-ext-crd-desc{max-width:1200px;padding:0 24px;margin-left:auto;margin-right:auto}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-grid{margin-top:50px!important}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-item{border:0!important;border-radius:0!important}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-thumb{width:100%!important;max-width:none!important;aspect-ratio:auto!important;margin:0!important}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-thumb img{height:auto!important;width:100%!important;display:block}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-content{position:absolute!important;inset:0!important;padding:24px!important;display:flex!important;align-items:center;justify-content:center;background:#0001!important;pointer-events:none}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-title{font-size:var(--sty-t-itemt,56px)!important;font-weight:400!important;line-height:1.3!important;letter-spacing:.04em;color:#fff!important;margin:0!important;min-width:0;max-width:100%;text-align:center!important;overflow-wrap:break-word}
.sp-ext-crd-common[data-hc-common-composition="media_first"]>.sp-b{display:block!important;text-align:center}
.sp-ext-crd-common[data-hc-common-composition="media_first"] .sp-ext-crd-side{float:none!important;width:min(var(--sp-crd-quick-img-mw,680px),100%)!important;margin:0 auto 44px!important;height:auto!important;min-height:0!important}
.sp-ext-crd-common[data-hc-common-composition="media_first"] .sp-ext-crd-side img{position:static!important;height:auto!important;object-fit:contain!important}
.sp-ext-crd-common[data-hc-common-composition="media_first"]>.sp-b>.sp-sec-title,.sp-ext-crd-common[data-hc-common-composition="media_first"]>.sp-b>.sp-ext-crd-desc{width:100%!important;max-width:950px!important;margin-left:auto!important;margin-right:auto!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-item{border-top:1px solid #ffffff5c!important;overflow:visible!important;background:transparent!important;border-radius:0!important;min-height:0!important;aspect-ratio:auto!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-item>.sp-ext-crd-thumb{display:none!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-content{position:relative!important;inset:auto!important;padding:28px 0 0!important;background:transparent!important;display:flex;flex-direction:column;min-height:0!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-content:before,.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-content:after{display:none!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-title{font-weight:400!important;line-height:1.55!important;margin:0 0 22px!important;color:#fff!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-body{font-weight:400!important;color:#f3efea!important;line-height:1.85!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-common-card-icon{order:3;width:88px;height:88px;margin:34px 0 0}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-grid{gap:45px!important;margin-top:60px!important}
.sp-ext-crd-common[data-hc-common-composition="numbered_list"] .sp-ext-crd-item{border:0!important;border-bottom:1px solid #d8d3cd!important;border-radius:0!important;overflow:visible}
.sp-ext-crd-common[data-hc-common-composition="numbered_list"] .sp-ext-crd-content{position:relative;padding:18px 0 18px 42px!important}
.sp-ext-crd-common[data-hc-common-composition="numbered_list"] .sp-ext-crd-num{display:block!important;position:absolute!important;left:0;top:21px;font-size:13px!important;font-weight:400;color:var(--sp-crd-num-fg,var(--sp-crd-number-color,#756b61))!important;opacity:1!important;line-height:1.5}
.sp-ext-crd-common[data-hc-common-composition="numbered_list"] .sp-ext-crd-grid{gap:0!important}
.sp-ext-crd-common[data-hc-common-composition="flush_side"]{padding-top:0!important;padding-bottom:0!important}
.sp-ext-crd-common[data-hc-common-composition="flush_side"]>.sp-b{padding-top:0!important;padding-bottom:0!important}
.sp-ext-crd-common[data-hc-common-composition="flush_side"] .sp-ext-crd-side{margin-top:0!important;margin-bottom:0!important;align-self:stretch}
@media(min-width:769px){.sp-ext-crd-common[data-hc-common-composition="flush_side"] .sp-ext-crd-side{height:100%!important;min-height:530px!important}.sp-ext-crd-common[data-hc-common-composition="flush_side"]>.sp-b>.sp-sec-title{padding-top:54px}.sp-ext-crd-common[data-hc-common-composition="flush_side"]>.sp-b>.sp-ext-crd-bottom{padding-bottom:54px}}
@media(max-width:768px){
.sp-ext-crd--editorial>.sp-b>.sp-sec-title{font-size:var(--hc-t-title-mo,var(--sty-t-title,30px))!important}
.sp-common-side-caption{bottom:var(--hc-caption-bottom,10%);padding:0 24px}
.sp-common-side-caption .caption_top{font-size:var(--hc-caption-top-size-mo,14px)!important}
.sp-common-side-caption .caption_title{font-size:var(--hc-caption-title-size-mo,30px)!important}
.sp-common-side-caption .caption_bottom{font-size:var(--hc-caption-bottom-size-mo,13px)!important}
.hive-modern-nav .hive_sub_nav__inner{width:calc(100% - 24px);gap:0 8px}
.hive-modern-nav .hive_snav_btn{padding:12px;gap:10px;height:auto;min-height:56px;font-size:13px}
.hive-modern-nav #hiveSnavMain,.hive-modern-nav #hiveSnavSub{flex:0 0 auto;min-width:0;max-width:100%}
.hive-modern-nav #hiveSnavSub .hive_snav_list{left:var(--hive-snav-shift,0px);right:auto;min-width:min(250px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-thumb img{min-height:210px;object-fit:cover!important}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-title{font-size:var(--hc-t-itemt-mo,30px)!important}
.sp-ext-crd-common[data-hc-common-composition="media_first"] .sp-ext-crd-side{margin-bottom:30px!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-grid{gap:32px!important;margin-top:36px!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-common-card-icon{width:65px;height:65px;margin-top:24px}
.sp-ext-crd-common[data-hc-common-composition="flush_side"]>.sp-b>.sp-sec-title{padding-top:30px}
.sp-ext-crd-common[data-hc-common-composition="flush_side"]>.sp-b>.sp-ext-crd-bottom{padding-bottom:32px}
}
@media(prefers-reduced-motion:reduce){[data-hc-faq-icon-style="thin"] .sp-ext-crd-faq-icon:before,[data-hc-faq-icon-style="thin"] .sp-ext-crd-faq-icon:after{transition:none}}

.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-item:after{display:none!important}

.hive-modern-nav .hive_snav_item:focus-visible{outline:1px solid #756a5d;outline-offset:-4px;background:#f6f5f3}
@media(max-width:768px){
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-item{isolation:isolate;overflow:hidden!important;padding:28px 22px;border:0!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-item>.sp-ext-crd-thumb{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;z-index:-2}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-thumb img{height:100%!important;object-fit:cover!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-item:after{display:block!important;content:'';position:absolute;inset:0;z-index:-1;background:#15110ed0}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-title{font-size:var(--hc-t-itemt-mo,23px)!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-content{padding:0!important}
}

/* Optional background crossfade and responsive auxiliary icon size. */
.sp-ext-crd-common .sp-common-card-icon{width:var(--hc-card-icon-size,76px);height:var(--hc-card-icon-size,76px)}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-common-card-icon{width:var(--hc-card-icon-size,88px);height:var(--hc-card-icon-size,88px)}
.sp-common-feature-backdrop{position:absolute;inset:0;pointer-events:none}
.sp-common-feature-backdrop img{opacity:0;transition:opacity .65s ease;will-change:opacity}
.sp-common-feature-backdrop img.is-active{opacity:1}
[data-hc-feature-background-motion="fade"] .sp-ext-crd-item:focus-visible{outline:1px solid currentColor;outline-offset:8px}
@media(max-width:768px){.sp-ext-crd-common .sp-common-card-icon,.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-common-card-icon{width:var(--hc-card-icon-size-mo,58px);height:var(--hc-card-icon-size-mo,58px)}.sp-common-feature-backdrop{display:none}}
@media(prefers-reduced-motion:reduce){.sp-common-feature-backdrop img{transition:none}}

.sp-ext-crd--editorial.sp-ext-crd--role-hero>.sp-b>.sp-common-hero-heading{grid-column:1;grid-row:2;padding:0 7%;margin:0;min-width:0}
.sp-common-hero-heading>.sp-sec-title{font-size:var(--sty-t-title,52px)!important;font-weight:var(--sty-w-title,400);line-height:1.25;margin:0!important;padding:0!important;letter-spacing:normal}
.sp-common-hero-heading>.sp-common-hero-h1{font-size:var(--hc-hero-h1-size,22px)!important;color:var(--sty-c-title,#292929);font-weight:400;line-height:1.6;margin:22px 0 0;letter-spacing:-.02em}
@media(max-width:768px){.sp-ext-crd--editorial.sp-ext-crd--role-hero>.sp-b>.sp-common-hero-heading{order:0;width:100%;padding:50px 20px 0}.sp-common-hero-heading>.sp-sec-title{font-size:var(--hc-t-title-mo,32px)!important}.sp-common-hero-heading>.sp-common-hero-h1{font-size:var(--hc-hero-h1-size-mo,18px)!important;margin-top:18px}}

/* Common page navigation selection is independent of any hero section. */
.hive_sub_nav.hive-minimal-nav{border:0!important;box-shadow:none!important}

.hive-modern-nav .hive_snav_list{overflow-y:auto}

/* Apply the existing image-motion option to the hero's side image as well. */
.sp-ext-crd--role-hero.sp-ext-crd--imgmotion-curtain_left{--hc-side-curtain:crdCurtainLeft}
.sp-ext-crd--role-hero.sp-ext-crd--imgmotion-curtain_right{--hc-side-curtain:crdCurtainRight}
.sp-ext-crd--role-hero.sp-ext-crd--imgmotion-curtain_top{--hc-side-curtain:crdCurtainTop}
.sp-ext-crd--role-hero.sp-ext-crd--imgmotion-curtain_bottom{--hc-side-curtain:crdCurtainBottom}
.sp-ext-crd--role-hero.sp-ext-crd--imgmotion-curtain_center{--hc-side-curtain:crdCurtainCenter}
.sp-ext-crd--role-hero[class*="sp-ext-crd--imgmotion-curtain_"] .sp-ext-crd-side{animation:var(--hc-side-curtain) 1.25s cubic-bezier(.22,.68,.12,1) both}
.sp-ext-crd--role-hero[class*="sp-ext-crd--imgmotion-curtain_"] .sp-common-side-caption{animation:hcSideCaption .75s .42s ease-out both}
.sp-ext-crd--role-hero.hc-side-motion:not(.hc-side-visible) .sp-ext-crd-side,
.sp-ext-crd--role-hero.hc-side-motion:not(.hc-side-visible) .sp-common-side-caption{animation-play-state:paused}
@keyframes hcSideCaption{from{opacity:0}to{opacity:1}}

@media(prefers-reduced-motion:reduce){.sp-ext-crd--role-hero .sp-ext-crd-side,.sp-ext-crd--role-hero .sp-common-side-caption{animation:none!important;clip-path:none!important}}

/* Reusable detail composition: quiet heading rail, original image, structured facts. */
.sp-ext-crd-common[data-hc-common-composition="layer_detail"]>.sp-b{border-top:1px solid #dedbd7;padding-top:36px!important}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-eyebrow{font-size:14px;letter-spacing:.08em;color:var(--sty-c-desc,#777);margin-bottom:18px}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-sec-title{margin-bottom:22px;line-height:1.3}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-desc{line-height:1.9;max-width:260px}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-thumb{margin:0!important;aspect-ratio:auto!important}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-thumb img{display:block;width:100%;height:auto}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-content{padding:var(--hc-image-text-gap,32px) 0 0!important}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-points{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:36px;width:100%;margin:0!important;border:0!important}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point{display:block;border:0;border-top:1px solid #dedbd7;padding:18px 0 0!important;min-width:0}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point-marker{display:none}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point-title{font-size:14px;font-weight:500;line-height:1.5;color:var(--sty-c-itemt,#292929)}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point-desc{margin:10px 0 0;font-size:var(--sty-t-itemd,16px);line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:768px){
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"]>.sp-b{padding-top:28px!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-eyebrow{margin-bottom:12px;font-size:13px}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-sec-title{margin-bottom:14px}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-desc{max-width:none;margin-bottom:0;line-height:1.8}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-grid{margin-top:28px!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-content{padding-top:var(--hc-image-text-gap-mo,24px)!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-points{grid-template-columns:1fr;gap:20px}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point{padding-top:14px!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point-text{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point-desc{margin:0;font-size:15px;line-height:1.8}
}

/* Informational pills are labels, not fake links or buttons. */
.sp-common-point-pills{display:none}
body:not(.sp-edit) [data-hc-detail-secondary-style="pills"] .sp-ext-crd-point:nth-child(2) .sp-ext-crd-point-title,
body:not(.sp-edit) [data-hc-detail-secondary-style="pills"] .sp-ext-crd-point:nth-child(2) .sp-ext-crd-point-desc{display:none!important}
body:not(.sp-edit) [data-hc-detail-secondary-style="pills"] .sp-common-point-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sp-common-point-pills>span{display:inline-block;padding:7px 15px;border:1px solid #e1ded9;border-radius:999px;background:transparent;color:var(--sty-c-itemt,#34312d);font-size:14px;line-height:1.5;max-width:100%;overflow-wrap:anywhere;word-break:keep-all}
@media(max-width:768px){body:not(.sp-edit) [data-hc-detail-secondary-style="pills"] .sp-ext-crd-point:nth-child(2) .sp-ext-crd-point-text{display:block}.sp-common-point-pills>span{font-size:13px;padding:7px 13px}}

/* Modern navigation: underline the current path; clearly mark the selected item. */
.hive-modern-nav #hiveSnavSub>.hive_snav_btn:after{content:'';position:absolute;left:24px;right:24px;bottom:10px;height:1px;background:#302c28;pointer-events:none}
.hive-modern-nav .hive_snav_list{box-sizing:border-box;left:var(--hive-snav-shift,0px);right:auto;width:max-content;min-width:min(260px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:var(--hive-snav-max-height,320px);overflow:auto;padding:8px;border:0!important;border-radius:12px;background:#fff;box-shadow:0 12px 40px rgba(39,34,29,.12),0 0 0 1px rgba(39,34,29,.06)}
.hive-modern-nav .hive_snav_item{position:relative;margin:2px 0;padding:12px 40px 12px 16px;border-radius:7px;min-height:44px;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;line-height:1.55;font-size:14px;font-weight:400;color:#56514b;transition:background .18s ease,color .18s ease}
.hive-modern-nav .hive_snav_item:hover,.hive-modern-nav .hive_snav_item:focus-visible{background:#f4f3f1;color:#242220}
.hive-modern-nav .hive_snav_item.is-active,.hive-modern-nav .hive_snav_item.is-active:hover,.hive-modern-nav .hive_snav_item.is-active:focus-visible{background:#302c28;color:#fff;font-weight:500}
.hive-modern-nav .hive_snav_item.is-active:after{content:'';position:absolute;right:17px;top:calc(50% - 4px);width:8px;height:5px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg)}
.hive-modern-nav .hive_snav_item:focus-visible{outline:1px solid currentColor;outline-offset:-4px}
@media(max-width:768px){.hive-modern-nav #hiveSnavSub>.hive_snav_btn:after{left:12px;right:12px;bottom:7px}.hive-modern-nav .hive_snav_item{font-size:13px;padding-top:12px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.hive-modern-nav .hive_snav_item{transition:none}}

/* Structured diagrams: all labels and relationships are editable HTML, never a text image. */
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-grid,
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:56px;overflow:visible}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-item,
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item{position:relative;min-width:0;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;transform:none!important;height:auto!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-item{border-top:1px solid #d8d5d0!important;padding:32px 0!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-item:last-child{border-bottom:1px solid #d8d5d0!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-content{display:grid!important;grid-template-columns:minmax(170px,30%) minmax(0,1fr);column-gap:36px;align-content:start;padding:0 0 0 70px!important;min-height:98px;position:relative;text-align:left}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-num{display:block!important;position:absolute;left:0;top:3px;font-size:14px!important;font-weight:400;color:#827b73!important;opacity:1!important;line-height:1.5;margin:0!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-tag{grid-column:1;grid-row:1;font-size:15px!important;line-height:1.6;color:#78716a;margin:0 0 6px!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-title{grid-column:1;grid-row:2;font-size:var(--sty-t-itemt,38px)!important;line-height:1.2;margin:0!important;letter-spacing:-.025em;overflow-wrap:anywhere}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-points{grid-column:2;grid-row:1 / span 3;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:20px 24px!important;width:100%!important;margin:0!important;border:0!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-point{display:block!important;min-width:0;border:0!important;padding:0!important;margin:0!important;background:transparent!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-point-marker{display:none!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-point-title{font-size:17px!important;font-weight:400;line-height:1.6;color:#302c28}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-point-desc{font-size:11.5px!important;line-height:1.5;color:#78716a;letter-spacing:.045em;margin:3px 0 0!important;overflow-wrap:anywhere}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-body{grid-column:1 / -1;line-height:1.8;margin-top:18px}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-grid{position:relative;padding:16px 0 0;counter-reset:care-step}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-grid:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d6d1ca;pointer-events:none}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item{width:calc(50% - 48px)!important;min-height:152px;padding:0 0 34px!important;counter-increment:care-step;display:flex!important;gap:28px;align-items:center}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:nth-child(odd){justify-self:start;text-align:right;flex-direction:row}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:nth-child(even){justify-self:end;text-align:left;flex-direction:row-reverse}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:before{content:counter(care-step,decimal-leading-zero);position:absolute;top:32px;right:-65px;display:grid;place-items:center;width:34px;height:34px;background:#fff;border:1px solid #b4aca2;border-radius:50%;font-size:12px;line-height:1;color:#48413a}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:nth-child(even):before{right:auto;left:-65px}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:after{content:'';position:absolute;right:-30px;top:49px;width:20px;height:1px;background:#b4aca2}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:nth-child(even):after{right:auto;left:-30px}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-thumb{flex:0 0 112px!important;width:112px!important;height:126px!important;aspect-ratio:8 / 9!important;margin:0!important;border-radius:0!important;overflow:hidden}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-thumb img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;max-height:none!important}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-content{display:block!important;padding:12px 0!important;flex:1;min-width:0;background:transparent!important}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-tag{display:block;font-size:12px!important;letter-spacing:.08em;color:#78716a;line-height:1.5;margin:0 0 12px!important}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-title{font-size:var(--sty-t-itemt,24px)!important;font-weight:400;line-height:1.6;margin:0!important;word-break:keep-all;overflow-wrap:anywhere}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-body{margin-top:14px;line-height:1.8}
@media(max-width:1000px){
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item{gap:18px}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-thumb{flex-basis:76px!important;width:76px!important;height:108px!important}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-title{font-size:21px!important}
}
@media(max-width:768px){
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-grid,
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-grid{margin-top:32px}
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-item{padding:26px 0!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-content{display:block!important;padding-left:36px!important;min-height:0}
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-title{font-size:var(--hc-t-itemt-mo,30px)!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-tag{font-size:14px!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px!important;margin-top:24px!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-point-title{font-size:16px!important}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-grid{padding:0 0 0 44px}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-grid:before{left:15px;bottom:32px}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:nth-child(n){justify-self:stretch;width:100%!important;flex-direction:row-reverse;text-align:left;gap:16px;min-height:134px;padding:0 0 28px!important}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:nth-child(n):before{left:-44px;right:auto;top:22px;width:30px;height:30px;font-size:11.5px}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:after{display:none}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-thumb{flex-basis:68px!important;width:68px!important;height:92px!important}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-title{font-size:var(--hc-t-itemt-mo,19px)!important;line-height:1.55}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-tag{font-size:11.5px!important;margin-bottom:8px!important}
}

/* The same image framing is used by saved HTML and the builder preview. */
.sp-ext-crd-common .sp-ext-crd-thumb[data-hc-crop="1"]{position:relative!important;aspect-ratio:var(--hc-crop-ratio,1)!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:0!important}
.sp-ext-crd-common .sp-ext-crd-thumb[data-hc-crop="1"]>img{position:absolute!important;display:block!important;max-width:none!important;max-height:none!important;width:var(--hc-crop-width)!important;height:var(--hc-crop-height)!important;left:var(--hc-crop-left)!important;top:var(--hc-crop-top)!important;object-fit:fill!important;transform:none!important;border-radius:0!important}

.sp-ext-crd-common[data-hc-common-composition="image_callouts"]>.sp-b{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'eyebrow' 'title' 'desc' 'diagram' 'bottom';position:relative;gap:0!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-eyebrow{grid-area:eyebrow;justify-self:center;margin:0 0 12px!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-sec-title{grid-area:title;text-align:center!important;margin:0!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-desc{grid-area:desc;text-align:center!important;margin:20px auto 0!important;max-width:760px}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-side{grid-area:diagram;position:relative!important;inset:auto!important;width:52%!important;height:auto!important;min-height:0!important;justify-self:center;align-self:center;overflow:visible!important;margin:50px 0 0!important;z-index:0}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-side img{position:relative!important;display:block;width:100%!important;height:auto!important;object-fit:contain!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-grid{grid-area:diagram;position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(var(--hc-callout-rows,4),minmax(72px,1fr));grid-auto-flow:column;gap:22px 52%!important;margin:80px 0 30px!important;align-items:center;overflow:visible}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-item{min-width:0;border:0!important;border-radius:999px!important;background:#f6f5f3!important;box-shadow:none;padding:18px 14px!important;text-align:center;overflow:visible!important;height:auto!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-content{display:block!important;padding:0!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-tag{display:block;margin:0 0 6px!important;text-align:center!important;font-size:12px!important;color:#817971;letter-spacing:.03em}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-title{font-size:16px!important;line-height:1.6;margin:0!important;word-break:keep-all;overflow-wrap:anywhere;font-weight:400}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-bottom{grid-area:bottom}

.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-grid{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px!important;margin:0!important}
.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-item{flex:0 1 auto!important;width:auto!important;min-width:0;max-width:100%;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;overflow:visible}
.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-content{display:block!important;padding:0 0 0 23px!important;position:relative}
.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-content:before{content:'';position:absolute;left:2px;top:9px;width:9px;height:5px;border-left:1.5px solid #9c8371;border-bottom:1.5px solid #9c8371;transform:rotate(-45deg)}
.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-title,.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-body{font-size:16px!important;line-height:1.65;margin:0!important;color:#57514b;word-break:keep-all;overflow-wrap:anywhere}

.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important;margin-top:42px}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-item{position:relative;background:#f6f4f1!important;border:0!important;border-radius:40% 40% 40% 40%!important;padding:50px 32px!important;overflow:visible!important;text-align:center}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-content{display:flex!important;flex-direction:column;padding:0!important;align-items:center}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-title{font-size:var(--sty-t-itemt,26px)!important;line-height:1.5;margin:0 0 24px!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-points{display:grid!important;grid-template-columns:1fr;gap:12px!important;margin:0!important;width:100%}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-point{display:block!important;padding:0!important;border:0!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-point-marker{display:none!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-point-title{font-size:16px!important;line-height:1.65;font-weight:400}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-item:not(:last-child):after{content:'+';position:absolute;right:-26px;top:calc(50% - 20px);font-size:26px;font-weight:300;color:#73685e;line-height:40px;width:20px;text-align:center}
@media(max-width:768px){
 .sp-ext-crd-common[data-hc-common-composition="image_callouts"]>.sp-b{grid-template-areas:'eyebrow' 'title' 'desc' 'image' 'diagram' 'bottom'}
 .sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-side{grid-area:image;width:min(80%,420px)!important;margin-top:32px!important}
 .sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-grid{grid-template-rows:none;grid-auto-flow:row;gap:12px!important;margin:24px 0 0!important}
 .sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-item{padding:18px 10px!important;border-radius:18px!important;align-self:stretch;display:flex;align-items:center;justify-content:center}
 .sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-title{font-size:15px!important;line-height:1.6}
 .sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-grid{justify-content:flex-start;gap:12px 20px!important}
 .sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-title,.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-body{font-size:15px!important}
 .sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-grid{grid-template-columns:1fr!important;gap:42px!important;margin-top:30px}
 .sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-item{padding:36px 22px!important;border-radius:36px!important}
 .sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-item:not(:last-child):after{right:auto;left:calc(50% - 10px);top:auto;bottom:-41px}
}

.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:44px;overflow:visible}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-common-equipment-group{grid-column:1 / -1;font-size:26px;line-height:1.5;font-weight:400;margin:34px 0 4px;padding:22px 0 0;border-top:1px solid #dedbd7}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-common-equipment-group:first-child{margin-top:0}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-item{display:flex!important;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:24px;background:#f5f5f5!important;border:0!important;border-radius:0!important;padding:16px 28px!important;min-height:162px;height:auto!important;overflow:visible}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-thumb{flex:0 0 120px!important;width:120px!important;margin:0!important;max-height:145px}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-content{display:block!important;padding:0!important;flex:1;min-width:0}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-tag{display:block;margin:0 0 10px!important;font-size:12px!important;letter-spacing:.03em;color:#827b74;line-height:1.5}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-title{font-size:24px!important;line-height:1.4;font-weight:400;margin:0!important;word-break:keep-all;overflow-wrap:anywhere}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-item{overflow:hidden!important;background:#574339!important;color:var(--sty-c-itemt,#fff)}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-thumb[data-hc-crop]{position:absolute!important;inset:0;aspect-ratio:auto!important;width:100%!important;height:100%!important;border-radius:inherit}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-thumb:after{content:'';position:absolute;inset:0;background:rgba(30,20,15,.24);z-index:1}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-content{position:relative;z-index:2}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-title,.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-point-title{color:var(--sty-c-itemt,#fff)!important}
@media(max-width:768px){
 .sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-grid{gap:10px!important;margin-top:28px}
 .sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-common-equipment-group{font-size:22px;margin-top:24px;padding-top:18px}
 .sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-item{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 16px!important;min-height:0}
 .sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-thumb{flex-basis:auto!important;width:94px!important;max-width:100%;align-self:center;max-height:120px}
 .sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-tag{font-size:11.5px!important;margin-bottom:5px!important}
 .sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-title{font-size:18px!important}
}

/* Keep callouts inside the configured content width, without inherited side-media gutters. */
.sp-ext-crd-common[data-hc-common-composition="image_callouts"]>.sp-b{width:calc(100% - 80px)!important;max-width:var(--sty-mw,1200px)!important;padding:0!important;margin-inline:auto!important;min-height:0!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-grid{width:100%!important;max-width:none!important;padding:0!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-item{overflow:visible!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-thumb{overflow:hidden!important;clip-path:inset(0 round 40%)}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-points{border:0!important;padding:0!important;text-align:center!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-point-text{width:100%;text-align:center!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-point-title{font-weight:400!important}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-tabs{display:none!important}
@media(max-width:768px){.sp-ext-crd-common[data-hc-common-composition="image_callouts"]>.sp-b{width:calc(100% - 40px)!important}.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-thumb{clip-path:inset(0 round 36px)}}

/* Source articles: readable facts and media with a separate list of key points. */
.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-item{border:0!important;background:transparent!important;padding:24px 0!important;border-top:1px solid #e1ded9!important;box-shadow:none!important}
.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-content{display:grid!important;grid-template-columns:minmax(100px,25%) 1fr;gap:24px;padding:0!important;align-items:start}
.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-title,.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-body{margin:0!important}
.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-title{font-size:18px!important;line-height:1.8}
.sp-ext-crd-common[data-hc-common-composition="media_notes"] .sp-ext-crd-points{margin-top:26px!important;padding-top:22px!important;border-top:1px solid #dcd8d2!important}
.sp-ext-crd-common[data-hc-common-composition="media_notes"] .sp-ext-crd-point{padding:4px 0!important;border:0!important}
.sp-ext-crd-common[data-hc-common-composition="media_notes"] .sp-ext-crd-point-title{font-size:15px!important;font-weight:400!important;line-height:1.8}
@media(max-width:768px){.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-content{grid-template-columns:1fr;gap:10px}.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-item{padding:20px 0!important}}

/* Shared content panel: includes native section heading and its editable cards. */
.sp-ext-crd-common[data-hc-content-panel="light"]>.sp-b{box-sizing:border-box;width:calc(100% - 80px)!important;max-width:var(--sty-mw,1600px)!important;margin-inline:auto;background:#fff;border-radius:var(--hc-panel-radius,40px);padding:var(--hc-panel-padding,80px)!important;color:var(--sty-c-text,#292929)}
.sp-ext-crd-common[data-hc-content-panel="light"] .sp-ext-crd-desc{margin:24px 0 48px!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-common-composition="definition_list"] .sp-ext-crd-item{border-top:0!important;padding:0!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-common-composition="definition_list"] .sp-ext-crd-grid{gap:48px 72px!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-common-composition="definition_list"] .sp-sec-title{margin-bottom:64px!important}
@media(max-width:768px){
.sp-ext-crd-common[data-hc-content-panel="light"]>.sp-b{width:calc(100% - 32px)!important;padding:var(--hc-panel-padding-mo,24px)!important;border-radius:min(var(--hc-panel-radius,40px),28px)}
.sp-ext-crd-common[data-hc-content-panel="light"] .sp-ext-crd-desc{margin:20px 0 30px!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-common-composition="definition_list"] .sp-ext-crd-grid{gap:28px!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-common-composition="definition_list"] .sp-sec-title{margin-bottom:32px!important}}

.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-pair-title{text-align:center;margin:0 0 28px!important;font-size:var(--sp-crd-t-itemt,26px)}
.sp-common-media-pair .sp-common-pair-second{min-width:0;align-self:start}
.sp-common-media-pair .sp-common-pair-second img{display:block;width:100%;height:auto}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-content{padding:0!important;margin-top:24px}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-points{margin:0!important}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-grid{gap:60px}
@media(max-width:768px){.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-grid{gap:40px}.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair{gap:12px}}
.sp-ext-crd-common[data-hc-content-panel="light"]>.sp-b>.sp-ext-crd-subtitle{font-size:var(--sty-t-sub,26px)!important;line-height:1.65!important;color:var(--sty-c-sub,#292929)!important;margin-top:28px}
.sp-ext-crd-common[data-hc-content-panel="light"]>.sp-b>.sp-ext-crd-desc{color:var(--sty-c-desc,#666)!important}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-grid{max-width:1080px;margin-inline:auto}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-point{display:flex!important;gap:10px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 12px!important}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-point-title{font-weight:400!important;color:var(--sty-c-itemd,#737373)!important;line-height:1.7!important}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-point-marker{display:block!important;width:12px;height:7px;flex:0 0 12px;border-left:1.5px solid #a2775e;border-bottom:1.5px solid #a2775e;transform:rotate(-45deg);margin-top:7px;background:transparent!important;border-radius:0!important}
@media(min-width:769px){.sp-ext-crd-common[data-hc-content-panel="light"].sp-ext-crd--zine .sp-ext-crd-item{gap:var(--hc-image-text-gap,64px)!important;align-items:center}.sp-ext-crd-common[data-hc-content-panel="light"].sp-ext-crd--zine .sp-ext-crd-thumb{width:calc(50% - var(--hc-image-text-gap,64px)/2)!important;flex-shrink:0}.sp-ext-crd-common[data-hc-content-panel="light"].sp-ext-crd--zine .sp-ext-crd-content{min-width:0;flex:1;margin-top:0!important}}
@media(max-width:768px){.sp-ext-crd-common[data-hc-content-panel="light"]>.sp-b>.sp-ext-crd-subtitle{font-size:20px!important}.sp-ext-crd-common[data-hc-content-panel="light"].sp-ext-crd--zine .sp-ext-crd-content{margin-top:var(--hc-image-text-gap-mo,28px)!important}}

.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-point-marker::before,.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-point-marker::after{content:none!important}
.sp-ext-crd-common.sp-ext-crd--all-off-image .sp-common-media-pair,.sp-ext-crd-common .sp-card-off-image .sp-common-media-pair{display:none!important}

/* Explicit image/text gap works for native two-column cards as well as stacked cards. */
@media(min-width:769px){.sp-ext-crd-common.sp-ext-crd--zine[style*="--hc-image-text-gap"] .sp-ext-crd-item{gap:var(--hc-image-text-gap,40px)!important}.sp-ext-crd-common.sp-ext-crd--zine[style*="--hc-image-text-gap"] .sp-ext-crd-thumb{width:calc(var(--sp-crd-zine-w,50%) - var(--hc-image-text-gap,40px)/2)!important;flex-shrink:0}.sp-ext-crd-common.sp-ext-crd--zine[style*="--hc-image-text-gap"] .sp-ext-crd-content{flex:1;min-width:0;margin-top:0!important}}
@media(max-width:768px){.sp-ext-crd-common.sp-ext-crd--zine[style*="--hc-image-text-gap"] .sp-ext-crd-content{margin-top:var(--hc-image-text-gap-mo,24px)!important}}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-points{display:flex!important;flex-direction:column;gap:0!important;margin:24px 0 0!important}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-point{background:transparent!important;border:0!important;border-top:1px solid #dedad5!important;border-radius:0!important;padding:20px 0!important;margin:0!important;width:100%!important}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-point-marker{display:none!important}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-point-title{font-size:20px!important;font-weight:400!important;color:var(--sty-c-itemt,#292929)!important}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-point-desc{font-size:var(--sty-t-itemd,16px)!important;line-height:1.8!important;margin-top:12px!important;white-space:pre-line;color:var(--sty-c-itemd,#737373)!important}

.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-panel-join="start"]{padding-bottom:0!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-panel-join="start"]>.sp-b{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;padding-bottom:28px!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-panel-join="middle"]{padding-top:0!important;padding-bottom:0!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-panel-join="middle"]>.sp-b{border-radius:0!important;padding-top:28px!important;padding-bottom:28px!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-panel-join="end"]{padding-top:0!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-panel-join="end"]>.sp-b{border-top-left-radius:0!important;border-top-right-radius:0!important;padding-top:28px!important}

.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.sp-common-pair-extra img{display:block;width:100%;height:auto}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair{display:flex;align-items:flex-start}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair>.sp-ext-crd-thumb,.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair>.sp-common-pair-second,.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair>.sp-common-pair-extra{flex:1;min-width:0;width:0!important}

.sp-common-responsive-image{display:block;width:100%;height:auto}.sp-common-responsive-image>img{display:block;width:100%;height:auto}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-point{display:block!important}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-point-text{width:100%;min-width:0}

@media(min-width:769px){.sp-ext-crd-common[data-hc-column-ratio="30_70"] .sp-ext-crd-grid{grid-template-columns:minmax(0,3fr) minmax(0,7fr)!important}.sp-ext-crd-common[data-hc-column-ratio="40_60"] .sp-ext-crd-grid{grid-template-columns:minmax(0,4fr) minmax(0,6fr)!important}.sp-ext-crd-common[data-hc-column-ratio="60_40"] .sp-ext-crd-grid{grid-template-columns:minmax(0,6fr) minmax(0,4fr)!important}.sp-ext-crd-common[data-hc-column-ratio="70_30"] .sp-ext-crd-grid{grid-template-columns:minmax(0,7fr) minmax(0,3fr)!important}}
/* Number colour option wins over tone/role colours, but a colour set on the number itself by precision layout (--sp-crd-num-fg) comes first:
   otherwise a chip painted with the number colour ends up with text in the same colour. */
.sp-ext-crd-common[style*="--sp-crd-number-color"] .sp-ext-crd-num{color:var(--sp-crd-num-fg,var(--sp-crd-number-color))!important;opacity:1!important}

.sp-ext-crd-common[style*="--hc-grid-max-width"] .sp-ext-crd-grid{max-width:var(--hc-grid-max-width)!important;width:100%;margin-inline:auto}
.sp-common-branded-heading{display:flex;align-items:center;gap:24px;margin:0 0 64px}
.sp-ext-crd-common .sp-common-branded-heading>.sp-sec-title{width:auto!important;margin:0!important;text-align:left}
.sp-common-heading-image{flex:0 0 auto}.sp-common-heading-image img{display:block;width:157px;height:auto}
.sp-ext-crd--head-off-title .sp-common-branded-heading{display:none!important}
@media(max-width:768px){.sp-common-branded-heading{gap:16px;margin-bottom:32px;flex-wrap:wrap}.sp-common-heading-image img{width:120px}}
.sp-ext-crd-common .sp-common-branded-heading .sp-sec-title{margin:0!important;width:auto!important}

/* Optional balanced rows keep native DOM order and collapse with mobile columns. */
.sp-ext-crd-common[data-hc-grid-balance="center_last"] .sp-ext-crd-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:var(--sty-card-gap,24px)!important}
.sp-ext-crd-common[data-hc-grid-balance="center_last"] .sp-ext-crd-grid>.sp-ext-crd-item{flex:0 0 calc((100% - (var(--sp-cols,3) - 1)*var(--sty-card-gap,24px))/var(--sp-cols,3));min-width:0}
.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-item,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-item{gap:var(--hc-image-text-gap,32px)}
@media(min-width:769px){.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-thumb,.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-content,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-thumb,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-content{width:calc((100% - var(--hc-image-text-gap,32px))/2)!important;min-width:0}}
@media(max-width:768px){.sp-ext-crd-common[data-hc-grid-balance="center_last"] .sp-ext-crd-grid>.sp-ext-crd-item{flex-basis:calc((100% - (var(--sp-cols-mo,1) - 1)*var(--sty-card-gap,24px))/var(--sp-cols-mo,1))}.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-item,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-item{gap:var(--hc-image-text-gap-mo,24px)}}

.sp-ext-crd-common .sp-ext-crd-thumb:has(.sp-common-secondary-media),.sp-ext-crd-common .sp-common-stacked-thumb{display:flex!important;flex-direction:column;gap:20px;height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:visible!important}
.sp-ext-crd-common .sp-common-stacked-thumb>img,.sp-ext-crd-common .sp-common-secondary-media img{position:static!important;width:100%!important;height:auto!important;object-fit:contain!important;aspect-ratio:auto!important}
.sp-ext-crd-common .sp-common-secondary-media{width:100%;flex:0 0 auto}

/* Independent panel insets allow original source article groups to retain their proportions. */
@media(min-width:769px){
.sp-ext-crd-common[data-hc-content-panel="light"][style*="--hc-panel-width-percent"]>.sp-b{width:var(--hc-panel-width-percent)!important}
.sp-ext-crd-common[data-hc-content-panel="light"][style*="--hc-panel-padding-x"]>.sp-b{padding-inline:var(--hc-panel-padding-x)!important}
.sp-ext-crd-common[data-hc-content-panel="light"][style*="--hc-panel-padding-bottom"]>.sp-b{padding-bottom:var(--hc-panel-padding-bottom)!important}
}

/* Optional shade removal keeps bright hero photography at its original exposure. */
.sp-ext-crd-common[data-hc-hero-image-shade="none"] .sp-ext-crd-side:after{display:none}

/* ===== Story options: type scale, section tone, title styles, card looks, full-bleed media, scroll-linked motion.
   Reusable common-card options (data-hc-*). No clinic names, page IDs or content URLs. ===== */

/* Section tone: background + text colours together. */
.sp-ext-crd-common[data-hc-section-tone="dark"]{--hc-tone-bg:#000;--hc-tone-tx:#f5f5f7;--hc-tone-tx2:#86868b;--hc-tone-tx3:#86868b;--hc-tone-card:#1d1d1f;--hc-tone-line:rgba(255,255,255,.16);--hc-tone-accent:#2997ff}
.sp-ext-crd-common[data-hc-section-tone="deep"]{--hc-tone-bg:#1d1d1f;--hc-tone-tx:#f5f5f7;--hc-tone-tx2:#86868b;--hc-tone-tx3:#86868b;--hc-tone-card:#000;--hc-tone-line:rgba(255,255,255,.14);--hc-tone-accent:#2997ff}
.sp-ext-crd-common[data-hc-section-tone="light"]{--hc-tone-bg:#fff;--hc-tone-tx:#1d1d1f;--hc-tone-tx2:#6e6e73;--hc-tone-tx3:#1d1d1f;--hc-tone-card:#f5f5f7;--hc-tone-line:rgba(60,60,67,.14);--hc-tone-accent:#0066cc}
.sp-ext-crd-common[data-hc-section-tone="soft"]{--hc-tone-bg:#f5f5f7;--hc-tone-tx:#1d1d1f;--hc-tone-tx2:#6e6e73;--hc-tone-tx3:#1d1d1f;--hc-tone-card:#fff;--hc-tone-line:rgba(60,60,67,.14);--hc-tone-accent:#0066cc}
.sp-ext-crd-common:is([data-hc-section-tone="light"],[data-hc-section-tone="soft"],[data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){background:var(--hc-tone-bg);--sp-bg2:var(--hc-tone-bg);--sp-line:var(--hc-tone-line)}
.sp-ext-crd-common:is([data-hc-section-tone="light"],[data-hc-section-tone="soft"],[data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) :is(.sp-sec-title,.sp-ext-crd-subtitle){color:var(--sty-c-title,var(--hc-tone-tx))!important}
.sp-ext-crd-common:is([data-hc-section-tone="light"],[data-hc-section-tone="soft"],[data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .sp-ext-crd-desc{color:var(--sty-c-desc,var(--hc-tone-tx2))!important}
.sp-ext-crd-common:is([data-hc-section-tone="light"],[data-hc-section-tone="soft"],[data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) :is(.sp-ext-crd-title,.sp-ext-crd-faq-q,.sp-ext-crd-num){color:var(--sty-c-itemt,var(--hc-tone-tx))!important}
.sp-ext-crd-common:is([data-hc-section-tone="light"],[data-hc-section-tone="soft"],[data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) :is(.sp-ext-crd-body,.sp-ext-crd-sub,.sp-ext-crd-faq-a,.sp-ext-crd-bottom-text){color:var(--sty-c-itemd,var(--hc-tone-tx2))!important}
.sp-ext-crd-common:is([data-hc-section-tone="light"],[data-hc-section-tone="soft"],[data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .sp-ext-crd-eyebrow{color:var(--sty-c-eyebrow,var(--hc-tone-tx3))!important}

/* Type scale "product": one hierarchy for the whole section.
   Steps (wide / narrow): display 96/110 - 40/48, headline 56/60 - 28/35, section title 48/57 - 32/39,
   caption 28/35 - 21/27, callout 21/27, lead 21/32 - 19/29, body 17/27 - 15/23, eyebrow 21/21.
   Headings are 600, body is 400, tracking stays neutral. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]{--hc-ts-title:clamp(32px,3.34vw,48px);--hc-ts-title-lh:1.1875;--hc-ts-itemt:21px;--hc-ts-itemt-lh:1.2858;padding-top:var(--sty-pad-top,144px);padding-bottom:var(--sty-pad-bottom,144px)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-title-style="display"]{--hc-ts-title:clamp(40px,6.67vw,96px);--hc-ts-title-lh:1.146}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-title-style="headline"]{--hc-ts-title:clamp(28px,3.9vw,56px);--hc-ts-title-lh:1.0715}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-sec-title{font-size:var(--hc-ts-title)!important;line-height:var(--hc-ts-title-lh)!important;font-weight:600!important;letter-spacing:0!important;margin-bottom:0}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-eyebrow{font-family:inherit;font-size:21px!important;line-height:1!important;font-weight:600!important;letter-spacing:.011em!important;text-transform:none;margin:0 0 20px!important;padding:0;border:0;background:none}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-desc{font-size:clamp(19px,1.46vw,21px)!important;line-height:1.524!important;font-weight:600!important;letter-spacing:.011em!important;display:block;width:auto!important;max-width:none!important;box-sizing:border-box;margin:26px 0 0!important;padding-right:max(0px,calc(100% - 830px))}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"]) :is(.sp-ext-crd-eyebrow,.sp-sec-title,.sp-ext-crd-desc){display:block;width:auto!important;max-width:none!important;text-align:center!important;margin-left:0!important;margin-right:0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"]) .sp-ext-crd-desc{padding-inline:max(0px,calc((100% - 830px) / 2))}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"]) .sp-ext-crd-bottom{text-align:center!important;display:flex;justify-content:center}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([style*="--sp-crd-head-ta:left"],[style*="--sp-crd-head-ta: left"]) :is(.sp-ext-crd-eyebrow,.sp-sec-title,.sp-ext-crd-desc){text-align:left!important;margin-left:0!important;margin-right:0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-desc :is(b,strong){color:var(--hc-tone-tx,inherit);font-weight:600}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-grid{margin-top:clamp(40px,5vw,72px)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-title{font-size:var(--hc-ts-itemt)!important;line-height:var(--hc-ts-itemt-lh)!important;font-weight:600!important;letter-spacing:.011em!important;margin-bottom:10px}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-body{font-size:17px!important;line-height:1.5883!important;font-weight:400!important;letter-spacing:0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-faq-q{font-size:17px!important;line-height:1.353!important;font-weight:600!important;letter-spacing:0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-faq-a{font-size:17px!important;line-height:1.5883!important;font-weight:400!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-bottom-text{font-size:14px!important;line-height:1.4286!important;font-weight:400!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-bottom-cta{min-height:44px;padding:0 22px;border:0;border-radius:999px;background:#0071e3;color:#fff;font-size:17px;font-weight:400;line-height:1;letter-spacing:0}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-bottom-cta:hover{background:#0077ed}
/* Card title steps by layout: media rows and overlay captions use the caption step. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is(.sp-ext-crd--zine,.sp-ext-crd--overlay,[data-hc-card-look="bento"]){--hc-ts-itemt:clamp(21px,1.95vw,28px);--hc-ts-itemt-lh:1.25}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat"]{--hc-ts-itemt:clamp(40px,3.34vw,48px);--hc-ts-itemt-lh:1.1}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat"] .sp-ext-crd-title{letter-spacing:0!important;margin-bottom:6px}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat"] .sp-ext-crd-tag{display:block;margin:0 0 4px;padding:0;border:0;background:none;font-size:17px;font-weight:400;line-height:1.3;letter-spacing:0;color:var(--hc-tone-tx,#1d1d1f)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat"] .sp-ext-crd-body{font-size:17px!important;line-height:1.3!important;font-weight:400!important;letter-spacing:0!important;color:var(--sty-c-itemd,var(--hc-tone-tx,#1d1d1f))!important}
@media (max-width:734px){#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat"] :is(.sp-ext-crd-body,.sp-ext-crd-tag){font-size:14px!important}.sp-ext-crd-common[data-hc-card-look="stat"] .sp-ext-crd-grid{gap:28px!important}}
@media (max-width:734px){
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]{padding-top:var(--sty-pad-top-mo,88px);padding-bottom:var(--sty-pad-bottom-mo,88px)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-title-style="display"]{--hc-ts-title-lh:1.2}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-title-style="headline"]{--hc-ts-title-lh:1.25}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-eyebrow{margin-bottom:12px!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-desc{margin-top:24px!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-body{font-size:15px!important;line-height:1.5334!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] :is(.sp-ext-crd-faq-q,.sp-ext-crd-faq-a){font-size:15px!important}
}

/* Gradient titles clip a gradient to the text. */
#sp-sections .sp-ext-crd-common[data-hc-title-style^="gradient_"] .sp-sec-title{background:var(--hc-title-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;padding-bottom:.08em}
/* With a gradient title style, the big numbers of the stat looks take the same gradient. */
#sp-sections .sp-ext-crd-common[data-hc-title-style^="gradient_"]:is([data-hc-card-look="stat"],[data-hc-card-look="stat_media"]) .sp-ext-crd-title{background:var(--hc-title-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;padding-bottom:.08em}
.sp-ext-crd-common[data-hc-title-style="gradient_blue"]{--hc-title-grad:linear-gradient(90deg,#2997ff 0%,#8f7bff 48%,#ff6fd8 100%)}
.sp-ext-crd-common[data-hc-title-style="gradient_warm"]{--hc-title-grad:linear-gradient(90deg,#ff9f0a 0%,#ff6a3d 50%,#ff375f 100%)}
.sp-ext-crd-common[data-hc-title-style="gradient_silver"]{--hc-title-grad:linear-gradient(180deg,#f5f5f7 0%,#a1a1a6 100%)}
/* Without the type scale the large title styles still work on their own. */
#sp-sections .sp-ext-crd-common:not([data-hc-type-scale="product"])[data-hc-title-style="display"] .sp-sec-title{font-size:clamp(40px,6.67vw,96px)!important;line-height:1.146!important;font-weight:600!important;letter-spacing:0}
#sp-sections .sp-ext-crd-common:not([data-hc-type-scale="product"])[data-hc-title-style="headline"] .sp-sec-title{font-size:clamp(28px,3.9vw,56px)!important;line-height:1.0715!important;font-weight:600!important;letter-spacing:0}

/* Card looks. */
.sp-ext-crd-common[data-hc-card-look="tile"] .sp-ext-crd-item{background:var(--sp-card-bg,var(--hc-tone-card,#f5f5f7));border-radius:var(--sty-card-radius,28px);transition:transform .45s cubic-bezier(.22,1,.36,1),background .28s}
.sp-ext-crd-common[data-hc-card-look="tile"] .sp-ext-crd-content{padding:clamp(24px,2.5vw,36px)}
@media (hover:hover){.sp-ext-crd-common[data-hc-card-look="tile"] .sp-ext-crd-item:hover{transform:scale(1.015)}}
.sp-ext-crd-common[data-hc-card-look="stat"] .sp-ext-crd-item{background:transparent;border:0;border-radius:0}
.sp-ext-crd-common[data-hc-card-look="stat"] .sp-ext-crd-content{padding:0!important}
.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(240px,auto);gap:var(--sty-card-gap,20px)}
.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-item{grid-column:span 2;background:var(--sp-card-bg,var(--hc-tone-card,#f5f5f7));border-radius:var(--sty-card-radius,28px);justify-content:flex-end}
.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-item:nth-child(6n+1),.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-item:nth-child(6n+5){grid-column:span 4}
.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-item:nth-child(6n+3),.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-item:nth-child(6n+4){grid-column:span 3}
.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-content{padding:clamp(24px,2.5vw,36px);flex:0 0 auto}
.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-thumb{flex:1 1 auto;aspect-ratio:auto;min-height:180px}
@media (max-width:900px){.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-grid{grid-template-columns:1fr;grid-auto-rows:auto}.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-item{grid-column:1/-1!important}}

/* Full-bleed media: the card area breaks out of the content width. */
.sp-ext-crd-common[data-hc-media-bleed="full"] .sp-ext-crd-grid{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.sp-ext-crd-common[data-hc-media-bleed="full"] :is(.sp-ext-crd-item,.sp-ext-crd-thumb){border-radius:0}

/* Scroll-linked motion. Progress follows the scroll position; no script. Skipped while editing,
   with reduced motion, in print, and in browsers without scroll timelines (content stays fully visible). */
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
/* Only the parallax drift stays tied to the scroll position. Entrances (rise, zoom, unfold) run once when a block enters the view
   (classes hc-rv*, added by script): scroll-tied entrances looked like flicker because opacity followed every small scroll. */
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="media_parallax"] .sp-ext-crd-item{view-timeline-name:--hc-story-item;view-timeline-axis:block}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="media_parallax"] .sp-ext-crd-thumb :is(img,video){animation:hcStoryParallax linear both;animation-timeline:--hc-story-item;animation-range:entry 0% exit 100%}
}}
@keyframes hcStoryRise{from{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:none}}
@keyframes hcStoryZoom{from{transform:scale(1.2)}to{transform:scale(1)}}
@keyframes hcStoryUnfold{from{clip-path:inset(9% 14% round 44px);transform:scale(.95)}to{clip-path:inset(0 0 round var(--sp-crd-img-radius,var(--sty-card-radius,0px)));transform:none}}
@keyframes hcStoryParallax{from{transform:translate3d(0,-6%,0) scale(1.14)}to{transform:translate3d(0,6%,0) scale(1.14)}}
@media print{.sp-ext-crd-common[data-hc-scroll-effect] *{animation:none!important}}
/* Hover-to-play cards show a small play mark until the video runs. */
.sp-ext-crd-common[data-hc-media-play="hover"] [data-hc-media-hover] .sp-ext-crd-thumb::after{content:'';position:absolute;right:16px;bottom:16px;width:36px;height:36px;border-radius:50%;background:rgba(29,29,31,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center/18px no-repeat;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .25s;pointer-events:none}
.sp-ext-crd-common[data-hc-media-play="hover"] [data-hc-media-hover]:is(:hover,:focus-within) .sp-ext-crd-thumb::after{opacity:0}
/* Slider looks. The card row runs to the viewport edge so the next card peeks in; the page indent stays aligned with the content. */
@media (min-width:0px){
/* The track is a size container so the row can measure the content width (cqw) against the viewport (vw). */
body:not(.sp-edit) .sp-ext-crd-common:is([data-hc-slider-look="gallery"],[data-hc-slider-look="paddles"]) .sp-ext-crd-track{overflow:visible;container-type:inline-size}
body:not(.sp-edit) .sp-ext-crd-common:is([data-hc-slider-look="gallery"],[data-hc-slider-look="paddles"]):is(.sp-ext-crd--pcslide,.sp-ext-crd--mslide) .sp-ext-crd-grid{width:100vw;max-width:100vw;margin-left:calc(50cqw - 50vw);margin-right:calc(50cqw - 50vw);padding-inline:calc(50vw - 50cqw)!important;scroll-padding-inline:calc(50vw - 50cqw);box-sizing:border-box;gap:var(--sty-card-gap,20px)}
}
.sp-ext-crd-common:is([data-hc-slider-look="gallery"],[data-hc-slider-look="paddles"]) .sp-ext-crd-item{border-radius:var(--sty-card-radius,28px)}
/* gallery: caption sits at the top of the media, arrows are replaced by the pager pill */
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-nav{display:none!important}
.sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-item::after{display:none}
.sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-content{justify-content:flex-start;align-items:center;text-align:center;padding:clamp(28px,4vw,56px) clamp(24px,8vw,120px);background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,0) 46%)}
.sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-title{color:rgba(255,255,255,.92)!important;max-width:620px;margin:0 auto}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-dots{display:flex!important;gap:0;margin:0;height:56px;padding:0 14px;border-radius:28px;background:var(--hc-pager-bg,rgba(232,232,237,.72));-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-dot{position:relative;width:24px;height:44px;transition:width .35s cubic-bezier(.22,1,.36,1)}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-dot::before{width:8px!important;height:8px;border-radius:8px;background:var(--hc-pager-dot,rgba(0,0,0,.42))!important;transition:width .35s cubic-bezier(.22,1,.36,1)}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-dot.is-active{width:64px}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-dot.is-active::before{width:48px!important;background:var(--hc-pager-track,rgba(0,0,0,.2))!important}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-dot.is-active::after{content:'';position:absolute;left:8px;top:50%;width:48px;height:8px;margin-top:-4px;border-radius:8px;background:var(--hc-pager-on,#1d1d1f);transform-origin:left center;clip-path:inset(0 100% 0 0 round 8px)}
.sp-ext-crd-common[data-hc-slider-look="gallery"].is-crd-timed .sp-ext-crd-dot.is-active{animation:hcPagerTick var(--hc-slide-ms,5000ms) linear both;animation-play-state:paused}
.sp-ext-crd-common[data-hc-slider-look="gallery"].is-crd-timed .sp-ext-crd-dot.is-active::after{animation:hcPagerFill var(--hc-slide-ms,5000ms) linear both;animation-play-state:paused}
.sp-ext-crd-common[data-hc-slider-look="gallery"].is-crd-timed.is-crd-inview:not(.is-crd-hold) .sp-ext-crd-dot.is-active,.sp-ext-crd-common[data-hc-slider-look="gallery"].is-crd-timed.is-crd-inview:not(.is-crd-hold) .sp-ext-crd-dot.is-active::after{animation-play-state:running}
.sp-ext-crd-common[data-hc-slider-look="gallery"]:not(.is-crd-timed) .sp-ext-crd-dot.is-active::after{clip-path:none}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-hold{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0;padding:0;border:0;border-radius:50%;background:var(--hc-pager-bg,rgba(232,232,237,.72));color:var(--hc-pager-on,#1d1d1f);cursor:pointer;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-hold svg{width:24px;height:24px}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-hold .i-play,.sp-ext-crd-common[data-hc-slider-look="gallery"].is-crd-hold .sp-ext-crd-hold .i-pause{display:none}
.sp-ext-crd-common[data-hc-slider-look="gallery"].is-crd-hold .sp-ext-crd-hold .i-play{display:block}
.sp-ext-crd-common[data-hc-slider-look="gallery"] :is(.sp-ext-crd-hold,.sp-ext-crd-dot):focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.sp-ext-crd-common[data-hc-slider-look="gallery"]:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){--hc-pager-bg:rgba(66,66,69,.72);--hc-pager-dot:rgba(255,255,255,.6);--hc-pager-track:rgba(255,255,255,.28);--hc-pager-on:#f5f5f7}
@keyframes hcPagerFill{from{clip-path:inset(0 100% 0 0 round 8px)}to{clip-path:inset(0 0 0 0 round 8px)}}
@keyframes hcPagerTick{from{opacity:1}to{opacity:1}}
/* paddles: small round previous/next buttons under the row, right aligned; no dots */
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-dots{display:none!important}
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-slider{padding-bottom:64px}
/* The buttons live inside the track, so they sit below it (in the space the slider reserves) instead of over the cards. */
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav{position:absolute!important;top:auto!important;bottom:-64px!important;left:auto!important;transform:none!important;width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;background:var(--hc-paddle-bg,rgba(210,210,215,.64))!important;color:var(--hc-paddle-tx,rgba(0,0,0,.56))!important;box-shadow:none!important;opacity:1!important}
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav--prev{right:52px!important}
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav--next{right:0!important}
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav:hover{background:var(--hc-paddle-bg-hv,rgba(223,223,227,.69))!important;color:var(--hc-paddle-tx-hv,rgba(0,0,0,.72))!important}
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav svg{width:18px;height:18px}
.sp-ext-crd-common[data-hc-slider-look="paddles"]:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){--hc-paddle-bg:rgba(66,66,69,.72);--hc-paddle-tx:rgba(255,255,255,.8);--hc-paddle-bg-hv:rgba(73,73,76,.72);--hc-paddle-tx-hv:#fff}
/* Card look "caption": media card with the text underneath; the title runs into the body as a bold lead-in. */
.sp-ext-crd-common[data-hc-card-look="caption"] .sp-ext-crd-item{background:transparent;border-radius:0;overflow:visible}
.sp-ext-crd-common[data-hc-card-look="caption"] .sp-ext-crd-thumb{border-radius:var(--sty-card-radius,28px)}
.sp-ext-crd-common[data-hc-card-look="caption"] .sp-ext-crd-content{display:block;padding:20px 8px 0!important;max-width:520px}
#sp-sections .sp-ext-crd-common[data-hc-card-look="caption"] .sp-ext-crd-title{display:inline;margin:0;font-size:17px!important;line-height:1.5883!important;font-weight:600!important;letter-spacing:0!important}
#sp-sections .sp-ext-crd-common[data-hc-card-look="caption"] .sp-ext-crd-title::after{content:' '}
#sp-sections .sp-ext-crd-common[data-hc-card-look="caption"] .sp-ext-crd-body{display:inline;font-size:17px!important;line-height:1.5883!important;font-weight:400!important}
@media (max-width:734px){#sp-sections .sp-ext-crd-common[data-hc-card-look="caption"] :is(.sp-ext-crd-title,.sp-ext-crd-body){font-size:14px!important;line-height:1.4286!important}}
/* Scroll effect "video_scrub": the section background video stays pinned to the viewport while the section scrolls past,
   and the video time follows the scroll (script in common_editorial.js). Text sits over the video and fades near the end.
   Without script or with reduced motion the section is a normal one-screen background section. */
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub{display:block;padding-top:0!important;padding-bottom:0!important;min-height:var(--hc-scrub-len,300vh);overflow:visible;overflow:clip}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub>.sp-ext-crd-bg{position:sticky;inset:auto;top:0;left:0;display:block;width:100%;height:100vh;height:100svh;z-index:0}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub>.sp-ext-crd-bg :is(video,img){width:100%;height:100%;object-fit:cover}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub>.sp-b{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-items:center;text-align:center;min-height:100vh;min-height:100svh;margin-top:-100vh;margin-top:-100svh;box-sizing:border-box;padding-block:96px}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub :is(.sp-ext-crd-eyebrow,.sp-sec-title){animation:none!important;opacity:clamp(0,calc((.4 - var(--hc-scrub-p,0)) * 9),1);transform:translate3d(0,calc(var(--hc-scrub-p,0) * -60px),0)}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-ext-crd-eyebrow{grid-area:1/1}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-sec-title{grid-area:2/1}
#sp-sections .sp-ext-crd-common[data-hc-type-scale][data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-ext-crd-desc{grid-area:1/1/3/2;align-self:center;animation:none!important;margin:0!important;padding-inline:max(0px,calc((100% - 900px) / 2))!important;font-size:clamp(32px,4.4vw,64px)!important;line-height:1.15!important;font-weight:600!important;letter-spacing:0!important;color:#fff!important;white-space:pre-line;
    opacity:calc(clamp(0,calc((var(--hc-scrub-p,0) - .46) * 9),1) * clamp(0,calc((.92 - var(--hc-scrub-p,0)) * 9),1));transform:translate3d(0,calc((.7 - var(--hc-scrub-p,0)) * 60px),0)}
/* 편집 중에는 스크롤 진행이 멈춰 있어 위 규칙대로면 본문이 투명(0)인 채로 남아 고칠 수 없었다. 편집 화면에서는 항상 보이게 한다 */
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-type-scale][data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-ext-crd-desc{opacity:1!important;transform:none!important}
@media (max-width:900px){body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub{min-height:var(--hc-scrub-len-mo,240vh)}}
/* Tabs under the product type scale: one soft track, the selected tab is a solid pill. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs{display:inline-flex;flex-wrap:nowrap!important;gap:0;max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;padding:6px;border:0;border-radius:999px;background:var(--hc-tab-track,#f5f5f7);box-shadow:none}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs::-webkit-scrollbar{display:none}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs [data-crd-tab]{flex:0 0 auto;min-height:44px;padding:0 22px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--hc-tone-tx,#1d1d1f);font-size:17px;font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap;transition:background .3s cubic-bezier(.22,1,.36,1),color .3s}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs [data-crd-tab][aria-selected="true"]{background:var(--hc-tab-on,#1d1d1f);color:var(--hc-tab-on-tx,#fff)}
.sp-ext-crd-common[data-hc-section-tone="soft"]{--hc-tab-track:#e8e8ed}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){--hc-tab-track:#2c2c2e;--hc-tab-on:#f5f5f7;--hc-tab-on-tx:#1d1d1f}
@media (max-width:734px){#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs [data-crd-tab]{min-height:40px;padding:0 18px;font-size:15px}}
/* CTA as a text link under the heading (data-hc-cta-style="head_link"). */
.sp-ext-crd-common[data-hc-cta-style="head_link"]>.sp-b{display:flex;flex-direction:column}
.sp-ext-crd-common[data-hc-cta-style="head_link"]>.sp-b>*{order:2}
.sp-ext-crd-common[data-hc-cta-style="head_link"]>.sp-b>:is(.sp-ext-crd-eyebrow,.sp-sec-title,.sp-ext-crd-subtitle,.sp-ext-crd-desc){order:0}
.sp-ext-crd-common[data-hc-cta-style="head_link"]>.sp-b>.sp-ext-crd-bottom{order:1;margin:18px 0 0!important;padding:0!important;border:0;background:none;text-align:inherit}
#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta{display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;width:auto!important;min-width:0!important;min-height:32px;margin:0!important;padding:0!important;border:0;border-radius:0;background:none;color:var(--hc-tone-accent,#0066cc);font-size:clamp(17px,1.46vw,21px);font-weight:400;line-height:1.3;letter-spacing:.011em;text-decoration:none}
#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta::after{content:'';width:.5em;height:.5em;margin-left:.1em;border-right:.09em solid currentColor;border-top:.09em solid currentColor;transform:rotate(45deg) scale(.82)}
#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta:hover{background:none;text-decoration:underline}
.sp-ext-crd-common[data-hc-cta-style="head_link"]:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"])>.sp-b>.sp-ext-crd-bottom{text-align:center}
/* Card look "viewer": a white stage with the item pills in a column on the left and the media on the right.
   Opening a pill turns it into its caption in place and swaps the media; up/down buttons step through items.
   Built by common_editorial.js (class is-hc-viewer). Without script the cards stay a normal grid. */
.sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .hc-viewer{position:relative;margin-top:clamp(40px,5vw,72px)}
.sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .hc-viewer-stage{position:relative;overflow:hidden;border-radius:var(--sty-card-radius,28px);background:var(--hc-viewer-bg,#fff);height:clamp(560px,52.8vw,760px)}
.sp-ext-crd-common[data-hc-section-tone="light"]{--hc-viewer-bg:#f5f5f7}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){--hc-viewer-bg:var(--hc-tone-card)}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-grid{position:absolute!important;inset:8.5% 7% 8.5% 40%!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;gap:0;overflow:hidden!important;border-radius:20px;touch-action:pan-y}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-item{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:20px!important;overflow:hidden;background:transparent!important;opacity:1;visibility:visible;transform:translate3d(calc(var(--hc-v,0) * 104% + var(--hc-d,0px)),0,0)!important;transition:transform .8s cubic-bezier(.32,.72,0,1);animation:none!important;will-change:transform}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-item.is-hc-on{opacity:1}
@media (prefers-reduced-motion:reduce){#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-item{transition:none}}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-thumb{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;max-width:none!important;margin:0!important;aspect-ratio:auto!important;border-radius:0!important}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-thumb :is(img,video){position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-content{display:none!important}
.hc-viewer-list{position:absolute;z-index:3;left:clamp(24px,5.1vw,72px);top:50%;transform:translateY(-50%);transition:left .45s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:min(424px,32%);margin:0;padding:0;list-style:none}
.hc-viewer-pill{width:max-content;max-width:100%;border-radius:28px;background:var(--hc-viewer-pill,#f5f5f7);color:#1d1d1f;transition:border-radius .4s cubic-bezier(.22,1,.36,1)}
.sp-ext-crd-common[data-hc-section-tone="light"]{--hc-viewer-pill:#e8e8ed}
.hc-viewer-open{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;margin:0;padding:0 26px 0 14px;border:0;border-radius:inherit;background:transparent;color:inherit;font-family:inherit;font-size:17px;font-weight:600;line-height:1.2;letter-spacing:0;text-align:left;cursor:pointer}
.hc-viewer-open::before{content:'';flex:0 0 auto;width:26px;height:26px;border:1.5px solid currentColor;border-radius:50%;background:linear-gradient(currentColor,currentColor) center/11px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 11px no-repeat;box-sizing:border-box;transition:transform .4s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){.hc-viewer-open:hover::before{transform:scale(1.08)}}
/* The caption opens with a height transition (grid rows 0fr -> 1fr). */
.hc-viewer-body{display:grid;width:0;min-width:100%;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1)}
.hc-viewer-body>div{min-height:0;overflow:hidden}
.hc-viewer-text{margin:0;padding:24px 28px;font-size:17px;font-weight:400;line-height:1.5883;letter-spacing:0;color:#1d1d1f;opacity:0;transition:opacity .35s .1s}
.hc-viewer-text b{font-weight:600}
.hc-viewer-pill.is-open{width:100%}
@media (min-width:901px){.hc-viewer.is-open .hc-viewer-list{left:clamp(72px,8.2vw,116px)}}
.hc-viewer-pill.is-open .hc-viewer-open{display:none}
.hc-viewer-pill.is-open .hc-viewer-body{grid-template-rows:1fr}
.hc-viewer-pill.is-open .hc-viewer-text{opacity:1}
.hc-viewer-close,.hc-viewer-step{position:absolute;z-index:4;display:none;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:var(--hc-viewer-pill,#f5f5f7);color:#1d1d1f;cursor:pointer;transition:background .25s,opacity .25s}
.hc-viewer-close{top:20px;right:20px}
.hc-viewer-close::before,.hc-viewer-close::after{content:'';position:absolute;width:14px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.hc-viewer-close::after{transform:rotate(-45deg)}
.hc-viewer-step{left:clamp(14px,2.4vw,36px);top:50%}
.hc-viewer-step--prev{margin-top:-44px}
.hc-viewer-step--next{margin-top:8px}
.hc-viewer-step::before{content:'';width:8px;height:8px;margin-top:4px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.hc-viewer-step--next::before{margin-top:-4px;transform:rotate(225deg)}
.hc-viewer-step:disabled{opacity:.36;cursor:default}
.hc-viewer.is-open :is(.hc-viewer-close,.hc-viewer-step){display:inline-flex}
:is(.hc-viewer-open,.hc-viewer-close,.hc-viewer-step):focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) :is(.hc-viewer-pill,.hc-viewer-close,.hc-viewer-step){background:rgba(66,66,69,.72);color:#f5f5f7}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .hc-viewer-text{color:#f5f5f7}
@media (max-width:900px){
.sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .hc-viewer-stage{height:min(128vw,620px)}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-grid{inset:16px 16px 100px!important}
.hc-viewer-list{position:absolute;left:calc(50% - 50vw);right:auto;top:auto;bottom:16px;transform:none;flex-direction:row;align-items:flex-end;gap:10px;width:100vw;max-width:none;margin:0;padding:0 calc(max(16px,50vw - 50%) + 16px);box-sizing:border-box;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:calc(max(16px,50vw - 50%) + 16px)}
.hc-viewer-list::-webkit-scrollbar{display:none}
.hc-viewer-pill{flex:0 0 auto;width:max-content;scroll-snap-align:start;background:rgba(232,232,237,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.hc-viewer-open{white-space:nowrap;min-height:52px;font-size:15px}
.hc-viewer.is-open .hc-viewer-pill:not(.is-open){display:none}
.hc-viewer-pill.is-open{flex:1 1 auto;width:auto;max-width:100%}
.hc-viewer.is-open .hc-viewer-list{overflow:visible;padding-inline:calc(max(16px,50vw - 50%) + 44px)}
.hc-viewer-text{padding:18px 20px;font-size:15px;line-height:1.5334}
.hc-viewer-step{top:auto;bottom:24px;width:36px;height:44px;margin:0;border-radius:22px;left:calc(max(16px,50vw - 50%) - 50vw + 50% + 4px);background:rgba(232,232,237,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.hc-viewer-step--prev{margin:0}
.hc-viewer-step--prev::before{margin:0 0 0 3px;transform:rotate(-45deg)}
.hc-viewer-step--next{left:auto;right:calc(max(16px,50vw - 50%) - 50vw + 50% + 4px)}
.hc-viewer-step--next::before{margin:0 3px 0 0;transform:rotate(135deg)}
.hc-viewer-text{border-radius:inherit}
.hc-viewer-pill.is-open{border-radius:22px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.hc-viewer-close{width:44px;height:44px;top:16px;right:16px}
}
/* Paddle buttons are a full touch target on narrow screens. */
@media (max-width:734px){.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav{width:44px!important;height:44px!important}.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav--prev{right:60px!important}.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-slider{padding-bottom:72px}.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav{bottom:-72px!important}}
/* FAQ under the product type scale: large questions, chevron, hairlines, optional "open all" control. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-grid{border-top:0!important;gap:0}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-item{border:0;border-bottom:1px solid var(--hc-tone-line,rgba(60,60,67,.18))!important;border-radius:0;background:transparent}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-q{display:grid;grid-template-columns:minmax(0,1fr) 28px!important;align-items:start;gap:24px;padding:28px 0!important;font-size:clamp(21px,1.95vw,24px)!important;line-height:1.1667!important;font-weight:600!important;letter-spacing:.009em!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-num{display:none!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-icon{width:28px;height:28px;border:0;border-radius:0;background:none!important;color:var(--hc-tone-tx2,#6e6e73)!important;transform:none!important;transition:transform .3s cubic-bezier(.22,1,.36,1)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-icon::before{content:''!important;width:11px;height:11px;margin-top:-6px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;border-radius:1px;transform:rotate(45deg);font-size:0}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-icon::after{content:none!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-item[open] .sp-ext-crd-faq-icon{transform:rotate(180deg)!important;background:none!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-answer{padding:0 52px 32px 0!important;font-size:17px!important;line-height:1.5883!important;font-weight:400!important;color:var(--sty-c-itemd,var(--hc-tone-tx,#1d1d1f))!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-title{margin:0;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;color:var(--sty-c-itemt,var(--hc-tone-tx,#1d1d1f))!important}
.hc-faq-all{display:flex;justify-content:flex-end;margin:clamp(28px,4vw,48px) 0 4px}
.hc-faq-all button{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 0;border:0;background:none;color:var(--hc-tone-accent,#0066cc);font-family:inherit;font-size:17px;font-weight:400;line-height:1.2;cursor:pointer}
.hc-faq-all button::after{content:'';width:7px;height:7px;margin-top:-4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .3s}
.hc-faq-all button[aria-pressed="true"]::after{margin-top:4px;transform:rotate(225deg)}
.hc-faq-all button:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .hc-faq-all+.sp-ext-crd-grid{margin-top:0}
@media (max-width:734px){#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-q{font-size:21px!important;line-height:1.1905!important;padding:24px 0!important}#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-answer{padding:0 0 28px!important;font-size:15px!important}}
/* gallery on narrow screens: keep the caption over the media (the base style stacks text under the image there). */
@media (max-width:900px){
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-item{position:relative;flex-shrink:0;aspect-ratio:auto;height:min(112vw,520px)!important;min-height:min(112vw,520px)!important}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-item{display:block}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-thumb{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important}
.sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-thumb :is(img,video){width:100%;height:100%;object-fit:cover}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-content{position:absolute;inset:0;z-index:1;height:auto;min-height:0;box-sizing:border-box;padding:28px 22px}
}
/* Text over the pinned video reads in the light text colour; the secondary grey is too weak on moving media. */
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-ext-crd-eyebrow{color:rgba(255,255,255,.82)!important}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-ext-crd-desc{color:rgba(255,255,255,.86)!important}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-ext-crd-desc :is(b,strong){color:#fff}
/* Balanced line breaks for headings and lead text; Korean breaks at word boundaries. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] :is(.sp-sec-title,.sp-ext-crd-desc,.sp-ext-crd-eyebrow,.sp-ext-crd-title,.sp-ext-crd-faq-title){text-wrap:balance;word-break:keep-all;overflow-wrap:break-word}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] :is(.sp-ext-crd-body,.sp-ext-crd-faq-answer){text-wrap:pretty;word-break:keep-all;overflow-wrap:break-word}
/* The heading link draws only its own chevron. */
#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta::before{content:none!important;display:none!important}
#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta>:is(i,svg){display:none}
/* Card look "stat_media": figures next to staggered media. Card order: figure, figure, tall media, media, figure, figure. */
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(40px,5vw,72px) 24px;align-items:end}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item{background:transparent!important;border:0;border-radius:0;overflow:visible;grid-column:span 1}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(1){grid-area:1/1}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(2){grid-area:1/2}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(3){grid-area:1/3/3/5;align-self:start}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(4){grid-area:2/1/4/3;align-self:start}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(5){grid-area:3/3;align-self:center}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(6){grid-area:3/4;align-self:center}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-thumb{border-radius:var(--sty-card-radius,28px);aspect-ratio:auto}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(3) .sp-ext-crd-thumb{aspect-ratio:4/3!important}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(4) .sp-ext-crd-thumb{aspect-ratio:4/3!important}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-content{padding:0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat_media"] .sp-ext-crd-title{font-size:clamp(32px,3.34vw,48px)!important;line-height:1.1!important;font-weight:600!important;letter-spacing:0!important;margin-bottom:6px}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat_media"] .sp-ext-crd-body{font-size:17px!important;line-height:1.3!important;font-weight:400!important;color:var(--sty-c-itemd,var(--hc-tone-tx,#1d1d1f))!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat_media"] .sp-ext-crd-tag{display:block;margin:0 0 4px;padding:0;border:0;background:none;font-size:17px;font-weight:400;line-height:1.3;color:var(--hc-tone-tx,#1d1d1f)}
@media (max-width:734px){
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;align-items:start}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(1){grid-area:1/1}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(2){grid-area:2/1}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(3){grid-area:1/2/4/3}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(4){grid-area:3/1/6/2}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(5){grid-area:4/2}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(6){grid-area:5/2}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(3) .sp-ext-crd-thumb{aspect-ratio:3/4!important}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(4) .sp-ext-crd-thumb{aspect-ratio:3/4!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat_media"] :is(.sp-ext-crd-body,.sp-ext-crd-tag){font-size:14px!important}
}
/* Tabs: step buttons appear inside the track when it overflows. */
.hc-tabs-wrap{position:relative;display:inline-flex;max-width:100%}
.hc-tabs-wrap{overflow:visible}
.hc-tabs-step{position:absolute;z-index:2;top:var(--hc-tabs-t,0px);bottom:auto;height:var(--hc-tabs-h,100%);display:none;align-items:center;width:56px;margin:0;padding:0;border:0;border-radius:0;color:var(--hc-tone-tx2,#6e6e73);cursor:pointer}
.hc-tabs-step::before{content:'';width:9px;height:9px;border-left:2px solid currentColor;border-top:2px solid currentColor;border-radius:1px}
.hc-tabs-step--prev{left:0;border-radius:999px 0 0 999px;justify-content:flex-start;padding-left:20px;background:linear-gradient(90deg,var(--hc-tab-track,#f5f5f7) 62%,transparent)}
.hc-tabs-step--prev::before{transform:rotate(-45deg)}
.hc-tabs-step--next{right:0;border-radius:0 999px 999px 0;justify-content:flex-end;padding-right:20px;background:linear-gradient(270deg,var(--hc-tab-track,#f5f5f7) 62%,transparent)}
.hc-tabs-step--next::before{transform:rotate(135deg)}
@media (hover:hover){.hc-tabs-step:hover{color:var(--hc-tone-tx,#1d1d1f)}}
.hc-tabs-wrap.is-ovf-l .hc-tabs-step--prev,.hc-tabs-wrap.is-ovf-r .hc-tabs-step--next{display:inline-flex}
.hc-tabs-step:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
/* Tile cards that hold media: the media sits inside the soft tile with padding (accessory-style tiles). */
.sp-ext-crd-common[data-hc-card-look="tile"]:not(.sp-ext-crd--text) .sp-ext-crd-item.sp-card-off-title.sp-card-off-body{padding:clamp(24px,5vw,72px);box-sizing:border-box}
.sp-ext-crd-common[data-hc-card-look="tile"]:not(.sp-ext-crd--text) .sp-ext-crd-item.sp-card-off-title.sp-card-off-body .sp-ext-crd-thumb{width:100%;border-radius:20px}
.sp-ext-crd-common[data-hc-card-look="tile"]:not(.sp-ext-crd--text) .sp-ext-crd-item.sp-card-off-title.sp-card-off-body .sp-ext-crd-content{display:none}
/* Gallery card "tile": a plain tile with the caption at the top in the text colour and the media set inside the tile. */
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-item{background:var(--hc-gallery-tile,#fff)!important}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){--hc-gallery-tile:var(--hc-tone-card)}
.sp-ext-crd-common[data-hc-section-tone="light"]{--hc-gallery-tile:#f5f5f7}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-content{background:none!important;padding:clamp(32px,4.4vw,64px) clamp(24px,8vw,120px) 0}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-title{color:var(--hc-tone-tx,#1d1d1f)!important;max-width:720px}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-thumb{position:absolute!important;inset:30% 9% auto!important;width:auto!important;height:61%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border-radius:20px;overflow:hidden}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-thumb :is(img,video){position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
@media (max-width:900px){#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-thumb{inset:38% 8% auto!important;height:54%!important}}
/* A section that starts directly with its cards (no heading) has no gap above them. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]>.sp-b>:is(.sp-ext-crd-grid,.sp-ext-crd-slider):first-child,#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]>.sp-b>.sp-ext-crd-slider:first-child .sp-ext-crd-grid{margin-top:0}
/* Drag to scroll (mouse) on slider rows. */
@media (hover:hover) and (pointer:fine){body:not(.sp-edit) .sp-ext-crd-common[data-hc-slider-look] .sp-ext-crd-grid{cursor:grab}}
.sp-ext-crd-common[data-hc-slider-look] .sp-ext-crd-grid.is-hc-drag{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto!important;-webkit-user-select:none;user-select:none}
.sp-ext-crd-common[data-hc-slider-look] .sp-ext-crd-grid.is-hc-drag *{pointer-events:none}
.sp-ext-crd-common[data-hc-slider-look] .sp-ext-crd-grid img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
/* Card look "steps": numbered steps as plain columns with a hairline, large step number, title and text. */
.sp-ext-crd-common[data-hc-card-look="steps"] .sp-ext-crd-grid{counter-reset:hcstep;gap:var(--sty-card-gap,40px)}
.sp-ext-crd-common[data-hc-card-look="steps"] .sp-ext-crd-item{counter-increment:hcstep;background:transparent!important;border:0;border-top:1px solid var(--hc-tone-line,rgba(60,60,67,.24));border-radius:0;overflow:visible}
.sp-ext-crd-common[data-hc-card-look="steps"] .sp-ext-crd-content{padding:24px 0 0!important}
.sp-ext-crd-common[data-hc-card-look="steps"] .sp-ext-crd-content::before{content:counter(hcstep);display:block;margin:0 0 clamp(40px,6vw,88px);font-size:clamp(40px,3.34vw,48px);font-weight:600;line-height:1.1;color:var(--hc-tone-tx2,#6e6e73)}
.sp-ext-crd-common[data-hc-card-look="steps"] .sp-ext-crd-num{display:none!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="steps"] .sp-ext-crd-title{font-size:clamp(21px,1.95vw,28px)!important;line-height:1.25!important;margin-bottom:8px}
@media (max-width:734px){.sp-ext-crd-common[data-hc-card-look="steps"] .sp-ext-crd-content::before{margin-bottom:20px}}
/* Card link buttons under the product type scale are plain accent text links with a chevron. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-link-button{display:inline-flex;align-items:center;gap:4px;width:auto;min-width:0;min-height:0;margin-top:14px;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--hc-tone-accent,#0066cc)!important;font-size:17px;font-weight:400;line-height:1.3;letter-spacing:0}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-link-button>:is(i,svg){display:none}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-link-button::before{content:none!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-link-button::after{content:''!important;position:static;display:block;width:.42em;height:.42em;margin-left:.15em;border:0;border-right:.09em solid currentColor;border-top:.09em solid currentColor;background:none;transform:rotate(45deg)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-item:hover .sp-ext-crd-link-button{text-decoration:underline}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="caption"] .sp-ext-crd-link-button{display:flex;width:max-content}
@media (max-width:734px){#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-link-button{font-size:14px}}
/* Stat tags follow the card's text alignment. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([data-hc-card-look="stat"],[data-hc-card-look="stat_media"]) .sp-ext-crd-tag{align-self:stretch;width:100%;text-align:inherit}
/* A card that shows only its media has no text box under it, so every corner of the media is rounded. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-item.sp-card-off-title.sp-card-off-body>.sp-ext-crd-content{display:none}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:not([data-hc-card-look="tile"]):not(.sp-ext-crd--overlay) .sp-ext-crd-item.sp-card-off-title.sp-card-off-body>.sp-ext-crd-thumb{border-radius:var(--sty-card-radius,28px)}
/* Gallery caption position: bottom. */
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-caption="bottom"].sp-ext-crd--overlay .sp-ext-crd-content{justify-content:flex-end;padding-top:0;padding-bottom:clamp(32px,4.4vw,64px);background:linear-gradient(0deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,0) 46%)}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"][data-hc-gallery-caption="bottom"].sp-ext-crd--overlay .sp-ext-crd-content{background:none!important}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"][data-hc-gallery-caption="bottom"].sp-ext-crd--overlay .sp-ext-crd-thumb{inset:9% 9% auto!important}
@media (max-width:900px){#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"][data-hc-gallery-caption="bottom"].sp-ext-crd--overlay .sp-ext-crd-thumb{inset:8% 8% auto!important}}
/* Card look "icon_tile": a tile whose card image is shown small as an icon above the title. */
.sp-ext-crd-common[data-hc-card-look="icon_tile"] .sp-ext-crd-item{background:var(--sp-card-bg,var(--hc-tone-card,#fff))!important;border:0;border-radius:var(--sty-card-radius,28px);padding:clamp(28px,2.8vw,40px);box-sizing:border-box;min-height:clamp(260px,24vw,340px);justify-content:flex-start}
.sp-ext-crd-common[data-hc-section-tone="soft"][data-hc-card-look="icon_tile"]{--hc-tone-card:#fff}
#sp-sections .sp-ext-crd-common[data-hc-card-look="icon_tile"] .sp-ext-crd-thumb{flex:0 0 auto;align-self:flex-start;width:56px!important;height:56px!important;min-height:0!important;aspect-ratio:auto!important;margin:0 auto auto 0!important;border-radius:0!important;overflow:visible;background:none}
#sp-sections .sp-ext-crd-common[data-hc-card-look="icon_tile"] .sp-ext-crd-thumb img{position:static;width:56px!important;height:56px!important;object-fit:contain;transform:none!important;animation:none!important}
.sp-ext-crd-common[data-hc-card-look="icon_tile"] .sp-ext-crd-content{flex:0 0 auto;padding:clamp(40px,6vw,88px) 0 0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="icon_tile"] .sp-ext-crd-title{font-size:clamp(21px,1.95vw,28px)!important;line-height:1.25!important;margin-bottom:8px}
/* Tabs: a sliding thumb marks the selected tab (position set by script); the track can be dragged. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs.is-hc-thumb{position:relative}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs.is-hc-thumb::before{content:'';position:absolute;z-index:0;top:6px;bottom:6px;left:0;width:var(--hc-tab-w,0px);border-radius:999px;background:var(--hc-tab-on,#1d1d1f);transform:translate3d(var(--hc-tab-x,0px),0,0);transition:transform .5s cubic-bezier(.32,.72,0,1),width .5s cubic-bezier(.32,.72,0,1)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs.is-hc-thumb [data-crd-tab]{position:relative;z-index:1;background:transparent!important;transition:color .3s}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs.is-hc-thumb [data-crd-tab]:hover{transform:none}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs.is-hc-drag{cursor:grabbing;scroll-behavior:auto}
@media (prefers-reduced-motion:reduce){#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs.is-hc-thumb::before{transition:none}}
.hc-tabs-wrap{min-width:0}
/* Narrow screens: centred lockups read from the left, and media tiles stack as landscape tiles. */
@media (max-width:734px){
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"]):not([data-hc-scroll-effect="video_scrub"]) :is(.sp-ext-crd-eyebrow,.sp-sec-title,.sp-ext-crd-desc){text-align:left!important;padding-inline:0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"]):not([data-hc-scroll-effect="video_scrub"]) .sp-ext-crd-bottom{justify-content:flex-start;text-align:left!important}
.sp-ext-crd-common[data-hc-card-look="tile"]:not(.sp-ext-crd--text) .sp-ext-crd-item.sp-card-off-title.sp-card-off-body{padding:36px 28px}
#sp-sections .sp-ext-crd-common[data-hc-card-look="tile"]:not(.sp-ext-crd--text) .sp-ext-crd-item.sp-card-off-title.sp-card-off-body .sp-ext-crd-thumb{aspect-ratio:4/3!important}
}
#sp-anchor-nav.sp-anc--product .sp-anc-cta{transition:opacity .3s,max-width .4s cubic-bezier(.22,1,.36,1),padding .4s;max-width:160px;overflow:hidden}
#sp-anchor-nav.sp-anc--product.is-anc-nocta .sp-anc-cta{opacity:0;max-width:0;padding-inline:0;pointer-events:none}
#sp-sections .sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-thumb{width:100%!important;height:auto!important}
#sp-sections .sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-thumb :is(img,video){position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
/* The caption pill slides in from the side the media came from. */
.hc-viewer-pill.is-open.is-from-next{animation:hcViewerPillNext .8s cubic-bezier(.32,.72,0,1) both}
.hc-viewer-pill.is-open.is-from-prev{animation:hcViewerPillPrev .8s cubic-bezier(.32,.72,0,1) both}
@keyframes hcViewerPillNext{from{opacity:0;transform:translate3d(64px,0,0)}to{opacity:1;transform:none}}
@keyframes hcViewerPillPrev{from{opacity:0;transform:translate3d(-64px,0,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hc-viewer-pill.is-open{animation:none!important}}
/* Card look "feature_modal": a tall tile (tag, title, text, optional media at the bottom) with a + button.
   The + opens a sheet that shows the card's tag, title, subtitle (price), a call-to-action and its detail points as a list. */
.sp-ext-crd-common[data-hc-card-look="feature_modal"] .sp-ext-crd-item{position:relative;background:var(--sp-card-bg,var(--hc-tone-card,#fff))!important;border:0;border-radius:var(--sty-card-radius,28px);min-height:clamp(420px,36vw,520px);overflow:hidden;cursor:pointer;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.sp-ext-crd-common[data-hc-section-tone="soft"][data-hc-card-look="feature_modal"]{--hc-tone-card:#fff}
@media (hover:hover){.sp-ext-crd-common[data-hc-card-look="feature_modal"] .sp-ext-crd-item:hover{transform:scale(1.012)}}
.sp-ext-crd-common[data-hc-card-look="feature_modal"] .sp-ext-crd-content{order:1;flex:0 0 auto;padding:clamp(28px,2.6vw,36px) clamp(28px,2.6vw,36px) 0!important}
.sp-ext-crd-common[data-hc-card-look="feature_modal"] .sp-ext-crd-thumb{order:2;margin-top:auto;aspect-ratio:16/9!important;border-radius:0!important}
.sp-ext-crd-common[data-hc-card-look="feature_modal"] :is(.sp-ext-crd-points,.sp-ext-crd-point-add,.sp-ext-crd-link-button){display:none!important}
body.sp-edit .sp-ext-crd-common[data-hc-card-look="feature_modal"] .sp-ext-crd-points{display:block!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="feature_modal"] .sp-ext-crd-tag{display:block;margin:0 0 10px;padding:0;border:0;background:none;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:0;color:var(--hc-tone-tx,#1d1d1f)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="feature_modal"] .sp-ext-crd-title{font-size:clamp(24px,2.2vw,28px)!important;line-height:1.2!important;margin-bottom:14px}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="feature_modal"] .sp-ext-crd-sub{margin:0 0 14px;font-size:clamp(28px,2.6vw,36px)!important;font-weight:600;line-height:1.15;letter-spacing:0;color:var(--hc-tone-tx,#1d1d1f)!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="feature_modal"] .sp-ext-crd-title{font-size:21px!important;line-height:1.3!important;margin-bottom:10px}
.hc-fm-sub{font-size:clamp(21px,2.4vw,28px)!important;font-weight:600!important}
.hc-fm-open{position:absolute;z-index:3;right:24px;bottom:24px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(210,210,215,.64);color:rgba(0,0,0,.56);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s,color .25s}
.hc-fm-open::before{content:'';width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/14px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 14px no-repeat}
.sp-ext-crd-item:hover .hc-fm-open{background:rgba(223,223,227,.9);color:rgba(0,0,0,.72)}
.hc-fm-open:focus-visible,.hc-fm-close:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.hc-fm{position:fixed;inset:0;z-index:100000;display:none;font-family:var(--font-pret),'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif}
.hc-fm.is-open{display:block}
.hc-fm-dim{position:absolute;inset:0;background:rgba(0,0,0,.48);opacity:0;transition:opacity .35s}
.hc-fm-sheet{position:absolute;left:50%;top:44px;bottom:0;width:min(816px,100%);overflow:auto;overscroll-behavior:contain;border-radius:28px 28px 0 0;background:#fff;color:#1d1d1f;transform:translate3d(-50%,48px,0);opacity:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s}
.hc-fm.is-in .hc-fm-dim{opacity:1}
.hc-fm.is-in .hc-fm-sheet{transform:translate3d(-50%,0,0);opacity:1}
.hc-fm-close{position:sticky;z-index:2;top:20px;float:right;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:20px 20px -56px 0;padding:0;border:0;border-radius:50%;background:#e8e8ed;color:#1d1d1f;cursor:pointer}
.hc-fm-close::before,.hc-fm-close::after{content:'';position:absolute;width:14px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.hc-fm-close::after{transform:rotate(-45deg)}
.hc-fm-in{padding:clamp(56px,8vw,76px) clamp(24px,7vw,76px) clamp(48px,7vw,76px);word-break:keep-all;overflow-wrap:break-word}
.hc-fm-head{text-align:center}
.hc-fm-tag{margin:0 0 6px;font-size:14px;font-weight:400;line-height:1.43;color:#b64400}
.hc-fm-title{margin:0;font-size:clamp(32px,4.4vw,48px);font-weight:600;line-height:1.1;letter-spacing:0}
.hc-fm-sub{margin:22px 0 0;font-size:17px;font-weight:400;line-height:1.47}
.hc-fm-cta{display:inline-flex;align-items:center;min-height:44px;margin:22px 0 0;padding:0 22px;border-radius:999px;background:#0071e3;color:#fff;font-size:17px;font-weight:400;line-height:1;text-decoration:none}
.hc-fm-cta:hover{background:#0077ed}
.hc-fm-media{margin:clamp(32px,5vw,56px) auto 0;max-width:520px;border-radius:20px;overflow:hidden}
.hc-fm-media :is(img,video){display:block;width:100%;height:auto}
.hc-fm-text{margin:clamp(28px,4vw,44px) 0 0;font-size:17px;line-height:1.5883;color:#6e6e73;text-align:center}
.hc-fm-list{margin:clamp(32px,5vw,56px) 0 0;padding:0;list-style:none}
.hc-fm-list li{position:relative;padding:22px 0 22px 62px;border-bottom:1px solid rgba(60,60,67,.18);font-size:clamp(17px,1.6vw,21px);font-weight:600;line-height:1.38;letter-spacing:.011em}
.hc-fm-list li:last-child{border-bottom:0}
.hc-fm-list li::before{content:'';position:absolute;left:8px;top:24px;width:26px;height:26px;border:1.6px solid currentColor;border-radius:50%;box-sizing:border-box}
.hc-fm-list li::after{content:'';position:absolute;left:17px;top:31px;width:7px;height:11px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(42deg)}
.hc-fm-list li span{display:block;margin-top:4px;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:0;color:#6e6e73}
@media (max-width:734px){.hc-fm-sheet{top:36px;border-radius:24px 24px 0 0}.hc-fm-close{width:44px;height:44px}.hc-fm-list li{padding-left:52px}.hc-fm-list li::before{left:2px}.hc-fm-list li::after{left:11px}.sp-ext-crd-common[data-hc-card-look="feature_modal"] .sp-ext-crd-item{min-height:440px}}
@media (prefers-reduced-motion:reduce){.hc-fm-dim,.hc-fm-sheet{transition:none}}
/* Gallery caption position per card: the card's own text position (글 위치 손잡이, txt_y) decides top or bottom. */
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-item:is([style*="--crd-txt-y:flex-end"],[style*="--crd-txt-y: flex-end"]) .sp-ext-crd-content{justify-content:flex-end!important;padding-top:0!important;padding-bottom:clamp(32px,4.4vw,64px)!important;background:linear-gradient(0deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,0) 46%)}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-item:is([style*="--crd-txt-y:flex-end"],[style*="--crd-txt-y: flex-end"]) .sp-ext-crd-content{background:none!important}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-item:is([style*="--crd-txt-y:flex-end"],[style*="--crd-txt-y: flex-end"]) .sp-ext-crd-thumb{inset:9% 9% auto!important}
@media (max-width:900px){#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-item:is([style*="--crd-txt-y:flex-end"],[style*="--crd-txt-y: flex-end"]) .sp-ext-crd-thumb{inset:8% 8% auto!important}#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-item:is([style*="--crd-txt-y:flex-end"],[style*="--crd-txt-y: flex-end"]) .sp-ext-crd-content{padding-bottom:28px!important}}
/* Entrance motion: each block eases in once when it enters the view. Classes are added by script, so content is never hidden without script.
   Text and cards rise; media opens from a slightly inset, slightly enlarged state. */
.hc-rv{opacity:0;transform:translate3d(0,44px,0);transition:opacity 1.1s cubic-bezier(.16,1,.3,1) var(--hc-rv-d,0ms),transform 1.3s cubic-bezier(.16,1,.3,1) var(--hc-rv-d,0ms);will-change:opacity,transform}
.hc-rv.is-in{opacity:1;transform:none}
.hc-rv.hc-rv-media{transform:translate3d(0,56px,0)}
.hc-rv.hc-rv-media.is-in{transform:none}
.hc-rv-media .sp-ext-crd-thumb{overflow:hidden}
.hc-rv-media .sp-ext-crd-thumb :is(img,video){transform:scale(1.06);transition:transform 1.8s cubic-bezier(.16,1,.3,1) var(--hc-rv-d,0ms)}
.hc-rv-media.is-in .sp-ext-crd-thumb :is(img,video){transform:none}
@media (prefers-reduced-motion:reduce){.hc-rv,.hc-rv.hc-rv-media,.hc-rv-media .sp-ext-crd-thumb :is(img,video){opacity:1;transform:none;transition:none}}
/* Shared press and hover feedback. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] :is(.sp-ext-crd-bottom-cta,.hc-fm-open,.hc-viewer-open,.sp-ext-crd-nav,.sp-ext-crd-hold){transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s,color .25s,opacity .25s}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] :is(.sp-ext-crd-bottom-cta,.hc-fm-open,.hc-viewer-open,.sp-ext-crd-nav,.sp-ext-crd-hold):active{transform:scale(.95)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([data-hc-card-look="tile"],[data-hc-card-look="feature_modal"],[data-hc-card-look="icon_tile"],[data-hc-card-look="bento"]) .sp-ext-crd-item:active{transform:scale(.985)}
#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta::after,#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-link-button::after{transition:transform .3s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta:hover::after,#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-item:hover .sp-ext-crd-link-button::after{transform:translate3d(3px,0,0) rotate(45deg) scale(.82)}}
.hc-faq-all+.sp-ext-crd-grid .sp-ext-crd-faq-answer,#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq details[open] .sp-ext-crd-faq-answer{animation:hcFaqIn .45s cubic-bezier(.22,1,.36,1) both}
@keyframes hcFaqIn{from{opacity:0;transform:translate3d(0,-6px,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq details[open] .sp-ext-crd-faq-answer{animation:none}}
/* Section titles rise word by word. */
.hc-rv.hc-rv-words{opacity:1;transform:none}
.hc-rv-words .hc-w{display:inline-block;opacity:0;transform:translate3d(0,.6em,0);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 70ms)}
.hc-rv-words.is-in .hc-w{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.hc-rv-words .hc-w{opacity:1;transform:none;transition:none}}

/* Card looks "accordion" / "switcher": one card at a time on a media stage (built by script; without script the cards stay a normal grid). */
.hc-stage{position:relative;overflow:hidden;border-radius:var(--sty-card-radius,28px);background:var(--hc-tone-card,#f5f5f7)}
#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-grid{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;gap:0;overflow:hidden!important}
#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-item{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .7s ease,transform 1.1s cubic-bezier(.16,1,.3,1),visibility 0s linear .7s}
#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-item.is-hc-on{opacity:1;visibility:visible;transform:none;transition:opacity .7s ease,transform 1.1s cubic-bezier(.16,1,.3,1),visibility 0s}
#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-content{display:none!important}
#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-thumb{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;flex:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border-radius:0!important;overflow:hidden}
#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-thumb :is(img,video){position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
@media (prefers-reduced-motion:reduce){#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-item{transition:none;transform:none}}
/* accordion */
.is-hc-acc .hc-acc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4.4vw,72px);align-items:center;margin-top:clamp(40px,5vw,72px)}
.is-hc-acc .hc-acc .hc-stage{order:2;aspect-ratio:4/3;min-height:clamp(360px,34vw,560px)}
.hc-acc-list{display:flex;flex-direction:column;min-width:0}
.hc-acc-row{border-top:1px solid var(--hc-tone-line,rgba(0,0,0,.12))}
.hc-acc-row:last-child{border-bottom:1px solid var(--hc-tone-line,rgba(0,0,0,.12))}
.hc-acc-h{margin:0;font-size:inherit;font-weight:inherit}
.hc-acc-btn{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:68px;margin:0;padding:18px 4px;border:0;background:none;color:var(--hc-tone-tx2,#6e6e73);font-family:inherit;font-size:clamp(19px,1.67vw,24px);font-weight:600;line-height:1.25;letter-spacing:0;text-align:left;word-break:keep-all;cursor:pointer;transition:color .3s}
.hc-acc-row.is-open .hc-acc-btn{color:var(--hc-tone-tx,#1d1d1f)}
@media (hover:hover){.hc-acc-btn:hover{color:var(--hc-tone-tx,#1d1d1f)}}
.hc-acc-btn:focus-visible{outline:2px solid #0071e3;outline-offset:2px;border-radius:8px}
.hc-acc-ico{position:relative;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--hc-ctl-bg,rgba(0,0,0,.06));transition:background .3s}
.hc-acc-ico::before,.hc-acc-ico::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1.6px;margin:-.8px 0 0 -6px;border-radius:2px;background:currentColor;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s}
.hc-acc-ico::after{transform:rotate(90deg)}
.hc-acc-row.is-open .hc-acc-ico::after{transform:rotate(0deg);opacity:0}
.hc-acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1)}
.hc-acc-row.is-open .hc-acc-panel{grid-template-rows:1fr}
.hc-acc-panel>div{min-height:0;overflow:hidden}
.hc-acc-panel p{margin:0;padding:0 48px 24px 4px;color:var(--hc-tone-tx2,#6e6e73);font-size:17px;line-height:1.47;font-weight:400;word-break:keep-all;opacity:0;transform:translate3d(0,8px,0);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.hc-acc-row.is-open .hc-acc-panel p{opacity:1;transform:none;transition-delay:.12s}
@media (max-width:900px){.is-hc-acc .hc-acc{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px}.is-hc-acc .hc-acc .hc-stage{order:-1;min-height:0;aspect-ratio:4/3}.hc-acc-btn{min-height:60px;font-size:19px}.hc-acc-panel p{font-size:15px;padding-right:40px}}
@media (prefers-reduced-motion:reduce){.hc-acc-panel,.hc-acc-panel p,.hc-acc-ico::before,.hc-acc-ico::after{transition:none}}
/* switcher */
.is-hc-sw .hc-sw{margin-top:clamp(40px,5vw,72px)}
.is-hc-sw .hc-sw .hc-stage{height:clamp(420px,46vw,680px)}
.hc-sw-bar{position:absolute;left:50%;bottom:clamp(16px,2vw,28px);z-index:3;transform:translateX(-50%);display:flex;gap:2px;max-width:calc(100% - 32px);padding:5px;box-sizing:border-box;border-radius:999px;background:rgba(232,232,237,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hc-sw-bar::-webkit-scrollbar{display:none}
.hc-sw-bar button{position:relative;z-index:1;flex:0 0 auto;min-height:36px;margin:0;padding:0 16px;border:0;border-radius:999px;background:none;color:#1d1d1f;font-family:inherit;font-size:14px;font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap;cursor:pointer;transition:color .35s}
.hc-sw-bar button[aria-selected="true"]{color:#fff}
.hc-sw-bar button:focus-visible{outline:2px solid #0071e3;outline-offset:-2px}
.hc-sw-thumb{position:absolute;z-index:0;left:0;top:5px;height:calc(100% - 10px);width:var(--w,0px);transform:translate3d(var(--x,0px),0,0);border-radius:999px;background:#1d1d1f;transition:transform .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1)}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .hc-sw-bar{background:rgba(66,66,69,.72)}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .hc-sw-bar button{color:#f5f5f7}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .hc-sw-bar button[aria-selected="true"]{color:#1d1d1f}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .hc-sw-thumb{background:#f5f5f7}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){--hc-ctl-bg:rgba(255,255,255,.12)}
.hc-sw-cap{max-width:760px;min-height:3.2em;margin:clamp(20px,2.4vw,32px) auto 0;text-align:center;color:var(--hc-tone-tx2,#6e6e73);font-size:clamp(17px,1.46vw,21px);font-weight:600;line-height:1.381;letter-spacing:0;word-break:keep-all}
.hc-sw-cap p{margin:0}
.hc-sw-cap b{color:var(--hc-tone-tx,#1d1d1f);font-weight:600}
.hc-sw-cap p.is-swap{animation:hcSwCap .6s cubic-bezier(.22,1,.36,1) both}
@keyframes hcSwCap{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
@media (max-width:734px){.is-hc-sw .hc-sw .hc-stage{height:min(118vw,560px)}.hc-sw-bar{left:12px;right:12px;bottom:12px;transform:none;max-width:none}.hc-sw-bar button{min-height:34px;padding:0 14px;font-size:13px}.hc-sw-cap{text-align:left;min-height:4.4em}}
@media (prefers-reduced-motion:reduce){.hc-sw-thumb{transition:none}.hc-sw-cap p.is-swap{animation:none}}
/* Dark tones: single-colour svg icons of icon tiles are drawn dark, so flip them to light. */
#sp-sections .sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"])[data-hc-card-look="icon_tile"] .sp-ext-crd-thumb img[src$=".svg"]{filter:invert(1)}
/* ===== Table compositions for the common card type (table_columns / table_rows).
   table_columns: one card = one column; rows are title, media, description, then the card's detail points.
   Row names live once on the section (table_labels) and show in the left column; every cell keeps the same name for screen readers and small screens.
   table_rows: one card = one row; number/icon + title form the label cell, body is the value cell.
   Reusable option values only. No clinic names, page IDs or content URLs. ===== */
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-grid,.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-grid{--hc-table-line:var(--sty-card-bd-c,#e2e4e8);--hc-table-head:var(--hc-table-head-bg,#f5f6f8);border:1px solid var(--hc-table-line);border-radius:var(--sty-card-radius,14px);overflow:hidden;background:var(--sp-card-bg,#fff);gap:0!important;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item,.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item{width:auto!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] :is(.sp-ext-crd-num,.sp-ext-crd-tag,.sp-ext-crd-sub,.sp-common-card-icon,.sp-ext-crd-link-button,.sp-ext-crd-point-marker),.sp-ext-crd-common[data-hc-common-composition="table_rows"] :is(.sp-ext-crd-tag,.sp-ext-crd-sub,.sp-common-card-icon,.sp-ext-crd-link-button,.sp-ext-crd-thumb){display:none!important}
/* The editor re-shows parts a card has switched off (faded) with a stronger selector; parts this composition never uses stay hidden there too. */
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item :is(.sp-ext-crd-num,.sp-ext-crd-tag,.sp-ext-crd-sub,.sp-common-card-icon,.sp-ext-crd-link-button,.sp-ext-crd-point-marker),body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item :is(.sp-ext-crd-tag,.sp-ext-crd-sub,.sp-common-card-icon,.sp-ext-crd-link-button,.sp-ext-crd-thumb),#sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item :is(.sp-ext-crd-num,.sp-ext-crd-tag,.sp-ext-crd-sub,.sp-common-card-icon,.sp-ext-crd-link-button,.sp-ext-crd-point-marker),#sp-sections .sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item :is(.sp-ext-crd-tag,.sp-ext-crd-sub,.sp-common-card-icon,.sp-ext-crd-link-button,.sp-ext-crd-thumb){display:none!important}

/* Cards with no content stay hidden for visitors (the base rule is overridden by the display values above). */
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item.sp-item-empty,.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item.sp-item-empty{display:none!important}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item.sp-item-blank,body:not(.sp-edit) .sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item.sp-item-blank{display:none!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-grid{display:grid!important;grid-template-columns:var(--hc-table-label-w,92px) var(--hc-table-tracks,repeat(var(--hc-table-cols,3),minmax(0,1fr)));grid-auto-rows:auto;align-items:stretch}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-labels{grid-column:1;grid-row:1/span var(--hc-table-rows,3);display:grid;grid-template-rows:subgrid}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-labels>.is-head{grid-row:1;background:var(--hc-table-head);border-bottom:1px solid var(--hc-table-line)}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-labels>.is-media{grid-row:2/span 2}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-label{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 10px;border-top:1px solid var(--hc-table-line);font-size:15px;font-weight:700;line-height:1.4;color:var(--sty-c-itemt,var(--sp-text,#1d1d1f));text-align:center;word-break:keep-all}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item{grid-row:1/span var(--hc-table-rows,3);display:grid!important;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);border-left:1px solid var(--hc-table-line)!important;position:relative}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-thumb{grid-row:2;grid-column:1;align-self:start;width:auto!important;max-width:none!important;margin:18px 22px 0!important;border-radius:var(--sp-crd-img-radius,10px);overflow:hidden;z-index:1}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-content{grid-row:1/span var(--hc-table-rows,3);grid-column:1;display:grid!important;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);gap:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;text-align:center!important;align-items:stretch!important;justify-content:stretch!important;transform:none!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-title{grid-row:1;display:flex;align-items:center;justify-content:center;margin:0!important;padding:14px 12px!important;background:var(--hc-table-head);border-bottom:1px solid var(--hc-table-line);font-size:var(--sty-t-itemt,17px);font-weight:var(--sty-w-itemt,700);line-height:1.4;text-align:center!important;word-break:keep-all}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-body{grid-row:3;margin:0!important;padding:12px 18px 18px!important;font-size:var(--sty-t-itemd,14px);line-height:1.65;text-align:center!important;word-break:keep-all;align-self:start}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-points{grid-row:4/span var(--hc-table-points,1);display:grid!important;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);gap:0!important;margin:0!important;padding:0!important;list-style:none;width:auto!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point{display:flex!important;align-items:center;justify-content:center;position:relative;min-height:52px;margin:0!important;padding:12px 14px!important;border:0!important;border-top:1px solid var(--hc-table-line)!important;border-radius:0!important;background:transparent!important;width:auto!important;text-align:center}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-text{width:100%;min-width:0}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-title{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-desc{margin:0!important;font-size:var(--sty-t-itemd,15px);line-height:1.6;color:var(--sty-c-itemt,var(--sp-text,#1d1d1f));white-space:pre-line;text-align:center;word-break:keep-all}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-content>.sp-ext-crd-point-add{grid-row:-2;align-self:center;justify-self:center;margin:8px}
@supports not (grid-template-rows:subgrid){.sp-ext-crd-common[data-hc-common-composition="table_columns"] :is(.sp-common-table-labels,.sp-ext-crd-item,.sp-ext-crd-content,.sp-ext-crd-points){grid-template-rows:none;grid-auto-rows:auto}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-labels{display:none}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-grid{grid-template-columns:repeat(var(--hc-table-cols,3),minmax(0,1fr))}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point{flex-direction:column}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-title{position:static!important;width:auto;height:auto;margin:0 0 4px;clip:auto;clip-path:none;font-size:13px;font-weight:700}}
@media(max-width:768px){
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-grid{display:block!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-labels{display:none}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-points{display:block!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item{display:flex!important;flex-direction:column}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-content{display:contents!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-title{order:0}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-thumb{order:1}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-body{order:2}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-points{order:3}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-content>.sp-ext-crd-point-add{order:4}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item{border-left:0!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item+.sp-ext-crd-item{border-top:1px solid var(--hc-table-line)!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-thumb{margin:16px 16px 0!important;align-self:stretch;flex:0 0 auto}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point{display:grid!important;grid-template-columns:minmax(64px,26%) minmax(0,1fr);gap:12px;align-items:start;justify-content:stretch;text-align:left;padding:12px 16px!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-text{display:contents}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-title{position:static!important;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;font-size:14px;font-weight:700;line-height:1.6;color:var(--sty-c-itemt,var(--sp-text,#1d1d1f))}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-desc{text-align:left;font-size:14px}
}

.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-grid{display:block!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item{display:block!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item+.sp-ext-crd-item{border-top:1px solid var(--hc-table-line)!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-content{position:relative;display:grid!important;grid-template-columns:var(--hc-table-label-w,270px) minmax(0,1fr);gap:0!important;align-items:center!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;text-align:left!important;transform:none!important;background:linear-gradient(to right,var(--hc-table-head) 0,var(--hc-table-head) var(--hc-table-label-w,270px),transparent var(--hc-table-label-w,270px))}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-num{position:relative!important;left:auto;top:auto;transform:none;grid-column:1;grid-row:1;justify-self:start;align-self:center;margin:0 0 0 22px!important;z-index:1}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-num{display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-width:44px;padding:0!important;border:0!important;border-radius:50%!important;opacity:1!important;background:color-mix(in srgb,var(--sp-crd-number-color,var(--index_color,#2f6fed)) 12%,transparent)!important;color:var(--sp-crd-num-fg,var(--sp-crd-number-color,var(--index_color,#2f6fed)))!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-num.is-icon svg{width:22px;height:22px}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-num.is-icon img{width:100%!important;height:100%!important;border-radius:50%;object-fit:cover;display:block}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-num:not(.is-icon){font-size:14px!important;font-weight:700!important;letter-spacing:0!important;line-height:1!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-title{grid-column:1;grid-row:1;margin:0!important;padding:20px 16px 20px 84px!important;font-size:var(--sty-t-itemt,17px);font-weight:var(--sty-w-itemt,700);line-height:1.45;text-align:left!important;word-break:keep-all}
.sp-ext-crd-common[data-hc-common-composition="table_rows"]:is(.sp-ext-crd--no-num,.sp-ext-crd--all-off-number) .sp-ext-crd-title,.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-card-off-number .sp-ext-crd-title{padding-left:24px!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-body{grid-column:2;grid-row:1;margin:0!important;padding:20px 28px!important;font-size:var(--sty-t-itemd,15px);line-height:1.7;text-align:left!important;word-break:keep-all}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-points{grid-column:2;margin:0!important;padding:0 28px 20px!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-content>.sp-ext-crd-point-add{grid-column:2;justify-self:start;margin:0 28px 14px}
@media(max-width:768px){
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-content{grid-template-columns:minmax(0,1fr);background:none}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-title{background:var(--hc-table-head);padding:14px 16px 14px 68px!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-num{margin-left:16px!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-body{grid-column:1;grid-row:auto;padding:14px 16px 16px!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-points,.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-content>.sp-ext-crd-point-add{grid-column:1;padding-left:16px!important;padding-right:16px!important}
}
/* 버튼(CTA) 위치(2026-10-06). 정해진 위치: 카드 버튼은 기존 sp-ext-crd--btn-align-*, 하단 버튼은 sp-ext-crd--bottom-cta-align-*. 자유 위치: 정해진 자리에서 옮긴 만큼(--hc-lb-*, --hc-bc-*), 모바일은 따로. */
#sp-sections :is(.sp-ext-crd--bottom-cta-align-left,.sp-ext-crd--bottom-cta-align-center,.sp-ext-crd--bottom-cta-align-right) .sp-ext-crd-bottom-cta{display:flex;width:max-content;max-width:100%}
#sp-sections .sp-ext-crd--bottom-cta-align-left .sp-ext-crd-bottom-cta{margin-left:0!important;margin-right:auto!important}
#sp-sections .sp-ext-crd--bottom-cta-align-center .sp-ext-crd-bottom-cta{margin-left:auto!important;margin-right:auto!important}
#sp-sections .sp-ext-crd--bottom-cta-align-right .sp-ext-crd-bottom-cta{margin-left:auto!important;margin-right:0!important}
/* 가로 자유 위치는 '칸 폭에서 버튼 폭을 뺀 여유 공간'의 %. left 의 % 는 부모 폭, translate 의 % 는 자기 폭 기준이라 둘을 빼면 여유 공간의 % 가 된다. 화면 폭이 달라져도 칸 안의 같은 비율 자리에 온다. 세로와 옛 가로 px 값은 translate */
.sp-ext-crd-common .sp-ext-crd-bottom-cta{position:relative;left:var(--hc-bc-xp,0%)}
.sp-ext-crd-common .sp-ext-crd-link-button{left:var(--hc-lb-xp,0%)}
@media (max-width:768px){.sp-ext-crd-common .sp-ext-crd-bottom-cta{left:var(--hc-bc-xp-mo,0%)}.sp-ext-crd-common .sp-ext-crd-link-button{left:var(--hc-lb-xp-mo,0%)}}
.sp-ext-crd-common .sp-ext-crd-link-button{translate:calc(var(--hc-lb-dx,0px) - var(--hc-lb-xp,0%)) var(--hc-lb-dy,0px)}
.sp-ext-crd-common .sp-ext-crd-bottom-cta{translate:calc(var(--hc-bc-dx,0px) - var(--hc-bc-xp,0%)) var(--hc-bc-dy,0px)}
@media (max-width:768px){.sp-ext-crd-common .sp-ext-crd-link-button{translate:calc(var(--hc-lb-dx-mo,0px) - var(--hc-lb-xp-mo,0%)) var(--hc-lb-dy-mo,0px)}.sp-ext-crd-common .sp-ext-crd-bottom-cta{translate:calc(var(--hc-bc-dx-mo,0px) - var(--hc-bc-xp-mo,0%)) var(--hc-bc-dy-mo,0px)}}
/* 버튼을 세로로 옮겼을 때 원래 줄의 자리(2026-10-06): 위로 옮긴 만큼 자리를 줄이고(버튼 줄 높이 --hc-*-slot 까지), 아래로 내리면 그만큼 늘린다. 옮기지 않은 섹션에는 걸리지 않는다. */
/* 옮긴 하단 버튼은 줄 안의 글자처럼 두지 않고 독립된 블록으로 둔다(줄 높이가 남아 자리를 다 줄일 수 없었다). 기준 자리는 정해진 위치(없으면 왼쪽) */
/* PC 에서 옮긴 것은 PC 폭에서만, 모바일에서 옮긴 것은 모바일 폭에서만 적용한다(한쪽에서 옮겼다고 다른 쪽 배치가 바뀌지 않게) */
@media (min-width:769px){#sp-sections .sp-ext-crd--bottom-cta-free .sp-ext-crd-bottom-cta{display:flex;width:max-content;max-width:100%;margin-left:0;margin-right:auto;margin-bottom:max(calc(var(--hc-bc-slot,66px) * -1),var(--hc-bc-dy,0px))!important}
#sp-sections .sp-ext-crd--btn-free .sp-ext-crd-link-button{margin-bottom:max(calc(var(--hc-lb-slot,68px) * -1),var(--hc-lb-dy,0px))!important}}
@media (max-width:768px){#sp-sections .sp-ext-crd--bottom-cta-free-mo .sp-ext-crd-bottom-cta{display:flex;width:max-content;max-width:100%;margin-left:0;margin-right:auto;margin-bottom:max(calc(var(--hc-bc-slot-mo,66px) * -1),var(--hc-bc-dy-mo,0px))!important}#sp-sections .sp-ext-crd--btn-free-mo .sp-ext-crd-link-button{margin-bottom:max(calc(var(--hc-lb-slot-mo,68px) * -1),var(--hc-lb-dy-mo,0px))!important}}
/* 버튼 색·글자 색(2026-10-06). 채움 모양은 바탕색, 외곽선·화살표·글자 모양은 선과 글자 색으로 쓴다. 글자 색을 따로 고르면 그 색이 우선 */
#sp-sections .sp-ext-crd--bottom-cta-has-bg .sp-ext-crd-bottom-cta{background:var(--hc-bc-bg);border-color:var(--hc-bc-bg)}
#sp-sections .sp-ext-crd--bottom-cta-has-bg:is(.sp-ext-crd--bottom-cta-outline,.sp-ext-crd--bottom-cta-arrow,.sp-ext-crd--bottom-cta-text) .sp-ext-crd-bottom-cta{background:transparent;color:var(--hc-bc-bg);border-color:var(--hc-bc-bg)}
#sp-sections .sp-ext-crd--bottom-cta-has-fg .sp-ext-crd-bottom-cta{color:var(--hc-bc-fg)}
#sp-sections .sp-ext-crd--btn-has-bg .sp-ext-crd-link-button{background:var(--hc-lb-bg);border-color:var(--hc-lb-bg)}
#sp-sections .sp-ext-crd--btn-has-bg:is(.sp-ext-crd--btn-outline,.sp-ext-crd--btn-arrow) .sp-ext-crd-link-button{background:transparent;color:var(--hc-lb-bg);border-color:var(--hc-lb-bg)}
#sp-sections .sp-ext-crd--btn-has-fg .sp-ext-crd-link-button{color:var(--hc-lb-fg)}
/* 콘텐츠 영역 나눔(2026-10-06): 두 칸으로 그려지는 콘텐츠 영역(.sp-b)의 칸 비율. 정밀 배치로 두 칸을 만든 섹션에서도 먹도록 우선순위를 높인다(아이디 세 번).
   그 섹션이 두 칸으로 놓이는 PC·노트북 폭에서만 적용한다. */
@media (min-width:1101px){#sp-sections#sp-sections#sp-sections .sp-ext-crd-common.sp-ext-crd--content-split>.sp-b{grid-template-columns:var(--hc-content-tpl,minmax(0,1fr) minmax(0,1fr))!important}}
/* Responsive text flow; the setting travels with the section when copied. */
[data-sp-soft-wrap][data-sp-soft-wrap] br.sp-content-soft-break{display:none!important}
@media(min-width:768px){[data-sp-soft-wrap="768"][data-sp-soft-wrap] br.sp-content-soft-break{display:initial!important}}
@media(min-width:1100px){[data-sp-soft-wrap="1100"][data-sp-soft-wrap] br.sp-content-soft-break{display:initial!important}}
@media(min-width:1440px){[data-sp-soft-wrap="1440"][data-sp-soft-wrap] br.sp-content-soft-break{display:initial!important}}
/* 소제목 줄 바로 뒤의 줄바꿈은 '줄바꿈 표시 폭' 옵션과 무관하게 모든 폭에서 유지(판정 스크립트가 sp-br-head 표시) */
[data-sp-soft-wrap][data-sp-soft-wrap] br.sp-content-soft-break.sp-br-head{display:initial!important}
/* LACELL_CENTER_COMPARISON_OPTION */
/* Optional centered axis for a two-way comparison; default tables are unchanged. */
.sp-ext-ctab-table--center th:first-child,.sp-ext-ctab-table--center td:first-child{position:static;text-align:center;box-shadow:none;width:40%}
.sp-ext-ctab-table--center .sp-ext-ctab-rowlabel-cell,.sp-ext-ctab-table--center .sp-ext-ctab-corner{width:20%;background:#ededed;color:var(--sty-c-itemd,#333)}
.sp-ext-ctab-table--center thead th:first-child{background:var(--sp-ctab-head-bg,#938d83);color:var(--sty-c-itemt,#fff)}
.sp-ext-ctab-table--center thead th:last-child{background:var(--sp-ctab-head-bg,#1c1c1c);color:var(--sty-c-itemt,#fff);width:40%}
.sp-ext-ctab-table--center thead .sp-ext-ctab-colh-name{color:inherit}