@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;
}
.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;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 .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;}

/* ==========================================================================
   #quick 퀵 메뉴 크기 확장 및 마진 정렬 스펙 (PC)
   ========================================================================= */
.coral-quick-wrapper {position:fixed;right:2rem;bottom:2rem;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;}
.quick-trigger-bar {background:#EC9380;border:0;border-radius:2rem;padding:1rem 2rem; display:flex; align-items:center; justify-content:center; gap:1.5rem; cursor:pointer; box-shadow:0 6px 20px rgba(236,147,128,0.3);transition:all 0.3s ease;outline:none;}
.quick-trigger-bar .trigger-txt {color:#FFF;font-size:1.1rem;font-weight:600;}
.quick-trigger-bar .trigger-icon-area {display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.2rem;}
.quick-trigger-bar .trigger-icon-area .icon-speech {width:100%;height:auto;display:block;}
.quick-trigger-bar .trigger-icon-area .icon-close-x {display:none;color:#FFF;font-size:1.1rem;font-weight:800;font-family:sans-serif;}
.quick-toggle-group {display:flex;flex-direction:column;align-items:center;gap:1.5rem;pointer-events:none;margin-right:2rem;margin-bottom:1rem;}
.quick-circle-btn {width:90px;height:90px;background:#FFF;border-radius:50%;box-shadow:0 4px 15px rgba(236,147,128,0.15);border:1px solid #FFF5F2;transform:scale(0) translateY(30px);opacity:0;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);pointer-events:none;box-shadow: 0 0 16px #ecaa91;background: var(--bg-creamy);}
.quick-circle-btn a {display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;}
.quick-circle-btn .icon-img-zone {width: 33px;height: 31px;margin-bottom:0.4rem;display:flex;align-items:center;justify-content:center;}
.quick-circle-btn .icon-img-zone img {max-width:100%;max-height:100%;display:block;}
.quick-circle-btn .quick-lbl {font-size:0.85rem;color:#EC9380;font-weight:600;letter-spacing:-0.3px;}
.coral-quick-wrapper.active .quick-trigger-bar {background:#E88470;}
.coral-quick-wrapper.active .quick-trigger-bar .icon-speech {display:none;}
.coral-quick-wrapper.active .quick-trigger-bar .icon-close-x {display:inline-block;}
.coral-quick-wrapper.active .quick-toggle-group {pointer-events:auto;}
.coral-quick-wrapper.active .quick-circle-btn {transform:scale(1) translateY(0);opacity:1;pointer-events:auto;}
.coral-quick-wrapper.active .quick-circle-btn:nth-child(1) {transition-delay:0.05s;}
.coral-quick-wrapper.active .quick-circle-btn:nth-child(2) {transition-delay:0.1s;}
.coral-quick-wrapper.active .quick-circle-btn:nth-child(3) {transition-delay:0.15s;}
.coral-quick-wrapper.active .quick-circle-btn:nth-child(4) {transition-delay:0.2s;}
.coral-quick-wrapper.active .quick-circle-btn:nth-child(5) {transition-delay:0.25s;}

/* ==========================================================================
   메인 페이지 전용 격리 파트 (Index Scope Parts)
   ========================================================================== */
/* [SECTION] 메인 비주얼 배너 영역 */
#index .main-visual {width: 100%;max-width: 1858px;margin: 0 auto;}
#index .main-banner-swiper {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 {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;}
#index .main-banner-swiper .visual-container {
	width: 100%;
	height: 100%;
	max-width: 1858px;
	margin: 0 auto;
	padding: 0 10.4%;
	display: flex;
	align-items: center;
}
#index .main-banner-swiper .visual-text-wrap {display: flex;flex-direction: column;width: 100%;}
#index .main-banner-swiper .skin-type1 .visual-container {justify-content: flex-end;}
#index .main-banner-swiper .skin-type1 .visual-text-wrap {
	text-align: right;
	color: #FFF;
	width: auto;
	margin-top: 1rem;
}
#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;
	margin-bottom: 5px;
	line-height: 1;
	letter-spacing: -1px;
}
#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;
	opacity: 0.95;
	margin-bottom: 4rem;
	letter-spacing: 4px;
}
#index .main-banner-swiper .skin-type1 .visual-sub-desc {
	max-width: 800px;
	font-size: 1.9rem;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: -0.3px;
	opacity: 0.85;
	word-break: keep-all;
	color: rgba(255, 255, 255, 0.9);
}

#index .main-banner-swiper .skin-type2 .visual-container, 
#index .main-banner-swiper .skin-type3 .visual-container {justify-content: flex-start;}
#index .main-banner-swiper .skin-type2 .visual-text-wrap, 
#index .main-banner-swiper .skin-type3 .visual-text-wrap {text-align: left;}

#index .main-banner-swiper .skin-type2 .visual-text-wrap {width: 55%;margin-top: 7%;}
#index .main-banner-swiper .skin-type2 .visual-main-title {
	font-size: 2.9rem;
	font-weight: 500;
	letter-spacing: -1px;
	margin-bottom: 4rem;
}
#index .main-banner-swiper .skin-type2 .visual-sub-desc {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: -0.3px;
	word-break: keep-all;
}
#index .main-banner-swiper .skin-type3 .visual-text-wrap {width: 55%;}
#index .main-banner-swiper .skin-type3 .visual-main-title {
	font-size: 2.9rem;
	font-weight: 500;
	letter-spacing: -1px;
	margin-bottom: 4rem;
}
#index .main-banner-swiper .skin-type3 .visual-sub-desc {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: -0.3px;
	word-break: keep-all;
}
#index .main-banner-swiper .visual-eng-serif {
	font-family: "Cardo", serif;
	font-size: 3.1rem;
	margin-bottom: 1rem;
}
#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, 0.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: 712px;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%;aspect-ratio: 401 / 712;border-radius: 35px;overflow: hidden;background: #000;}
#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;}

#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 .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-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.jpg') 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;color:#FFF;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-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-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 .line-card-item {flex: 1;background: #FFF;overflow: hidden;display: flex;flex-direction: column;padding: 1.5rem;}
.sub-page-wrap .line-card-item .card-img-box {width: 100%;aspect-ratio: 460 / 280;overflow: hidden;}
.sub-page-wrap .line-card-item .card-img-box img {width: 100%;height: 100%;object-fit: cover;}
.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 .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 .step-title {font-size: 1.5rem;font-weight: 800;letter-spacing: -0.5px;margin-bottom: 1rem;position: relative;}
.sub-page-wrap .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-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: 2rem;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-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;justify-content: space-between;align-items: center;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 .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');}
#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');}

/* ==========================================================================
   글로벌 하단 푸터 파트 - 전 페이지 공통 (Global Footer - 시안 정렬 일치본)
   ========================================================================== */
.site-footer {width: 100%;background: #32251F;color: #FFF;padding: 60px 0;}
.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;}