@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&display=swap');

/* ==========================================================================
   1. 기본 리셋 (Reset)
   ========================================================================== */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-moz-selection {background: #3D1A19; color: #fff; text-shadow: none;}
::selection {background: #3D1A19; color: #fff; text-shadow: none;}
html, body, div, span, object, iframe, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, legend, caption, table, tbody, thead, tfoot, tr, th, td, summary, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, b, i, a, small, menu, nav, section, time, mark, audio, video, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, button {margin: 0;padding: 0; border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;color: inherit;vertical-align: middle;}
dl, ul, ol, menu, li {list-style: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input, select, textarea, button {font-family: "Pretendard";background: none;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #bbb !important;}
img {border: 0; max-width: 100%;}
table {border-collapse: collapse; table-layout: fixed;}
a {text-decoration: none;}
a:hover {transition: .3s all ease;}
span {vertical-align: top;}
blockquote {font-style: italic;border-left: 5px #3D1A19 solid; padding-left: 20px;margin: 40px 20px;}
div, p {word-break: keep-all;}
b, strong {font-weight: 700;vertical-align: top;}
html {font-size: 16px;scroll-behavior: smooth;}

/* ==========================================================================
   2. 프로젝트 공통 베이스 (Project Common Base)
   ========================================================================== */
:root {
	--color-base: #000000;
	--color-brand: #3D1A19;
	--bg-creamy: #f9f2e9;
	--color-accent: #D9886D;
	--color-muted: #7E7E7E;
	--color-strong: #f4bc9b;
}
body {color: var(--color-base);font-family: "Pretendard", "Malgun Gothic", "Apple SD Gothic NEO", dotum, sans-serif;background: var(--bg-creamy);-webkit-font-smoothing: antialiased;-webkit-overflow-scrolling: touch;}

/* ==========================================================================
   #loading 공통 비동기 로딩 스피너 오버레이 (전체 페이지 공용 스펙)
   ========================================================================= */
.loading-overlay-wrap {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s;}
.loading-overlay-wrap.active {opacity:1;visibility:visible;}
.loading-spinner-box {text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;}
.coral-spinner {width:50px;height:50px;border:4px solid rgba(255,255,255,0.1);border-top:4px solid var(--color-strong, #E83828);border-radius:50%;animation:spinCoral 0.8s linear infinite;}
.loading-message {color:#FFF;font-size:1.0rem;line-height:1.6;font-weight:600;margin:0;letter-spacing:-0.5px;}
@keyframes spinCoral {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

/* 메인 팝업 모달 레이아웃 */
.main-popup-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.main-popup-content {
    background: #FFF;
    border-radius: 8px;
    overflow: hidden;
    max-width: 480px;
    width: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.popup-body img {
    width: 100%;
    height: auto;
    display: block;
}
.popup-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #3D1A19; /* 브랜드 버건디 컬러 */
    color: #FFF;
    font-size: 0.85rem;
}
.popup-footer .btn-today-close {cursor: pointer;}
.today-close-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #F2E9E0;
}
.btn-popup-close {
    background: none;
    border: none;
    color: #FFF;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
}

/* ==========================================================================
   레이아웃 파트 (Layout Parts - 글로벌 일체형 헤더 스킨 사양)
   ========================================================================== */
#global-header {width: 100%;position: relative;z-index: 1000;}
#global-header .site-header {width: 100%;max-width: 1858px;margin: 30px auto;padding: 15px 10px;}
#global-header .header-container {display: flex;justify-content: space-between;align-items: center;}
#global-header .logo-area a {display: block;}
#global-header .logo-img {display: block;max-height: 50px;width: auto;} 
#global-header .main-nav ul {display: flex;align-items:center;gap: 40px;}
#global-header .main-nav a {font-size: 1.15rem;font-weight: 700;color: var(--color-brand);}
#global-header .main-nav a:hover {color: var(--color-accent);}
#global-header .member-actions {display:flex;gap:12px;}
#global-header .member-actions a {display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:25px;font-size:0.9rem;font-weight:700;}
#global-header .btn-login, #global-header .btn-mypage {background-color:#EEDCCB;color:#624E43;} 
#global-header .btn-join, #global-header .btn-logout {background-color:var(--color-accent);color:#FFF;}
#global-header .gnb-depth1 {position: relative;}
#global-header .pc-sub-menu {display: none;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: max-content;min-width: 200px;background: #FFF;box-shadow: 0 10px 20px rgba(0,0,0,0.05);border-radius: 12px;padding: 10px 22px;z-index: 150;margin-top: 15px;}
#global-header .pc-sub-menu::before {content: '';position: absolute;top: -15px;left: 0;width: 100%;height: 15px;background: transparent;}
#global-header .pc-sub-menu.active {display: block;}
#global-header .sub-list {list-style: none;width: 100%;text-align: center;display: flex;flex-direction: column;gap: 0 !important;} 
#global-header .sub-list li {width: 100%;}
#global-header .sub-list li a {display: block;padding: 12px 24px;font-size: 1.05rem;color: #666;text-decoration: none;white-space: nowrap;transition: all 0.2s;} 
#global-header .sub-list li a:hover {font-weight: 700;}
#global-header .main-nav a.gnb-btn-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 18px;
    background-color: #f4bc9b;
    color: #3d1a19;            /* 이미지와 동일한 텍스트색 고정 */
    border-radius: 30px;        /* 알약형 둥근 테두리 */
    font-size: 1.15rem;
    font-weight: 700;
    text-decoration: none;
}
#global-header .mobile-header {display: none;}
#global-header .m-menu-layer {position: fixed;top: 0;right: 0;width: 100%;height: 100vh;background: #FFF;z-index: 2000;display: flex;flex-direction: column;transform: translateX(100%);opacity: 0;transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;}
#global-header .m-menu-layer.active {transform: translateX(0);opacity: 1;}
#global-header .m-menu-nav-left ul li a.m-btn-badge {
    display: inline-block;
    padding: 6px 14px;
    background-color: #EEDCCB;
    color: #624E43;
    border-radius: 30px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}
#global-header .m-menu-nav-left ul li.active a.m-btn-badge {
    background-color: var(--color-accent);
    color: #FFF;
}

/* ==========================================================================
   #우측 퀵 메뉴
   ========================================================================= */
.coral-floating-quick {position:fixed;right:25px;bottom:120px;z-index:1200;}
.coral-floating-quick .quick-floating-group {display:flex;flex-direction:column;align-items:center;gap:24px;}
.coral-floating-quick .quick-float-item {display:flex;flex-direction:column;align-items:center;}
.coral-floating-quick .quick-link {display:flex;flex-direction:column;align-items:center;text-decoration:none;}
.coral-floating-quick .quick-circle-icon {width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,0.15);transition:transform 0.2s ease;}
.coral-floating-quick .quick-circle-icon svg {width:38px;height:38px;display:block;}
.coral-floating-quick .quick-circle-icon .tel-svg {width:34px;height:34px;}
.coral-floating-quick .quick-link:hover .quick-circle-icon {transform:translateY(-3px);}
.coral-floating-quick .item-kakao .quick-circle-icon {background-color:#E8D86B;}
.coral-floating-quick .item-tel .quick-circle-icon {background-color:#383838;}
.coral-floating-quick .quick-capsule-lbl {display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;border-radius:20px;font-size:0.95rem;font-weight:800;letter-spacing:-0.5px;margin-top:9px;position:relative;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.coral-floating-quick .item-kakao .quick-capsule-lbl {background-color:#E8D86B;color:#2B2320;}
.coral-floating-quick .item-tel .quick-capsule-lbl {background-color:#383838;color:#FFFFFF;}

/* ==========================================================================
   #하단 퀵상담 메뉴
   ========================================================================= */
#quick-counsel-bar {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #DE9F84;z-index: 1500;box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.08);padding: 12px 0;}
#quick-counsel-bar .quick-counsel-container {width: 100%;max-width: 1500px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
#quick-counsel-bar .quick-counsel-inner {display: flex;align-items: center;justify-content: center;gap: 15px;}
#quick-counsel-bar .quick-label {font-size: 1.25rem;font-weight: 800;color: #FFF;white-space: nowrap;margin-right: 5px;letter-spacing: -0.5px;}
#quick-counsel-bar .input-wrap {flex: 0 1 210px;}
#quick-counsel-bar .qc-input, #quick-counsel-bar .qc-select {width: 100%;height: 44px;padding: 0 16px;background: #FFF;border: 1px solid #FFF;border-radius: 4px;font-size: 0.95rem;color: #333;box-sizing: border-box;outline: none;}
#quick-counsel-bar .qc-input::placeholder {color: #777;}
#quick-counsel-bar .qc-select {cursor: pointer;appearance: none;background: #FFF url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23555' d='M6 8L0 0h12z'/%3E%3C/svg%3E") no-repeat right 14px center;}
#quick-counsel-bar .privacy-wrap {display: flex;align-items: center;gap: 6px;color: #FFF;font-size: 0.88rem;white-space: nowrap;}
#quick-counsel-bar .privacy-label {display: inline-flex;align-items: center;gap: 5px;cursor: pointer;font-weight: 500;}
#quick-counsel-bar .privacy-label input[type="checkbox"] {width: 16px;height: 16px;cursor: pointer;accent-color: #32251F;}
#quick-counsel-bar .btn-privacy-detail {color: #FFF;text-decoration: underline;font-size: 0.85rem;opacity: 0.9;}
#quick-counsel-bar .btn-qc-submit {height: 44px;padding: 0 24px;background-color: #32251F;color: #FFF;border: none;border-radius: 4px;font-size: 1rem;font-weight: 700;cursor: pointer;white-space: nowrap;transition: background-color 0.2s;}
#quick-counsel-bar .btn-qc-submit:hover {background-color: #1A110D;}

/* ==========================================================================
   메인 페이지 전용 격리 파트 (Index Scope Parts)
   ========================================================================== */
/* [SECTION] 메인 비주얼 배너 영역 */
#index .main-visual {width:100%;max-width:1858px;margin:0 auto;}
#index .main-banner-swiper {position:relative;width:100%;border-radius:50px;overflow:hidden;}
#index .main-banner-swiper .visual-card {position:relative;width:100%;height:923px;}
#index .main-banner-swiper .visual-img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
#index .main-banner-swiper .visual-text-content {position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;}
#index .main-banner-swiper .visual-container {position:relative;width:100%;height:100%;max-width:1858px;margin:0 auto;}
#index .main-banner-swiper .visual-text-wrap {position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;width:auto;color:#29241f;text-align:left;}
#index .main-banner-swiper .visual-eng-serif {display:block;font-family:"Cardo",serif;font-size:3.1rem;font-weight:400;line-height:1.1;letter-spacing:-1.5px;margin-bottom:1.2rem;white-space:nowrap;}
#index .main-banner-swiper .visual-main-title {font-size:2.9rem;font-weight:500;line-height:1.25;letter-spacing:-1px;margin:0 0 4rem;word-break:keep-all;}
#index .main-banner-swiper .visual-sub-desc {font-size:1.6rem;font-weight:500;line-height:1.4;letter-spacing:-.3px;margin:0;word-break:keep-all;}

/* 배너 위치 */
#index .main-banner-swiper .skin-type1 .visual-text-wrap {right:10.4%;text-align:right;align-items:flex-end;color:#fff;}
#index .main-banner-swiper .skin-type2 .visual-text-wrap {top:57%;left:10.4%;}
#index .main-banner-swiper .skin-type3 .visual-text-wrap,
#index .main-banner-swiper .skin-type5 .visual-text-wrap,
#index .main-banner-swiper .skin-type7 .visual-text-wrap {left:10.4%;}
#index .main-banner-swiper .skin-type4 .visual-text-wrap {left:68.2%;}
#index .main-banner-swiper .skin-type6 .visual-text-wrap {left:60.6%;}
#index .main-banner-swiper .skin-type8 .visual-text-wrap {left:64.3%;}

/* 배너1 */
#index .main-banner-swiper .skin-type1 .visual-main-title {display:inline-flex;align-items:baseline;justify-content:flex-end;gap:15px;font-size:3.4rem;font-weight:800;line-height:1;letter-spacing:-1px;margin-bottom:5px;}
#index .main-banner-swiper .skin-type1 .visual-main-title .title-light {font-size:3.5rem;font-weight:400;}
#index .main-banner-swiper .skin-type1 .visual-sub-title {font-size:3.2rem;font-weight:200;line-height:1.2;letter-spacing:4px;opacity:.95;margin:0 0 4rem;}
#index .main-banner-swiper .skin-type1 .visual-sub-desc {max-width:800px;font-size:1.9rem;font-weight:300;line-height:1.4;color:rgba(255,255,255,.9);opacity:.85;}

/* 배너2~3 */
#index .main-banner-swiper .skin-type2 .visual-sub-desc,
#index .main-banner-swiper .skin-type3 .visual-sub-desc {line-height:1.35;}

/* 배너4~8 */
#index .main-banner-swiper .skin-type4 .visual-main-title,
#index .main-banner-swiper .skin-type5 .visual-main-title,
#index .main-banner-swiper .skin-type6 .visual-main-title,
#index .main-banner-swiper .skin-type7 .visual-main-title,
#index .main-banner-swiper .skin-type8 .visual-main-title {font-size:2.65rem;font-weight:700;letter-spacing:-2px;}

#index .main-banner-swiper .skin-type4 .visual-sub-desc,
#index .main-banner-swiper .skin-type5 .visual-sub-desc,
#index .main-banner-swiper .skin-type6 .visual-sub-desc,
#index .main-banner-swiper .skin-type7 .visual-sub-desc,
#index .main-banner-swiper .skin-type8 .visual-sub-desc {font-size:1.5rem;line-height:1.45;}
#index .main-banner-swiper .skin-type8 .visual-sub-desc strong {font-weight:800;}

/* 페이지네이션 */
#index .main-banner-swiper .slider-dots {position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:auto;display:flex;gap:10px;z-index:10;}
#index .main-banner-swiper .dot {width:6px;height:6px;border-radius:50%;background-color:rgba(255,255,255,.4);cursor:pointer;opacity:1;margin:0!important;}
#index .main-banner-swiper .dot.swiper-pagination-bullet-active {background-color:#fff;}


/* [SECTION] 스페셜 포인트 섹션 (상속 관계 명확화) */
#index .special-section {width: 100%;max-width: 1858px;margin: 240px auto;padding: 0 10px;}
#index .special-section .special-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 60px;
	overflow: hidden;
}
#index .special-section .special-title-area .special-progress {position: relative;width: 300px;height: 6px;background: var(--color-strong);margin-top: 25px;}
#index .special-section .special-title-area .special-progress::before {content: '';position: absolute;top: 0;left: 0;width: 33.333%;height: 100%;background: var(--color-brand);}
#index .special-section .special-eng-title {font-size: 2rem;font-weight: 700;line-height: 1.5;letter-spacing: 0.5px;margin-bottom: 25px;padding-left: 140px;}
#index .special-section .special-kor-desc {font-size: 1.5rem;font-weight: 200;color: var(--color-brand);padding-left: 140px;}
#index .special-section .special-grid {flex: 0 0 1138px;display: flex;gap: 15px;}
#index .special-section .special-card-item {flex: 1;display: flex;flex-direction: column;}
#index .special-section .card-img-box {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;margin-bottom: 25px;}
#index .special-section .card-img-box img {width: 100%;height: 100%;object-fit: cover;}
#index .special-section .card-info-box {width: 100%;}
#index .special-section .card-sub {display: block;font-size: 1.7rem;font-weight: 100;margin-bottom: 2px;}
#index .special-section .card-main {font-size: 2.4rem;font-weight: 600;}

/* [SECTION] 코랄 숏츠 섹션 (상속 관계 명확화) */
#index .shorts-section {width: 100%;max-width: 1858px;margin: 150px auto;padding-left: 10px;overflow: hidden;}
#index .shorts-section .shorts-container {display: flex;justify-content: space-between;align-items: stretch;}
#index .shorts-section .shorts-title-area {flex: 0 0 auto;width: 600px;display: flex;flex-direction: column;justify-content: space-between;padding-bottom: 40px;}
#index .shorts-section .shorts-header {padding-left: 140px;}
#index .shorts-section .shorts-title {font-size: 2rem;font-weight: 700;line-height: 1;letter-spacing: 0.5px;margin-bottom: 13px;display: flex;align-items: center;gap: 10px;}
#index .shorts-section .shorts-icon {display: inline-block;height: 79px;width: auto;}
#index .shorts-section .shorts-desc {font-size: 1.1rem;font-weight: 200;color: var(--color-brand);}
#index .shorts-section .shorts-title-area .shorts-progress {position: relative;left: 140px;width: 300px;height: 4px;background: var(--color-strong);}
#index .shorts-section .shorts-title-area .shorts-progress .swiper-pagination-progressbar-fill {background: var(--color-brand);}
#index .shorts-section .shorts-slider-wrap {flex: 0 0 1248px;height: 622px;overflow: hidden;}
#index .shorts-section .shorts-swiper {width: 100%;height: 100%;overflow: visible;}
#index .shorts-section .shorts-card {width: 100%;max-width: 401px;height: 100%;border-radius: 35px;overflow: hidden;background: #000;box-shadow: 0 0 10px #a0a0a0;transform: scale(97%);}
#index .shorts-section .shorts-card a {display: block;width: 100%;height: 100%;}
#index .shorts-section .shorts-img {width: 100%;height: 100%;object-fit: cover;object-position: center;}

/* [SECTION] 연구/임상 가치 섹션 (상속 관계 명확화) */
#index .research-section {position: relative;width: 100%;max-width: 2000px;height: 1080px;margin: 150px auto;overflow: hidden;}
#index .research-section .research-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
#index .research-section .research-bg::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.25);} 
#index .research-section .research-bg img {width: 100%;height: 100%;object-fit: cover;}
#index .research-section .research-container {position: relative;width: 80%;height: 100%;z-index: 2;display: flex;flex-direction: column;justify-content: space-between;padding: 160px 0 100px 0;margin: 0 auto;}
#index .research-section .research-header {text-align: center;width: 100%;color: #FFF;}
#index .research-section .research-sub-title {display: block;font-size: 1.2rem;font-weight: 200;letter-spacing: 2px;opacity: 0.7;margin-bottom: 15px;}
#index .research-section .research-main-title {font-size: 2.5rem;font-weight: 700;letter-spacing: -0.5px;}
#index .research-section .research-grid {display: flex;gap: 15px;width: 100%;margin-top: 40px;}
#index .research-section .research-swiper .swiper-button-prev, #index .research-section .research-swiper .swiper-button-next {display: none;}
#index .research-section .research-card {position: relative;flex: 1;aspect-ratio: 1 / 1;overflow: hidden;display: flex;align-items: flex-end;}
#index .research-section .research-card .card-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
#index .research-section .research-card .card-bg img {width: 100%;height: 100%;object-fit: cover;}
#index .research-section .research-card .card-text-box {position: relative;width: 100%;padding: 30px 25px;color: #FFF;z-index: 2;}
#index .research-section .value-title {font-size: 1.75rem;font-weight: 700;margin-bottom: 10px;}
#index .research-section .value-desc {font-size: 1.25rem;font-weight: 300;opacity: 0.85;word-break: keep-all;}

/* [SECTION] 전후 케이스 슬라이더 섹션 */
#index .ba-section {width: 100%;margin: 150px auto;overflow: hidden;}
#index .ba-section .ba-header {text-align: center;width: 100%;margin-bottom: 60px;}
#index .ba-section .ba-sub-title {display: block;letter-spacing: 1px;opacity: 0.7;margin-bottom: 15px;font-size: 1.2rem;font-weight: 200;}
#index .ba-section .ba-main-title {font-size: 3rem;font-weight: 700;color: var(--color-base);margin-bottom: 15px;}
#index .ba-section .ba-desc {font-size: 1.1rem;font-weight: 200;color: var(--color-brand);}
#index .ba-section .ba-slider-wrap {position: relative;width: 100%;max-width: 2000px;margin: 0 auto;}
#index .ba-section .ba-nav-btn {position: absolute;top: 50%;transform: translateY(-50%);background: none;cursor: pointer;font-size: 4rem;font-weight: 300;z-index: 10;transition: all .3s;}
#index .ba-section .ba-nav-btn:hover {color: var(--color-brand); transform: translateY(-50%) scale(1.1);}
#index .ba-section .btn-prev {left: calc(50% - 460px);}
#index .ba-section .btn-next {right: calc(50% - 460px);}
#index .ba-section .ba-swiper {width: 100%;overflow: visible;}
#index .ba-section .ba-case-card {width: 800px;display: flex;flex-direction: column;box-shadow: 0 15px 40px rgba(0,0,0,0.05);transform: scale(0.7);opacity: 0.4;transition: transform 0.4s ease, opacity 0.4s ease;}
#index .ba-section .ba-swiper .swiper-slide-active {transform: scale(1);opacity: 1;z-index: 5;}
#index .ba-section .case-top-label {width: 100%;background: #32251F;color: #FFF;text-align: center;padding: 18px 0;font-size: 1.5rem;font-weight: 400;}
#index .ba-section .case-img-zone {display: flex;}
#index .ba-section .img-half {flex: 1;height: 100%;overflow: hidden;}
#index .ba-section .img-half img {width: 100%;height: 100%;object-fit: cover;}
#index .ba-section .before-img {background: #D5C7B7;}
#index .ba-section .after-img {background: #E5E5E5;}
#index .ba-section .case-bottom-label {display: flex;width: 100%;height: 60px;font-size: 1.4rem;font-weight: 300;}
#index .ba-section .lbl-before {flex: 1;height: 100%;background: #FFF;color: #000;display: inline-flex;align-items: center;justify-content: center;}
#index .ba-section .lbl-after {flex: 1;height: 100%;background: #32251F;color: #FFF;display: inline-flex;align-items: center;justify-content: center;}

#index .dual-main-case {display:flex;background:#FFF;width:100%;box-sizing:border-box;}
#index .dual-main-case a {display:flex;width:100%;text-decoration:none;overflow:hidden;}
#index .main-case-part {flex:1;position:relative;overflow:hidden;display:block;}
#index .main-case-part .part-badge {position:absolute;left:0.5rem;bottom:0.5rem;font-size:0.65rem;font-weight:700;color:#FFF;padding:0.2rem 0.5rem;border-radius:2px;z-index:2;letter-spacing:0.5px;}
#index .main-case-frame {width:100%;aspect-ratio:1/1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000;}
#index .main-ba-thumb-img {width:100%;height:100%;max-width:100%;object-fit:cover;transition:all 0.4s ease;display:block;}
#index .after-blur-target {filter:blur(10px);transform:scale(1.05);}
#index .ba-case-card:hover .after-blur-target {filter:blur(0);transform:scale(1.0);}
#index .ba-case-card:hover .is-before .main-ba-thumb-img {transform:scale(1.05);}

/* [SECTION] 가치 배너 섹션 */
#index .value-banner-section {width: 100%;max-width: 2000px;margin: 150px auto;background: url('/images/index/value_banner_bg.jpg') no-repeat center center;background-size: cover;position: relative;overflow: hidden;}
#index .value-banner-section .value-banner-container {
	width: 100%;
	max-width: 1858px;
	margin: 0 auto;
	padding: 130px 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	z-index: 2;
}
#index .value-banner-section .value-text-wrap {width: 40%;color: #FFF;text-align: left;}
#index .value-banner-section .value-banner-title {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.5px;
	margin-bottom: 2rem;
}
#index .value-banner-section .value-banner-title .point-txt {color: var(--color-strong);}
#index .value-banner-section .value-banner-desc {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.3;
	color: var(--color-strong);
	letter-spacing: -0.3px;
}

/* [SECTION] 리쿠르트 모델 신청 섹션 */
#index .model-recruit-section {position: relative;width: 100%;max-width: 2000px;height: 672px;margin: 120px auto;overflow: hidden;}
#index .model-recruit-section .recruit-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
#index .model-recruit-section .recruit-bg img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
#index .model-recruit-section .recruit-container {position: relative;height: 100%;margin: 0 auto;z-index: 2;display: flex;justify-content: space-between;align-items: center;}
#index .model-recruit-section .recruit-left {flex: 1;}
#index .model-recruit-section .recruit-right {flex: 1;display: flex;flex-direction: column;align-items: center;margin-left: 15%;}
#index .model-recruit-section .recruit-sub {font-size: 1.35rem;font-weight: 400;color: #222;margin-bottom: 12px;letter-spacing: -0.5px;}
#index .model-recruit-section .recruit-main {font-size: 3.2rem;font-weight: 700;margin-bottom: 30px;letter-spacing: -1px;}
#index .model-recruit-section .btn-model-apply {display: inline-flex;align-items: center;justify-content: space-between;width: 240px;padding: 18px 30px;background: #FFF;border-radius: 40px;font-size: 1.15rem;font-weight: 700;box-shadow: 0 10px 25px rgba(0,0,0,0.05);transition: all .3s ease;}
#index .model-recruit-section .btn-model-apply:hover {background: #32251F;color: #FFF;transform: translateY(-3px);}
#index .model-recruit-section .btn-model-apply .arrow {font-weight: 300;font-size: 1.2rem;margin-left: 10px;}

/* ==========================================================================
   오시는 길 & 진료안내 (Index Scope)
   ========================================================================== */
#index .info-map-section {width: 100%;max-width: 1858px;margin: 120px auto 150px auto;padding: 0 10px;}
#index .info-map-section .info-map-container {display: flex;justify-content: space-between;align-items: stretch;gap: 50px;}
#index .info-map-section .info-map-left {flex: 1;}
#index .info-map-section .map-api-box {width: 100%;height: 100%;min-height: 480px;border-radius: 40px;overflow: hidden;background: #EAEAEA;}
#index .info-map-section .map-api-box .root_daum_roughmap {width: 100% !important;border: none !important;}
#index .info-map-section .map-api-box .root_daum_roughmap .wrap_map {height: 498px !important;}
#index .info-map-section .info-map-right {flex: 1;background: #FFF;border-radius: 40px;padding: 60px 80px;display: flex;flex-direction: column;justify-content: space-between;}
#index .info-map-section .info-row {display: flex;align-items: flex-start;width: 100%;}
#index .info-map-section .info-label {width: 220px;flex-shrink: 0;} 
#index .info-map-section .info-label h3 {font-size: 2rem;font-weight: 800;line-height: 1.2;} 
#index .info-map-section .info-label .sub-lbl {font-size: 1.05rem;color: #999;font-weight: 300;} 
#index .info-map-section .info-content {flex: 1;font-size: 1.5rem;color: #333;line-height: 1.4;} 
#index .info-map-section .info-content p {margin-bottom: 0.9rem;} 
#index .info-map-section .info-content p:last-child {margin-bottom: 0;}
#index .info-map-section .day-lbl {display: inline-block;width: 115px;color: #666;font-weight: 400;}
#index .info-map-section .highlight-lbl {color: #BA9B86;font-weight: 400;margin-top: 8px;}
#index .info-map-section .sub-desc {margin-top: 12px;display: flex;align-items: center;gap: 10px;}
#index .info-map-section .station-badge {display: inline-flex;align-items: center;justify-content: center;width: 26px;height: 26px;background: #EF7C1C;color: #FFF;font-size: 1rem;font-weight: 700;border-radius: 50%;}
#index .info-map-section .tel-number {font-size: 2.2rem;font-weight: 700;letter-spacing: -0.5px;}

#login .login-form-section {width:100%;min-height:calc(100vh - 300px);padding:80px 0;display:flex;justify-content:center;align-items:center;}
#login .login-container {width:100%;max-width:860px;padding:50px;background:#FFF;box-shadow:0 15px 40px rgba(0,0,0,0.02);border-radius:0;}
#login .login-header-box {text-align:center;margin-bottom:40px;}
#login .login-title {font-size:2.2rem;font-weight:700;color:#000;margin-bottom:8px;}
#login .login-subtitle {font-size:0.85rem;font-weight:600;color:#999;letter-spacing:2px;}
#login .login-input-row {display:flex;gap:20px;margin-bottom:20px;}
#login .login-input-row .input-col {flex:1;}
#login .login-input-row .input-col input {width:100%;height:65px;padding:0 20px;border:1px solid #CCC;font-size:1.05rem;color:#000;}
#login .login-btn-row {display:flex;gap:20px;margin-bottom:20px;}
#login .login-btn-row button, #login .login-btn-row a {flex:1;height:65px;display:inline-flex;align-items:center;justify-content:between;padding:0 25px;font-size:1.05rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:opacity 0.2s;}
#login .login-btn-row .btn-submit-login {background-color:#EEDCCB;color:#624E43;}
#login .login-btn-row .btn-go-join {background-color:var(--color-accent);color:#FFF;}
#login .login-btn-row button span, #login .login-btn-row a span {flex-grow:1;text-align:left;}
#login .login-btn-row .icon-arrow {font-size:1.1rem;display:inline-flex;align-items:center;}
#login .login-captcha-row {display:flex;justify-content:flex-start;margin-top:10px;margin-bottom:20px;} /* 💡 버튼 밑에 자연스럽게 자리 잡도록 마진 핏 조율 */
#login .login-find-box {margin-top:15px;text-align:left;}
#login .link-find-pw {font-size:0.9rem;color:#624E43;text-decoration:none;font-weight:600;}
#login .login-btn-row button:hover, #login .login-btn-row a:hover {opacity:0.9;}

#join .join-form-section {width:100%;min-height:calc(100vh - 300px);padding:80px 0;display:flex;justify-content:center;align-items:center;}
#join .join-container {width:100%;max-width:860px;padding:50px;background:#FFF;box-shadow:0 15px 40px rgba(0,0,0,0.02);border-radius:0;}
#join .join-header-box {text-align:center;margin-bottom:40px;}
#join .join-title {font-size:2.2rem;font-weight:700;color:#000;margin-bottom:8px;}
#join .join-subtitle {font-size:0.85rem;font-weight:600;color:#999;letter-spacing:2px;}
#join .join-input-row {display:flex;gap:20px;margin-bottom:20px;}
#join .join-input-row .input-col {flex:1;}
#join .join-input-row .input-col input {width:100%;height:65px;padding:0 20px;border:1px solid #CCC;font-size:1.05rem;color:#000;}
#join .btn-submit-join {width:100%;height:65px;display:inline-flex;align-items:center;justify-content:between;padding:0 25px;background-color:#EEDCCB;color:#624E43;font-size:1.05rem;font-weight:700;border:none;cursor:pointer;transition:opacity 0.2s;}
#join .btn-submit-join span {flex-grow:1;text-align:left;}
#join .btn-submit-join .icon-arrow {font-size:1.1rem;display:inline-flex;align-items:center;}
#join .join-bottom-row {display:flex;justify-content:between;align-items:center;margin-top:25px;gap:20px;}
#join .bottom-left-captcha {display:flex;align-items:center;}
#join .bottom-right-policy {display:flex;justify-content:flex-end;align-items:center;}
#join .chk-label {display:inline-flex;align-items:center;gap:12px;cursor:pointer;}
#join .policy-label-text {display: flex;font-size:0.9rem;color:#624E43;font-weight:600;}
#join .policy-label-text a {margin-left: 5px;}
#join .chk-label input[type="checkbox"] {width:22px;height:22px;border:1px solid #CCC;cursor:pointer;}
#join .btn-submit-join:hover {opacity:0.9;}

#privacy-page .privacy-section {width:100%;background:#FAF6EE;padding:5rem 0;}
#privacy-page .privacy-container {width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem;}
#privacy-page .privacy-header {border-bottom:2px solid #3d1a19;padding-bottom:1.5rem;margin-bottom:2.5rem;}
#privacy-page .privacy-title {font-size:2.0rem;color:#3d1a19;font-weight:700;margin:0 0 0.6rem 0;letter-spacing:-0.5px;}
#privacy-page .privacy-subtitle {font-size:1.0rem;color:#8E8174;margin:0;}
#privacy-page .privacy-content-box {background:#FFF;border:1px solid #EAE2D9;padding:2.5rem 2.0rem;box-shadow:0 4px 15px rgba(0,0,0,0.02);}
#privacy-page .privacy-intro-txt {font-size:0.95rem;color:#333;line-height:1.7;margin-bottom:2.0rem;}
#privacy-page .privacy-index-box {background:#FAF6EE;padding:1.5rem;border:1px solid #EAE2D9;margin-bottom:2.5rem;}
#privacy-page .index-title {font-size:1.0rem;color:#3d1a19;font-weight:700;margin:0 0 0.8rem 0;}
#privacy-page .index-list {list-style:none;padding:0;margin:0;}
#privacy-page .index-list li {font-size:0.85rem;color:#555;line-height:1.6;margin-bottom:0.4rem;}
#privacy-page .privacy-article {margin-bottom:2.5rem;border-bottom:1px dashed #EAE2D9;padding-bottom:2.0rem;}
#privacy-page .privacy-article:last-of-type {margin-bottom:0;border-bottom:0;padding-bottom:0;}
#privacy-page .article-title {font-size:1.1rem;color:#3d1a19;font-weight:700;margin:0 0 1.0rem 0;}
#privacy-page .article-text {font-size:0.9rem;color:#444;line-height:1.6;margin:0 0 1.0rem 0;}
#privacy-page .article-sub-section {margin-top:1.2rem;padding-left:1.0rem;border-left:2px solid #EAE2D9;}
#privacy-page .sub-section-title {font-size:0.95rem;color:#111;font-weight:700;margin-bottom:0.6rem;}
#privacy-page .article-list {list-style:none;padding:0;margin:0;}
#privacy-page .article-list li {font-size:0.9rem;color:#555;line-height:1.6;margin-bottom:0.5rem;}
#privacy-page .article-list li strong {color:#111;}
#privacy-page .article-list li.txt-notice {color:#E83828;font-size:0.8rem;}
#privacy-page .manager-info-card {background:#FAF6EE;padding:1.5rem;border:1px solid #EAE2D9;margin-top:1.0rem;}
#privacy-page .manager-info-card p {font-size:0.9rem;color:#444;margin:0 0 0.5rem 0;line-height:1.4;}
#privacy-page .manager-info-card p:last-child {margin-bottom:0;}
#privacy-page .privacy-footer-dates {margin-top:3.0rem;border-top:1px solid #3d1a19;padding-top:1.5rem;text-align:right;}
#privacy-page .privacy-footer-dates p {font-size:0.9rem;color:#111;font-weight:700;margin:0 0 0.5rem 0;}
#privacy-page .privacy-bottom-row {display:flex;justify-content:center;margin-top:3.0rem;}
#privacy-page .btn-privacy-close {background:#381E16;color:#FFF;border:0;padding:0.9rem 4.0rem;font-size:0.95rem;font-weight:600;cursor:pointer;transition:opacity 0.2s;}
#privacy-page .btn-privacy-close:hover {opacity:0.9;}

/* 비급여 진료비용 안내 */
#nonbenefit-page .nonbenefit-section {padding:180px 24px 100px;background:#fff5f2;min-height:70vh;}
#nonbenefit-page .nonbenefit-container {width:100%;max-width:1100px;margin:0 auto;}
#nonbenefit-page .nonbenefit-header {margin-bottom:65px;text-align:center;}
#nonbenefit-page .nonbenefit-title {color:#ef7d70;font-size:3rem;font-weight:800;line-height:1.3;letter-spacing:-1.5px;word-break:keep-all;}
#nonbenefit-page .nonbenefit-tabs {display:flex;justify-content:center;gap:16px;margin-top:32px;}
#nonbenefit-page .nonbenefit-tab {display:flex;align-items:center;justify-content:center;min-width:200px;min-height:60px;padding:12px 28px;border:2px solid #222;border-radius:14px;color:#222;font-size:1.5rem;font-weight:800;line-height:1.3;}
#nonbenefit-page .nonbenefit-tab.active {border-color:#ef7d70;background:#ef7d70;color:#fff;}
#nonbenefit-page .nonbenefit-tab:hover {text-decoration:underline;text-underline-offset:5px;}
#nonbenefit-page .nonbenefit-subtitle {margin-top:20px;color:#666;font-size:1.1rem;line-height:1.5;}
#nonbenefit-page .nonbenefit-table-heading {display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;}
#nonbenefit-page .nonbenefit-table-heading h2 {color:#333;font-size:1.5rem;font-weight:700;}
#nonbenefit-page .nonbenefit-table-heading p {color:#666;font-size:.95rem;line-height:1.5;text-align:right;}
#nonbenefit-page .nonbenefit-scroll-guide {display:none;}
#nonbenefit-page .nonbenefit-table-scroll {overflow-x:auto;}
#nonbenefit-page .nonbenefit-table {width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;color:#333;}
#nonbenefit-page .nonbenefit-table caption {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
#nonbenefit-page .nonbenefit-table th,
#nonbenefit-page .nonbenefit-table td {padding:20px 16px;border-bottom:1px solid #f1dcd5;text-align:center;vertical-align:middle;font-size:1.1rem;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;}
#nonbenefit-page .nonbenefit-table thead th {padding:22px 16px;background:#ffebe5;font-weight:700;}
#nonbenefit-page .nonbenefit-table tbody th {font-weight:400;}
#nonbenefit-page .nonbenefit-table td {font-variant-numeric:tabular-nums;}
#nonbenefit-page .certificate-table {min-width:820px;}
#nonbenefit-page .certificate-table th,
#nonbenefit-page .certificate-table td {border-right:1px solid #f1dcd5;font-size:1rem;}
#nonbenefit-page .certificate-table tr > :last-child {border-right:0;}
#nonbenefit-page .nb-code-cell span {display:block;white-space:nowrap;}
#nonbenefit-page .nb-code-cell span + span {margin-top:12px;}
#nonbenefit-page .nb-col-code {width:16%;}
#nonbenefit-page .nb-col-category {width:15%;}
#nonbenefit-page .nb-col-item {width:34%;}
#nonbenefit-page .nb-col-price {width:21%;}
#nonbenefit-page .nb-col-date {width:14%;}
#nonbenefit-page .nb-col-treatment {width:50%;}
#nonbenefit-page .nb-col-min,
#nonbenefit-page .nb-col-max {width:25%;}
#nonbenefit-page .nonbenefit-notice {display:flex;flex-direction:column;gap:8px;margin-top:24px;}
#nonbenefit-page .nonbenefit-notice li {position:relative;padding-left:14px;color:#666;font-size:.95rem;line-height:1.6;}
#nonbenefit-page .nonbenefit-notice li::before {content:"-";position:absolute;left:0;top:0;}
#nonbenefit-page .nonbenefit-bottom {margin-top:45px;text-align:center;}
#nonbenefit-page .nonbenefit-home {display:inline-flex;align-items:center;justify-content:center;min-width:150px;min-height:48px;padding:12px 24px;border:1px solid #d7c4bc;border-radius:6px;background:#fff;color:#333;font-size:1rem;}
#nonbenefit-page .nonbenefit-tab:focus-visible,
#nonbenefit-page .nonbenefit-home:focus-visible,
#nonbenefit-page .nonbenefit-table-scroll:focus-visible {outline:2px solid #3d1a19;outline-offset:3px;}

#mypage .mypage-form-section {width:100%;min-height:calc(100vh - 300px);padding:80px 0;display:flex;justify-content:center;align-items:center;}
#mypage .mypage-container {width:100%;max-width:860px;padding:50px;background:#FFF;box-shadow:0 15px 40px rgba(0,0,0,0.02);border-radius:0;}
#mypage .mypage-header-box {text-align:center;margin-bottom:40px;}
#mypage .mypage-title {font-size:2.2rem;font-weight:700;color:#000;margin-bottom:8px;}
#mypage .mypage-subtitle {font-size:0.85rem;font-weight:600;color:#999;letter-spacing:2px;}
#mypage .mypage-input-row {display:flex;gap:20px;margin-bottom:20px;}
#mypage .mypage-input-row .input-col {flex:1;}
#mypage .mypage-input-row .input-col input {width:100%;height:65px;padding:0 20px;border:1px solid #CCC;font-size:1.05rem;color:#000;}
#mypage .readonly-box input {background:#F5F5F5;color:#888;cursor:not-allowed;border-color:#EAEAEA;}
#mypage .pw-change-notice {font-size:0.9rem;font-weight:700;color:#624E43;padding:15px;background:#FFF5F0;margin:10px 0 20px 0;text-align:center;}
#mypage .mypage-btn-row {display:flex;width:100%;}
#mypage .btn-submit-modify {width:100%;height:65px;display:inline-flex;align-items:center;justify-content:space-between;padding:0 25px;background-color:var(--color-accent);color:#FFF;font-size:1.05rem;font-weight:700;border:none;cursor:pointer;transition:opacity 0.2s;}
#mypage .btn-submit-modify span {flex-grow:1;text-align:left;}
#mypage .btn-submit-modify .icon-arrow {font-size:1.1rem;display:inline-flex;align-items:center;}
#mypage .btn-submit-modify:hover {opacity:0.9;}

/* ==========================================================================
   의사소개 페이지 전용 격리 파트 (Doctors Scope Parts)
   ========================================================================== */
#doctors .sub-content-container {width: 100%;max-width: 1518px;margin: 120px auto;padding: 0 10px;}
#doctors .doctor-sub-header {width: 100%;margin-bottom: 40px;display: flex;align-items: center;}
#doctors .doctor-sub-header .category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;padding-left: 60px;}
#doctors .doctor-sub-header .category-lbl::before {content: '';position: absolute;top: 50%;left: 0;width: 45px;height: 2px;background: #32251F;transform: translateY(-50%);}
#doctors .doctor-profile-grid {display: flex;justify-content: space-between;gap: 100px;width: 100%;}
#doctors .doctor-img-box {flex:1;}
#doctors .doctor-img-box img {width: 80%;height: 100%;object-fit: cover;}
#doctors .doctor-info-box {flex: 1;display: flex;flex-direction: column;text-align: left;padding-top: 50px;}
#doctors .doctor-name-title {margin-bottom: 3rem;width: 100%;}
#doctors .doctor-name-title .name {font-size: 3.2rem;font-weight: 800;line-height: 1;margin-bottom: 0.25rem;display: block;}
#doctors .doctor-name-title .position {font-size: 3.2rem;font-weight: 100;line-height: 1;}
#doctors .doctor-name-title .specialty {display: block;font-size: 1.15rem;font-weight: 400;color: #777;margin-top: 0.5rem;letter-spacing: -0.3px;}
#doctors .info-group-box {width: 100%;margin-bottom: 40px;}
#doctors .info-group-box:last-child {margin-bottom: 0;}
#doctors .group-title {font-size: 1.15rem;font-weight: 800;letter-spacing: 0.5px;margin-bottom: 25px;display: flex;align-items: center;gap: 15px;}
#doctors .group-title::before {content: '';flex: 0 0 45px;width: 45px;height: 2px;background: #32251F;}
#doctors .info-list {list-style: none;width: 100%;display: flex;flex-direction: column;gap: 10px;}
#doctors .info-list li {font-size: 1.2rem;font-weight: 300;line-height: 1.5;color: #333;letter-spacing: -0.3px;}
#doctors .doctor-section-divider {width: 100%;height: 1px;background: #32251F;margin: 120px 0 100px 0;}
#doctors .partner-doctor-header {width: 100%;margin-bottom: 60px;text-align: left;}
#doctors .partner-doctor-header .partner-title {font-size: 2.8rem;font-weight: 800;letter-spacing: -1px;margin-bottom: 1rem;color: #000;}
#doctors .partner-doctor-header .partner-desc {font-size: 1.25rem;font-weight: 400;line-height: 1.6;color: #555;letter-spacing: -0.3px;word-break: keep-all;}
#doctors .doctor-video-section {width: 100%;background: transparent;padding: 100px 0 150px 0;}
#doctors .video-section-container {width: 100%;max-width: 1518px;margin: 0 auto;padding: 0 10px;display: flex;flex-direction: column;align-items: center;}
#doctors .video-header-area {display: flex;flex-direction: column;align-items: center;text-align: center;margin-bottom: 3rem;width: 100%;}
#doctors .video-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 20px;}
#doctors .video-category-lbl::before {content: '';width: 45px;height: 2px;background: #32251F;}
#doctors .video-main-title {font-size: 3.2rem;font-weight: 800;line-height: 1.2;letter-spacing: -1px;margin-bottom: 20px;}
#doctors .video-main-title .title-thin {font-weight: 100;color: #555;}
#doctors .video-sub-desc {font-size: 1.25rem;font-weight: 400;color: #666;letter-spacing: -0.3px;}
#doctors .video-content-box {width: 100%;max-width: 1020px;margin: 0 auto;border-radius: 30px;overflow: hidden;box-shadow: 0 20px 40px rgba(0,0,0,0.08);background: #000;}
#doctors .video-responsive-wrap {position: relative;width: 100%;padding-top: 56.25%;height: 0;}
#doctors .video-responsive-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}

/* ==========================================================================
   X. 오시는 길 페이지 전용 격리 파트 (Location Scope Parts)
   ========================================================================== */
#location .sub-visual-section {width: 100%;max-width: 2000px;margin: 0 auto;background: var(--color-brand);position: relative;}
#location .sub-visual-section .sub-visual-container {width: 100%;margin: 0 auto;padding: 80px 12%;display: flex;justify-content: space-between;align-items: center;gap: 60px;}
#location .sub-visual-section .sub-visual-text-wrap {display: flex;flex-direction: column;text-align: left;color: #FFF;flex: 0 0 auto;}
#location .sub-visual-section .sub-visual-title {font-size: 4rem;line-height: 1.15;letter-spacing: -1px;margin-bottom: 3.5rem;}
#location .sub-visual-section .sub-visual-title .eng-heavy {font-weight: 800;color: var(--color-strong);}
#location .sub-visual-section .sub-visual-title .eng-thin {font-weight: 100;color: #FFF;opacity: 0.85;}
#location .sub-visual-section .sub-visual-desc {font-size: 1.5rem;font-weight: 600;line-height: 1.4;letter-spacing: -0.3px;color: var(--color-strong);word-break: keep-all;}
#location .sub-visual-swiper-wrap {flex: 1;width: 80%;max-width: 760px;position: relative;}
#location .location-top-swiper {width: 100%;border-radius: 40px;overflow: hidden;position: relative;}
#location .location-top-swiper .swiper-slide {width: 100%;height: 100%;}
#location .location-top-swiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
#location .location-top-swiper .loc-nav-btn {position: absolute;top: 50%;transform: translateY(-50%);background: transparent no-repeat center center;background-size: contain;border: 0;width: 60px;height: 60px;cursor: pointer;z-index: 10;transition: opacity 0.3s ease;opacity: 0.65;text-indent: 9999px;}
#location .location-top-swiper .loc-nav-btn:hover {opacity: 1;}
#location .location-top-swiper .btn-prev {left: 1rem;background-image: url('/images/about/loc_arrow_prev.png');}
#location .location-top-swiper .btn-next {right: 1rem;background-image: url('/images/about/loc_arrow_next.png');}
#location .sub-content-container {width: 100%;max-width: 2000px;margin: 120px auto;padding: 0 12%;display: flex;flex-direction: column;} 
#location .map-header-area {text-align: center;margin-bottom: 60px;width: 100%;display: flex;flex-direction: column;align-items: center;}
#location .map-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 20px;}
#location .map-category-lbl::before {content: '';width: 45px;height: 1px;background: #32251F;}
#location .map-main-title {font-size: 3.2rem;line-height: 1.2;letter-spacing: -1px;}
#location .map-main-title .title-light {font-weight: 100;color: #555;}
#location .map-main-title strong {font-weight: 800;}
#location .map-content-box {width: 100%;height: 600px;border-radius: 40px;overflow: hidden;background: #000;margin-bottom: 80px;box-shadow: 0 20px 40px rgba(0,0,0,0.04);}
#location .map-info-grid {width: 100%;display: flex;justify-content: space-between;align-items: flex-start;gap: 30px;}
#location .info-column {flex: 1;display: flex;flex-direction: column;text-align: left;}
#location .column-title {font-size: 1.15rem;font-weight: 800;letter-spacing: 0.5px;margin-bottom: 30px;display: flex;align-items: center;gap: 15px;}
#location .column-title::before {content: '';flex: 0 0 45px;width: 45px;height: 1px;background: #32251F;} /* 왼쪽 선 형태 일치화 */
#location .column-body {width: 100%;display: flex;flex-direction: column; padding-left: 56px;}
#location .center-body {align-items: flex-start;}
#location .tel-num {font-size: 3.2rem;font-weight: 800;color: var(--color-accent);line-height: 1;margin-bottom: 25px;letter-spacing: -0.5px;} /* 브랜드 컬러 매칭 */
#location .consult-btn {display: inline-block;padding: 14px 28px;background: var(--color-accent);color: #FFF;font-size: 1.1rem;font-weight: 500;border-radius: 4px;transition: background 0.3s ease;text-decoration: none;}
#location .consult-btn:hover {background: #C2745A;}
#location .addr-line {font-size: 1.25rem;font-weight: 300;line-height: 1.6;color: #555;margin-bottom: 12px;word-break: keep-all;}
#location .addr-highlight {font-size: 1.3rem;font-weight: 700;line-height: 1.4;color: #000;}
#location .time-row {width: 100%;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 12px;font-size: 1.25rem;line-height: 1.4;}
#location .time-row:last-child {margin-bottom: 0;}
#location .time-row dt {width: 180px;font-weight: 700;color: #000;}
#location .time-row dd {font-weight: 300;color: #555;}
#location .time-row dd.off-txt {color: #999;}
#location .traffic-guide-wrap {width: 100%;display: flex;flex-direction: column;gap: 90px;margin-top: 100px;border-top: 1px solid #EAE5E0;padding-top: 90px;}
#location .traffic-group-box {width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;gap: 50px;}
#location .group-main-title {width: 250px;display: flex;align-items: center;gap: 15px;}
#location .group-main-title .icon-img-box {width: 32px;height: 32px;display: inline-flex;align-items: center;justify-content: center;}
#location .group-main-title .icon-img-box img {width: 100%;height: auto;object-fit: contain;}
#location .group-main-title h3 {font-size: 1.5rem;font-weight: 800;letter-spacing: -0.5px;}
#location .guide-list-wrap {flex: 1;display: flex;flex-direction: column;gap: 35px;}
#location .guide-row-item {display: flex;justify-content: flex-start;align-items: center;gap: 25px;width: 100%;}
#location .guide-row-item.align-top {align-items: flex-start;}
#location .badge-lbl {display: inline-flex;align-items: center;justify-content: center;padding: 5px 12px;font-size: 0.95rem;font-weight: 700;color: #FFF;border-radius: 3px;min-width: 75px;text-align: center;}
#location .badge-lbl.line-3 {background: #E19363;} /* 3호선 주황색 */
#location .badge-lbl.line-1 {background: #506F9E;} /* 1호선 남색 */
#location .badge-lbl.line-4 {background: #73A7CE;} /* 4호선 하늘색 */
#location .badge-lbl.bg-brown {background: #C4A493;min-width: 85px;} /* 리무진 베이지 브라운 */
#location .badge-lbl.bg-brown-long {background: #C4A493;min-width: 115px;}
#location .num-circle {display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 50%;font-size: 0.85rem;font-weight: 700;color: #FFF;vertical-align: middle;margin: 0 4px;line-height: 1;}
#location .num-circle.c-3 {background: #E19363;}
#location .num-circle.c-1 {background: #506F9E;}
#location .num-circle.c-4 {background: #73A7CE;}
#location .multiline-route {display: flex;flex-direction: column;text-align: left;}
#location .route-sub-title {font-size: 1.2rem;font-weight: 800;margin-bottom: 12px;line-height: 1.2;}
#location .route-txt {font-size: 1.15rem;font-weight: 400;line-height: 1.7;color: #666;letter-spacing: -0.3px;}

/* ==========================================================================
   #consult-list div 기반 플렉스 보드 레이아웃 스펙 (PC)
   ========================================================================= */
#consult-list .consult-list-section {width:100%;background:#FFF;padding:60px 0;}
#consult-list .list-container {width:100%;max-width:1400px;margin:0 auto;padding:0 20px;}
#consult-list .consult-flex-board {width:100%;display:flex;flex-direction:column;border-top:2px solid #000;}
#consult-list .board-hd-row {width:100%;height:65px;display:flex;align-items:center;border-bottom:1px solid #000;background:#FFF;}
#consult-list .hd-item {color:#000;font-size:1.05rem;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;}
#consult-list .board-bd-row {width:100%;height:65px;display:flex;align-items:center;border-bottom:1px solid #EAEAEA;}
#consult-list .bd-item {color:#666;font-size:1rem;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;}
#consult-list .col-num {width:80px;}
#consult-list .col-title {flex:1;justify-content:flex-start;padding-left:30px;}
#consult-list .col-name {width:120px;}
#consult-list .col-date {width:160px;}
#consult-list .col-status {width:120px;}
#consult-list .col-title a {display:inline-flex;align-items:center;gap:8px;color:#333;text-decoration:none;font-weight:400;}
#consult-list .icon-lock {font-size:0.95rem;color:#000;}
#consult-list .new-badge-box {background:var(--color-accent);color:#FFF;font-size:0.75rem;font-weight:700;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;}
#consult-list .status-badge {display:inline-flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:500;height:26px;padding:0 8px;border-radius:3px;letter-spacing:-0.5px;}
#consult-list .status-done {background:#111;color:#FFF;}
#consult-list .status-wait {background:#F4F4F4;color:#888;}
#consult-list .no-data-row {width:100%;height:200px;display:flex;align-items:center;justify-content:center;color:#999;border-bottom:1px solid #EAEAEA;font-size:1rem;}
#consult-list .list-bottom-row {display:flex;justify-content:space-between;align-items:center;margin-top:30px;}
#consult-list .list-bottom-row .dummy-space {flex:1;}
#consult-list .btn-go-write {background:#111;color:#FFF;padding:12px 35px;font-size:0.95rem;font-weight:600;text-decoration:none;transition:opacity 0.2s;}
#consult-list .btn-go-write:hover {opacity:0.9;}

#consult-write .consult-form-section {width:100%;background:#F7F4EB;padding:80px 0;}
#consult-write .consult-container {width:100%;max-width:1000px;margin:0 auto;padding:20px;}
#consult-write .consult-row {display:flex;margin-bottom:25px;align-items:center;}
#consult-write .consult-label {width:180px;font-size:1.1rem;font-weight:700;color:#000;text-align:left;padding-left:10px;}
#consult-write .consult-content {flex:1;display:flex;align-items:center;}
#consult-write .consult-content input[type="text"], #consult-write .consult-content input[type="password"] {width:100%;max-width:400px;height:55px;border:1px solid #BBB;background:#FFF;padding:0 15px;font-size:1rem;color:#000;}
#consult-write .consult-row:nth-of-type(6) .consult-content input[type="text"] {max-width:100%;}
#consult-write .radio-grid-box {display:grid;grid-template-columns:repeat(2,1fr);gap:12px 40px;}
#consult-write .radio-item {display:inline-flex;align-items:center;gap:10px;font-size:1rem;color:#333;cursor:pointer;}
#consult-write .radio-item input[type="radio"] {width:18px;height:18px;cursor:pointer;}
#consult-write .email-flex-box {gap:10px;width:100%;}
#consult-write .email-flex-box input[type="text"] {max-width:200px !important;}
#consult-write .email-at {font-size:1rem;color:#555;}
#consult-write .email-flex-box select {height:55px;border:1px solid #BBB;background:#FFF;padding:0 15px;font-size:1rem;color:#000;min-width:180px;cursor:pointer;}
#consult-write .consult-editor-row {width:100%;margin-top:35px;}
#consult-write .editor-wrapper-box textarea {width:100%;height:350px;border:1px solid #BBB;background:#FFF;padding:20px;font-size:1rem;resize:none;}
#consult-write .editor-policy-box {margin-top:15px;display:flex;flex-direction:column;gap:10px;}
#consult-write .policy-chk {display:inline-flex;align-items:center;gap:8px;font-size:0.9rem;color:#555;cursor:pointer;}
#consult-write .policy-chk input[type="checkbox"] {width:16px;height:16px;}
#consult-write .policy-chk .bold-txt {font-weight:700;color:#000;}
#consult-write .btn-policy-view {font-size:0.9rem;color:#FFF;background:#C3A694;padding:2px 6px;text-decoration:none;margin-left:5px;font-weight:600;}
#consult-write .consult-btn-row {display:flex;justify-content:center;gap:15px;margin-top:45px;}
#consult-write .btn-consult-list, #consult-write .btn-consult-submit {width:160px;height:55px;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:opacity 0.2s;}
#consult-write .btn-consult-list {background:#333;color:#FFF;}
#consult-write .btn-consult-submit {background:var(--color-accent);color:#FFF;}
#consult-write .btn-consult-list:hover, #consult-write .btn-consult-submit:hover {opacity:0.9;}
#consult-write .ck-editor__editable {min-height:350px !important;max-height:600px !important;background:#FFF !important;border-radius:0 !important;}
#consult-write .ck-toolbar {border-radius:0 !important;background:#FFF !important;border-color:#BBB !important;}
#consult-write .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {border-color:#BBB !important;}

#consult-view-page .consult-view-section {width:100%;background:#FFF;padding:60px 0;}
#consult-view-page .view-container {width:100%;max-width:1000px;margin:0 auto;padding:0 20px;}
#consult-view-page .consult-detail-box {width:100%;border-top:2px solid #000;border-bottom:1px solid #DDD;margin-bottom:30px;}
#consult-view-page .detail-hd-row {width:100%;padding:30px 20px;border-bottom:1px solid #EAEAEA;background:#FAF9F9;}
#consult-view-page .detail-cate {font-size:0.95rem;color:#E83828;font-weight:600;display:block;margin-bottom:8px;}
#consult-view-page .detail-title {font-size:1.45rem;color:#111;font-weight:500;margin:0 0 15px 0;line-height:1.3;}
#consult-view-page .detail-meta {display:flex;gap:20px;font-size:0.9rem;color:#777;align-items:center;}
#consult-view-page .view-status-badge {background:#111;color:#FFF;font-size:0.75rem;padding:3px 8px;border-radius:2px;}
#consult-view-page .detail-bd-content {width:100%;padding:40px 20px;font-size:1.05rem;color:#333;line-height:1.7;min-height:300px;}
#consult-view-page .view-bottom-row {display:flex;justify-content:center;}
#consult-view-page .btn-view-list {background:#111;color:#FFF;padding:12px 50px;font-size:0.95rem;font-weight:600;text-decoration:none;transition:opacity 0.2s;}
#consult-view-page .btn-view-list:hover {opacity:0.9;}
#consult-view-page .password-lock-wrapper {width:100%;padding:100px 0;display:flex;justify-content:center;align-items:center;}
#consult-view-page .lock-inner-box {width:100%;max-width:450px;border:1px solid #DDD;padding:40px;text-align:center;background:#FFF;box-shadow:0 4px 15px rgba(0,0,0,0.03);}
#consult-view-page .lock-icon {font-size:2.5rem;margin-bottom:15px;}
#consult-view-page .lock-title {font-size:1.25rem;color:#111;font-weight:600;margin:0 0 10px 0;}
#consult-view-page .lock-desc {font-size:0.9rem;color:#666;margin:0 0 25px 0;}
#consult-view-page .lock-input-row {display:flex;gap:8px;justify-content:center;}
#consult-view-page .lock-input-row input[type="password"] {width:200px;height:42px;border:1px solid #CCC;padding:0 12px;font-size:0.95rem;}
#consult-view-page .btn-lock-submit {background:#111;color:#FFF;border:0;padding:0 25px;font-size:0.95rem;font-weight:600;cursor:pointer;}
#consult-view-page .dynamic-hidden-box {display:none !important;}
#consult-view-page .consult-answer-box {width:100%;border:1px solid #E3DCD5;background:#FAF8F5;margin-bottom:45px;padding:35px 30px;}
#consult-view-page .answer-hd-row {display:flex;gap:15px;align-items:center;border-bottom:1px solid #EAE2D9;padding-bottom:20px;margin-bottom:25px;}
#consult-view-page .answer-icon {width:32px; height:32px; background:#C3A58E; color:#FFF; font-size:1.15rem; font-weight:700; display:flex;align-items:center; justify-content:center; border-radius:50%;}
#consult-view-page .answer-author {font-size:1.1rem;color:#4A3F35;font-weight:600;margin:0 0 3px 0;}
#consult-view-page .answer-date {font-size:0.85rem;color:#8E8174;}
#consult-view-page .answer-bd-content {font-size:1rem;color:#444;line-height:1.75;min-height:100px;}

#event-list-page .event-visual-area {width:100%;height:512px;background:#3d1a19 url('/images/community/event/sub_visual_event.jpg') no-repeat center;background-size:auto 100%;position:relative;display:flex;align-items:center;}
#event-list-page .visual-inner {width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
#event-list-page .visual-txt-box {font-weight: 600;letter-spacing: -0.5px;margin-bottom:60px;}
#event-list-page .event-visual-area .sub-tit {font-size:3rem;color:#FFF;display:block;margin-bottom:0.5rem;}
#event-list-page .event-visual-area .main-tit {font-size:3.0rem;color:var(--color-strong);}
#event-list-page .event-list-section {width:100%;background:#FAF6EE;padding:90px 0;}
#event-list-page .event-container {width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
#event-list-page .event-grid-wrapper {display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:55px;}
#event-list-page .event-card-item {display:block;text-decoration:none;background:#FFF;transition:transform 0.2s;}
#event-list-page .event-card-item:hover {transform:translateY(-5px);}
#event-list-page .thum-box {width:100%;aspect-ratio:1/1;overflow:hidden;background:#999;}
#event-list-page .thum-box img {width:100%;height:100%;object-fit:cover;display:block;}
#event-list-page .info-box {width:100%;padding:22px 10px;text-align:center;background:#FAF6EE;}
#event-list-page .event-title {font-size:1.1rem;color:#111;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#event-list-page .no-data-box {width:100%;padding:100px 0;text-align:center;font-size:1.1rem;color:#666;}
#event-list-page .event-pagination {display:flex;justify-content:center;align-items:center;gap:15px;margin-top:70px;}
#event-list-page .page-arrow {font-size:1.1rem;color:#777;text-decoration:none;}
#event-list-page .page-num {font-size:1.1rem;color:#999;text-decoration:none;font-weight:400;}
#event-list-page .page-num.active {color:#111;font-weight:600;}

#event-view-page .event-visual-area {width:100%;height:512px;background:#3d1a19 url('/images/community/event/sub_visual_event.jpg') no-repeat center;background-size:auto 100%;position:relative;display:flex;align-items:center;}
#event-view-page .visual-inner {width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
#event-view-page .visual-txt-box {font-weight: 600;letter-spacing: -0.5px;margin-bottom:60px;}
#event-view-page .event-visual-area .sub-tit {font-size:3rem;color:#FFF;display:block;margin-bottom:0.5rem;}
#event-view-page .event-visual-area .main-tit {font-size:3.0rem;color:var(--color-strong);}
#event-view-page .event-view-section {width:100%;background:#FAF6EE;padding:80px 0;}
#event-view-page .event-view-container {width:100%;max-width:1000px;margin:0 auto;padding:0 20px;}
#event-view-page .event-detail-box {width:100%;background:#FFF;border:1px solid #EAE2D9;box-shadow:0 4px 15px rgba(0,0,0,0.02);margin-bottom:30px;}
#event-view-page .detail-hd-row {width:100%;padding:30px 40px;border-bottom:1px solid #FAF6EE;display:flex;justify-content:space-between;align-items:center;}
#event-view-page .detail-title {font-size:1.4rem;color:#111;font-weight:600;margin:0;line-height:1.3;}
#event-view-page .detail-meta {font-size:0.9rem;color:#8E8174;}
#event-view-page .detail-bd-content {width:100%;padding:50px 40px;font-size:1.05rem;color:#333;line-height:1.8;min-height:400px;}
#event-view-page .detail-bd-content img {max-width:100% !important;height:auto !important;display:block;margin:15px auto;}
#event-view-page .event-nav-box {width:100%;background:#FFF;border:1px solid #EAE2D9;margin-bottom:40px;}
#event-view-page .nav-row {display:flex;padding:18px 30px;align-items:center;}
#event-view-page .nav-row.prev {border-bottom:1px solid #FAF6EE;}
#event-view-page .nav-label {width:120px;font-size:0.9rem;color:#C4A28A;font-weight:600;}
#event-view-page .nav-link {font-size:0.95rem;color:#111;text-decoration:none;transition:color 0.2s;}
#event-view-page .nav-link:hover {color:#C4A28A;}
#event-view-page .nav-none {font-size:0.95rem;color:#AAA;}
#event-view-page .view-bottom-row {display:flex;justify-content:center;}
#event-view-page .btn-view-list {background:#381E16;color:#FFF;padding:14px 60px;font-size:0.95rem;font-weight:600;text-decoration:none;transition:opacity 0.2s;}
#event-view-page .btn-view-list:hover {opacity:0.9;}

#ba-list-page .event-visual-area {width:100%;height:512px;background:url('/images/community/ba/sub_visual_ba.png?v=2') no-repeat center;background-size:auto 100%;position:relative;display:flex;align-items:center;}
#ba-list-page .visual-inner {width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
#ba-list-page .visual-txt-box {font-weight:600;letter-spacing:-0.5px;margin-bottom:60px;}
#ba-list-page .event-visual-area .sub-tit {font-size:3rem;display:block;margin-bottom:0.5rem;}
#ba-list-page .event-visual-area .main-tit {font-size:3.0rem;color:var(--color-strong);}
#ba-list-page .ba-detail-viewer {width:100%;background:#FAF6EE;padding:60px 0 0 0;border-bottom:1px solid #EAE2D9;}
#ba-list-page .viewer-container {width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
#ba-list-page .viewer-hd {display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:2px solid #3d1a19;padding-bottom:15px;}
#ba-list-page .viewer-title {font-size:1.3rem;color:#111;font-weight:700;margin:0;}
#ba-list-page .btn-viewer-close {font-size:1.0rem;text-decoration:none;font-weight:600;}
#ba-list-page .double-view-mode {display:flex;gap:1.5rem;justify-content:center;margin-bottom:60px;}
#ba-list-page .view-double-box {flex:1;background:#FFF;border:1px solid #EAE2D9;padding:1.5rem;position:relative;box-shadow:0 4px 15px rgba(0,0,0,0.02);}
#ba-list-page .view-tag-lbl {position:absolute;left:2rem;bottom:2rem;color:#FFF;padding:0.4rem 1.0rem;font-weight:700;z-index:2;letter-spacing:1px;}
#ba-list-page .view-img-frame {width:100%;aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000;}
#ba-list-page .view-img-frame img {width:100%;height:100%;object-fit:cover;display:block;}
#ba-list-page .disabled-btn {display:inline-flex;height:40px;align-items:center;justify-content:center;border:1px solid #EAE2D9;color:#CCC;padding:0 25px;font-size:0.9rem;background:#FFF;cursor:not-allowed;}
#ba-list-page .ba-list-section {width:100%;background:#FAF6EE;padding:80px 0;}
#ba-list-page .ba-container {width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
#ba-list-page .ba-grid-wrapper {display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;row-gap:55px;border-top:2px solid #3d1a19;padding-top:40px;}
#ba-list-page .no-data-box {text-align:center;}
#ba-list-page .ba-card-item {display:block;text-decoration:none;transition:transform 0.2s;}
#ba-list-page .ba-card-item:hover {transform:translateY(-5px);}
#ba-list-page .double-img-box {display:flex;gap:0.4rem;background:#FFF;padding:0.5rem;border:1px solid #EAE2D9;}
#ba-list-page .img-part {flex:1;position:relative;overflow:hidden;}
#ba-list-page .part-badge {position:absolute;left:0.5rem;bottom:0.5rem;font-size:0.9rem;font-weight:700;color:#FFF;padding:0.2rem 0.5rem;border-radius:2px;z-index:2;letter-spacing:0.5px;}
#ba-list-page .thumb-frame {width:100%;aspect-ratio:1/1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000;}
#ba-list-page .thumb-frame img {width:100%;height:100%;object-fit:cover;transition:all 0.4s ease;display:block;}
#ba-list-page .after-part .thumb-frame img {filter:blur(10px);transform:scale(1.1);}
#ba-list-page .ba-info-box {width:100%;padding:22px 5px 10px 5px;background:#FAF6EE;}
#ba-list-page .ba-title {font-size:1.05rem;color:#111;font-weight:700;margin:0 0 10px 0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.5px;}
#ba-list-page .ba-brand {font-size:0.9rem;color:#8E8174;font-weight:400;display:block;}
#ba-list-page .ba-bottom-util-wrap {display:flex;justify-content:space-between;align-items:center;margin-top:80px;border-top:1px solid #EAE2D9;padding-top:35px;}
#ba-list-page .util-search-area {display:flex;gap:5px;}
#ba-list-page .search-form-box {display:flex;gap:5px;align-items:center;}
#ba-list-page .search-select {height:40px;border:1px solid #CCC;background:#FFF;padding:0 15px;font-size:0.9rem;color:#333;outline:none;}
#ba-list-page .search-input-row {display:flex;border:1px solid #CCC;background:#FFF;height:40px;width:240px;align-items:center;}
#ba-list-page .search-input-row input {border:0;background:transparent;width:100%;height:100%;padding:0 12px;font-size:0.9rem;outline:none;}
#ba-list-page .btn-search-submit {width:40px;height:100%;border:0;background:url('/images/common/icon_search.png') no-repeat center center;background-size:18px;cursor:pointer;}
#ba-list-page .event-pagination {display:flex;justify-content:center;align-items:center;gap:15px;}
#ba-list-page .page-arrow {font-size:1.1rem;color:#777;text-decoration:none;}
#ba-list-page .page-num {font-size:1.1rem;color:#999;text-decoration:none;font-weight:400;}
#ba-list-page .page-num.active {color:#111;font-weight:600;}
#ba-list-page .util-buttons-area {display:flex;gap:5px;}
#ba-list-page .btn-util {display:inline-flex;height:40px;align-items:center;justify-content:center;border:1px solid #999;color:#111;padding:0 25px;font-size:0.9rem;text-decoration:none;background:#FFF;font-weight:500;transition:all 0.2s;}
#ba-list-page .btn-util:hover {background:#3d1a19;color:#FFF;border-color:#3d1a19;}

#real-page .event-visual-area {width:100%;height:512px;background:#3d1a19 url('/images/community/real/sub_visual_real.jpg') no-repeat center;background-size:auto 100%;position:relative;display:flex;align-items:center;}
#real-page .visual-inner {width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
#real-page .visual-txt-box {font-weight:600;letter-spacing:-0.5px;margin-bottom:60px;}
#real-page .visual-txt-box2 {font-size: 1.5rem;font-weight:500;color:var(--color-strong);letter-spacing:-0.5px;}
#real-page .event-visual-area .sub-tit {font-size:3rem;color:#FFF;display:block;margin-bottom:0.5rem;}
#real-page .event-visual-area .main-tit {font-size:3.0rem;color:var(--color-strong);}
#real-page .real-section {width:100%;background:#FAF6EE;padding:90px 0;}
#real-page .real-container {width:100%;max-width:1000px;margin:0 auto;padding:0 20px;}
#real-page .form-grid-wrapper {width:100%;display:flex;flex-direction:column;gap:35px;}
#real-page .form-row-half {width:100%;display:flex;gap:40px;}
#real-page .form-group {flex:1;display:flex;align-items:center;gap:30px;}
#real-page .form-group.full-width {width:100%;display:flex;align-items:flex-start;}
#real-page .form-label {width:140px;font-size:1.1rem;color:#111;font-weight:700;position:relative;}
#real-page .form-label.required::after {content:'*';color:#E83828;margin-left:5px;position:relative;top:-2px;}
#real-page .form-input-wrap {flex:1;display:flex;gap:10px;}
#real-page .form-input-wrap input[type="text"], #real-page .form-input-wrap input[type="number"] {width:100%;height:46px;border:1px solid #CCC;background:#FFF;padding:0 15px;font-size:1.0rem;outline:none;}
#real-page .gender-radio-group {display:flex;gap:30px;height:46px;align-items:center;}
#real-page .radio-lbl {display:flex;align-items:center;gap:8px;font-size:1.0rem;color:#333;cursor:pointer;}
#real-page .radio-lbl input {width:16px;height:16px;}
#real-page .select-combo-wrap select {width:200px;height:46px;border:1px solid #CCC;background:#FFF;padding:0 15px;font-size:1.0rem;outline:none;}
#real-page .photo-grid-layout {flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;width:100%;}
#real-page .photo-upload-card {background:#E4D1C3;padding:12px;display:flex;flex-direction:column;align-items:center;border:1px solid #D6BCAB;position:relative;}
#real-page .photo-upload-card .card-title {font-size:0.9rem;color:#8F6C53;font-weight:700;margin-bottom:8px;}
#real-page .card-preview-box {width:100%;aspect-ratio:1/1.2;background:#FFF;border:1px dashed #D6BCAB;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;}
#real-page .plus-icon {font-size:1.8rem;color:#D6BCAB;font-weight:300;}
#real-page .photo-upload-card input[type="file"] {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;}
#real-page .form-notice-box {margin-top:40px;background:#FAF6EE;padding:0 0 0 170px;font-size:0.95rem;color:#666;line-height:1.8;}
#real-page .form-agree-bar {margin-top:50px;display:flex;justify-content:center;align-items:center;gap:30px;font-size:0.95rem;color:#111;}
#real-page .check-lbl {display:flex;align-items:center;gap:8px;cursor:pointer;}
#real-page .check-lbl input {width:16px;height:16px;}
#real-page .btn-agree-view {color:#E83828;text-decoration:underline;}
#real-page .form-btn-row {margin-top:50px;display:flex;justify-content:center;}
#real-page .btn-real-submit {background:#381E16;color:#FFF;border:0;width:240px;height:52px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:opacity 0.2s;}
#real-page .btn-real-submit:hover {opacity:0.9;}

/* ==========================================================================
   CORAL CLINIC 서브 비주얼 공통 스킨 클래스
   ========================================================================= */
.sub-visual-common-layer {width:100%;max-width:2000px;margin:0 auto;background:var(--color-brand);position:relative;}
.sub-visual-common-layer .sub-visual-container {width:100%;margin:0 auto;padding:100px 12%;display:flex;justify-content:flex-start;align-items:center;}
.sub-visual-common-layer .sub-visual-text-wrap {display:flex;flex-direction:column;text-align:left;color:#FFF;}
.sub-visual-common-layer .sub-visual-title {font-size:3.25rem;font-weight:600;line-height:1.35;letter-spacing:-1px;margin-bottom:4rem;}
.sub-visual-common-layer .sub-visual-title strong {color:var(--color-strong);}
.sub-visual-common-layer .sub-visual-desc {font-size:1.5rem;font-weight:500;line-height:1.5;letter-spacing:-0.3px;color:var(--color-strong);word-break:keep-all;}

/* ==========================================================================
   X. 서브페이지 공통 배너 파트 (.sub-page-wrap Core)
   ========================================================================== */
.mo-only {display: none !important;}

.sub-page-wrap .sub-visual-section {position: relative;width: 100%;max-width: 2000px;margin: 0 auto;background-repeat: no-repeat;background-position: 80% center;background-size: cover;background-color: #F9F6F1;}
.sub-page-wrap .sub-visual-section .sub-visual-container {width: 100%;max-width: 1858px;margin: 0 auto;padding: 212px 9%;display: flex;justify-content: flex-start;align-items: center;}
.sub-page-wrap .sub-visual-section .sub-visual-text-wrap {display: flex;flex-direction: column;text-align: left;}
.sub-page-wrap .sub-visual-section .sub-visual-title {font-size: 4.8rem;margin-bottom: 4.5rem;}
.sub-page-wrap .sub-visual-section .sub-visual-title .eng-light {font-weight: 100;}
.sub-page-wrap .sub-visual-section .sub-visual-title .eng-point {font-weight: 800;color: var(--color-strong);}
.sub-page-wrap .sub-visual-section .sub-visual-desc {font-size: 1.9rem;font-weight: 300;line-height: 1.4;letter-spacing: -0.5px;}
.sub-page-wrap .sub-visual-section .mo-sub-visual-desc {display: none;}

.sub-page-wrap .surgery-intro-section {width: 100%;max-width: 2000px;margin: 0 auto;background: #FFF;padding: 120px 12%;}
.sub-page-wrap .surgery-intro-grid {display: flex;justify-content: space-between;align-items: flex-start;gap: 80px;width: 100%;}
.sub-page-wrap .intro-left-title {flex: 1;display: flex;flex-direction: column;text-align: left;}
.sub-page-wrap .lbl-badge-axis {width: 100%;margin-bottom: 35px;display: flex;align-items: center;}
.sub-page-wrap .lbl-badge-axis .category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 0.5px;position: relative;padding-left: 60px;}
.sub-page-wrap .lbl-badge-axis .category-lbl::before {content: '';position: absolute;top: 50%;left: 0;width: 45px;height: 1px;background: #32251F;transform: translateY(-50%);}
.sub-page-wrap .main-slogan-title {font-size: 3.4rem;font-weight: 100;line-height: 1.35;letter-spacing: -1px;}
.sub-page-wrap .main-slogan-title strong {font-weight: 900;}
.sub-page-wrap .intro-right-content {flex: 1;display: flex;flex-direction: column;text-align: left;}
.sub-page-wrap .definition-block {width: 100%;margin-bottom: 50px;}
.sub-page-wrap .def-title {font-size: 2.2rem;font-weight: 800;letter-spacing: -0.5px;margin-bottom: 25px;}
.sub-page-wrap .def-desc {font-size: 1.25rem;font-weight: 400;line-height: 1.7;color: #444;letter-spacing: -0.3px;word-break: keep-all;}
.sub-page-wrap .medical-summary-spec {width: 100%;display: flex;flex-direction: column;gap: 15px;}
.sub-page-wrap .spec-row {width: 100%;display: flex;justify-content: flex-start;align-items: center;font-size: 1.4rem;line-height: 1.4;}
.sub-page-wrap .spec-row dt {flex: 0 0 120px;width: 120px;font-weight: 800;position: relative;}
.sub-page-wrap .spec-row dt::after {content: ':';position: absolute;right: 15px;font-weight: 400;}
.sub-page-wrap .spec-row dd {font-weight: 200;}

.sub-page-wrap .surgery-feature-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 120px 12%;}
.sub-page-wrap .surgery-feature-grid {display: flex;justify-content: space-between;align-items: center;gap: 80px;width: 100%;}
.sub-page-wrap .feature-left-content {flex: 1;display: flex;flex-direction: column;text-align: left;}
.sub-page-wrap .feature-main-title {font-size: 3.4rem;font-weight: 100;line-height: 1.35;letter-spacing: -1.5px;margin-bottom: 50px;}
.sub-page-wrap .feature-main-title .title-light {font-weight: 100;}
.sub-page-wrap .feature-main-title strong {font-weight: 900;}
.sub-page-wrap .feature-desc-group {width: 100%;display: flex;flex-direction: column;gap: 30px;}
.sub-page-wrap .feature-desc-group .desc-para {font-size: 1.25rem;font-weight: 600;line-height: 1.7;color: #212121;letter-spacing: -0.3px;word-break: keep-all;}
.sub-page-wrap .feature-right-img {flex: 1;}
.sub-page-wrap .img-thumb-box {max-width: 640px;overflow: hidden;}

.sub-page-wrap .surgery-why-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .why-section-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .why-header-area {text-align: center;margin-bottom: 60px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .why-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;}
.sub-page-wrap .why-category-lbl::before {content: '';width: 45px;height: 1px;background: currentcolor;}
.sub-page-wrap .why-main-title {font-size: 3.2rem;font-weight: 100;line-height: 1.2;letter-spacing: -1px;}
.sub-page-wrap .why-main-title strong {font-weight: 800;}
.sub-page-wrap .why-table-wrap {width: 100%;max-width: 1100px;background: #FFF;padding: 60px 70px;box-shadow: 0 15px 35px rgba(0,0,0,0.02);border-radius: 4px;display: flex;flex-direction: column;}
.sub-page-wrap .why-t-head {width: 100%;display: flex;align-items: center;padding-bottom: 25px;border-bottom: 1px dashed var(--color-strong);}
.sub-page-wrap .why-t-row {width: 100%;display: flex;align-items: center;padding: 35px 0;border-bottom: 1px dashed var(--color-strong);}
.sub-page-wrap .why-t-row:last-child {border-bottom: 0;padding-bottom: 0;}
.sub-page-wrap .cell-blank, .sub-page-wrap .cell-title {flex: 0 0 180px;width: 180px;font-size: 1.2rem;font-weight: 400;color: #888;text-align: left;}
.sub-page-wrap .cell-legacy {flex: 1;padding-right: 40px;font-size: 1.2rem;font-weight: 700;color: #444;text-align: left;}
.sub-page-wrap .cell-coral {flex: 1.2;font-size: 1.2rem;font-weight: 700;color: var(--color-strong);text-align: left;}
.sub-page-wrap .th-label {font-size: 1.5rem;font-weight: 800;}
.sub-page-wrap .th-label.cell-coral {color: var(--color-strong);}

.sub-page-wrap .surgery-why-compare-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .why-compare-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .why-compare-header {text-align: center;margin-bottom: 50px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .why-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;color: #32251F;}
.sub-page-wrap .why-category-lbl::before {content: '';width: 45px;height: 1px;background: #32251F;}
.sub-page-wrap .why-main-title {font-size: 3.2rem;font-weight: 800;line-height: 1.2;letter-spacing: -1px;color: #000;}
.sub-page-wrap .why-compare-grid {width: 100%;max-width: 960px;display: flex;justify-content: space-between;gap: 24px;}
.sub-page-wrap .compare-card-box {flex: 1;background: #FFF;padding: 55px 45px 50px 45px;box-shadow: 0 4px 20px rgba(0,0,0,0.03);display: flex;flex-direction: column;box-sizing: border-box;}
.sub-page-wrap .compare-card-box .card-head-title {font-size: 1.65rem;font-weight: 800;margin-bottom: 30px;letter-spacing: -0.5px;}
.sub-page-wrap .compare-card-box.is-other .card-head-title {color: #222;}
.sub-page-wrap .compare-card-box.is-coral .card-head-title {color: var(--color-strong);}
.sub-page-wrap .compare-row-list {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;}
.sub-page-wrap .compare-row-list li {font-size: 1.2rem;font-weight: 500;padding: 22px 0;border-top: 1px dotted #D6A897;letter-spacing: -0.3px;}
.sub-page-wrap .compare-card-box.is-other .compare-row-list li {color: #444;}
.sub-page-wrap .compare-card-box.is-coral .compare-row-list li {color: var(--color-strong);}

.sub-page-wrap .surgery-lines-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 150px 12%;}
.sub-page-wrap .lines-section-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .lines-header-area {text-align: center;margin-bottom: 4rem;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .lines-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 3rem;}
.sub-page-wrap .lines-category-lbl::before {content: '';width: 45px;height: 1px;background: #32251F;}
.sub-page-wrap .lines-main-title {font-size: 3.2rem;font-weight: 800;line-height: 1.2;letter-spacing: -1px;}
.sub-page-wrap .lines-main-title .soft {font-weight: 100;}
.sub-page-wrap .lines-card-grid {width: 100%;display: flex;justify-content: space-between;align-items: stretch;gap: 30px;}
.sub-page-wrap .lines-card-grid.grid-3col {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 30px 20px;} 
.sub-page-wrap .lines-card-grid.grid-3col .line-card-item {flex:auto; width: calc(33.333% - 14px);} 
.sub-page-wrap .lines-card-grid.max-1160 {max-width: 1160px;margin: 0 auto;gap: 36px 32px;}
.sub-page-wrap .lines-card-grid.max-1160 .line-card-item {width: calc(33.333% - 22px);flex: none;}
.sub-page-wrap .lines-card-grid.grid-3col.max-1160 {max-width: 1160px;margin: 0 auto;gap: 36px 32px;}
.sub-page-wrap .lines-card-grid.grid-3col.max-1160 .line-card-item {flex: 0 0 calc((100% - 64px) / 3);width: calc((100% - 64px) / 3);max-width: calc((100% - 64px) / 3);box-sizing: border-box;}
.sub-page-wrap .line-card-item {flex: 1;background: #FFF;overflow: hidden;display: flex;flex-direction: column;padding: 1.5rem;}
.sub-page-wrap .line-card-item.nopad {padding: 0;}
.sub-page-wrap .line-card-item.nopad .card-text-box.step-type {padding: 2.2rem 1.8rem 2rem 1.8rem;}
.sub-page-wrap .line-card-item .card-img-box {width: 100%;overflow: hidden;}
.sub-page-wrap .line-card-item .card-img-box img {width: 100%;height: 100%;}
.sub-page-wrap .line-card-item .card-text-box {padding: 2rem 0 1rem;display: flex;flex-direction: column;text-align: left;}
.sub-page-wrap .line-card-item .card-title {font-size: 1.8rem;font-weight: 800;letter-spacing: -0.5px;}
.sub-page-wrap .line-card-item .card-title strong {color: var(--color-strong);}
.sub-page-wrap .line-card-item .card-special {color: #ed9884;margin-top: 0.25rem; font-size: 1.1rem; font-weight: 700;}
.sub-page-wrap .line-card-item .card-info-list {list-style: none;display: flex;flex-direction: column;gap: 12px;counter-reset: line-counter;margin-top: 2rem;}
.sub-page-wrap .line-card-item .card-info-list li {font-size: 1.15rem;font-weight: 400;line-height: 1.5;color: #666;letter-spacing: -0.3px;display: flex;align-items: flex-start;}
.sub-page-wrap .line-card-item .card-info-list li::before {counter-increment: line-counter;content: counter(line-counter) ". ";font-weight: 500;color: #888;margin-right: 6px;flex: 0 0 auto;}
.sub-page-wrap .line-card-item .card-info-list.no-counter li::before {content: none;}
.sub-page-wrap .line-card-item .card-text-box.center .card-title {font-size: 1.25rem; font-weight: 100; text-align: center; letter-spacing: -1px;}
.sub-page-wrap .line-card-item .card-text-box.center .card-special {text-align: center; font-size: 1.7rem; margin: 1rem 0 1.5rem; color: var(--color-strong);}
.sub-page-wrap .line-card-item .card-text-box.center .card-info-list {text-align: center; margin: 0 auto;}
.sub-page-wrap .line-card-item .card-text-box.step-type {padding: 1.5rem 0 0.5rem;}
.sub-page-wrap .line-card-item .card-text-box.step-type .step-lbl {font-size: 0.95rem;font-weight: 700;color: var(--color-strong);letter-spacing: 0.5px;margin-bottom: 0.8rem;text-transform: uppercase;}
.sub-page-wrap .line-card-item .card-text-box.step-type .card-title {font-size: 1.65rem;font-weight: 800;color: var(--color-strong);letter-spacing: -0.5px;margin-bottom: 1rem;}
.sub-page-wrap .line-card-item .card-text-box.step-type .step-desc {font-size: 1.1rem;font-weight: 500;color: #555;line-height: 1.55;letter-spacing: -0.3px;margin: 0;word-break: keep-all;}

.sub-page-wrap .surgery-action-effect-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 150px 12%;}
.sub-page-wrap .action-effect-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .action-effect-header {text-align: center;margin-bottom: 50px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .action-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;color: #32251F;}
.sub-page-wrap .action-category-lbl::before {content: '';width: 45px;height: 1px;background: #32251F;}
.sub-page-wrap .action-main-title {font-size: 3.2rem;font-weight: 100;line-height: 1.2;letter-spacing: -1px;color: #000;}
.sub-page-wrap .action-main-title strong {font-weight: 800;}
.sub-page-wrap .action-card-grid {width: 100%;display: flex;justify-content: space-between;gap: 30px;}
.sub-page-wrap .action-card-item {flex: 1;background: #FFF;padding: 30px 24px 35px 24px;border-radius: 4px;box-shadow: 0 4px 20px rgba(0,0,0,0.04);display: flex;flex-direction: column;align-items: center;box-sizing: border-box;}
.sub-page-wrap .action-card-head {width: 100%;margin-bottom: 25px;}
.sub-page-wrap .head-main-bar {width: 100%;padding: .5rem 0;background: var(--color-strong);color: #FFF;font-size: 1.5rem;font-weight: 800;display: flex;align-items: center;justify-content: center;text-align: center;letter-spacing: -0.3px;}
.sub-page-wrap .head-sub-bar {width: 100%;padding: 0.3rem;background: #fbe4d7;color: #7A6961;font-size: 1.15rem;font-weight: 500;display: flex;align-items: center;justify-content: center;text-align: center;}
.sub-page-wrap .action-img-wrap {width: 100%;margin-bottom: 25px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.sub-page-wrap .action-img-wrap h4 {font-size: 1.75rem; color: var(--color-strong); font-weight: 800; margin: 3rem 0 1rem 0;}
.sub-page-wrap .action-card-desc {font-size: 1.15rem;font-weight: 400;color: #555;line-height: 1.6;text-align: center;letter-spacing: -0.5px;word-break: keep-all;margin: 0;}

.sub-page-wrap .surgery-compare-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .compare-section-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .compare-header-area {text-align: center;margin-bottom: 60px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .compare-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;}
.sub-page-wrap .compare-category-lbl::before {content: '';width: 45px;height: 1px;background: currentcolor;}
.sub-page-wrap .compare-main-title {font-size: 3.2rem;font-weight: 100;line-height: 1.2;letter-spacing: -1px;}
.sub-page-wrap .compare-main-title strong {font-weight: 800;}
.sub-page-wrap .compare-main-title .vs-txt {font-weight: 400;margin: 0 10px;font-size: 2.8rem;}
.sub-page-wrap .compare-card-grid {width: 100%;max-width: 1100px;display: flex;justify-content: space-between;align-items: stretch;gap: 40px;}
.sub-page-wrap .compare-card-item {flex: 1;background: #FFF;padding: 55px 60px;display: flex;flex-direction: column;text-align: left;box-shadow: 0 15px 35px rgba(0,0,0,0.02);border-radius: 4px;}
.sub-page-wrap .card-type-title {font-size: 1.6rem;font-weight: 800;color: var(--color-strong);letter-spacing: -0.5px;margin-bottom: 35px;}
.sub-page-wrap .check-info-list {list-style: none;display: flex;flex-direction: column;gap: 18px;}
.sub-page-wrap .check-info-list li {font-size: 1.2rem;font-weight: 400;line-height: 1.5;color: #444;letter-spacing: -0.3px;display: flex;align-items: flex-start;position: relative;padding-left: 32px;}
.sub-page-wrap .check-info-list li::before {content: '✔';position: absolute;left: 2px;top: -1px;font-size: 1.25rem;font-weight: 900;color: var(--color-strong);line-height: 1;} 

.sub-page-wrap .surgery-diff-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 150px 12%;}
.sub-page-wrap .diff-section-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .diff-header-area {text-align: center;margin-bottom: 4rem;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .diff-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;}
.sub-page-wrap .diff-category-lbl::before {content: '';width: 45px;height: 1px;background: #32251F;}
.sub-page-wrap .diff-main-title {font-size: 3.2rem;font-weight: 800;line-height: 1.2;letter-spacing: -1px;}
.sub-page-wrap .diff-rows-wrap {width: 100%;max-width: 1160px;display: flex;flex-direction: column;gap: 40px;}
.sub-page-wrap .diff-row-item {width: 100%;display: flex;justify-content: space-between;align-items: stretch;gap: 40px;}
.sub-page-wrap .row-left-img {width: 350px;}
.sub-page-wrap .row-left-img img {width: 100%;}
.sub-page-wrap .row-right-card {flex: 1;background: #FFF;padding: 2rem 3rem;display: flex;flex-direction: column;text-align: left;justify-content: center;}
.sub-page-wrap .row-right-card.reverse {background: var(--color-strong)}
.sub-page-wrap .row-right-card.reverse .card-sub-num {color: #fff}
.sub-page-wrap .row-right-card.reverse .card-sub-title {color: #fff}
.sub-page-wrap .row-right-card.reverse .card-num-list .txt {color: #fff}
.sub-page-wrap .card-sub-num {color: var(--color-strong);margin-bottom: 2rem;font-size: 0.9rem;letter-spacing: -1px;}
.sub-page-wrap .card-sub-title {font-size: 1.5rem;font-weight: 800;color: var(--color-strong);letter-spacing: -0.5px;margin-bottom: 30px;}
.sub-page-wrap .card-num-list {list-style: none;display: flex;flex-direction: column;gap: 11px;}
.sub-page-wrap .card-num-list li {display: flex;justify-content: flex-start;align-items: flex-start;gap: 15px;width: 100%;}
.sub-page-wrap .card-num-list .num {font-size: 1.15rem;font-weight: 800;color: var(--color-strong);flex: 0 0 auto;line-height: 1.4;}
.sub-page-wrap .card-num-list .txt {font-size: 1.15rem;font-weight: 400;line-height: 1.4;color: #555;letter-spacing: -0.3px;word-break: keep-all;}

.sub-page-wrap .surgery-diff-text-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .diff-text-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .diff-text-header-area {text-align: center;margin-bottom: 60px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .diff-text-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;}
.sub-page-wrap .diff-text-category-lbl::before {content: '';width: 45px;height: 1px;background: currentcolor;}
.sub-page-wrap .diff-text-main-title {font-size: 3.2rem;font-weight: 100;line-height: 1.2;letter-spacing: -1px;}
.sub-page-wrap .diff-text-main-title strong {font-weight: 800;}
.sub-page-wrap .diff-text-rows-wrap {width: 86%;display: flex;flex-direction: column;gap: 30px;}
.sub-page-wrap .diff-text-rows-wrap.grid-2col {flex-direction: row;flex-wrap: wrap;justify-content: space-between;gap: 30px 40px;}
.sub-page-wrap .diff-text-rows-wrap.grid-2col .diff-text-row-item {width: calc(50% - 20px);} 
.sub-page-wrap .diff-text-rows-wrap.side-col .row-sub-title {display: flex;align-items: center;gap: 2rem;} 
.sub-page-wrap .diff-text-row-item {width: 100%;background: #FFF;padding: 50px 60px;box-shadow: 0 15px 35px rgba(0,0,0,0.02);border-radius: 4px;display: flex;justify-content: flex-start;align-items: flex-start;gap: 50px;}
.sub-page-wrap .diff-text-row-item .row-num {font-size: 1rem;font-weight: 700;color: var(--color-strong);letter-spacing: 0.5px;flex: 0 0 auto;padding-top: 6px;}
.sub-page-wrap .diff-text-row-item .row-content-box {flex: 1;display: flex;flex-direction: column;text-align: left;}
.sub-page-wrap .diff-text-row-item .row-sub-title {font-size: 1.8rem;font-weight: 800;color: #000;letter-spacing: -0.5px;}
.sub-page-wrap .diff-text-row-item .row-sub-title strong {color:var(--color-strong)}
.sub-page-wrap .diff-text-row-item .row-sub-title .side {font-weight: 200;font-size: 1.25rem;}
.sub-page-wrap .diff-text-row-item .row-desc {font-size: 1.15rem;font-weight: 400;line-height: 1.65;color: #666;letter-spacing: -0.3px;word-break: keep-all;margin-top: 1rem;}

.sub-page-wrap .surgery-types-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .types-section-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .types-header-area {text-align: center;margin-bottom: 60px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .types-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;}
.sub-page-wrap .types-category-lbl::before {content: '';width: 45px;height: 1px;background: currentcolor;}
.sub-page-wrap .types-main-title {font-size: 3.2rem;font-weight: 800;line-height: 1.2;letter-spacing: -1px;}
.sub-page-wrap .types-card-grid {width: 100%;max-width: 1100px;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 40px;}
.sub-page-wrap .types-card-item {width: calc(50% - 20px);background: #FFF;box-shadow: 0 15px 35px rgba(0,0,0,0.02);border-radius: 4px;overflow: hidden;display: flex;flex-direction: column;}
.sub-page-wrap .card-thumb-box {width: 100%;padding: 2rem 2rem 1rem 2rem;}
.sub-page-wrap .card-thumb-box img {width: 100%;height: 100%;object-fit: cover;display: block;}
.sub-page-wrap .types-card-item .card-text-box {padding: 2rem;display: flex;flex-direction: column;text-align: left;flex: 1;}
.sub-page-wrap .card-main-title {font-size: 1.6rem;font-weight: 800;color: #000;letter-spacing: -0.5px;margin-bottom: 25px;word-break: keep-all;}
.sub-page-wrap .card-desc {font-size: 1.15rem;font-weight: 400;line-height: 1.6;color: #666;letter-spacing: -0.3px;word-break: keep-all;}

.sub-page-wrap .surgery-method-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .method-section-container {width: 100%;display: flex;align-items: flex-start;gap: 80px;}
.sub-page-wrap .method-left-title {width: 33.3%;display: flex;flex-direction: column;text-align: left;}
.sub-page-wrap .method-main-title {font-size: 3.4rem;font-weight: 800;line-height: 1.3;letter-spacing: -1.5px;}
.sub-page-wrap .method-main-title-mo {display: none;}
.sub-page-wrap .method-right-timeline {flex: 1;max-width: 780px;display: flex;flex-direction: column;gap: 65px;position: relative;}
.sub-page-wrap .method-right-timeline.dot-none .timeline-row-item {gap:1.5rem}
.sub-page-wrap .timeline-line-axis {position: absolute;top: 13px;bottom: 10px;left: 265px;width: 1px;height: 438px;background: #D1C7BD;z-index: 1;} 
.sub-page-wrap .timeline-line-axis.long {height: 489px;} 
.sub-page-wrap .timeline-row-item {width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;gap: 45px;position: relative;z-index: 2;}
.sub-page-wrap .step-thumb-box {width: 240px;}
.sub-page-wrap .step-thumb-box img {width: 100%;height: 100%;object-fit: cover;}
.sub-page-wrap .step-text-box {flex: 1;display: flex;flex-direction: column;text-align: left;padding-top: 5px;position: relative;}
.sub-page-wrap .surgery-method-section .step-title {font-size: 1.5rem;font-weight: 800;letter-spacing: -0.5px;margin-bottom: 1rem;position: relative;}
.sub-page-wrap .surgery-method-section .step-title::before {content: '';position: absolute;top: 9px;left: -23px;width: 7px;height: 7px;background: var(--color-strong);border-radius: 50%;} 
.sub-page-wrap .method-right-timeline.dot-none .step-title::before {display: none;} 
.sub-page-wrap .step-desc {font-size: 1.15rem;font-weight: 400;line-height: 1.4;color: #666;letter-spacing: -0.3px;word-break: keep-all;}

.sub-page-wrap .surgery-recom-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .recom-section-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .recom-header-area {text-align: center;margin-bottom: 65px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .recom-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;}
.sub-page-wrap .recom-category-lbl::before {content: '';width: 45px;height: 1px;background: #32251F;}
.sub-page-wrap .recom-main-title {font-size: 3.2rem;font-weight: 100;line-height: 1.2;letter-spacing: -1px;}
.sub-page-wrap .recom-main-title strong {font-weight: 900;}
.sub-page-wrap .recom-main-title span {font-weight: 900;}
.sub-page-wrap .recom-main-sub {font-weight: 100;font-size: 1.2rem;margin-top: 1rem;}
.sub-page-wrap .recom-card-grid {width: 100%;max-width: 780px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 25px;align-items: stretch;}
.sub-page-wrap .recom-card-grid.grid-3col {max-width: 1100px;grid-template-columns: repeat(3, 1fr);}
.sub-page-wrap .recom-card-grid.grid-5items {display: flex !important;flex-wrap: wrap !important;justify-content: center !important;gap: 25px;} 
.sub-page-wrap .recom-card-grid.grid-5items .recom-card-item {width: calc(33.333% - 17px) !important;} 
.sub-page-wrap .recom-card-grid.short-vertical .recom-card-item {aspect-ratio: 380 / 250}
.sub-page-wrap .recom-card-item {background: #FFF;padding:2rem 2.5rem;display: flex;flex-direction: column;text-align: left;position: relative;aspect-ratio: 380 / 330;box-shadow: 0 15px 35px rgba(0,0,0,0.02);}
.sub-page-wrap .recom-card-item .card-no {font-size: 1rem;font-weight: 700;color: var(--color-strong);margin-bottom: 30px;letter-spacing: 0.5px;}
.sub-page-wrap .recom-card-item .card-target-txt {font-size: 1.8rem;font-weight: 800;line-height: 1.3;letter-spacing: -0.5px;word-break: keep-all;flex: 1;}
.sub-page-wrap .recom-card-item .card-target-txt2 {flex: 1;font-size: 1.2rem;font-weight: 200;margin-top: -2rem;}
.sub-page-wrap .recom-card-item .card-target-sub {align-self: flex-start;display: flex;align-items: center;justify-content: center;font-weight: 200;margin-bottom: 1rem;}
.sub-page-wrap .recom-card-item .card-icon-box {align-self: flex-end;width: 150px;display: flex;align-items: center;justify-content: end;}
.sub-page-wrap .recom-card-item .card-icon-box img {max-width: 100%;}

.sub-page-wrap .surgery-recovery-timeline-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .recovery-timeline-container {width: 100%;max-width: 1080px;display: flex;justify-content: space-between;align-items: flex-start;gap: 60px;margin: 0 auto;}
.sub-page-wrap .recovery-left-header {width: 320px;flex-shrink: 0;position: sticky;top: 120px;}
.sub-page-wrap .recovery-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;color: #32251F;}
.sub-page-wrap .recovery-category-lbl::before {content: '';width: 45px;height: 1px;background: #32251F;}
.sub-page-wrap .recovery-main-title {font-size: 3.2rem;font-weight: 800;line-height: 1.25;letter-spacing: -1px;color: #2B2320;margin-bottom: 25px;}
.sub-page-wrap .recovery-main-title strong {font-weight: 800;}
.sub-page-wrap .recovery-caution-txt {font-size: 0.85rem;color: #777;line-height: 1.6;letter-spacing: -0.3px;word-break: keep-all;margin: 0;}
.sub-page-wrap .recovery-right-timeline {flex: 1;position: relative;}
.sub-page-wrap .timeline-step-list {list-style: none;padding: 0;margin: 0;position: relative;}
.sub-page-wrap .timeline-step-list::before {content: '';position: absolute;top: 8px;bottom: 20px;left: 4px;width: 1px;background: #E2CDC4;}
.sub-page-wrap .timeline-step-item {position: relative;padding-left: 35px;padding-bottom: 50px;display: flex;flex-direction: column;}
.sub-page-wrap .timeline-step-item:last-child {padding-bottom: 0;}
.sub-page-wrap .timeline-step-item .step-dot {position: absolute;left: 0;top: 6px;width: 9px;height: 9px;border-radius: 50%;background: var(--color-strong);z-index: 2;}
.sub-page-wrap .step-content-box {display: flex;flex-direction: column;}
.sub-page-wrap .day-badge {font-size: 0.95rem;font-weight: 700;color: #A8958E;letter-spacing: 0.5px;margin-bottom: 6px;text-transform: uppercase;}
.sub-page-wrap .step-title {font-size: 1.35rem;font-weight: 800;color: var(--color-strong);margin-bottom: 6px;letter-spacing: -0.5px;}
.sub-page-wrap .step-desc {font-size: 0.98rem;font-weight: 500;color: #555;line-height: 1.5;letter-spacing: -0.3px;margin: 0;}

.sub-page-wrap .surgery-effect-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .effect-section-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .effect-header-area {text-align: center;margin-bottom: 50px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .effect-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;}
.sub-page-wrap .effect-category-lbl::before {content: '';width: 45px;height: 1px;background: currentcolor;}
.sub-page-wrap .effect-main-title {font-size: 3.2rem;font-weight: 100;line-height: 1.2;letter-spacing: -1px;}
.sub-page-wrap .effect-main-title strong {font-weight: 800;}
.sub-page-wrap .effect-main-sub {margin-top: 1rem;font-size: 1.4rem;line-height: 1.5;font-weight: 600;}
.sub-page-wrap .effect-main-sub strong {color:var(--color-strong);font-weight: 600;}
.sub-page-wrap .effect-display-box {width: 100%;max-width: 1100px;display: flex;justify-content: center;align-items: center;}
.sub-page-wrap .effect-img {display: block;width: 100%;height: auto;max-width: 100%;}
.sub-page-wrap .effect-info-card-grid {width: 100%;max-width: 1100px;display: flex;flex-wrap:wrap;align-items: stretch;justify-content: space-between;gap: 20px;margin-top: 40px;}
.sub-page-wrap .info-card-item {flex: 1;background: #FFF;padding: 30px 40px;box-shadow: 0 15px 35px rgba(0,0,0,0.02);border-radius: 4px;display: flex;justify-content: flex-start;align-items: center;gap: 20px;}
.sub-page-wrap .info-card-item .card-no {font-size: 0.85rem;font-weight: 700;color: var(--color-strong);letter-spacing: 0.5px;}
.sub-page-wrap .info-card-item .card-txt {font-size: 1.4rem;font-weight: 800;color: #000;letter-spacing: -0.5px;}
.sub-page-wrap .effect-info-card-grid.vertical .info-card-item {flex-direction: column; flex: 0 0 calc(50% - 10px); align-items: flex-start; justify-content: flex-start;}
.sub-page-wrap .effect-info-card-grid.vertical .info-card-item .card-txt {color: var(--color-strong);font-size: 1.5rem;}
.sub-page-wrap .effect-info-card-grid.vertical .info-card-item .card_sub {line-height: 1.4; color: #242424; font-weight: 200;font-size: 1.2rem;}

.sub-page-wrap .surgery-howto-dual-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .howto-dual-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .howto-dual-header {text-align: center;margin-bottom: 50px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .howto-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;color: #32251F;}
.sub-page-wrap .howto-category-lbl::before {content: '';width: 45px;height: 1px;background: #32251F;}
.sub-page-wrap .howto-main-title {font-size: 3.2rem;font-weight: 800;line-height: 1.2;letter-spacing: -1px;color: #000;}
.sub-page-wrap .howto-dual-list {width: 100%;max-width: 780px;display: flex;flex-direction: column;gap: 30px;}
.sub-page-wrap .howto-dual-card {width: 100%;background: #FFF;border-radius: 4px;overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.03);}
.sub-page-wrap .dual-img-wrap {display: flex;width: 100%;background: #F8F8F8;}
.sub-page-wrap .dual-img-wrap .img-cell {flex: 1;aspect-ratio: 1 / 0.65;overflow: hidden;}
.sub-page-wrap .dual-img-wrap .img-cell img {width: 100%;height: 100%;object-fit: cover;display: block;}
.sub-page-wrap .dual-bottom-bar {height: 54px;display: flex;align-items: center;padding: 0 30px;gap: 16px;background: #FFF;}
.sub-page-wrap .dual-bottom-bar .step-num {font-size: 0.95rem;font-weight: 600;color: var(--color-strong);opacity: 0.85;letter-spacing: 0.5px;}
.sub-page-wrap .dual-bottom-bar .step-txt {font-size: 1.35rem;font-weight: 800;color: var(--color-strong);letter-spacing: -0.5px;}

.sub-page-wrap .surgery-process-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .process-section-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .process-header-area {text-align: center;margin-bottom: 50px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .process-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;}
.sub-page-wrap .process-category-lbl::before {content: '';width: 45px;height: 1px;background: currentcolor;}
.sub-page-wrap .process-main-title {font-size: 3.2rem;font-weight: 800;line-height: 1.2;letter-spacing: -1px;}
.sub-page-wrap .process-step-grid {width: 100%;max-width: 1100px;display: flex;gap: 20px;align-items: stretch;}
.sub-page-wrap .step-card-item {flex: 1;background: #FFF;padding: 50px 30px;box-shadow: 0 15px 35px rgba(0,0,0,0.02);border-radius: 4px;display: flex;flex-direction: column;align-items: center;text-align: center;}
.sub-page-wrap .step-card-item .step-num {font-size: 1.1rem;font-weight: 600;color: var(--color-strong);margin-bottom: 15px;}
.sub-page-wrap .step-card-item .process-step-title {font-size: 1.6rem;font-weight: 800;color: var(--color-strong);margin-bottom: 25px;letter-spacing: -0.5px;}
.sub-page-wrap .step-card-item .process-step-desc {font-size: 1.1rem;line-height: 1.6;color: #555;font-weight: 300;word-break: keep-all;}
.sub-page-wrap .process-notice-card {width: 100%;max-width: 1100px;background: #FFF;padding: 40px;margin-top: 20px;box-shadow: 0 15px 35px rgba(0,0,0,0.02);border-radius: 4px;}
.sub-page-wrap .process-notice-card .notice-title {font-size: 1.6rem;font-weight: 800;color: var(--color-strong);margin-bottom: 15px;}
.sub-page-wrap .process-notice-card .notice-desc p {font-size: 1.1rem;line-height: 1.7;color: #444;font-weight: 300;word-break: keep-all;}

.sub-page-wrap .surgery-booster-class-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .booster-class-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .booster-class-header-area {text-align: center;margin-bottom: 60px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .booster-class-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;color: #32251F;}
.sub-page-wrap .booster-class-category-lbl::before {content: '';width: 45px;height: 1px;background: #32251F;}
.sub-page-wrap .booster-class-main-title {font-size: 3.2rem;font-weight: 100;line-height: 1.2;letter-spacing: -1px;color: #000;}
.sub-page-wrap .booster-class-main-title strong {font-weight: 800;}
.sub-page-wrap .booster-class-sub-desc {font-size: 1.25rem;font-weight: 400;line-height: 1.65;color: #555;letter-spacing: -0.3px;word-break: keep-all;margin-top: 1.25rem;}
.sub-page-wrap .booster-class-card-grid {width: 100%;max-width: 1100px;display: flex;justify-content: space-between;align-items: stretch;gap: 30px;}
.sub-page-wrap .booster-class-card-item {flex: 1;background: #FFF;padding: 50px 50px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.02);border-radius: 4px;display: flex;flex-direction: column;align-items: flex-start;text-align: left;}
.sub-page-wrap .booster-class-card-item .card-no {font-size: 1rem;font-weight: 700;color: var(--color-strong);letter-spacing: 0.5px;margin-bottom: 20px;}
.sub-page-wrap .booster-class-card-item .card-title {font-size: 2rem;font-weight: 800;color: var(--color-strong);letter-spacing: -0.5px;margin-bottom: 20px;}
.sub-page-wrap .booster-class-card-item .card-desc {font-size: 1.15rem;font-weight: 400;line-height: 1.65;color: #444;letter-spacing: -0.3px;word-break: keep-all;margin-bottom: 40px;flex: 1;}
.sub-page-wrap .booster-class-card-item .card-tag-btn {display: inline-flex;align-items: center;justify-content: center;padding: 10px 24px;background-color: var(--color-strong);color: #fff;font-size: 1.05rem;font-weight: 700;border-radius: 25px;line-height: 1;letter-spacing: -0.3px;}

.sub-page-wrap .surgery-booster-types-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .booster-types-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .booster-types-header-area {text-align: center;margin-bottom: 60px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .booster-types-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;color: #32251F;}
.sub-page-wrap .booster-types-category-lbl::before {content: '';width: 45px;height: 1px;background: #32251F;}
.sub-page-wrap .booster-types-main-title {font-size: 3.2rem;font-weight: 100;line-height: 1.2;letter-spacing: -1px;color: #000;}
.sub-page-wrap .booster-types-main-title strong {font-weight: 800;}
.sub-page-wrap .booster-types-main-title .colorful {color: var(--color-strong);}
.sub-page-wrap .booster-types-sub-desc {font-size: 1.25rem;font-weight: 400;line-height: 1.65;color: #555;letter-spacing: -0.3px;word-break: keep-all;margin-top: 1.25rem;}
.sub-page-wrap .booster-types-card-grid {width: 100%;max-width: 1100px;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 30px;}
.sub-page-wrap .booster-types-card-item {width: calc(50% - 15px);background: #FFF;padding: 45px 40px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.02);border-radius: 4px;display: flex;justify-content: space-between;align-items: center;gap: 20px;box-sizing: border-box;}
.sub-page-wrap .booster-types-card-item.nopad {padding: 0;}
.sub-page-wrap .booster-types-card-item .card-text-wrap {flex: 1;display: flex;flex-direction: column;text-align: left;}
.sub-page-wrap .booster-types-card-item .card-no {font-size: 1rem;font-weight: 700;color: var(--color-strong);letter-spacing: 0.5px;margin-bottom: 15px;}
.sub-page-wrap .booster-types-card-item .card-title {font-size: 1.8rem;font-weight: 800;color: var(--color-strong);letter-spacing: -0.5px;margin-bottom: 18px;}
.sub-page-wrap .booster-types-card-item .card-desc {font-size: 1.05rem;font-weight: 400;line-height: 1.6;color: #555;letter-spacing: -0.3px;word-break: keep-all;}
.sub-page-wrap .booster-types-card-item .card-img-wrap {width: 180px;flex: 0 0 180px;display: flex;align-items: center;justify-content: center;}
.sub-page-wrap .booster-types-card-item .card-img-wrap img {max-width: 100%;height: auto;display: block;object-fit: contain;}

.sub-page-wrap .surgery-point-grid-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .point-grid-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .point-grid-header-area {text-align: center;margin-bottom: 50px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .point-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;color: #32251F;}
.sub-page-wrap .point-category-lbl::before {content: '';width: 45px;height: 1px;background: #32251F;}
.sub-page-wrap .point-main-title {font-size: 3.2rem;font-weight: 100;line-height: 1.2;letter-spacing: -1px;color: #000;}
.sub-page-wrap .point-main-title strong {font-weight: 800;}
.sub-page-wrap .point-card-grid {width: 100%;max-width: 960px;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 30px 24px;}
.sub-page-wrap .point-card-item {width: calc(50% - 12px);display: flex;flex-direction: column;background: #FFF;}
.sub-page-wrap .point-img-wrap {width: 100%;aspect-ratio: 1 / 0.85;overflow: hidden;background: #FFF;display: flex;align-items: center;justify-content: center;}
.sub-page-wrap .point-img-wrap img {width: 100%;height: 100%;object-fit: cover;display: block;}
.sub-page-wrap .point-bar-lbl {width: 100%;height: 52px;background: var(--color-strong);color: #FFF;font-size: 1.15rem;font-weight: 600;display: flex;align-items: center;justify-content: center;text-align: center;letter-spacing: -0.3px;}

.sub-page-wrap .surgery-point-ratio-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .point-ratio-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .point-ratio-header {text-align: center;margin-bottom: 45px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .ratio-banner-card {width: 100%;max-width: 920px;display: flex;align-items: stretch;gap: 20px;}
.sub-page-wrap .ratio-img-box {width: 280px;flex-shrink: 0;aspect-ratio: 1 / 1;overflow: hidden;background: #FFF;}
.sub-page-wrap .ratio-img-box img {width: 100%;height: 100%;object-fit: cover;display: block;}
.sub-page-wrap .ratio-info-box {flex: 1;background: #FFF;padding: 40px 45px;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;}
.sub-page-wrap .ratio-main-title {font-size: 1.65rem;font-weight: 800;color: var(--color-strong);margin-bottom: 20px;letter-spacing: -0.5px;}
.sub-page-wrap .ratio-spec-list {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 8px;}
.sub-page-wrap .ratio-spec-list li {font-size: 1.05rem;font-weight: 500;color: #555;letter-spacing: -0.3px;line-height: 1.5;}

.sub-page-wrap .foreign-kind {width:100%;max-width:2000px;margin:0 auto;padding:100px 12% 120px;}
.sub-page-wrap .foreign-kind-inner {width:100%;max-width:1160px;margin:0 auto;}
.sub-page-wrap .foreign-kind-heading {margin-bottom:60px;text-align:center;}
.sub-page-wrap .foreign-kind-eyebrow {display:inline-flex;align-items:center;gap:15px;font-size:1.15rem;font-weight:800;line-height:1.4;}
.sub-page-wrap .foreign-kind-eyebrow::before {content:"";width:45px;height:1px;background:#32251f;}
.sub-page-wrap .foreign-kind-heading h2 {margin-top:35px;font-size:3.2rem;font-weight:800;line-height:1.2;letter-spacing:-1px;}
.sub-page-wrap .foreign-kind-description {margin-bottom:36px;padding:28px;background:#fff;}
.sub-page-wrap .foreign-kind-description h3 {margin-bottom:14px;color:#dcbda2;font-size:1.8rem;font-weight:800;line-height:1.35;letter-spacing:-.5px;}
.sub-page-wrap .foreign-kind-description p {color:var(--color-muted);font-size:1.15rem;font-weight:400;line-height:1.6;letter-spacing:-.3px;}
.sub-page-wrap .foreign-kind-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;}
.sub-page-wrap .foreign-kind-card {display:flex;flex-direction:column;min-width:0;}
.sub-page-wrap .foreign-kind-image {width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#fff;}
.sub-page-wrap .foreign-kind-image img {display:block;width:100%;height:100%;object-fit:contain;}
.sub-page-wrap .foreign-kind-caption {flex:1;margin-top:12px;padding:24px 30px;background:#dcbda2;color:#fff;}
.sub-page-wrap .foreign-kind-caption > span {display:block;margin-bottom:15px;font-size:.65rem;font-weight:600;line-height:1.2;}
.sub-page-wrap .foreign-kind-caption h3 {font-size:1.8rem;font-weight:800;line-height:1.4;letter-spacing:-.7px;word-break:keep-all;overflow-wrap:anywhere;}

.sub-page-wrap .surgery-video-section {display: none;width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .video-section-container {width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .video-header-area {text-align: center;margin-bottom: 55px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.sub-page-wrap .video-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;display: inline-flex;align-items: center;gap: 15px;margin-bottom: 25px;}
.sub-page-wrap .video-category-lbl::before {content: '';width: 45px;height: 1px;background: #32251F;}
.sub-page-wrap .video-main-title {font-size: 3.2rem;font-weight: 100;line-height: 1.2;letter-spacing: -1px;margin-bottom: 20px;}
.sub-page-wrap .video-main-title strong {font-weight: 900;}
.sub-page-wrap .video-sub-desc {font-size: 1.25rem;font-weight: 100;letter-spacing: -0.3px;}
.sub-page-wrap .video-content-box {width: 100%;max-width: 1100px;border-radius: 40px;overflow: hidden;background: #000;box-shadow: 0 20px 45px rgba(0,0,0,0.04);position: relative;}
.sub-page-wrap .iframe-responsive-wrap {position: relative;width: 100%;padding-top: 56.25%;height: 0;} /* 💡 16:9 표준 스크린 비율 패딩 고정 고리 */
.sub-page-wrap .iframe-responsive-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;object-fit: cover;}

.sub-page-wrap .faq-section {width: 100%;max-width: 2000px;margin: 0 auto;padding: 0 12% 140px 12%;}
.sub-page-wrap .faq-section-container {width: 100%;display: flex;flex-direction: column;}
.sub-page-wrap .faq-header-area {margin-bottom: 60px;width: 100%;display: flex;flex-direction: column;align-items: center;text-align: center;}
.sub-page-wrap .faq-header-area .lbl-badge-axis {margin-bottom: 25px;display: inline-flex;align-items: center;justify-content: center;}
.sub-page-wrap .faq-category-lbl {font-size: 1.15rem;font-weight: 800;letter-spacing: 1px;position: relative;padding-left: 60px;}
.sub-page-wrap .faq-category-lbl::before {content: '';position: absolute;top: 50%;left: 0;width: 45px;height: 1px;background: currentcolor;transform: translateY(-50%);}
.sub-page-wrap .faq-main-title {font-size: 3.2rem;font-weight: 100;line-height: 1.2;letter-spacing: -1px;}
.sub-page-wrap .faq-main-title strong {font-weight: 800;}
.sub-page-wrap .faq-accordion-wrap {width: 100%;min-height: 450px;max-width: 1100px;margin: 0 auto;display: flex;flex-direction: column;}
.sub-page-wrap .faq-item {width: 100%;border-top: 2px solid var(--color-strong); overflow: hidden;}
.sub-page-wrap .faq-question-box {width: 100%;padding: 25px 35px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;user-select: none;}
.sub-page-wrap .faq-no-data {text-align: center;}
.sub-page-wrap .q-txt {font-size: 1.3rem;font-weight: 600;letter-spacing: -0.5px;}
.sub-page-wrap .toggle-btn {width: 24px;height: 24px;position: relative;transition: transform 0.3s ease;}
.sub-page-wrap .toggle-btn::before, .sub-page-wrap .toggle-btn::after {content: '';position: absolute;background: var(--color-strong);transition: background 0.3s;}
.sub-page-wrap .toggle-btn::before {top: 11px;left: 4px;width: 16px;height: 2px;}
.sub-page-wrap .toggle-btn::after {top: 4px;left: 11px;width: 2px;height: 16px;}
.sub-page-wrap .faq-item.active .toggle-btn {transform: rotate(135deg);} 
.sub-page-wrap .faq-answer-box {width: 100%;height: 0;overflow: hidden;position: relative;} 
.sub-page-wrap .faq-item.active .faq-answer-box {height: auto;} 
.sub-page-wrap .a-inner {padding: 0 35px 35px 35px;text-align: left;}
.sub-page-wrap .a-inner p {font-size: 1.15rem;font-weight: 200;line-height: 1.65;margin-bottom: 10px;}
.sub-page-wrap .a-inner p:last-child {margin-bottom: 0;}

#eyelid .sub-visual-section {background-image: url('/images/eye/eyelid/sub_visual_eyelid.jpg');}
#natural .sub-visual-section {background-image: url('/images/eye/natural/sub_visual_natural.jpg');}
#incision .sub-visual-section {background-image: url('/images/eye/incision/sub_visual_incision.jpg');}
#ptosis .sub-visual-section {background-image: url('/images/eye/ptosis/sub_visual_ptosis.jpg');}
#epicanthoplasty .sub-visual-section {background-image: url('/images/eye/epicanthoplasty/sub_visual_epicanthoplasty.jpg');}
#lateral .sub-visual-section {background-image: url('/images/eye/lateral/sub_visual_lateral.jpg');}
#under .sub-visual-section {background-image: url('/images/eye/under/sub_visual_under.jpg');}
#re-eyelid .sub-visual-section {background-image: url('/images/eye-revision/eyelid/sub_visual_eyelid.jpg');}
#re-epicanthoplasty .sub-visual-section {background-image: url('/images/eye-revision/epicanthoplasty/sub_visual_epicanthoplasty.jpg');}
#all-line .sub-visual-section {background-image: url('/images/nose/all-line/sub_visual_all-line.jpg');}
#rib-cartilage .sub-visual-section {background-image: url('/images/nose/rib-cartilage/sub_visual_rib-cartilage.jpg');}
#alar-reduction .sub-visual-section {background-image: url('/images/nose/alar-reduction/sub_visual_alar-reduction.jpg');}
#nose-special .sub-visual-section {background-image: url('/images/nose/special/sub_visual_special.jpg');}
#nose-revision .sub-visual-section {background-image: url('/images/nose/revision/sub_visual_nose-revision.jpg');}
#subbrow-lift .sub-visual-section {background-image: url('/images/middle-eye/subbrow-lift/sub_visual_subbrow-lift.jpg');}
#upper-blepharoplasty .sub-visual-section {background-image: url('/images/middle-eye/upper-blepharoplasty/sub_visual_upper-blepharoplasty.jpg');}
#lower-blepharoplasty .sub-visual-section {background-image: url('/images/middle-eye/lower-blepharoplasty/sub_visual_lower-blepharoplasty.jpg');}
#fat-reposition .sub-visual-section {background-image: url('/images/middle-eye/fat-reposition/sub_visual_fat-reposition.jpg');}
#thread .sub-visual-section {background-image: url('/images/lifting/thread/sub_visual_thread.jpg');}
#facelift .sub-visual-section {background-image: url('/images/lifting/facelift/sub_visual_facelift.jpg');}
#filler .sub-visual-section {background-image: url('/images/lifting/filler/sub_visual_filler.jpg');}
#skinbooster .sub-visual-section {background-image: url('/images/lifting/skinbooster/sub_visual_skinbooster.jpg');}
#potenza .sub-visual-section {background-image: url('/images/lifting/potenza/sub_visual_potenza.jpg');}
#vLaser .sub-visual-section {background-image: url('/images/lifting/vLaser/sub_visual_vLaser.jpg');}
#graft .sub-visual-section {background-image: url('/images/fat/graft/sub_visual_graft.jpg');}
#contour .sub-visual-section {background-image: url('/images/fat/contour/sub_visual_contour.jpg');}
#dissolving .sub-visual-section {background-image: url('/images/fat/dissolving/sub_visual_dissolving.jpg');}
#lip-philtrum .sub-visual-section {background-image: url('/images/lips/lip-philtrum/sub_visual_lip-philtrum.jpg');}
#lip-tail .sub-visual-section {background-image: url('/images/lips/lip-tail/sub_visual_lip-tail.jpg');}
#lip-cupid .sub-visual-section {background-image: url('/images/lips/lip-cupid/sub_visual_lip-cupid.jpg');}
#lip-reduction .sub-visual-section {background-image: url('/images/lips/lip-reduction/sub_visual_lip-reduction.jpg');}
#lip-foreign .sub-visual-section {background-image: url('/images/lips/lip-foreign/sub_visual_lip-foreign.jpg');}

/* ==========================================================================
   글로벌 하단 푸터 파트 - 전 페이지 공통 (Global Footer - 시안 정렬 일치본)
   ========================================================================== */
.site-footer {width: 100%;background: #32251F;color: #FFF;padding: 60px 0 120px;}
.footer-container {width: 100%;max-width: 1858px;margin: 0 auto;padding: 0 10px;display: flex;justify-content: center;}
.footer-content-wrap {display: flex;align-items: center;gap: 100px;}
.footer-logo img {display: block;height: auto;max-width: 400px;}
.footer-info {text-align: left;font-size: 1.1rem;line-height: 1.6;font-weight: 500;}
.f-info-row span {display: inline-block;margin-right: 20px;}
.f-info-row span:last-child {margin-right: 0;}
.site-footer .footer-policy-links {display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:18px;}
.site-footer .footer-policy-links a {display:inline-block;padding:6px 0;color:#fff;font-size:.95rem;font-weight:400;line-height:1.5;text-underline-offset:4px;}
.site-footer .footer-policy-links .privacy-link {font-weight:700;}
.site-footer .footer-policy-links a:hover {text-decoration:underline;}
.site-footer .footer-policy-links a:focus-visible {outline:2px solid currentColor;outline-offset:4px;}