@charset "UTF-8";
/* @import url('https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
@font-face {
    font-family: "Wanted Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 1000;
    src: local("Wanted Sans ExtraBlack"), url("/wp-content/themes/salient-child/fonts/woff2/WantedSans-ExtraBlack.woff2") format("woff2");
}
@font-face {
    font-family: "Wanted Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 900;
    src: local("Wanted Sans Black"), url("/wp-content/themes/salient-child/fonts/woff2/WantedSans-Black.woff2") format("woff2");
}
@font-face {
    font-family: "Wanted Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: local("Wanted Sans ExtraBold"), url("/wp-content/themes/salient-child/fonts/woff2/WantedSans-ExtraBold.woff2") format("woff2");
}
@font-face {
    font-family: "Wanted Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: local("Wanted Sans Bold"), url("/wp-content/themes/salient-child/fonts/woff2/WantedSans-Bold.woff2") format("woff2");
}
@font-face {
    font-family: "Wanted Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: local("Wanted Sans SemiBold"), url("/wp-content/themes/salient-child/fonts/woff2/WantedSans-SemiBold.woff2") format("woff2");
}
@font-face {
    font-family: "Wanted Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: local("Wanted Sans Medium"), url("/wp-content/themes/salient-child/fonts/woff2/WantedSans-Medium.woff2") format("woff2");
}
@font-face {
    font-family: "Wanted Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local("Wanted Sans Regular"), url("/wp-content/themes/salient-child/fonts/woff2/WantedSans-Regular.woff2") format("woff2");
}
 /* ===== 1. CSS 변수 ===== */
:root {
  /*** color ****/
  /* navt */
    --navy:         #0f2940;
    --navy-light:   #7999c1;
    --navy-light-table:   #a7b4c4;
  /* blue */
    --blue:         #008cc6;
    --blue-bg:      rgb(240, 247, 255);
    --blue-mid:     #1968ad;
    --blue-light:   #61a8ff;
    --blue-pale:    #E3F2FD;
  /* red */
    --red:          #D84315;
    --red-light:    #ffebe5;
    --red-pale:     #FFEBEE;
    --red-bg:       #FFF5F5;
    --accent:       #D84315;
    --accent-warm:  #FF6F00;
    --orange:       #E65100;
    --orange-light: #FFF3E0;
    --red-white : #d37675;
/* gold */
    --gold:         #F9A825;
    --gold-light:   #FFFDE7;
 /* white */
    --white:        #FFFFFF;
    --gray-50:      #FAFAFA;
    --gray-100:     #F5F5F5;
    --gray-200:     #EEEEEE;
    --gray-400:     #BDBDBD;
    --gray-600:     #757575;
    --gray-800:     #424242;
    --text-dark:    #222222;
    --text-mid:     #2d2d2d;
    --text-light:   #9e9e9e;
 /* 레이아웃 */
    --section-gap: 110px;
    --radius:      12px;
    --radius-lg:   30px;
    --shadow:      0 4px 20px rgba(11,37,69,0.08);
    --shadow-hover:0 8px 32px rgba(11,37,69,0.14);
/* 폰트 크기*/
    --fs-h1:      55px;
    --fs-h1-sub:  55px;
    --fs-h2:      45px;
    --fs-h3:      30px;
    --fs-h4:      28px;
    --fs-h5:      24px;
    --fs-body-xl: 22px;
    --fs-body-lg: 21px;
    --fs-body-md: 20px;
    --fs-body:    18px;
    --fs-body-sm: 16px;
    --fs-label:   14px;
    --fs-xs:      13px;
    --fs-badge:   11px;
  /* 간격 */
    --card-pad:    45px;
    --card-pad-sm: 32px;
    --gap-grid:    24px;
    --gap-grid-lg: 28px;
}
/* ++++++++++++++++++++++++++++++++++++++++ *
    FONTS
* ++++++++++++++++++++++++++++++++++++++++ */
body,th,td,input,select,textarea,button,body p,span,a, ul, li, div, h1, h2, h3, h4, h5, h6, strong, dl, dt,dd {font-family: "Wanted Sans", sans-serif !important; letter-spacing: -0.03em !important; }
.bold, strong, b{ font-family: "Wanted Sans", sans-serif !important; font-weight: 600 !important; letter-spacing: -0.03em !important; }
@font-face { font-family:'Wanted Sans'; font-style: normal; src: local("☺")}
/* 워드프레스 어드민바 아이콘 오류 방지 */
#wpadminbar, #wpadminbar *:before, #wpadminbar .ab-icon { font-family: dashicons !important;}
#wpadminbar .ab-label, #wpadminbar .ab-item, #wpadminbar .ab-item span {  font-family: "Wanted Sans", sans-serif !important;}
/* font-family */
h1, h2, h3, h4, h5, h6, li, div {font-family: "Wanted Sans", sans-serif !important; word-break: keep-all; letter-spacing: -0.03em !important; line-height: 1.5 !important; }
/* font style */
.en, .en p, .en h1, .en h2, .en h3, .en h4, .en h5 { font-family: 'Marcellus', serif !important;font-weight: normal;letter-spacing: 0 !important;}
.point_ko, .point_ko p, .point_ko h1, .point_ko h2, .point_ko h3, .point_ko h4, .point_ko h5 { font-family: "Noto Serif KR", serif !important; font-weight: 300 !important;}
/* p size */
.ft_xxs, .ft_xxs p { font-size: var(--fs-xs); }
.ft_xs,  .ft_xs p  { font-size: 15px; }
.ft_s,   .ft_s p   { font-size: var(--fs-body); }
.ft_mm,  .ft_mm p  { font-size: var(--fs-body-sm); }
.ft_m,   .ft_m p   { font-size: var(--fs-body); }
.ft_l,   .ft_l p   { font-size: 34px; }

/* title size */
h1 { font-size: var(--fs-h1)     !important; }
h2 { font-size: var(--fs-h2)     !important; }
h3 { font-size: var(--fs-h3)     !important; }
h4 { font-size: var(--fs-h4)     !important; }
h5 { font-size: var(--fs-h5)     !important; }
.sub h1 { font-size: var(--fs-h1-sub) !important; }
.fs-hero    { font-size: var(--fs-h2)      !important; }
.fs-heading { font-size: var(--fs-h4)      !important; }
.fs-sub     { font-size: var(--fs-h5)      !important; }
.fs-body-xl { font-size: var(--fs-body-xl) !important; }
.fs-body-lg { font-size: var(--fs-body-lg) !important; }
.fs-body-md { font-size: var(--fs-body-md) !important; }
.fs-body    { font-size: var(--fs-body)    !important; }
.fs-sm      { font-size: var(--fs-body-sm) !important; }
.fs-label   { font-size: var(--fs-label)   !important; }
.fs-xs      { font-size: var(--fs-xs)      !important; }
/* weight */
.ftw_100, .ftw_100 p, .ftw_100 h1, .ftw_100 h2, .ftw_100 h3, .ftw_100 h4, .ftw_100 h5 { font-weight: 100 !important; }
.ftw_200, .ftw_200 p, .ftw_200 h1, .ftw_200 h2, .ftw_200 h3, .ftw_200 h4, .ftw_200 h5 { font-weight: 200 !important; }
.ftw_300, .ftw_300 p, .ftw_300 h1, .ftw_300 h2, .ftw_300 h3, .ftw_300 h4, .ftw_300 h5 { font-weight: 300 !important; }
.ftw_400, .ftw_400 p, .ftw_400 h1, .ftw_400 h2, .ftw_400 h3, .ftw_400 h4, .ftw_400 h5 { font-weight: 400 !important; }
.ftw_500, .ftw_500 p, .ftw_500 h1, .ftw_500 h2, .ftw_500 h3, .ftw_500 h4, .ftw_500 h5 { font-weight: 500 !important; }
.ftw_600, .ftw_600 p, .ftw_600 h1, .ftw_600 h2, .ftw_600 h3, .ftw_600 h4, .ftw_600 h5 { font-weight: 600 !important; }
.ftw_700, .ftw_700 p, .ftw_700 h1, .ftw_700 h2, .ftw_700 h3, .ftw_700 h4, .ftw_700 h5 { font-weight: 700 !important; }
/* align */
.txt_center, .txt_center p { text-align: center !important; }
.txt_right, .txt_right p { text-align: right !important; }
.tt-up {text-transform: uppercase !important;}
/* line-height */
p { line-height: 1.6 !important; }
.lh_1, .lh_1 p, .lh_1 h1, .lh_1 h2, .lh_1 h3, .lh_1 h4 { line-height: 1 !important; }
.lh_12, .lh_12 p, .lh_12 h1, .lh_12 h2, .lh_12 h3, .lh_12 h4 { line-height: 1.2 !important; }
.lh_13, .lh_13 p, .lh_13 h1, .lh_13 h2, .lh_13 h3, .lh_13 h4 { line-height: 1.3 !important; }
.lh_14, .lh_14 p, .lh_14 h1, .lh_14 h2, .lh_14 h3, .lh_14 h4 { line-height: 1.4 !important; }
/* letter-spacing */
.ls_0, .ls_0 p { letter-spacing: 0 !important; }
.ls_4, .ls_4 p { letter-spacing: 4px !important; }
.ls_5, .ls_5 p { letter-spacing: 5px !important; }
.ls_8, .ls_8 p { letter-spacing: 8px !important; }
.ls_10, .ls_10 p { letter-spacing: 10px !important; }
/* ++++++++++++++++++++++++++++++++++++++++ *
    COLOR
* ++++++++++++++++++++++++++++++++++++++++ */
/* color */
.w, .w p, .w h1, .w h2, .w h3, .w h4, .w h5 { color: #fff !important; }
.n, .n p, .n h1, .n h2, .n h3, .n h4, .n h5 { color: var(--navy) !important; }
.g, .g p, .g h1, .g h2, .g h3, .g h4, .g h5 { color: #222222 !important; }
.lg, .lg p, .lg h1, .lg h2, .lg h3, .lg h4, .lg h5 { color: #bfc7ce !important; }
.lg2, .lg2 p, .lg2 h1, .lg2 h2, .lg2 h3, .lg2 h4, .lg2 h5 { color: #9e9e9e!important; }
.lg3, .lg3 p, .lg3 h1, .lg3 h2, .lg3 h3, .lg3 h4, .lg3 h5 { color: #626d79!important; }
.dg, .dg p, .dg h1, .dg h2, .dg h3, .dg h4, .dg h5 { color: #2d2d2d !important; }
.dg2, .dg2 p, .dg2 h1, .dg2 h2, .dg2 h3, .dg2 h4, .dg2 h5 { color: #444444 !important; }
.point_1, .point_1 p, .point_1 h1, .point_1 h2, .point_1 h3, .point_1 h4, .point_1 h5 { color: #2d3e50 !important; }
.point_2, .point_2 p, .point_2 h1, .point_2 h2, .point_2 h3, .point_2 h4, .point_2 h5 { color: #101c2f !important; }
.point_3, .point_3 p, .point_3 h1, .point_3 h2, .point_3 h3, .point_3 h4, .point_3 h5 { color: #61a8ff !important; }
.point_4, .point_4 p, .point_4 h1, .point_4 h2, .point_4 h3, .point_4 h4, .point_4 h5 { color: #df2d16 !important; }
.lightbule, .lightbule p, .lightbule h1, .lightbule h2, .lightbule h3, .lightbule h4, .lightbule h5 {color: #8aa3b7 !important}
/* ++++++++++++++++++++++++++++++++++++++++ *
    OPACITY
* ++++++++++++++++++++++++++++++++++++++++ */
/* opacity */
.op_5, .op_5 p {opacity: .5 !important; }
.op_7, .op_7 p {opacity: .7 !important; }
.op_8, .op_8 p {opacity: .8 !important; }

/* ===== FADE IN ===== */
.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }

/* ++++++++++++++++++++++++++++++++++++++++ *
    DISPLAY
* ++++++++++++++++++++++++++++++++++++++++ */
.dp_none { display: none !important;}
.block  { display: block; }

.none_360 { display: block !important; }
.show_360 { display: none !important; }
.none_480 { display: block !important; }
.show_480 { display: none !important; }
.none_690 { display: block !important; }
.show_690 { display: none !important; }
.none_999 { display: block !important; }
.show_999 { display: none !important; }
.none_1280 { display: block !important; }
.show_1280 { display: none !important; }
.none_1500 { display: block !important; }
.show_1500 { display: none !important; }
.none_1650 { display: block !important; }
.show_1650 { display: none !important; }
.none_1880 { display: block !important; }
.show_1880 { display: none !important; }
@media (max-width: 480px) {.none_480 { display: none  !important; } .show_480 { display: block !important; }}
@media (max-width: 690px) {.none_690 { display: none  !important;} .show_690 { display: block !important; }}
@media (max-width: 999px) {.none_999 { display: none  !important; } .show_999 { display: block !important; }}
@media (max-width: 1280px) {.none_1280 { display: none  !important; } .show_1280 { display: block !important; }}
@media (max-width: 1500px) { .none_1500 { display: none  !important; } .show_1500 { display: block !important; }}
@media (max-width: 1650px) { .none_1650 { display: none  !important; }  .show_1650 { display: block !important; }}
@media (max-width: 1880px) { .none_1880 { display: none  !important; } .show_1880 { display: block !important; }}
/* ++++++++++++++++++++++++++++++++++++++++ *
    MARGIN / PADDING
* ++++++++++++++++++++++++++++++++++++++++ */
.mb_no, .mb_no p { margin-bottom: 0 !important; }
.pb_no, .pb_no p { padding-bottom: 0 !important; }
.pd_20 { padding-bottom: 20px; }
.pd_40 { padding-bottom: 40px; }
.mg-bottom { margin-bottom: 0 !important; }
.none_pd { padding-bottom: 0 !important; }
.none_pd_top { padding-top: 0 !important; }
.pd_none {padding: 0 !important;}
/* ++++++++++++++++++++++++++++++++++++++++ *
    RESET
* ++++++++++++++++++++++++++++++++++++++++ */
.material .wpb_content_element { margin-bottom: 0 !important; }
.nectar-cta h6 span.link_wrap { background:  linear-gradient(to right,var(--navy),#008cc6) !important;}
.nectar-cta h6 span.text {  font-weight: 400;  margin-right: 0 !important;}
.clearfix:before, .clearfix:after { display: block; content: '';  line-height: 0;}
.clearfix:after { clear:both;}
::selection      { background-color: #809ab1; color: #fff; }
::-moz-selection { background-color: #809ab1; color: #fff; }
body[data-form-submit=regular] .container-wrap button[type=submit], body[data-form-submit=regular] .container-wrap input[type=submit] {padding: 5px 22px !important;}
.border-custom { border: 1px solid #ddd; }
.section-divider { height: 1px; background: var(--gray-200); margin: 0; }
h2 strong { color: var(--blue) !important; }
/* ++++++++++++++++++++++++++++++++++++++++ *
    그리드 공통
* ++++++++++++++++++++++++++++++++++++++++  */
.grid   { display: grid; gap: var(--gap-grid); }
.grid-1 { grid-template-columns: repeat(1, 1fr); }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-5 { grid-template-columns: repeat(5, 1fr); }

@media (max-width: 1024px) { .grid-4, .grid-5 { grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 768px) {.grid-3, .grid-4, .grid-5 { grid-template-columns: 1fr; }}
/* 그리드 2열을 유지: */
.grid-2-keep { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 480px) {.grid-2      { grid-template-columns: 1fr; }.grid-2-keep { grid-template-columns: repeat(2, 1fr); }}
.card-base  { background: white; border-radius: var(--radius-lg); box-shadow: var(--shadow); transition: all 0.3s; }
.card-base:hover  { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
.card-pad { padding: var(--card-pad); }
.card-pad-sm { padding: var(--card-pad-sm); }
.badge-ye { display: inline-block; padding: 3px 10px; background: #E8F5E9; color: #2E7D32; border-radius: 30px; font-size: var(--fs-body-sm); font-weight: 500; }
.badge-no { display: inline-block; padding: 3px 10px; background: #FFEBEE; color: var(--accent); border-radius: 30px; font-size: var(--fs-body-sm); font-weight: 600; }
.badge-partial { display: inline-block; padding: 3px 10px; background: #FFF8E1; color: #F57F17; border-radius: 30px; font-size: var(--fs-body-sm); font-weight: 600; }
/* ++++++++++++++++++++++++++++++++++++++++ *
    SECTION
* ++++++++++++++++++++++++++++++++++++++++ */
.section      { padding: var(--section-gap) 0; }
.section-dark { background: var(--navy); }
.section-label, .section-label p { text-transform: uppercase; margin-bottom: 25px !important; letter-spacing: 10px !important; font-size: var(--fs-body); color: #bfc7ce; text-align: center; font-weight: 300; font-family: 'Marcellus', serif !important; line-height: 1 !important;}
.section-title { color: var(--navy); text-align: center; padding-bottom: 20px; line-height: 1 !important;  margin-bottom: 0;}
.section-title .em { color: var(--blue-mid); }
.em{ color: var(--blue-mid); }
.section-desc  { font-size: var(--fs-body); color: var(--text-dark); margin: 0 auto; text-align: center; }
.section-head  { margin-bottom: 50px; }
.section-head.center { text-align: center; }
.section-head.center .section-desc { margin: 0 auto; }
/* ++++++++++++++++++++++++++++++++++++++++ *
    COMPONENTS
* ++++++++++++++++++++++++++++++++++++++++ */
.common_pd {padding: 30px 0 20px; }
/* ++++++++++++++++++++++++++++++++++++++++ *
    QUICK
* ++++++++++++++++++++++++++++++++++++++++ */
/* PC 퀵메뉴 */
.quick_wrap {position: fixed; z-index: 10000; right: 0px; bottom: 100px;  margin: 0 !important;}
.quick_wrap_mo { display: none;} 
.quick_wrap ul { margin: 0 !important;}
.quick_wrap li { position: relative;  list-style: none;}
.quick_wrap li:last-child { margin-top: 14px !important;margin-bottom: 0 !important;}
.quick_wrap li a { display: flex !important; align-items: center;  justify-content: center;  position: relative;}
.quick_wrap li img { display: block;  transition: opacity 0.3s ease;   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08),  0 1px 3px rgba(0, 0, 0, 0.06);  transition: opacity 0.3s ease, box-shadow 0.3s ease; }
/* 페이드인 */
.quick_wrap li a::after { content: ""; position: absolute; width: 80px;  height: 80px;  background-size: cover;background-position: center; opacity: 0; transition: opacity 0.3s ease;   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08),  0 1px 3px rgba(0, 0, 0, 0.06); }

/* 각 li별 호버 이미지 경로 지정 */
.quick_wrap li:nth-child(1) a::after { background-image: url('/wp-content/uploads/2026/05/01_schedule-hover.png');}
.quick_wrap li:nth-child(2) a::after { background-image: url('/wp-content/uploads/2026/05/02_tidings-hover.png');}
.quick_wrap li:nth-child(3) a::after { background-image: url('/wp-content/uploads/2026/05/03_inquiry-hover.png');}
.quick_wrap li:nth-child(4) a::after { background-image: url('/wp-content/uploads/2026/05/04_reviews-hover.png');}
.quick_wrap li:nth-child(5) a::after { background-image: url('/wp-content/uploads/2026/06/05_kakao-hover.png');}
.quick_wrap li:nth-child(6) a::after { background-image: url('/wp-content/uploads/2026/06/06_location-hover.png');}
.quick_wrap li:nth-child(7) a::after { background-image: url('/wp-content/uploads/2026/06/07_event-hover.png');}
.quick_wrap li:nth-child(8) a::after { background-image: url('/wp-content/uploads/2026/05/09_call-hover.png');}

.quick_wrap li:hover a::after { opacity: 1;}
.quick_wrap li:hover img {opacity: 0;}

/* ++++++++++++++++++++++++++++++++++++++++ *
    HEADER
* ++++++++++++++++++++++++++++++++++++++++ */
#header-outer.transparent #top { border-bottom: 1px solid rgba(255,255,255, .2) !important;}
#header-outer #top nav > ul > li > a {  opacity: 1 !important;   font-size: 18px;  padding-left: 15px !important;  padding-right: 15px !important;   font-weight: 500 !important;}
#header-outer .sf-menu li ul.sub-menu {   padding: 10px !important;  border-radius: 0 0 20px 20px; }
#header-outer .sf-menu li ul.sub-menu li a {   padding: 15px !important; font-size: 16px !important;  font-weight: 500 !important; }
#header-outer #top nav > ul > li > a { margin-left: 0 !important;  margin-right: 0 !important;}
/* 로그인/회원가입 메뉴 */
li#menu-item-10000002 { padding-right: 50px !important;}
#header-outer #top nav > ul > li.menu-item-10000001 > a { padding-right: 8px !important;}
#header-outer #top nav > ul > li.menu-item-10000001 > a::after { position: absolute; top: 3px; right: 0; display: inline-block; content: ''; width: 1px; height: 15px;  background-color: rgba(255,255,255, .5);}
#header-outer #top nav > ul > li.menu-item-10000002 > a { padding-left: 8px !important;}
li#menu-item-10000001 a span, li#menu-item-10000002 a span { font-size: 15px;  color: #f7f7f7 !important;}
#header-outer.small-nav li#menu-item-10000001 a span, #header-outer.small-nav li#menu-item-10000002 a span { color: #c8c8c8 !important;}
#top nav>ul>li.menu-item-10000001>a, #top nav>ul>li.menu-item-10000002>a { padding: 0 !important;}

/* ++++++++++++++++++++++++++++++++++++++++ *
    OFF CANVAS
* ++++++++++++++++++++++++++++++++++++++++ */
#slide-out-widget-area.fullscreen .inner .widget {  padding: 0 0px !important; margin: 0 auto !important;}
.sitemap_title p {
    color: rgb(255, 255, 255);
    font-size: 60px;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-align: center;
    padding-bottom: 60px !important;
    font-weight: 500;
}
.off-canvas-menu-container .menu-wrap.menuwrapper {
    display: none !important;
}

#slide-out-widget-area.fullscreen .inner { 
    padding: 50px 20px 100px !important;
    margin: 0 auto !important; 
}
div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li {
    width: 14.6%;
    float: left;
    margin: 0 1%;
}
div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li > a {
    font-family:'Pretendard', '맑은고딕', 'MalgunGothic', sans-serif !important;
    font-weight: 400 !important;
    background: #2d3e50;
    border-radius: 5px;
    opacity: 1 !important;
    padding: 3px 5px 5px 5px !important;
    font-size: 20px;
    letter-spacing: -0.6px;
    display: block;
}
div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > li.menu-item-158 {
    clear: both;
}
div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000001 {
    position: absolute;
    top: -110px;
    left: 0%;
}
div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000002 {
    position: absolute;
    top: -110px;
    left: 7%;
}
div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000001 a{
    font-size: 18px;
    color: #57A9FF !important;
    background: none;
    display: table;
}
div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000002 a{
    font-size: 18px;
    color: #57A9FF !important;
    background: none;
    display: table;
}
div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000001 a:hover { color: rgba(255,255,255, .6) !important; }
div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000002 a:hover { color: rgba(255,255,255, .6) !important; }

div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 li ul.sub-menu {
    padding: 15px 0 70px 0px;
}
div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 li ul.sub-menu a {
    font-family:'Pretendard', '맑은고딕', 'MalgunGothic', sans-serif !important;
    font-size: 18px;
    line-height: 32px;
    font-weight:  400 !important;
    letter-spacing: -0.4px;
    /* opacity: 1; */
    color: #fff;
}
div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 li ul.sub-menu a:hover {
    opacity: 1;
    color: #57A9FF !important;
}
div#nav_menu-2 {
    position: relative;
}
#slide-out-widget-area .bottom_tel_wrap {
    position: absolute;
    right: 20px;
    top: 0;
    text-align: left;
    margin-top: 500px;
}
#slide-out-widget-area .bottom_tel_wrap p {
    font-size: 18px;
    line-height: 1;
    padding-bottom: 20px !important;
}
#slide-out-widget-area .bottom_tel_wrap a {
    display: block;
}
#slide-out-widget-area .bottom_tel_wrap a span {
    display: inline-block;
    font-size: 38px;
    font-weight: 600;
    line-height: 1;
    transition: all .4s;
    color: #fff;
}
#slide-out-widget-area .bottom_tel_wrap a:hover span {
    color: #57A9FF;
}


/* ++++++++++++++++++++++++++++++++++++++++ *
    MAIN
* ++++++++++++++++++++++++++++++++++++++++ */
/* 1. 슬로건 */
.approval {
    display: inline-block;
    padding-left: 35px;
    font-weight: 600;
    position: relative;
}
.approval::before {
    display: inline-block;
    content: '';
    background-image: url(/wp-content/uploads/2025/08/mohw-icon.png);
    background-size: contain;
    width: 27px;
    height: 26px;
    position: absolute;
    left: 5px;
    top: 3px;
} 
.main-slide-lottie {transform: translateX(-50%);}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 2. 의료진 */
.main_doctor_wrap .flickity-page-dots {
    display: none !important;
}
.main_doctor_wrap .doctor_list_wrap {
    position: relative;
    /* width: 210px !important; */
    margin: 0 auto !important;
}
/* 원장님 이미지 확대 */
.main_doctor_wrap .doctor_img {
    transition: transform 0.4s ease !important;
}
.main_doctor_wrap .doctor_list_wrap:hover .doctor_img {
    transform: scale(1.05) !important;
}

/* 철학 */
/* hover 시 위쪽에 이미지 표시 */
.main_doctor_wrap .doctor_list_wrap::before {
    content: "";
    position: absolute;
    top: -110px;
    left: 50%;
  transform: translateX(-50%) translateY(-10px); /* 초기 위치: 살짝 위 */
    z-index: 10 !important;
    pointer-events: none;
    transition: all .4s;
    opacity: 0; /* 처음엔 안 보임 */
    transition: opacity 0.4s ease, transform 0.4s ease;  
}
/* hover 시 표시 */
.main_doctor_wrap .doctor_list_wrap:hover::before {
    opacity: 1; 
    transform: translateX(-50%) translateY(0); /* 살짝 올라오면서 */
    width: 243px;
    height: 63px;
}
/* 원장님별 철학 */
.main_doctor_wrap .doctor_list_wrap.doc_01::before {
    background: url('/wp-content/uploads/2026/05/doctor-phrase-01.png') no-repeat center/contain;
}
.main_doctor_wrap .doctor_list_wrap.doc_02::before {
    background: url('/wp-content/uploads/2026/05/doctor-phrase-02.png') no-repeat center/contain;
}
.main_doctor_wrap .doctor_list_wrap.doc_03::before {
    background: url('/wp-content/uploads/2026/05/doctor-phrase-03.png') no-repeat center/contain;
}
.main_doctor_wrap .doctor_list_wrap.doc_04::before {
    background: url('/wp-content/uploads/2026/05/doctor-phrase-04.png') no-repeat center/contain;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 3. 마일스톤 */
.main_milestone_wrap {
    overflow: hidden !important;
}
.main_milestone_wrap > .row_col_wrap_12 {
    padding-left: 120px !important;
    padding-right: 50px !important;
}
.main_milestone_wrap .left_wrap {
    position: relative;
}
.main_milestone_wrap .left_wrap::before {
    display: block;
    font-size: 48px;
    color: #909aa2;
    font-weight: 600;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.main_milestone_wrap .right_wrap {
    position: relative;
}
.main_milestone_wrap .right_wrap::before {
    content: '';
    display: block;
    position: absolute;
    top: 4.5%;
    left: 37.1%;
    background-image: url(/wp-content/uploads/2026/05/milestion-line.jpg);
    width: 1px;
    height: 851px;
}
.milestone_title_wrap {
    margin-left: 20px !important;
}
.milestone_title_wrap li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
.milestone_title_wrap li:nth-child(1) {
    padding-right: 15px;
}
.nectar-milestone .number .symbol-wrap .symbol {
    font-weight: 300 !important;
    padding-left: 10px;
}
.main_milestone_wrap .right_wrap .list {
    position: relative;
}
.main_milestone_wrap .right_wrap .list::before {
    display: block;
    content: '';
    width: 26px;
    height: 26px;
    border-radius: 50px;
    border: 1px solid #fff;
    background-color: var(--navy);
    position: absolute;
    left: 19px;
    top: 50%;
    transform: translateY(-50%);    
}

.main_milestone_alert {
    position: absolute;
    left: 26vw;
    bottom: 8px;
}
.main_milestone_alert p {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 8px 18px !important;
    letter-spacing: 0px !important;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 4. 진료과목 */
.main_treatment_carousel .flickity-viewport .flickity-slider .cell {
    width: 500px !important; height: auto !important; 
}
.main_treatment_carousel .flickity-viewport .flickity-slider .cell .inner-wrap{position: relative;}
.main_treatment_carousel .flickity-viewport .flickity-slider .cell .inner-wrap .main-carousel-title{
    position: absolute; top: 30px; left: 36px; z-index: 10;  padding:  12px 17px;  background-color: #101c2f; border-radius: 50px;  font-size: 21px; font-weight: 500; color: #fff;
}
.main_treatment_carousel .flickity-viewport .flickity-slider .cell .inner-wrap .main-carousel-button{
    position: absolute; bottom: 30px; right: 30px; z-index: 10; width: 70px; height: 70px;
}

.main_treatment_carousel .flickity-viewport .flickity-slider .cell .inner-wrap .main-carousel-title p {line-height: 1 !important;}
.main_treatment_carousel .flickity-viewport .flickity-slider .cell .main-carousel-img {border-radius: 40px;}
.main_treatment_wrap {overflow: hidden !important;}
.main_treatment_wrap .main_treatment_carousel .flickity-slider {left: -380px !important;}
.main_treatment_carousel:not(.is-activated) .cell[style*="translateX(-"] {
    opacity: 0 !important;
    visibility: hidden !important;
}
.main_treatment_carousel.is-activated .cell {
    opacity: 1 !important;
    visibility: visible !important;
}
.main_treatment_carousel.is-activated .cell[style*="translateX(-"] {
    opacity: 1 !important;
    visibility: visible !important;
}
.main_treatment_carousel .flickity-page-dots, .main_treatment_carousel .container {display: none !important;}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 5. 진료시스템  */
.main-system-wrap .main-system-left {background-image: url('/wp-content/uploads/2026/05/system-bg-01.jpg');}
.main-system-wrap .system-column {position: relative;}
.main-system-wrap .system-column .main-system-img  {position: absolute;  bottom: -250px; right: 0px;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 5. 특장점 */
.main_value_wrap .left_wrap {
    width: 33% !important;
    margin-right: 30px;
}
.main_value_wrap .left_wrap .column-bg-overlay {
    border-radius: 40px !important;
}
.main_value_wrap .left_wrap h2 {white-space: nowrap;}
.main_value_wrap .right_wrap img {border-radius: 40px;}
/* 이전 */
.main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    top: auto !important;
    bottom: 40px !important;
    width: 70px;
    height: 70px;    
}
.main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .previous:after {
    display: none !important;
}
.main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous svg {
    top: 18px;
    left: 40% !important;
}
/* 다음 */
.main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
    top: auto !important;
    left: 150px !important;
    bottom: 40px !important;
    width: 70px;
    height: 70px;
}
.main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .next:after {
    display: none !important;
}
.main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next svg {
    top: 18px;
    right: 40% !important;
}
.main_value_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button:before {
    background-color: transparent !important;
    border: 1px solid #dedede;
}

.main_value_txt p {font-weight: 500;}
.main_value_txt .high_t {
    font-weight: 600;
    background: var(--navy);
    border-radius: 4px;
    padding: 2px 5px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 바른소식 */
.main_news_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list{
    display: flex; flex-wrap: wrap; gap: 20px; overflow: hidden; 
}

.main_news_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item {
    width:calc(25% - 15px);
    margin: 0;
}
.main_news_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item:nth-child(4){
    margin-right:0 !important; margin-bottom: 0 !important;
}
.main_news_wrap #kboard-pure-gallery-list .kboard-list-item:nth-child(n+5){
    display:none;
}
.main_news_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto !important;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail {
    aspect-ratio:  1 / 1;
    height: 320px !important;
}

.sub-barun #kboard-pure-gallery-list .kboard-pure-gallery-list li:nth-child(4n) {
    margin-right: 0 !important;
}
.sub-barun #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item {width: 23.5% !important;}
.kboard-ask-one-status.status-0 {background-color: #7999c1 !important;}
.kboard-attr-row.kboard-attr-text.meta-key-link_url {display: none !important;}
.last-page a {width: 80px !important;}

/*후기게시판 작성자 추가*/
.review-01 #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-user {
    display: inline-block;
    position: absolute;
    bottom: 55px;
    right: 0;
    margin-bottom: 0 !important;
    font-size: 15px !important;
    text-align: right !important;
    padding: 0 6px;
    height: auto !important;
    color: #6d8fad;
    font-weight: 500;
}
.review-01 .kboard-pure-gallery-cut-strings {
    padding: 0 70px 0 0 !important;
}
body .review-01 #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title {
    margin-bottom: 0 !important;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 6. 전후사진 */
.main_bna_wrap .twentytwenty-handle {
    width: 35px;
    height: 60px;
    margin-left: -19px;
    margin-top: -25px;
    background-color: #fff !important;
    box-shadow: 0px 0px 5px #444;
}
.sub_top_bfaf .twentytwenty-handle {
    box-shadow: 0px 0px 5px #444;
}
.twentytwenty-left-arrow {
    border-right: 6px solid #101c2f !important;
}
.twentytwenty-right-arrow {
    border-left: 6px solid #101c2f !important;
}
.bna_label {
  position: absolute;
  top: 20px;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 1;
  border-radius: 5px;
  background: rgba(255,255,255,0.5);
  color: #211f1f;
  z-index: 21;
  pointer-events: none;
  letter-spacing: 0 !important;
}
.before_label { 
    left: 15px; 
}
.after_label { 
    right: 15px;
    color: #fff; 
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 7. 진료시간/오시는길 */
.infor_title_wrap.vc_col-sm-2 {
    width: 13% !important;
}
.infor_title {
    display: inline-block;
    padding-right: 10px;
    font-weight: 300 !important;
}
.main_location_wrap .nectar-cta.map_btn h6 span a::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: -35px;
  top: -4px;
}
.main_location_wrap .nectar-cta.map_btn h6 span a span.text {
  letter-spacing: 0 !important;
}
.main_location_wrap .nectar-cta.map_btn.naver h6 span a::before {
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/uploads/2025/08/navermap.png);
  background-size: 20px 20px;
}
.main_location_wrap .nectar-cta.map_btn.kakao h6 span a::before {
  width: 18px;
  height: 18px;
  background-image: url(/wp-content/uploads/2025/08/kakaomap.png);
  background-size: 18px 18px;
}
.main_location_wrap .nectar-cta.map_btn.google h6 span a::before {
  width: 21px;
  height: 21px;
  background-image: url(/wp-content/uploads/2025/08/googlemap.png);
  background-size: 21px 21px;
}
.main_location_wrap .parking_t {
    position: relative;
    padding-left: 45px;
}
.main_location_wrap .parking_t::before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/wp-content/uploads/2025/08/parking-icon.png);
    width: 33px;
    height: 33px;
}
.main_location_wrap .parking_t.sub::before {
    background-image: url(/wp-content/uploads/2025/08/parking-icon-n.png);
}
.main_location_wrap .nectar-cta.tel h6 {
    line-height: 1 !important;
}
.main_location_wrap .hours_wrap {
    margin-left: 0 !important;
    margin-bottom: 15px !important;
}
.main_location_wrap .hours_wrap li {
    list-style: none;
    color: #fff;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;     
}
.main_location_wrap .hours_wrap.sub li {
    color: var(--navy);
}
.main_location_wrap .hours_wrap li span {
    display: inline-block;
}
.main_location_wrap .hours_wrap li span.day {
    font-size: 17px;
    font-weight: 300;
    min-width: 80px;
}
.main_location_wrap .hours_wrap li span.time {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
}
.main_location_wrap .hours_wrap li span.point {
    font-size: 13px;
    line-height: 1;
    font-weight: 300;
    padding: 5px 15px;
    border: 1px solid #fff;
    border-radius: 50px;
    margin-left: 10px;
}
.main_location_wrap .hours_wrap.sub li span.point {
    border: 1px solid var(--navy);
}
.main_location_wrap .hours_wrap li span.point.night {
    position: relative;
    padding: 5px 15px 5px 34px;
}
.main_location_wrap .hours_wrap li span.point.night::before {
    position: absolute;
    left: 15px;
    top: 5px;
    display: inline-block;
    content: '';
    background-image: url(/wp-content/uploads/2025/08/night_icon.png);
    width: 13px;
    height: 12px;
}
.main_location_wrap .hours_wrap.sub li span.point.night::before {
    background-image: url(/wp-content/uploads/2025/08/night_icon-n.png);
}

.map-google iframe {border-radius: 40px !important;}

.map-list {
    display: flex;
    gap: 7px;
    padding: 0;
    margin: 0;
    list-style: none;
    max-width: 470px;
}
.map-list li {
    flex: 1;
}
.map-link {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    padding: 10px 30px;
    border-radius: 5px;
    max-width: 150px;
    background: #2d3e50;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: 0.2s;
}
.map-link:hover {
    background: rgb(65, 88, 112);
    color: #fff;
}
.map-link img {
    width: 18px;
    height: 18px;
    margin-bottom: 0 !important;
}
/*주차장,진료시간*/
.info-list{
    margin:0;
    padding:0;
    list-style:none;
}
.info-list li{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 0;
}
.info-list .title{
    width:90px;
    flex-shrink:0;
    font-size:18px;
    font-weight:500;
    color:#fff;
}
.info-list .sub{
    width:90px;
    flex-shrink:0;
    font-size:17px;
    font-weight:400;
    color:#fff;
}
.info-list .desc{
    font-size:18px;
    font-weight:700;
    color:#fff;
}

/*탭 모양*/
.main-tap-wrap .ui-tabs-nav {background-color: var(--navy) !important; display: flex !important; justify-content: center !important; padding-top: 125px !important;}
.main-tap-wrap .ui-tabs-nav li { font-size: 18px;}
.main-tap-wrap .ui-tabs-nav li:first-child {border-radius: 23px 0 0 23px;  background-color: #8a989b !important;}
.main-tap-wrap .ui-tabs-nav li:last-child {border-radius: 0 23px 23px 0;  background-color: #8a989b !important;}
.main-tap-wrap .ui-tabs-nav li a { background-color: #8a989b !important; color: #fff !important; font-weight: 400; border-radius: 23px; padding: 10px 25px; }
.main-tap-wrap .ui-tabs-nav li.active-tab a { background-color: #fff !important; color: var(--navy) !important; font-weight: 700; border-radius: 23px; padding: 10px 25px; border: none !important;}
.wpb_tab,
.wpb_tab * {  animation: none !important;  transition: none !important;}
.wpb_tabs .wpb_tab {  display: block !important;}
.wpb_tabs .wpb_tab[style*="display: none"] { display: none !important;}

.main-tap-wrap.barun-tap-warp .ui-tabs-nav {background-color: transparent !important;}
.main-tap-wrap.barun-tap-warp .info-list .title, .main-tap-wrap.barun-tap-warp .info-list .sub,.main-tap-wrap.barun-tap-warp .info-list .desc{color: var(--navy);}
.map-info-list li div {color: var(--navy)  !important;}
/* ++++++++++++++++++++++++++++++++++++++++ *
    FOOTER
* ++++++++++++++++++++++++++++++++++++++++ */
.nectar-global-section.before-footer {
    border: 1px solid #e5e5e5;
}
.footer_wrap .foot_menu {
    margin-left: 0 !important;
    margin-bottom: 50px !important;
}
.footer_wrap .foot_menu li {
    display: inline-block;
}
.footer_wrap .foot_menu li a {
    display: block;
    padding: 0 10px;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    border-right: 1px solid #fff;
}
.footer_wrap .foot_menu li:first-child a {
    padding-left: 0;
}
.footer_wrap .foot_menu li:last-child a {
    padding-right: 0;
    border-right: none;    
}
.footer_wrap .foot_logo {
    width: 100%;
    max-width: 169px !important;
    margin-bottom: 10px !important;
}
.footer_wrap .foot_sns {
    margin-left: 0 !important;
     margin-bottom: 30px !important; 
}
.footer_wrap .foot_sns li {
    display: inline-block;
    
}
.footer_wrap .foot_sns li a {
    display: block;
    margin-right: 10px;
}
.footer_wrap .foot_sns li a img {
    opacity: 1;
    margin-bottom: 0;
    transition: all .4s;
}
.footer_wrap .foot_sns li a:hover img {
    opacity: .8;
}
.footer_wrap .foot_sns li:last-child a {
    margin-right: 0;
}

/* ++++++++++++++++++++++++++++++++++++++++ *
    SUB
* ++++++++++++++++++++++++++++++++++++++++ */
/* 공통 */
.nectar-highlighted-text em.animated {
    background-size: 100% !important;
    font-weight: 600 !important;
    padding: 8px;
}
.sub_top {padding-top: 50px !important;}
.sub_top .sub-top-title {padding-top: 20px !important; padding-bottom: 60px !important;}
/* 장점 비교 */
.round_point {
    padding: 18px 30px !important;
    background-color: var(--navy);
    border-radius: 50px;
    display: inline-block;
}
.round_point.small {
    padding: 10px 20px !important;
}
.round_point_w {
    padding: 8px 17px !important;
    background-color: #ffffff;
    border-radius: 5px;
    display: inline-block;
}
.merit_title {
    position: relative;
}
.merit_title::before {
    display: block;
    position: absolute;
    z-index: -1;
    top: -85px;
    left: 50%;
    transform: translateX(-50%);    
    font-size: 100px;
    font-weight: 600;
    color: #e1e1e1;
}
.merit_title.one::before {
    content: '01';
}
.merit_title.two::before {
    content: '02';
}
.merit_title.thr::before {
    content: '03';
}
.merit_title.four::before {
    content: '04';
}
.merit_title.five::before {
    content: '05';
}
.check_wrap::before {
    display: block;
    content: '';
    background-image: url(/wp-content/uploads/2025/08/check.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 38px;
    position: absolute;
    top: 0;
    left: 0;
}
.t_bg_g {
    background-color: #737373;
    padding: 15px 0;
}
.t_bg_n {
    background-color: var(--navy);
    padding: 15px 0;
}
.img-with-aniamtion-wrap .hover-wrap {
    margin-bottom: 0 !important;
}

/* 치료 과정 */
.border_40 {
    border-radius: 40px !important;
}
.procedure_num p {
    font-weight: 600;
    color: #2d3e50;
    display: inline-block;
    padding: 10px 15px !important;
    background-color: #fff;
    border-radius: 30px;
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 25px;
    font-size: 16px !important;
}
.procedure_num.pr_op p{
    background-color: #ffffffcc;
}
.procedure_wrap .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry).tb-spacing-30px .flickity-viewport {
    margin-top: 40px !important;
    margin-bottom: 60px !important;
}

.round_border {
    border: 1px solid #8f9ba6;
    border-radius: 50px;
    display: inline-block;
    padding: 8px 15px !important;
}
.round_border.round_border_doctor {
    padding: 12px 20px !important;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 1. 바른안과 */
/* 의료진 소개 */
h2 .spot {
    display: inline-block;
    font-size: 28px;
    font-weight: 300;
}
.history_list_wrap li {
    font-size: 18px;
    line-height: 1;
    color: #717171;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}
.history_list_wrap li::before {
    display: inline-block;
    content: '';
    width: 6px;
    height: 6px;
    background-color: var(--navy);
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.nectar-cta.clinic_hours_btn {
    position: relative;
    padding-left: 55px;
}
.nectar-cta.clinic_hours_btn::before {
    display: inline-block;
    content: '';
    background-image: url(/wp-content/uploads/2025/08/clinic-hours-icon.png);
    background-size: contain;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}
.approval.sub {
    font-weight: 300;
}
/* 탭 */
.doctor_intro_tab .wpb_tabs_nav li {
    margin: 0 5px 10px;
}
.doctor_intro_tab .wpb_tabs_nav li a.active-tab {
    background-color: var(--navy) !important;
    color: #fff !important;
    font-weight: 500;
    border: 1px solid var(--navy) !important;
}
.doctor_intro_tab .wpb_tabs_nav li a {
    padding: 12px 24px !important;
    border-radius: 8px;
    background-color: #fff !important;
    color: #a5a5a5 !important;
    border: 1px solid #a5a5a5 !important;
    box-sizing: border-box;
    transition: all .4s;   
}
.doctor_intro_tab .wpb_tabs_nav li a span {
    font-size: 18px;
}

.doctor_intro_tab .wpb_tabs_nav li:hover a {
    background-color: var(--navy) !important;
    color: #fff !important;
    border: 1px solid var(--navy) !important;
}


/* 진료시간표 */
.schedule_bg {background-color: var(--navy); padding: 3px 15px; color: #fff; display: inline-block; border-radius: 10px;}
body:not(.woocommerce-cart) .main-content .schedule table {
    display: table;
    border-top: 3px solid #b3b3b3;
}
body:not(.woocommerce-cart) .main-content .schedule table tr:nth-child(2n+1) {
    background-color: transparent !important;
}
body:not(.woocommerce-cart) .main-content .schedule table tr:first-child th {
    background-color: #f9f9f9 !important;
}
body:not(.woocommerce-cart) .main-content .schedule table tr:nth-child(2n+1) {border-top: 2px solid #d5d5d5;}
body:not(.woocommerce-cart) .main-content .schedule table tr:nth-child(1) {border-top: 0;}
body:not(.woocommerce-cart) .main-content .schedule table tr th,
body:not(.woocommerce-cart) .main-content .schedule table tr td {
    text-align: center;
    font-size: 18px;
    padding: 8px 12px;
    vertical-align: middle;
    color: var(--navy);
}
body:not(.woocommerce-cart) .main-content .schedule table tr td {
    width: 5%;
    height: 117px;
}
body:not(.woocommerce-cart) .main-content .schedule.li_schedule table tr td {
    height: auto;
}
body:not(.woocommerce-cart) .main-content .schedule table tr td.weekly_title, body:not(.woocommerce-cart) .main-content .schedule table tr td.afternoon_title, body:not(.woocommerce-cart) .main-content .schedule table tr td.nighttime_title {
    font-weight: 500 !important;
}
body:not(.woocommerce-cart) .main-content .schedule table tr td.name {
    font-size: 21px;
    font-weight: 600;
    /* width: 8%;
    padding: 30px 30px 20px 30px; */
    width: 5%;
    padding: 12px 30px 12px 30px;
}
body:not(.woocommerce-cart) .main-content .schedule table tr td.name img {margin-bottom: 0 !important;}
body:not(.woocommerce-cart) .main-content .schedule table tr td.weekly {
    color: #fdb47f;
}
body:not(.woocommerce-cart) .main-content .schedule table tr td.afternoon {
    color: #9cc30f;
}
body:not(.woocommerce-cart) .main-content .schedule table tr td.nighttime {
    color: #5772ff;
}
body:not(.woocommerce-cart) .main-content .schedule table tr td.weekly_title img, body:not(.woocommerce-cart) .main-content .schedule table tr td.afternoon_title img, body:not(.woocommerce-cart) .main-content .schedule table tr td.nighttime_title img {
    margin-bottom: 0 !important;
    margin-right: 10px !important;
}
body:not(.woocommerce-cart) .main-content .schedule table tr td.reservation a {
    padding: 6px 13px;
    color: #fff;
    background-color: #4598ff;
    font-size: 15px !important;
    border-radius: 5px;
    transition: all .4s;
}
body:not(.woocommerce-cart) .main-content .schedule table tr td.reservation:hover a {
    background-color: #a4c8f6;
}
body:not(.woocommerce-cart) .main-content .schedule table tr td .ex {
    display: block;
    font-size: 15px;
    color: #515a63;
}
/* 오시는길/내부 둘러보기 */
/* 오시는길 */
.directions_wrap i[class*=fa-], span[class*=fa-] {
    display: block !important;
    font-size: 21px;
    margin-bottom: 5px;
}
.directions_tab .wpb_tabs_nav li a {
    padding: 10px 35px !important;
}
.directions_tab .wpb_tabs_nav li a span {
    font-size: 17px;
}
.bus_1 strong {
    display: inline-block;
    padding: 10px;
    background-color: #47af1b;
    color: #fff;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 15px;
}
.bus_2 strong {
    display: inline-block;
    padding: 10px;
    background-color: #ff451e;
    color: #fff;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 15px;
}
.bus_3 strong {
    display: inline-block;
    padding: 10px;
    background-color: #6175f5;
    color: #fff;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 15px;
}
.bus_stop {
    position: relative;
    padding-left: 30px;
} 
.bus_stop::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    background-image: url(/wp-content/uploads/2025/08/bus_stop@2x.png);
    width: 26px;
    height: 26px;
    background-size: 26px 26px;
}
.walk {
    position: relative;
    padding-left: 30px;
} 
.walk::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    background-image: url(/wp-content/uploads/2025/08/walk@2x.png);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}
.subway {
    position: relative;
    padding-left: 30px;
} 
.subway::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    background-image: url(/wp-content/uploads/2025/08/subway@2x.png);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

/* 시설안내 */
.tour_tab > .row_col_wrap_12 {
    padding: 0 5% !important;
}
.tour_tab .wpb_tabs_nav li a span {
    font-size: 15px;
}
/* 채용안내 */
.employment li {
    font-size: 18px;
    margin-bottom: 15px;
    color: #717171;
    position: relative;
    padding-left: 18px;
}
.employment li::before {
    display: inline-block;
    content: '';
    width: 6px;
    height: 6px;
    background-color: #101c2f;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 50px;
}
.employment li:nth-child(1) {
    font-size: 24px;
    padding-left: 0;
    color: var(--navy);
}
.employment li:nth-child(1)::before {
    display: none;
}

/* 채용안내 */
.recruitment_information_wrap .left_wrap {
    width: 28%;
}
.recruitment_information_wrap .right_wrap {
    width: 72%;
}
.recruitment_information {
    position: relative;
    padding-left: 40px;
}
.recruitment_information::before {
    position: absolute;
    top: 8px;
    left: 0;
    display: inline-block;
    content: '';
    background-image: url(/wp-content/uploads/2025/08/recruitment-check.png);
    width: 26px;
    height: 24px;
    background-size: 26px 24px;
}
.benefits_wrap p > strong {
    font-size: 21px !important;
    font-weight: 500 !important;
    color: var(--navy) !important;
}
.nectar-cta.down_btn, .nectar-cta.link_btn {
    position: relative;
}
.nectar-cta.down_btn h6 span.text, .nectar-cta.link_btn h6 span.text {
    padding-right: 30px;
}
.nectar-cta.link_btn h6 span.link_wrap {
    background: #ffd9d4 !important;
}
.nectar-cta.down_btn h6 span.text::after {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    content: '';
    background-image: url(/wp-content/uploads/2025/09/download-icon.png);
    width: 19px;
    height: 21px;
    background-size: 19px 21px;
}
.nectar-cta.link_btn h6 span.text::after {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    content: '';
    background-image: url(/wp-content/uploads/2025/09/hwell-icon.png);
    width: 27px;
    height: 26px;
    background-size: 27px 26px;
}
.email_t {
    position: relative;
    padding-left: 30px;
}
.email_t::before {
    display: inline-block;
    content: '';
    background-image: url(/wp-content/uploads/2025/09/emial-icon.png);
    width: 20px;
    height: 18px;
    background-size: 20px 18px;
    position: absolute;
    left: 0;
    top: 10px;
}
.email_t P {
    text-decoration: underline;
}
.apply_wrap .left_wrap .column-bg-overlay {
    border-radius: 20px 0 0 20px !important;
}
.apply_wrap .right_wrap .column-bg-overlay {
    border-radius: 0 20px 20px 0 !important;
}
.inquiries_wrap {
    padding: 0 20px;
    margin: 0 auto !important;
    max-width: 497px;
}
.inquiries_wrap li {
    list-style: disc !important;
    margin-bottom: 10px;
}
.inquiries_wrap li::marker {
    color: var(--navy) !important;
}
.inquiries_wrap li > span:nth-child(1) {
    margin-right: 20px;
}


/* 네비게이션 임플란트 */
/* 임플란트 5년 무상 보증 */
.implant_as_wrap > .row_col_wrap_12 {
    max-width: 1602px;
    margin: 0 auto !important;
}
.implant_as_wrap .column-image-bg-wrap {
    max-width: 1607px !important;
    height: 751px !important;
}
.check_list_p.w_bg p {
    background: #fff !important;
}
.check_list_p.g_bg p {
    background: #f3f3f3 !important;
}


/* 260113 login delete */
/* .page-id-108 .cosmosfarm-members-form.signin-form .form-top {display: none !important;}
.page-id-108 .cosmosfarm-members-form.signin-form .form-bottom {margin-top: 0;}
.page-id-108 .cosmosfarm-members-form.signin-form .form-bottom .form-link {display: none !important;}
div#nav_menu-2 .menu-off-canvas-menu-container ul#menu-off-canvas-menu-1 > .menu-item-10000002.cosmosfarm-members-register {display: none !important;} */
#wp-admin-bar-revslider {display: none !important;}
#wp-admin-bar-salient-hook-locations {display: none !important;}
#wp-admin-bar-customize {display: none !important;}
.cosmosfarm-members-form.register_success .message {
    font-size: 18px;
    margin: 0;
    padding: 12px 42px;
    background: #1a3653;
    position: fixed;
    z-index: 9999999;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width:690px) {
    .cosmosfarm-members-form.register_success .message {
        font-size: 14px;
        padding: 0px 20px;
        width: 80%;
        top: 10%;
    }
}

/* 라섹클리닉  */
.procedure_wrap .procedure_sub_title {background-color: var(--navy); padding: 10px 60px; border-radius: 30px; display: inline-block;}
.card-list { display: flex; justify-content: space-between;}
.card-list .card-item {background-color: #fff; gap: 4px; border-radius: 30px; width: 24%; height:auto; aspect-ratio: 1 / 1.3; display: flex; padding:70px 20px 20px;   flex-direction: column;  justify-content: flex-start; align-items:center; text-align: center; box-shadow: var(--shadow); box-sizing: border-box;}
.card-list .card-item strong {display: block; font-size: 22px; color: var(--navy); margin-bottom: 10px;}
.card-list .card-item img {margin-bottom: 30px !important; }
.card-list .card-item .desc {color: #222222; font-size: 16px; font-weight: 400; padding-top: 0px;}
.card-list.card-list-cataract .card-item {box-shadow: none; width: 18%; gap: 20px; border: 1px solid #b3b3b3; }
.card-list-cataract .card-item {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
}
.card-list.flex-3 .card-item  { width: 32% !important; padding: 90px 20px 20px;}

/* 활성화됐을 때 */
.card-list-cataract.show .card-item {opacity: 1; transform: translateY(0);}
.card-list-cataract.show .card-item:nth-child(1) {transition-delay: 0.1s;}
.card-list-cataract.show .card-item:nth-child(2) {transition-delay: 0.3s;}
.card-list-cataract.show .card-item:nth-child(3) {transition-delay: 0.5s;}
.card-list-cataract.show .card-item:nth-child(4) {transition-delay: 0.7s;}
.card-list-cataract.show .card-item:nth-child(5) {transition-delay: 0.9s;}


/*하단 탭*/
.sub_treatment_case_wrap .tabbed > ul { 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important;
    background-color: #8a989b !important; 
    border-radius: 40px !important;      
    padding: 0 !important;
    margin: 0 auto !important;
    list-style: none;
    width: max-content;  
    overflow: hidden;          
}
.sub_treatment_case_wrap .tabbed > ul li { 
    font-size: 18px !important;
    background-color: transparent !important;
    border-radius: 0 !important;  
    margin: 0 !important;
    padding: 0 !important;
}
.sub_treatment_case_wrap .tabbed > ul li a { 
    display: block !important;
    background-color: transparent !important; 
    color: #fff !important; 
    font-weight: 400 !important; 
    padding: 15px 50px !important;
    border: none !important;
   border-radius: 40px !important;
transition: background-color 0.2s ease, color 0.2s ease !important; 
}
.sub_treatment_case_wrap .tabbed > ul li.active-tab { 
    background-color: transparent !important; 
}
.sub_treatment_case_wrap .tabbed > ul li.active-tab a { 
background-color: var(--navy) !important;   
    color: #fff !important; 
    font-weight: 700 !important; 
    border-radius: 40px !important;          
    transition: none !important; 
}

.sub_treatment_case_wrap .wpb_tab,
.sub_treatment_case_wrap .wpb_tab * {
    animation: none !important;
    transition: none !important;
}
.sub_treatment_case_wrap .wpb_tabs .wpb_tab {
    display: block !important;
}
.sub_treatment_case_wrap .wpb_tabs .wpb_tab[style*="display: none"] {
    display: none !important;
}

/* FAQ */
.sub-faq {padding-top: 110px !important; padding-bottom: 110px !important;}
.sub-faq h2 { line-height: 1 !important; margin-bottom: 0 !important;}
.sub-faq .toggle.default .inner-toggle-wrap{ padding: 0 60px 50px 60px !important;}
.sub-faq .toggle.default.open {border-bottom: transparent !important; border-top:transparent !important; background-color: #fff; border-radius: 30px; box-shadow: 0px 0px 30px 1px #191e2610;}
.sub-faq .toggle-title a.toggle-heading { font-size: 20px;  padding:35px 30px 35px 60px !important; font-weight: 500; color:  var(--navy) !important;}
.sub-faq .toggle-title a.toggle-heading:hover { color: #000 !important; }
.sub-faq .toggle.open .toggle-title a.toggle-heading { color: #000 !important; }
.sub-faq .main_title .wpb_wrapper { margin-bottom: 60px !important; }
.sub-faq .toggles--minimal-shadow .toggle.open>.toggle-title a { padding: 50px; }
.sub-faq .toggle-title a.toggle-heading::before { content: "Q."; font-family: 'Marcellus', serif !important;   font-size: 26px; padding-right: 15px;  color: var(--navy);}
.sub-faq .gray_bg { background-color: #f2f2f2; border-radius: 30px; padding: 30px 43px 30px;}
.sub-faq .gray_bg p { font-size: 18px; line-height: 25px; color: var(--text-dark);}
.sub-faq div[data-style*=minimal] .toggle>.toggle-title i { right: 65px; }
.sub-faq .toggle:has(+ .toggle.open) { border-bottom: transparent !important; }
.sub-faq div[data-style="minimal"] .toggle { border-color: #f2f2f2 !important; }

/* icl 주의사항 */

.icl-list {text-align: left; }
.icl-list li {
    display: grid;
    grid-template-columns: auto 1fr; 
    column-gap: 5px; 
    align-items: start;
    margin-bottom: 12px;
    line-height: 1.6;
    font-size: 20px;
}
.icl-list li strong {font-weight: 600; white-space: nowrap;}
.icl-list .icl-desc {font-size: 18px; color: var(--navy); position: relative; padding-left: 20px;}
.icl-list .icl-desc::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;  
    width: 6px;  
    height:6px;
    background-color: var(--navy); 
    border-radius: 50%;
}


/*노안 백내장*/
.sub-cataract-wrap .sub-cataract-line{    
    border: 1px solid #909090;
    border-radius: 0 0 30px 30px;
    border-top: transparent;
}
.cataract-clinic-bg::after {
    content: "";
    width: 1050px;
    height: 822px;
    background: url('/wp-content/uploads/2026/05/cataract-bg.png') no-repeat;
    position: absolute;
    bottom: 0;
    right: -480px;
    z-index: 1;
}
.cataract-grid-img {display: flex; gap: 5px;} 
.cataract-prevention {padding:25px !important;  border: 1px solid #dddddd ; border-radius: 30px;}
.cataract-prevention-wrap > .row_col_wrap_12_inner {display: flex; gap: 40px; flex-wrap: nowrap !important;  justify-content: space-between;}



/* 자주하는질문 */
.faq-wrap { display: flex; flex-direction: column; }
.faq-item { background: #fff; overflow: hidden; transition: box-shadow .4s ease;     border-bottom: 2px solid rgba(0, 0, 0, 0.08); }
.faq-item.active { box-shadow: 0 0 30px 1px #191e2610;}
.faq-item.active {border-radius: 30px; border-bottom: 2px solid transparent;}
.faq-question {   position: relative;
  padding: 30px 40px 30px 60px;  /* 기존 left padding 유지 */
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  color: var(--navy);
  transition: all .3s ease;
  display: flex;
  align-items: flex-start;  /* 핵심: top 정렬 */
  gap: 0;}
.faq-question:hover { color: #222;}
.faq-question::before {  content: "Q.";
  display: inline-block;
  flex-shrink: 0;  /* 핵심: Q.가 줄어들지 않게 */
  margin-right: 15px;
  font-family: 'Marcellus', serif;
  font-size: 26px;
  color: var(--navy);
  line-height: 1.4;  /* 텍스트 line-height와 맞추기 */}
  .faq-question span {
  flex: 1;
  padding-right: 50px;  /* 화살표 버튼 공간 확보 */
}
.faq-arrow {  position: absolute;  top: 50%;  right: 40px;  transform: translateY(-50%);  width: 30px;  height: 30px;  border-radius: 50%;  border: 2px solid var(--navy); display: flex;  align-items: center;  justify-content: center;}
.faq-answer {  display: none;   overflow: hidden; padding: 0 60px 50px 60px;}
.faq-answer-inner {    background-color: #f2f2f2;    border-radius: 30px;    padding: 30px 40px 30px;  font-size: 18px;   color: #222222; } 
.faq-arrow span { position: absolute;  font-size: 24px;  transition: all .3s ease;}
.arrow-open { opacity: 0; transform: rotate(90deg);}
.arrow-close {  opacity: 1;}
.faq-item.active .arrow-open {opacity: 1; transform: rotate(0);}
.faq-item.active .arrow-close { opacity: 0; transform: rotate(90deg);}
.faq-item.active + .faq-item {  border-top: 1px solid transparent;}
.faq-item.active { margin-top: -2px;   position: relative;  z-index: 1; }
.faq-item.active:first-child {margin-top: 0;}
.faq-item.prev-active { border-bottom-color: transparent !important;}
.faq-arrow {    position: absolute;    top: 50%;    right: 40px;    transform: translateY(-50%) rotate(0deg);   width: 32px;    height: 32px;    border-radius: 50%;   border: 2px solid var(--navy);   display: flex;   align-items: center;   justify-content: center; background: transparent;  transition: transform 0.35s ease, border-color 0.35s ease;  box-sizing: border-box;}
.faq-arrow span {  display: none !important;}
.faq-arrow::before { content: ""; position: absolute; width: 12px;   height: 2px;   background-color: #111; transition: background-color 0.35s ease;}
.faq-arrow::after { content: ""; position: absolute; width: 2px;    height: 12px;   background-color: #111;  transition: opacity 0.35s ease, transform 0.35s ease;}
.faq-item.active .faq-arrow { transform: translateY(-50%) rotate(90deg);  border-color: var(--navy);}
.faq-item.active .faq-arrow::after { background-color: var(--navy);}
.faq-item.active .faq-arrow::before {  opacity: 0;   transform: scaleX(0); }




















    /* =============================================
                                                NEW
     ============================================= */

/*황반변성*/
.twentytwenty-wrapper {padding: 0 !important; position: relative;}
.twentytwenty-container.sub-top-img {   padding: 0 !important;   width: 720px !important;  height: 450px !important;    border-radius: 30px !important;  overflow: hidden;}

/* ===== SECTION 2: PATIENT EMPATHY ===== */
.empathy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-grid); }
.empathy-card { background: white; border-radius: var(--radius-lg); padding: var(--card-pad); box-shadow: var(--shadow); border: 1px solid rgba(21,101,192,0.08); transition: all 0.3s; position: relative; overflow: hidden; }
.empathy-q { font-size: var(--fs-body-lg); font-weight: 600; color: var(--navy); line-height: 1.6; padding-left: 10px; position: relative; margin-bottom: 5px; }
.empathy-q::before { position: absolute; content: ''; background-color: var(--navy); width: 4px; height: 4px; top: 13px; left: 0;border-radius: 50%; }
.empathy-a { font-size: var(--fs-body); color: var(--text-dark); margin-bottom: 16px; padding-bottom: 0 !important; }
.empathy-action { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-body-lg); font-weight: 500; color: var(--blue-mid); }

    
    /* ===== SECTION 5: TYPES ===== */
    .type-tabs {display: flex; gap: 8px; margin-bottom: 32px;    }
    .type-tab-btn { padding: 10px 24px;border-radius: 30px; font-size: 14px;  font-weight: 600;
    cursor: pointer;
    border: 2px solid var(--gray-200);
    background: white;
    color: var(--gray-600);
    transition: all 0.2s;
    }
    .type-tab-btn.active {
    border-color: var(--blue);
    background: var(--blue);
    color: white;
    }
    .type-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    }

    .type-card {
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: all 0.3s;
    }
    .type-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
    .type-card-head {
    padding: 28px 28px 20px;
    position: relative;
    }
    .type-card-head.dry , .type-card-head.wet,.type-card-head.myopic{ background: var(--navy-light); }
    .type-badge {
    position: absolute;
    top: 20px; right: 20px;
    padding: 4px 12px;
    border-radius: 12px;
    background: rgba(255,255,255,0.2);
    color: white;
    font-size: 14px;
    }
    .type-icon-big { font-size: 40px; margin-bottom: 12px; }
    .type-name {
    font-size: 24px;
    font-weight: 700;
    color: white;
    margin-bottom: 4px;
    }
    .type-eng { font-size: 16px; color: rgba(255,255,255,0.6);}
    .type-card-body {
    background: white;
    padding: 24px 28px;
    }

    .type-tags {    display: flex;    flex-wrap: wrap;    gap: 10px;    }
    .type-tag {   padding: 4px 10px;   background: var(--gray-100);   color: var(--gray-600);   border-radius: 12px;    font-size: 14px;    font-weight: 600;
    }
    .type-tag.red {  background: var(--gray-100);   color: var(--gray-600);}
    .type-tag.green {  background: var(--gray-100);   color: var(--gray-600);}

/* ===== SECTION 7: SELF DIAGNOSIS ===== */
.self-diag-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.amsler-container { text-align: center; }
.amsler-grid { display: inline-block; position: relative; border: 2px solid var(--navy); background: black; padding: 0; width: 240px; height: 240px; }
.amsler-inner { width: 100%; height: 100%; position: relative; }
.amsler-svg { width: 100%; height: 100%; }
.amsler-caption { margin-top: 12px; font-size: var(--fs-xs); color: var(--text-light); }
.amsler-caption strong { color: var(--text-dark); }
.amsler-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
.amsler-card { border-radius: var(--radius); overflow: hidden; border: 2px solid var(--gray-200); }
.amsler-card.normal { border-color: #4CAF50; }
.amsler-card.abnormal { border-color: var(--accent); }
.amsler-card-label { padding: 6px 12px; font-size: var(--fs-body-sm); font-weight: 700; text-align: center; }
.amsler-card.normal .amsler-card-label { background: #E8F5E9; color: #2E7D32; }
.amsler-card.abnormal .amsler-card-label { background: #FFEBEE; color: var(--accent); }
.amsler-card-img { background: black; padding: 12px; display: flex; align-items: center; justify-content: center; height: 120px; }
.grid-normal { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; width: 60px; }
.grid-normal div { width: 10px; height: 10px; border: 0.5px solid rgba(255,255,255,0.5); }
.grid-normal .center { background: white; border-radius: 50%; }
.diag-steps { background-color: var(--gray-100); border-radius: var(--radius-lg); padding: var(--card-pad); }
.diag-steps h3 { font-size: var(--fs-h5) !important; }
.diag-step { display: flex; gap: 16px; margin-bottom: 24px; }
.diag-step-num { width: 30px; height: 30px; background: var(--navy-light); color: white; border-radius: 50%; font-size: var(--fs-body-sm); font-weight: 500; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.diag-step-content h4 { font-size: var(--fs-body-md) !important; font-weight: 600 !important; color: var(--navy); margin-bottom: 4px; }
.diag-step-content p { font-size: var(--fs-body); color: var(--text-dark); }
.diag-alert { background: var(--navy-light); border-radius: var(--radius); padding: 20px 24px; margin-top: 24px; }
.diag-alert h4 { font-size: var(--fs-body-sm) !important; font-weight: 600; color: white; margin-bottom: 6px; }
.diag-alert p { font-size: var(--fs-body-sm) !important; color: rgba(255,255,255,0.85); line-height: 1.7; }


/* ===== SECTION 10: PREVENTION ===== */
.prevention-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-grid); }
.prevention-card { background: white; border-radius: var(--radius-lg); padding: var(--card-pad) ; box-shadow: var(--shadow); border: 1px solid rgba(21,101,192,0.08); transition: all 0.3s; }
.prevention-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover);  }
.prevention-icon { font-size: var(--fs-body-md); margin-bottom: 16px; }
.prevention-title { font-size: var(--fs-h5); font-weight: 700; color: var(--navy); margin-bottom: 10px; }
.prevention-text { font-size: var(--fs-body); color: var(--text-dark); line-height: 1.8; }
.prevention-tip { margin-top: 12px; padding: 10px 14px; background: var(--gray-100); border-radius: 8px; font-size: var(--fs-body-sm); color: var(--navy); font-weight: 400; }

/* 리사렌즈 */
 /* ===== FEATURES GRID ===== */
    #lens-feature {padding: 160px 20%;}
    .features-grid {
    display: grid; grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    }
    .feature-card {
    background: white; border-radius: var(--radius-lg);
    padding: 40px;
    box-shadow: var(--shadow);
    border: 1px solid #f2f2f2;
    transition: all 0.3s;
    display: flex; gap: 16px; align-items: flex-start;
    }
    .feature-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover);  }
    .feature-num {
    width: 38px; height: 38px; border-radius: 50%;
    background: var(--navy);
    color: white; font-size: 16px; font-weight: 700;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    }
    .feature-content h4 { font-size: 21px !important; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
    .feature-content p { font-size: 19px !important; color: var(--text-dark);}

     /* ===== LENS SPECIFIC STYLES ===== */
    .lens-lineup-bar {
    display: flex; gap: 12px; flex-wrap: wrap;
    margin-bottom: 32px;
    }
    .lens-badge-item {
    padding: 6px 14px; border-radius: 20px;
    font-size: 13px; font-weight: 600;
    border: 2px solid var(--gray-200);
    color: var(--gray-600);
    }
    .lens-badge-item.active {
    background: var(--blue); color: white; border-color: var(--blue);
    }

    /* candidate vs general comparison */
    .visual-compare {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 2px; border-radius: var(--radius); overflow: hidden;
      box-shadow: var(--shadow);
    }
    .visual-compare-item {
      background: var(--navy); padding: 20px;
      text-align: center;
    }
    .visual-compare-item.alt { background: var(--blue); }
    .vc-label { font-size: 16px; color: rgba(255,255,255,0.6); margin-bottom: 8px; }
    .vc-icon { font-size: 20px; margin: 12px 0; display: block; }
    .vc-text { font-size: 18px; font-weight: 700; color: white; }

    /* target list */
    .target-list { display: flex; flex-direction: column; gap: 10px; }
    .target-item {
      display: flex; align-items: flex-start; gap: 12px;
      padding: 14px 16px; background: white;
      border-radius: var(--radius); border: 1px solid var(--gray-200);
      font-size: 18px; color: var(--text-dark);
    }
    .target-num {
      width: 28px; height: 28px; border-radius: 50%;
      background: var(--navy-light); color: white;
      font-size: 12px; font-weight: 700;
      display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    }

    /* light spec bar */
    .spec-bar-wrap { margin-top: 40px; }
    .spec-bar-item { margin-bottom: 30px; }
    .spec-bar-header { display: flex; justify-content: space-between; font-size: 18px; margin-bottom: 6px; }
    .spec-bar-label { color: var(--text-mid); font-weight: 600; }
    .spec-bar-val { color: var(--navy); font-weight: 600; }
    .spec-bar-track { height: 8px; background: var(--gray-200); border-radius: 4px; overflow: hidden; }
    .spec-bar-fill { height: 100%; border-radius: 4px; background: var(--navy-light); }

    /* lens tag */
    .lens-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
    .lens-tag { padding: 4px 10px; background: var(--blue-bg); color: var(--blue); border-radius: 12px; font-size: 11px; font-weight: 600; }
    .lens-tag.gold { background: var(--gold-light); color: var(--gold); }



    .border-custom {border: 1px solid #ddd;}
    .grid-2{ grid-template-columns: repeat(2, 1fr) !important; }
    .grid-3{ grid-template-columns: repeat(3, 1fr) !important; }
    .grid-4 { grid-template-columns: repeat(4,1fr) !important;}
    .grid-5{ grid-template-columns: repeat(5, 1fr) !important; }
    .mg-bottom {margin-bottom: 0 !important;}
    .cause-icon:has(img) { margin: 0 !important;}
    .cause-icon img {margin-bottom: 0 !important;}
    /* section divider */
    .section-divider { height: 1px; background: var(--gray-200); margin: 0; }
    
    /* ===== DEFINITION SECTION ===== */
    .def-wrap { display: grid; grid-template-columns: 1fr 1fr;  gap: 64px; align-items: center;  }
    .def-visual { position: relative; }
    .def-img-box {   border-radius: var(--radius-lg); overflow: hidden;  aspect-ratio: 4/3;   display: flex; align-items: center; justify-content: center; position: relative;}
    .def-img-box img {object-fit: cover; display: block; margin-bottom: 0 !important;  width: 100% !important; height: 100% !important; } 
    /* 당뇨망막병증 전용 */
    .def-img-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 0; width: 100%; height: 100%; }
    .def-img-side { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; gap: 16px; }
    .def-img-side.normal { background: #0a2040; }
    .def-img-side.disease { background: #1a0a0a; }
    .eye-circle { width: 100px; height: 100px; border-radius: 50%;  display: flex; align-items: center; justify-content: center; font-size: 44px;  }
    .eye-circle.normal-eye { background: radial-gradient(circle at 40% 35%, #FFE082, #FF8F00, #E65100); }
    .eye-circle.disease-eye { background: radial-gradient(circle at 40% 35%, #FFAA80, #D84315, #8B0000); filter: blur(1.5px); }
    .eye-label { font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.7); letter-spacing: 1px; text-align: center; }
    .eye-label strong { display: block; color: white; font-size: 14px; margin-bottom: 2px; }
    .vs-divider {  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);   background: white; color: var(--navy); font-size: 11px; font-weight: 800;   width: 32px; height: 32px; border-radius: 50%;  display: flex; align-items: center; justify-content: center;  z-index: 2; box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }

    /* 망막박리 전용 */
    .retina-illust {  width: 100%; height: 100%;  background: linear-gradient(135deg, #0a1628, #1a2a4a);   display: flex; align-items: center; justify-content: center;    position: relative;    }

    .def-badge { position: absolute; top: 20px; right: 20px;  background: var(--red); color: white; padding: 10px 20px;   border-radius: 30px; font-size: 13px; font-weight: 600;   box-shadow: 0 4px 16px rgba(198,40,40,0.4); }
    .def-badge.bg_navy {background-color: var(--navy); box-shadow: 0 4px 16px rgba(7, 28, 87, 0.4);  }
    .def-title-tag {text-transform: uppercase; margin-bottom: 20px;  letter-spacing: 10px !important; font-size: 18px;   color: #bfc7ce;  font-weight: 300 !important; font-family: 'Marcellus', serif !important;   }
    .def-heading { font-size: 45px !important; font-weight: 600; color: var(--navy); margin-bottom: 20px;  line-height: 1.2 !important;  }
    .gradiant_color_h2 { display: inline-block; font-size: 22px; font-weight: 500; color: var(--navy); background: linear-gradient(90deg, #e8f5ff 0%, rgba(232, 245, 255, 0.3) 100%);padding: 4px 12px;  margin-top: 15px;  }    
    .def-text { font-size: 18px; color: var(--text-mid); padding-bottom: 0px;}
    .def-highlight { background: var(--red-light); padding: 20px 30px; border-radius:  var(--radius); margin: 24px 0;
    }
    .def-highlight p { font-size: 16px; color: var(--text-mid); margin: 0; }
    .def-highlight strong { color: var(--red); }
    .def-highlight .block {display: block; font-size: 18px; padding-bottom: 5px;}
    .retina-anatomy { margin-top: 32px; padding: 24px; background: var(--gray-50); border-radius: var(--radius); }
    .retina-anatomy h4 { font-size: 14px; font-weight: 700; color: var(--navy); margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
    
    /* 망막박리 전용  */
.anatomy-explain { margin-top: 40px; padding: 24px; background: var(--gray-50); border-radius: var(--radius); }
.anatomy-explain h4 { font-size: var(--fs-body-md) !important; font-weight: 600 !important; color: var(--navy); display: flex; align-items: center; padding-bottom: 10px !important; margin-bottom: 0 !important; }
.anatomy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.anatomy-item { display: flex; align-items: flex-start; gap: 10px; padding: 18px; background: white; border-radius: 8px; border: 1px solid var(--gray-200); }
.anatomy-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--navy); margin-top: 10px; flex-shrink: 0; }
.anatomy-item p { font-size: var(--fs-body-sm); color: var(--text-mid); line-height: 1.5; }
.anatomy-item strong { font-size: var(--fs-body); color: var(--text-dark); display: block; padding-bottom: 5px; }

    /* ===== SYMPTOM SECTION ===== */
.symptom-overview {   background: #4d5b6d;   border-radius: var(--radius-lg);  padding: 40px;   margin-bottom: 40px; display: grid;   grid-template-columns: 1fr 2fr;   gap: 40px;   align-items: center; }
.symptom-overview-title {  font-size: 24px;  font-weight: 600;  color: white;   margin-bottom: 8px; }
.symptom-overview-sub {   font-size: 16px;  color: rgba(255,255,255,0.6);   line-height: 1.8; }
.symptom-chips {  display: flex;   flex-wrap: wrap;   gap: 10px; }
.symptom-chip { display: flex;  align-items: center;  gap: 8px;  padding: 10px 16px;   background: rgba(255,255,255,0.08);   border: 1px solid rgba(255,255,255,0.15);   border-radius: 30px;   font-size: 18px;   color: white;   font-weight: 500; transition: all 0.2s; }
.symptom-chip:hover {  background: rgba(255,255,255,0.15); }
.symptom-chip-dot {   width: 8px;   height: 8px;    border-radius: 50%;  flex-shrink: 0; }
.symptom-group-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.symptom-group-card { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); }
.symptom-group-head { padding: 16px 30px; }
.symptom-group-head.vitreous { background: var(--navy-light); }
.symptom-group-head.retinal { background: var(--red-white); }
.symptom-group-num { font-family: 'Marcellus', serif; font-size: 14px; font-weight: 300; margin-bottom: 8px; letter-spacing: 0px !important; color: #ffffff60; display: none!important;}
.symptom-group-title { font-size: 24px; font-weight: 700; color: white; margin-bottom: 4px; }
.symptom-group-sub { font-size: 13px; color: rgba(255,255,255,0.6); }
.symptom-group-body { background: white; padding: 30px; }
.block { display: block; }
.dream_section .symptom-item {column-gap: 10px; }
.symptom-item  {column-gap: 10px;}
.dream_section .symptom-item-badge {padding: 2px 5px;}
.barun_mill .nectar-milestone {margin-bottom: 0 !important;}
.symptom-item-name { display: flex; align-items: center; gap: 10px; font-size: 21px; font-weight: 600; color: var(--navy); margin-bottom: 8px; }
.symptom-item-badge { padding: 2px 10px; border-radius: 50px; font-size: 14px; font-weight: 300; text-align: center;}
.symptom-item-badge2 {width: 24px; height: 24px; padding: 0;}
.symptom-item-badge.blue { background: var(--blue-pale); color: var(--blue); }
.symptom-item-badge.red { background: var(--red-light); color: var(--red); }
.symptom-item-badge.purple { background: var(--orange-light); color: var(--orange); }
.symptom-item-desc { font-size: 16px; color: var(--text-mid);}
.symptom-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.symptom-item { display: flex; align-items: flex-start;  padding: 0 0 20px; border-bottom: 1px solid #e2e2e2; flex-wrap: wrap; margin-bottom: 20px; }
#principle .symptom-item:last-child {justify-content: center;}
#principle .symptom-item img {margin: 0  !important;}
.symptom-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.symptom-num { width: 36px; height: 36px; background: var(--navy); color: white; border-radius: 50%; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.symptom-text h4 { font-size: 20px !important; font-weight: 600; color: var(--navy); margin-bottom: 4px; }
.symptom-text p { font-size: 16px; color: var(--text-dark); line-height: 1.7; }
.symptom-check-box { background: var(--navy); border-radius: var(--radius-lg); padding: 32px; }
.symptom-check-title { font-size: 20px; font-weight: 600; color: white; margin-bottom: 20px; display: flex; align-items: center; gap: 8px; }
.symptom-check-title::before { content: '!'; width: 24px; height: 24px; background: var(--accent-warm); color: white; border-radius: 50%; font-size: 13px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.check-items { display: flex; flex-direction: column; gap: 10px; }
.check-item { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: rgba(255,255,255,0.07); border-radius: 8px; font-size: 18px; color: rgba(255,255,255,0.85); }
.check-icon { font-size: 16px; flex-shrink: 0; }
.check-warning { margin-top: 20px; padding: 16px; background: rgba(198,40,40,0.18); border-radius: 8px; }
.check-warning p { font-size: 16px; color: rgba(255,255,255,0.8); }
.check-warning strong { color: #FFAB91; }

/* ===== AMD SYMPTOMS ===== */
.amd-symptom-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.amd-symptom-item { display: flex; align-items: flex-start; padding: 0 0 20px; border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; gap: 15px; }
.amd-symptom-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.amd-symptom-num { width: 36px; height: 36px; background: var(--navy-light); color: white; border-radius: 50%; font-size: var(--fs-body-sm); font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.amd-symptom-text { flex: 1; }
.amd-symptom-text h4 { font-size: var(--fs-body-md) !important; font-weight: 600; color: var(--navy); margin-bottom: 4px; }
.amd-symptom-text p { font-size: var(--fs-body-sm); color: var(--text-dark); line-height: 1.7; }
.amd-check-box { background: var(--navy-light); border-radius: var(--radius-lg); padding: var(--card-pad-sm); }
.amd-check-title { font-size: var(--fs-body-md); font-weight: 600; color: white; margin-bottom: 20px; display: flex; align-items: center; gap: 8px; }
.amd-check-title::before { content: '!'; width: 24px; height: 24px; background: var(--red-white); color: white; border-radius: 50%; font-size: var(--fs-xs); aspect-ratio: 1 / 1; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.amd-check-items { display: flex; flex-direction: column; gap: 10px; }
.amd-check-items:has(.amd2) { gap: 0; }
.amd-check-item { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: rgba(255,255,255,0.07); border-radius: 8px; font-size: var(--fs-body); color: rgba(255,255,255); }
.amd-check-item.amd2 { color: var(--text-dark); align-items: flex-start; padding: 0; padding-top: 7px; font-size: var(--fs-body-sm); }
.amd-check-item.amd2:first-child{padding-top: 12px;}
.amd-check-item.amd2 .amd-check-icon { color: var(--navy-light); }
.amd-check-icon { font-size: var(--fs-body-sm); flex-shrink: 0; }
.amd-check-warning { margin-top: 20px; padding: 16px; background: rgba(255,255,255,0.07); border-radius: 8px; }
.amd-check-warning p { font-size: var(--fs-body-sm); color: rgba(255,255,255,1); }
.freq_text { font-size: var(--fs-body); color: var(--text-dark); }
.freq-table-box { padding: 40px; }
.amd-title { font-size: var(--fs-body); font-weight: 600; padding-top: 16px; color: var(--navy); }
    /* Warning callout */
    .warning-callout {  margin-top: 24px; padding: 20px 24px;   background: linear-gradient(135deg, #FFEBEE, #FFF5F5);  border-radius: var(--radius);  }
    .warning-callout p { font-size: 16px; color: #7B1F1F; line-height: 1.8; }
    .warning-callout strong { color: var(--red); }

    /* ===== TREATMENT CARDS ===== */
.treatment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.treatment-card { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); transition: all 0.3s; background: var(--white);}
.treatment-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
.treatment-head { padding: 20px 30px; position: relative; background: var(--navy-light); }
.treatment-icon { display: none !important; }
.treatment-name { font-size: var(--fs-body-md); font-weight: 600; color: white; margin-bottom: 0px; line-height: 1; }
.treatment-eng { font-size: var(--fs-body-sm); color: rgba(255,255,255,0.6); font-family: 'Marcellus', serif !important; }
.treatment-tag { position: absolute; top: 20px; right: 20px; padding: 4px 12px; border-radius: 30px; background: #ffffff3d !important; color: white; font-size: var(--fs-body-sm); font-weight: 600; }
.treatment-body { background: white; padding: 30px; }
.treatment-desc { font-size: var(--fs-body); color: var(--text-mid); line-height: 1.8; }
.treatment-points { display: flex; flex-direction: column; gap: 8px; }
.treatment-point { display: flex; gap: 8px; font-size: var(--fs-body-sm); color: var(--text-mid); align-items: flex-start; }
.treatment-point::before { content: '✓'; color: var(--navy-light); font-weight: 700; flex-shrink: 0; }
.treat_graph { padding-top: var(--section-gap); }
.vision-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.vision-compare-item { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); }
.vision-compare-label { padding: 20px 30px; background: var(--navy-light); font-size: var(--fs-body); font-weight: 600; color: white;}
.vision-compare-item img { width: 100%; display: block; margin-bottom: 0 !important;}
    /* ===== PROCESS ===== */
    .process-steps {  display: grid; grid-template-columns: repeat(5,1fr);   gap: 0; position: relative;    }
    .process-steps::before { content: ''; position: absolute; top: 28px;  left: calc(10% + 28px); right: calc(10% + 28px);    height: 2px; background: #d0dfeb; }
    .process-step { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 12px; position: relative; }
    .process-num { width: 56px; height: 56px;  background: #99b7d1;  color: white; border-radius: 50%; font-size: 18px; font-weight: 700;   display: flex; align-items: center; justify-content: center;   margin-bottom: 16px; z-index: 1; box-shadow: 0 4px 12px rgba(0,0,0,0.05);    }
    .process-icon { font-size: 20px; }
    .process-name { font-size: 18px; font-weight: 500; color: var(--navy); margin-top: 5px; margin-bottom: 10px; }
    .process-desc { font-size: 16px; color: var(--text-mid); line-height: 1.6; }

/* ===== COMPARE TABLE (공통) ===== */
.compare-wrap { overflow-x: auto; border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.compare-table { width: 100%; border-collapse: collapse; min-width: 500px; background: white; margin-bottom: 0 !important; table-layout: fixed; }
.compare-table thead tr { background: var(--navy-light-table); }
.compare-table thead th { padding: 15px 20px !important; font-size: var(--fs-body) !important; font-weight: 600 !important; color: white; text-align: center !important; background-color: var(--navy-light-table); }
.compare-table thead th:first-child { border-radius: var(--radius) 0 0 0;}
.compare-table thead th:last-child { border-radius: 0 var(--radius) 0 0; }
.compare-table thead th.highlight { color: var(--blue-light); }
.compare-table td { padding: 8px 20px !important; font-size: var(--fs-body-sm) !important; color: var(--text-mid); text-align: center !important; font-weight: 400 !important; border-bottom: 1px solid var(--gray-200); }
.compare-table td:first-child { font-weight: 700 !important; color: var(--navy);}
.compare-table td.highlight-cell { color: var(--blue-mid); font-weight: 600 !important; }
.compare-table tbody tr:last-child td { border-bottom: none; }
.compare-table tbody tr:nth-child(even) td { background: var(--gray-50); }
.compare-table tbody tr:hover td { background: #f2f2f2; }
.badge-yes { display: inline-block; padding: 3px 10px; background: #E8F5E9; color: #2E7D32; border-radius: 30px; font-size: var(--fs-body-sm); font-weight: 500; }
.badge-no { display: inline-block; padding: 3px 10px; background: var(--red-light); color: var(--red); border-radius: 30px; font-size: var(--fs-body-sm); font-weight: 600; }
.badge-partial { display: inline-block; padding: 3px 10px; background: #FFF8E1; color: #F57F17; border-radius: 30px; font-size: var(--fs-body-sm); font-weight: 600; }
.compare-note { font-size: var(--fs-body-sm); color: var(--text-light); text-align: center; margin: 0 auto; padding-top: 40px; line-height: 1.8; }
    /* ===== PHILOSOPHY ===== */
.philosophy-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.philosophy-quote { position: relative; }
.quote-mark { font-size: 120px; line-height: 0.7; color: var(--blue-light); opacity: 0.3; font-family: Georgia, serif; position: absolute; top: -10px; left: -20px; }
.philosophy-text { font-size: 22px; font-weight: 600; color: white; line-height: 1.8; position: relative; z-index: 1; }
.philosophy-text em { color: var(--blue-light); font-style: normal; }
.philosophy-points { display: flex; flex-direction: column; gap: 20px; }
.philosophy-point { display: flex; gap: 16px; padding: 20px; background: rgba(255, 255, 255, 0.06); border-radius: var(--radius); border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s; }
.philosophy-point:hover { background: rgba(255, 255, 255, 0.1); }
.philosophy-point-icon { font-size: 28px; flex-shrink: 0; }
.philosophy-point h4 { font-size: 15px; font-weight: 700; color: white; margin-bottom: 4px; }
.philosophy-point p { font-size: 13px; color: rgba(255, 255, 255, 0.65); line-height: 1.7; }

    /* ===== DIFF CARDS ===== */
    .diff-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
    .diff-card {background: white; border-radius: var(--radius-lg); padding: 45px; box-shadow: var(--shadow); border: 1px solid rgba(21,101,192,0.08); transition: all 0.3s; position: relative; overflow: hidden; }
    .diff-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
    .diff-number { font-size: 14px; font-weight: 300;  color: var(--navy); opacity: 0.5; margin-bottom: 8px;  font-family: 'Marcellus', serif !important;;}
    .diff-icon { font-size: 40px; margin-bottom: 16px; display: none !important; }
    .diff-title {font-size: 24px; font-weight: 600; color: var(--navy); margin-bottom: 10px;}
    .diff-text {font-size: 18px; color: var(--text-dark); }
    /* ===== EEAT ===== */
    .eeat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
    .eeat-card { border-radius: var(--radius-lg); padding: 45px; position: relative; overflow: hidden; }
    .eeat-card.e1 { background:var(--navy); }
    .eeat-card.e2 { background:#0f2940b2;}
    .eeat-card.a  { background:#0f294080;}
    .eeat-card.t  { background:#0f294060; }
    .eeat-badge { font-size: 60px; font-weight: 300; color: rgba(255,255,255,0.2); position: absolute; top: 10px; right: 20px; line-height: 1 !important;  font-family: 'Marcellus', serif !important; }
    .eeat-icon { font-size: 32px; margin-bottom: 12px; }
    .eeat-label { font-size: 14px; font-weight: 300 !important; letter-spacing: 2px !important; color: rgba(255,255,255,0.6); margin-bottom: 8px; font-family: 'Marcellus', serif !important;  }
    .eeat-title { font-size: 20px; font-weight: 600; color: white; margin-bottom: 8px; }
    .eeat-text { font-size: 18px; color: #fff;}
    /* ===== RELATED ===== */
    .related-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
    .related-card { background: white; border-radius: var(--radius); padding: 40px;  box-shadow: var(--shadow); border: 1px solid rgba(21,101,192,0.08); transition: all 0.3s; cursor: pointer;    }
    .related-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }
    .related-icon { font-size: 32px; margin-bottom: 10px; }
    .related-title { font-size: 20px; font-weight: 600; color: var(--navy); margin-bottom: 6px; }
    .related-desc { font-size: 18px; color: var(--text-dark); margin-bottom: 12px; }
    .related-link { font-size: 16px; font-weight: 300; color: var(--blue); display: flex; align-items: center; gap: 4px; }

    /* ===== CTA ===== */
    .cta-section {padding: 160px 0; text-align: center; position: relative; overflow: hidden; }
    .cta-label {    text-transform: uppercase; margin-bottom: 30px; letter-spacing: 10px !important; font-size: 18px; color: #bfc7ce; text-align: center; font-weight: 300 !important; font-family: 'Marcellus', serif !important;}
    .cta-title { font-weight: 600; color: white; margin-bottom: 16px;}
    .cta-desc { font-size: 18px; color: rgba(255, 255, 255); margin-bottom: 40px;  }
    .cta-buttons { display: flex; gap: 16px; justify-content: center; margin-bottom: 48px; }
    .btn-primary { background: white; color: var(--navy); padding: 16px 36px; border-radius: 50px; font-size: 16px; font-weight: 700; cursor: pointer; border: none; transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px; }
    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); }
    .btn-secondary-cta { background: transparent; color: white; padding: 16px 36px; border-radius: 50px; font-size: 16px; font-weight: 700; cursor: pointer; border: 2px solid rgba(255,255,255,0.4); transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px; }
    .btn-secondary-cta:hover { border-color: white; }
    .cta-info-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; max-width: 840px; margin: 0 auto; }
    .cta-info-item { background: rgba(255,255,255,0.08); border-radius: var(--radius); padding: 20px; border: 1px solid rgba(255,255,255,0.12); }
    .cta-info-label { font-size: 11px; color: rgba(255,255,255,0.5); margin-bottom: 6px; letter-spacing: 1px; text-transform: uppercase; }
    .cta-info-value { font-size: 14px; font-weight: 600; color: white; line-height: 1.6; }

 /* ===== TREATMENT SECTION ===== */
    /* .treatment-wrap { display: grid; grid-template-columns: 1fr 1fr;  gap: 48px; align-self: start;  position: relative;}
    .treatment-sticky-panel {position: sticky; align-self: start; } */
    .treatment-timeline { position: relative; padding-left: 48px; }
    .treatment-timeline::before {content: ''; position: absolute; left: 20px; top: 0; bottom: 0; width: 2px; background: var(--navy); }
    .treatment-step { position: relative; margin-bottom: 32px; }
    .treatment-step:last-child { margin-bottom: 0; }
    .step-bubble { position: absolute; left: -48px; top: 0; width: 42px; height: 42px;   background: var(--navy);  border-radius: 50%; display: flex; align-items: center; justify-content: center;   font-size: 16px; font-weight: 300; color: white; }
    .step-content {  background: white; border-radius: var(--radius-lg); padding: 45px;  box-shadow: var(--shadow); transition: all 0.3s; }
    .step-label { font-size: 16px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; color: var(--navy); margin-bottom: 6px; }
    .step-title { font-size: 24px; font-weight: 600; color: var(--navy); margin-bottom: 8px; }
    .step-desc { font-size: 18px; color: var(--text-dark); }
    .step-tips { margin-top: 16px; display: flex; flex-direction: column; gap: 7px; }
    .step-tip { display: flex; gap: 8px; align-items: flex-start; font-size: 16px; color: var(--text-mid); }
    .step-tip::before { content: '✓'; color: var(--navy); font-weight: 700; flex-shrink: 0; margin-top: 1px; }
        .step-tip.color_2::before {color: var(--accent);}
/* ===== FREQUENCY TABLE ===== */
.freq-table-wrap { background: white; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); border: 1px solid rgba(0,131,143,0.1); }
.freq-table-head { background: var(--navy-light); padding: 25px 35px 20px; font-size: var(--fs-body); font-weight: 300 !important; color: white; border-radius: 30px 30px 0 0; }
.freq-table { width: 100%; border-collapse: collapse; text-align: center !important; margin-bottom: 0 !important; }
.freq-table tbody { border-radius: 0 0 30px 30px; }
.freq-table thead th { background: var(--gray-100); padding: 15px !important; text-align: center !important; font-size: var(--fs-body-sm) !important; font-weight: 300 !important; }
.freq-table tbody tr { border-bottom: 1px solid var(--gray-200); }
.freq-table tbody tr:last-child { border-bottom: none; }
.freq-table tbody tr:hover { background: var(--gray-50); }
.freq-table td { padding: 16px 20px !important; font-size: var(--fs-body-sm) !important; color: var(--text-dark); text-align: center !important; vertical-align: middle; }
.freq-table td:first-child { font-weight: 600; color: var(--navy); width: 160px; white-space: nowrap; }
.pct-cell { font-size: var(--fs-body-sm); font-weight: 400 !important; }
.treatment-badge { display: inline-block; padding: 5px 10px; border-radius: 20px; font-size: var(--fs-label); font-weight: 400; white-space: nowrap; }
.treatment-badge.obs { background: var(--blue-pale); color: var(--blue-mid); }
.treatment-badge.need { background: var(--red-pale); color: var(--red); }
    /* ===== CAUSE SECTION ===== */
.cause-content { margin-top: 60px; }
.cause-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-grid); }
.cause-card { background: white; border-radius: var(--radius-lg); padding: var(--card-pad); box-shadow: var(--shadow); border: 1px solid rgba(106,27,154,0.08); transition: all 0.3s; text-align: center; position: relative; overflow: hidden; }
.cause-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
.cause-card:hover::after { width: 120px; height: 120px; }
.cause-card div h4 { font-size: var(--fs-h5) !important; color: var(--navy); }
.cause-card div p { font-size: var(--fs-body); color: var(--text-dark); }
.cause-icon { font-size: 24px; padding: 16px 0; }
.cause-num { display: inline-block; width: 28px; height: 28px; background: var(--navy); color: white; border-radius: 50%; font-size: var(--fs-label); font-weight: 400; line-height: 28px !important; margin-bottom: 12px; }
.cause-name { font-size: var(--fs-body-lg); font-weight: 600; color: var(--navy); margin-bottom: 10px; }
.cause-desc { font-size: var(--fs-body); color: var(--text-dark); }
.warn-box { margin-top: 28px; padding: 20px 24px; background: #FFF8E1; border-radius: var(--radius); }
.warn-box p { font-size: var(--fs-body); color: #795548; text-align: center; }
.warn-box__title { display: inline; color: var(--accent-warm) !important; line-height: 2; }

    /* ===== TYPES / SYMPTOM SECTION ===== */
    /* Type cards */
    .type-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
    .type-card { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); transition: all 0.3s; }
    .type-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
    .type-card-head { padding: 28px 28px 20px; position: relative; }
    .type-card-head.front { background: linear-gradient(135deg, #0B2545, #1565C0); }
    .type-card-head.middle { background: linear-gradient(135deg, #004D40, var(--teal)); }
    .type-card-head.back { background: linear-gradient(135deg, #4A148C, #6A1B9A); }
    .type-card-head.navy {background: var(--navy-light);}
    .type-card-head.red {background: var(--red-white);}
    .type-badge { position: absolute; top: 20px; right: 20px; padding: 4px 12px;  border-radius: 12px; background: rgba(255,255,255,0.2);  color: white; font-size: 11px; font-weight: 600;   }
    .type-icon-big { font-size: 40px; margin-bottom: 12px; }
    .type-name {font-size: 20px; font-weight: 700; color: white; margin-bottom: 4px; }
    .type-eng { font-size: 12px; color: rgba(255,255,255,0.6); }
    .type-card-body { background: white; padding: 24px 28px; }
    .type-tag.teal { background: var(--teal-light); color: var(--teal); }
    .type-tag.purple { background: var(--purple-light); color: var(--purple); }

    /* Warning callout */
    .warning-callout { margin-top: 24px; padding: 20px 24px;  background: linear-gradient(135deg, #FFF8E1, #FFFDE7);    border-radius: var(--radius); border-left: 4px solid var(--accent-warm);  }
    .warning-callout p { font-size: 14px; color: #795548; line-height: 1.8; }
    .warning-callout strong { color: var(--accent-warm); }
    
    /* ===== STAGE VISUAL (진행단계) ===== */
    .stage-flow { display: flex; gap: 0; align-items: stretch;  border-radius: var(--radius-lg); overflow: hidden;     box-shadow: var(--shadow);  }
    .stage-item { flex: 1; padding: 30px 20px; position: relative; }
    .stage-item.s1 { background: var(--navy-light); }
    .stage-item.s2 { background:var(--red-white); }
    .stage-arrow {  position: absolute; right: -1px; top: 50%;   transform: translateY(-50%);   width: 0; height: 0;      border-top: 20px solid transparent;    border-bottom: 20px solid transparent;    z-index: 2;    }
    .stage-arrow.s1 { border-left: 16px solid #8ba6c5; }
    .stage-item .stage-label { font-size: 16px; font-weight: 7300; letter-spacing: 2px; color: rgba(255,255,255,0.5); margin-bottom: 10px; }
    .stage-item .stage-name { font-size: 18px; font-weight: 500; color: white; }
    .stage-item .stage-ratio { font-size: 28px; font-weight: 800; color: rgba(255,255,255,0.9); margin-bottom: 8px; }
    .stage-item .stage-desc { font-size: 18px; color: rgba(255,255,255,0.7);}
    .stage-item .stage-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
    .stage-item .stage-tag { padding: 4px 10px; background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.85); border-radius: 30px; font-size: 16px; font-weight: 500; }
    
    /* TYPES */
    .type-intro{background:var(--navy);border-radius:var(--radius-lg);padding:36px 40px;margin-bottom:40px;display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center}
    .type-intro-title{font-size:22px;font-weight:700;color:white;line-height:1.5;margin-bottom:8px}
    .type-intro-sub{font-size:14px;color:rgba(255,255,255,.6);line-height:1.8}
    .type-chips{display:flex;flex-wrap:wrap;gap:10px}
    .type-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:30px;font-size:14px;color:white;font-weight:500}
    .type-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
    .type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
    .type-card{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:all .3s}
    .type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
    .type-card-head{padding:32px 32px 24px;position:relative}
    .type-card-head.mild {background: var(--navy-light);}
    .type-card-head.severe{background: var(--red-white);}
    .vein-branch{background:linear-gradient(135deg,#1565C0,#0D47A1)}
    .vein-central{background:linear-gradient(135deg,#6A1B9A,#4A148C)}
    .artery-branch{background:linear-gradient(135deg,#E65100,#BF360C)}
    .artery-central{background:linear-gradient(135deg,#B71C1C,#7F0000)}
    .type-badge-wrap{display:flex;align-items:center;gap:10px;margin-bottom:14px}
    .type-badge{padding:4px 12px;border-radius:30px;background:rgba(255,255,255,.2);color:white;font-size:16px;font-weight:600}
    .type-badge.emrg{background:rgba(255,255,255,.9);color:#B71C1C}
    .type-vessel-label{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.6)}
    .type-name{font-size:22px;font-weight:700;color:white;margin-bottom:4px}
    .type-eng{font-size:12px;color:rgba(255,255,255,.55)}
    .type-card-body{background:white;padding:28px 32px}
    .type-pct{display:flex;align-items:center;gap:6px;margin-bottom:14px}
    .type-pct-bar{flex:1;height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}
    .type-pct-fill{height:100%;border-radius:3px}
    .type-pct-text{padding-left:16px;font-weight:400;color:var(--text-light);white-space:nowrap}
    .type-desc{font-size:18px;color:var(--text-mid);margin-bottom:14px}
    .type-symptom-title{font-size:12px;font-weight:700;color:var(--navy);margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase}
    .type-symptoms{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
    .type-symptom-item{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--text-mid)}
    .type-symptom-item::before{content:"▸";font-size:10px;color:var(--red);flex-shrink:0;margin-top:3px}
    .type-tx{background:var(--red-bg);border-radius:8px;padding:12px 16px;margin-bottom:12px}
    .type-tx-title{font-size:11px;font-weight:700;color:var(--red);margin-bottom:6px;letter-spacing:1px}
    .type-tx-text{font-size:13px;color:var(--text-mid);line-height:1.7}
    .type-tags{display:flex;flex-wrap:wrap;gap:6px}
    .tag-blue{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background:var(--blue-bg);color:var(--blue)}
    .tag-purple{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background:var(--purple-light);color:var(--purple)}
    .tag-orange{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background:var(--orange-light);color:var(--orange)}
    .tag-red{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background:var(--red-pale);color:var(--red)}
    .emrg-strip{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#B71C1C,#D32F2F);color:white;padding:10px 16px;border-radius:8px;margin:12px 0;font-size:13px;font-weight:600}
   /* INFO PANEL */
    .info-panel{background:white;border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);margin-bottom:24px}
    .info-panel h3{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:20px;display:flex;align-items:center;gap:8px}
    .info-row{padding:14px 16px;border-radius:8px;border-left:3px solid;margin-bottom:12px}
    .info-row:last-child{margin-bottom:0}
    .info-row.red{background:var(--red-pale);border-color:var(--red)}
    .info-row.orange{background:var(--orange-light);border-color:var(--orange)}
    .info-row.blue{background:var(--blue-bg);border-color:var(--blue)}
    .info-row .ir-title{font-size:13px;font-weight:700;margin-bottom:4px}
    .info-row.red .ir-title{color:var(--red)}
    .info-row.orange .ir-title{color:var(--orange)}
    .info-row.blue .ir-title{color:var(--blue)}
    .info-row .ir-text{font-size:12px;color:var(--text-mid);line-height:1.7}
    .alert-panel{background:var(--navy);border-radius:var(--radius-lg);padding:28px 32px}
    .alert-panel-title{font-size:15px;font-weight:700;color:white;margin-bottom:16px;display:flex;align-items:center;gap:8px}
    .alert-icon{width:24px;height:24px;background:var(--red);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:white;flex-shrink:0}
    .alert-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,.07);border-radius:8px;font-size:13px;color:rgba(255,255,255,.85);margin-bottom:8px}
    .alert-item:last-child{margin-bottom:0}
       /* EQUIPMENT */
    .equip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .equip-card{background:white;border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow);border:1px solid rgba(198,40,40,.08);transition:all .3s;position:relative;overflow:hidden}
    .equip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--red-light)}
    .equip-icon{width:60px;height:60px;border-radius:16px;background:var(--red-pale);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:18px}
    .equip-name{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:8px}
    .equip-eng{font-size:11px;color:var(--text-light);margin-bottom:12px;letter-spacing:.5px}
    .equip-desc{font-size:13px;color:var(--text-light);line-height:1.8}
    .equip-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
    .equip-tag{padding:3px 9px;border-radius:10px;font-size:11px;font-weight:600;background:var(--red-pale);color:var(--red)}

/* Risk checklist */
.risk-box { background: white; border-radius: var(--radius-lg); padding: 40px; box-shadow: var(--shadow); border: 1px solid rgba(21,101,192,0.08); }
.risk-box h3 { font-size: var(--fs-body-lg) !important; font-weight: 600; color: var(--navy); margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.risk-box .risk-sub { font-size: var(--fs-body); color: var(--text-light); margin-bottom: 24px; padding-bottom: 0; }
.risk-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.risk-item { display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px; background: var(--blue-bg); border-radius: var(--radius); transition: all 0.2s; }
.risk-item:hover { background: var(--blue-pale); }
.risk-check { width: 24px; height: 24px; border-radius: 50%; background: var(--navy-light); color: white; font-size: var(--fs-xs); font-weight: 700; flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.risk-item p { font-size: var(--fs-body); color: var(--text-dark); }
/* ===== DIAGNOSIS SECTION ===== */
.diag-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-grid); }
.diag-card { background: white; border-radius: var(--radius-lg); padding: var(--card-pad-sm) 28px; box-shadow: var(--shadow); border: 1px solid rgba(21,101,192,0.08); transition: all 0.3s; position: relative; }
.diag-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
.diag-num { position: absolute; top: 5px; right: 24px; font-size: 50px; font-weight: 300; color: var(--blue-pale); font-family: 'Marcellus', serif !important; }
.diag-icon { width: 56px; height: 56px; border-radius: 14px; background: linear-gradient(135deg, var(--blue-light), var(--blue)); display: flex; align-items: center; justify-content: center; font-size: 26px; margin-bottom: 18px; }
.diag-name { font-size: var(--fs-body-lg); font-weight: 600; color: var(--navy); margin-bottom: 0px; }
.diag-eng { font-size: var(--fs-body-sm); color: var(--navy-light-table); font-weight: 300; margin-bottom: 12px; font-family: 'Marcellus', serif !important; }
.diag-desc { font-size: 16px; color: var(--text-dark); }
  /* SLT recommend box */
    .slt-box {   margin-top: 40px; background: linear-gradient(135deg, var(--navy), #1565C0);  border-radius: var(--radius-lg); padding: 40px; color: white;    }
    .slt-box h3 { font-size: 22px; font-weight: 700; margin-bottom: 8px; }
    .slt-box .slt-sub { font-size: 14px; color: rgba(255,255,255,0.7); margin-bottom: 28px; }
    .slt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
    .slt-col h4 { font-size: 14px; font-weight: 700; color: var(--blue-light); margin-bottom: 14px; letter-spacing: 1px; }
    .slt-list { display: flex; flex-direction: column; gap: 10px; }
    .slt-list-item { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: rgba(255,255,255,0.85); line-height: 1.6; }
    .slt-list-item::before { content: '•'; color: var(--blue-light); flex-shrink: 0; font-weight: 700; }
    
    /* ===== AFTERCARE ===== */
    .aftercare-box { background: var(--teal-light); border-radius: var(--radius-lg);  padding: 40px; border: 1px solid rgba(0,131,143,0.15);
    }
    .aftercare-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin-top: 24px; }
    .aftercare-item { display: flex; gap: 14px; align-items: flex-start; background: white; padding: 20px; border-radius: var(--radius); }
    .aftercare-item .ac-icon { font-size: 24px; flex-shrink: 0; }
    .aftercare-item h4 { font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
    .aftercare-item p { font-size: 13px; color: var(--text-mid); }

    /* ===== PREVENTION ===== */
    .aftercare-box__title { font-size: var(--fs-h5) !important; font-weight: 600; color: var(--navy); display: flex; align-items: center; gap: 10px; }
    .aftercare-box__desc { font-size: 16px; color: var(--text-dark); margin-top: 12px; }
    .section_head_2 p.aftercare-box__desc {font-size: 18px !important; margin-top: 0 !important;}
    .aftercare-box__em { color: var(--navy); }
    .aftercare-box { background: white; border-radius: var(--radius-lg); padding: var(--card-pad-sm); box-shadow: var(--shadow); }
    .aftercare-box:hover {transform: translateY(-3px); box-shadow: var(--shadow-hover); }
    .prevent-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
    .prevent-card { background: white; border-radius: var(--radius-lg); padding: var(--gap-grid-lg);  box-shadow: var(--shadow); border: 1px solid rgba(0,131,143,0.1);  transition: all 0.3s; display: flex; gap: 8px; align-items: flex-start; }
    .prevent-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }
    .prevent-icon {  width: 35px; height: 35px; border-radius: 12px; flex-shrink: 0;  background: var(--teal-light); display: flex; align-items: center; justify-content: center; font-size: 20px; }
    .prevent-card h4 { font-size: 24px !important; font-weight: 600; color: var(--navy); margin-bottom: 6px; }
    .prevent-card p { font-size: 16px; color: var(--text-dark); }
/* ===== WHEN TO VISIT ===== */
    .when-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; }
    .when-card {
      background: white; border-radius: var(--radius-lg); padding: 32px 28px;
      box-shadow: var(--shadow); border: 1px solid rgba(46,125,50,0.08);
      transition: all 0.3s;
    }
    .when-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
    .when-age {
      display: inline-block; padding: 6px 14px;
      background: var(--green); color: white; border-radius: 20px;
      font-size: 12px; font-weight: 700; margin-bottom: 14px;
    }
    .when-title { font-size: 17px; font-weight: 700; color: var(--navy); margin-bottom: 10px; }
    .when-list { display: flex; flex-direction: column; gap: 8px; }
    .when-item { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--text-mid); line-height: 1.7; }
    .when-item::before { content: '•'; color: var(--green); font-weight: 700; flex-shrink: 0; margin-top: 2px; }
    .when-tip { margin-top: 14px; padding: 10px 14px; background: var(--green-light); border-radius: 8px; font-size: 12px; color: var(--green); font-weight: 600; }


  /* ===== DISEASE CARDS (기타 안질환) ===== */
.disease-list { display: flex; flex-direction: column; gap: 28px; }

.disease-card { background: white; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); border: 1px solid var(--gray-200); display: grid; grid-template-columns: 220px 1fr; transition: all 0.3s; }
.disease-card:hover { box-shadow: var(--shadow-hover); }

.disease-visual { display: flex;   align-items: center;justify-content: center; padding: var(--card-pad-sm) 0  var(--card-pad-sm) var(--card-pad-sm);}
.disease-img {  width: 130px;  height: 130px;  border-radius: 50%;  object-fit: contain; background: var(--gray-50); margin-bottom: 0;}

.disease-body { padding: var(--card-pad); }
.disease-name { font-size: var(--fs-h5); font-weight: 700; color: var(--navy); margin-bottom: 4px; }
.disease-eng { font-size: var(--fs-body-sm); font-weight: 300; color: var(--navy-light-table); letter-spacing: 0.5px; margin-bottom: 14px; font-family: 'Marcellus', serif !important; }
.disease-desc { font-size: var(--fs-body); color: var(--text-dark); }

.disease-treat-tag { display: inline-flex; align-items: center; gap: 6px; background: var(--navy-light); color: var(--white); font-size: var(--fs-body); font-weight: 600; padding: 6px 14px; border-radius: 20px; margin-bottom: 12px; }
.disease-treat { font-size: var(--fs-body-sm); color: var(--text-dark); }
.disease-treat strong { color: var(--navy); }

.subtype-table { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.subtype-row { display: grid; grid-template-columns: 140px 1fr; gap: 14px; align-items: start; }
.subtype-label { background: var(--navy-light); color: white; border-radius: 8px; padding: 10px 12px; font-size: var(--fs-body-sm); font-weight: 600; text-align: center; line-height: 1.4; }
.subtype-label.alt { background: var(--teal); }
.subtype-label.warn { background: var(--accent); }
.subtype-desc { font-size: var(--fs-body-sm); color: var(--text-mid); line-height: 1.8; }
.subtype-desc strong { color: var(--accent); }

.sym-icons { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 30px; }
.sym-icon { text-align: center; background: var(--gray-50); border-radius: 10px; padding: 12px 14px; width: 120px; border: 1px solid var(--gray-200); aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.sym-icon .si-emoji { font-size: 24px; }
.sym-icon .si-label { font-size: var(--fs-body-sm); color: var(--text-mid); margin-top: 4px; }

.treat-opts { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.treat-opt { display: flex; gap: 12px; align-items: flex-start; background: var(--gray-50); border-radius: 10px; padding: 15px 20px; }
.treat-opt-tag { background: var(--navy-light); color: white; border-radius: 6px; padding: 4px 10px; font-size: var(--fs-body-sm); font-weight: 600; flex-shrink: 0; }
.treat-opt p { font-size: var(--fs-body-sm); color: var(--text-mid); }

.index-chips { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 8px; }
.index-chip { padding: 10px 20px; background: white; border: 1.5px solid var(--blue-pale); border-radius: 30px; font-size: var(--fs-label); font-weight: 600; color: var(--blue); cursor: pointer; transition: all 0.2s; }
.index-chip:hover { background: var(--blue); color: white; border-color: var(--blue); }

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .disease-card { grid-template-columns: 1fr; }
  .disease-visual { border-right: none; border-bottom: 1px solid var(--gray-200); min-height: 200px; max-height: 240px; }
  .subtype-row { grid-template-columns: 1fr; gap: 6px; }
  .subtype-label { text-align: left; }
  .disease-img {width: 170px !important;margin-bottom: 0 !important;}
}

@media (max-width: 480px) {
  .disease-visual { min-height: 160px; max-height: 200px; }
  .treat-opt { flex-direction: column; gap: 8px; }
}


 /* ===== OXYGEN GAUGE (산소투과성) ===== */
    .oxygen-box { background: var(--navy-light); border-radius: var(--radius-lg); padding: 60px; color: white; }
    .oxygen-box h3 { font-size: 24px; font-weight: 600; margin-bottom: 8px; color: var(--white);}
    .oxygen-box .ox-sub { font-size: 18px; color: rgba(255,255,255); width: 60%; padding-bottom: 40px;}
    .ox-bar-wrap { margin-bottom: 18px; }
    .ox-bar-label { display: flex; justify-content: space-between; font-size: 16px; margin-bottom: 8px; color: rgba(255,255,255,0.85); }
    .ox-bar { height: 14px; border-radius: 8px; background: rgba(255,255,255,0.1); overflow: hidden; }
    .ox-bar-fill { height: 100%; border-radius: 8px; background: var(--white); }
    .ox-mats { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
    .ox-mat { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 20px; padding: 6px 14px; font-size: 14px; color: rgba(255,255,255,0.85); }
     .oxygen-box .compare-note {color: #ffffff88; padding-top: 0;}

        /* ===== ASPHERIC (비구면) ===== */
    .asph-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
    .asph-visual {border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; overflow: hidden; }
    .asph-visual img {object-fit: contain; margin-bottom: 0 !important;}
    .asph-lens { width: 80%; max-width: 300px; }
    .asph-text h3 { font-size: 24px; font-weight: 600; color: var(--navy); margin-bottom: 16px; }
    .asph-text p { font-size: 18px; color: var(--text-dark); width: 90%;}
    /* compare soft vs hard */
    .sh-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    .sh-card { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); border: 1px solid var(--gray-200); }
    .sh-head { padding: 18px; text-align: center; font-size: 17px; font-weight: 700; color: white; }
    .sh-head.soft { background: linear-gradient(135deg, #455A64, #607D8B); }
    .sh-head.hard { background: linear-gradient(135deg, var(--blue), var(--teal)); }
    .sh-body { background: white; padding: 24px 26px; }
    .sh-row { padding: 10px 0; border-bottom: 1px dashed var(--gray-200); font-size: 13.5px; color: var(--text-mid);}
    .sh-row:last-child { border-bottom: none; }
      /* ===== PRECAUTION (수술 전후 주의사항) ===== */
    .precaution-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
    .precaution-card { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); }
    .precaution-head { padding: 30px; }
    .precaution-head.before { background: var(--navy-light);}
    .precaution-head.after {  background: var(--navy-light); }
    .precaution-num { font-size: 11px; font-weight: 700; letter-spacing: 2px; color: rgba(255,255,255,0.5); margin-bottom: 8px; display: none !important;}
    .precaution-title { font-family: 'Noto Serif KR',serif; font-size: 20px; font-weight: 700; color: white; margin-bottom: 4px; }
    .precaution-sub { font-size: 16px; color: rgba(255,255,255,0.6); }
    .precaution-body { background: white; padding: 30px;  font-family: 'Marcellus', serif !important; }
    .precaution-list { list-style: none; }
    .precaution-list li:first-child {padding-top: 0 !important;}
    .precaution-list li {
      display: flex; align-items: flex-start; gap: 12px;
      padding: 14px 0; border-bottom: 1px solid var(--gray-200);
      font-size: 18px; color: var(--text-dark);
    }
    .precaution-list li:last-child { border-bottom: none; }
    .precaution-check {
      width: 22px; height: 22px; border-radius: 50%;
      background: var(--navy-light-table); color: var(--white);
      display: flex; align-items: center; justify-content: center;
      font-size: 12px; font-weight: 700; flex-shrink: 0; margin-top: 1px;
    }
    
    /* ===== TREATMENT — YAG LASER ===== */
    .laser-visual {
      background: linear-gradient(145deg, #1A0050, #3A0080, var(--purple));
      border-radius: var(--radius-lg); padding: 40px 32px; text-align: center; position: relative; overflow: hidden;
    }
    .laser-visual::before { content: ''; position: absolute; top: -50px; right: -50px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(200,120,255,0.2) 0%, transparent 70%); }
    .laser-visual::after { content: ''; position: absolute; bottom: -30px; left: -30px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(66,165,245,0.15) 0%, transparent 70%); }
    .laser-icon-big { font-size: 72px; display: block; margin-bottom: 16px; position: relative; z-index: 1; filter: drop-shadow(0 0 16px rgba(180,100,255,0.6)); }
    .laser-name { font-family: 'Noto Serif KR', serif; font-size: 22px; font-weight: 700; color: white; margin-bottom: 4px; }
    .laser-eng { font-size: 12px; color: rgba(255,255,255,0.55); letter-spacing: 1px; margin-bottom: 20px; }
    .laser-specs { display: flex; flex-direction: column; gap: 8px; position: relative; z-index: 1; }
    .laser-spec-row { display: flex; justify-content: space-between; align-items: center; background: rgba(255,255,255,0.1); border-radius: 8px; padding: 10px 14px; }
    .laser-spec-key { font-size: 12px; color: rgba(255,255,255,0.6); }
    .laser-spec-val { font-size: 13px; font-weight: 700; color: white; }
    .laser-spec-val.highlight { color: #CE93D8; }
    .laser-badge { display: inline-block; margin-top: 14px; background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.25); border-radius: 20px; padding: 6px 16px; font-size: 13px; color: rgba(255,255,255,0.9); font-weight: 600; position: relative; z-index: 1; }

    .treatment-tag { display: inline-flex; align-items: center; gap: 6px; background: #ffffff85; color: var(--white); font-size: 12px; font-weight: 500; padding: 5px 12px; border-radius: 20px; margin-bottom: 16px; }
    .treatment-heading { font-family: 'Noto Serif KR', serif; font-size: 26px; font-weight: 700; color: var(--navy); line-height: 1.4; margin-bottom: 16px; }
    .treatment-text { font-size: 15px; color: var(--text-mid); line-height: 1.9; margin-bottom: 12px; }
    .treatment-highlight { background: var(--purple-light); border-left: 3px solid var(--purple); border-radius: 0 var(--radius) var(--radius) 0; padding: 16px 20px; margin: 20px 0; }
    .treatment-highlight p { font-size: 14px; color: #4A0072; line-height: 1.8; }
    .treatment-highlight strong { color: var(--purple); }
    .feature-list { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
    .feature-item { display: flex; align-items: flex-start; gap: 12px; background: var(--gray-50); border-radius: var(--radius); padding: 14px 18px; border: 1px solid var(--gray-200); transition: all 0.2s; }
    .feature-item:hover { border-color: var(--blue-light); background: var(--blue-bg); }
    .feature-icon { font-size: 18px; flex-shrink: 0; margin-top: 2px; }
    .feature-text { font-size: 13px; color: var(--text-mid); line-height: 1.7; }
    .feature-text strong { color: var(--navy); font-weight: 700; }
    .treatment-img {margin-bottom: 24px; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow);}
    .treatment-img img{margin-bottom: 0 !important; object-fit: cover;}
    /*장비소개*/
    .sub_equipment_wrap .team-member {margin-top: 0px ;}
    .sub_equipment_wrap .team-meta {padding: 0 10px;}
    .equipment .tabbed>ul li a span {
    font-size: 20px;
}
.team-member[data-style=bio_fullscreen_alt] h5 {
    font-family: 'Marcellus', serif !important;  font-weight: 400 !important;  font-size: 14px !important; letter-spacing: 0!important;
}
.team-member[data-style=bio_fullscreen_alt] h3 {
    color: var(--navy) !important;
    font-size: 21px !important;
}
.team_member_details .bio-inner .title {
    font-weight: 400 !important;     font-size: 18px;
}
.team_member_details .bio-inner .team-desc {
    font-size: 17px;
    line-height: 1.8 !important;
}
.nectar_team_member_overlay[data-style=bio-fullscreen-alt] .team_member_details h2 {
    color: var(--navy);
    margin-bottom: 10px !important;
}
.nectar_team_member_overlay .team_member_details .team-desc {
    color: var(--text-dark);
    font-size: var(--fs-body);
}

.gform_title {color: var(--navy); font-size: var(--fs-body-lg); text-align: center;}
.gform-theme--foundation .gform_fields {row-gap: 0 !important;}
#field_1_8 .input_8 {margin-top: 30px !important;}

/*개인정보 수집 동의*/
#field_1_21 {
    display: flex;
    flex-direction: column;
}

#field_1_21 .gfield_description {
    order: 1;
    font-size: 15px;
    color: var(--text-mid);
    margin-top: 5px;
}

#field_1_21 .ginput_container_consent {
    order: 2; padding-top: 15px !important;
}

#field_1_21 .gfield_label {
    padding-top: 20px !important;
}

body .gform_wrapper .top_label .gfield_label {
    font-size: 16px;
    font-weight: 600 !important;
}

.retina-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 40px;  padding-top: 40px;}
.retina-compare-group { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); background: var(--white); }
.retina-compare-label { padding: 16px 20px; background: var(--navy-light); font-size: var(--fs-body-lg); font-weight: 600; color: white; text-align: center; }
.retina-compare-body { display: grid; grid-template-columns: 1fr; gap: 24px; padding:0 0 20px; }
.retina-compare-item { display: flex; flex-direction: column; align-items: center;  }
.retina-compare-item img { width: 100%; border-radius: var(--radius); display: block; margin-bottom: 0 !important; }
.retina-compare-caption { font-size: var(--fs-body); color: var(--text-dark); text-align: center; }


/* 팝업 */
#cross-popup-slider .popup-wrap {max-width: 780px !important;}
.cross-popup-slider-common .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #088bc3 !important;}

.kboard-prev-document .kboard-pure-gallery-cut-strings {padding: 0  0 0 30px !important;}
.kboard-next-document .kboard-pure-gallery-cut-strings {padding:  0 30px  0 0  !important;}
.aftercare-box__desc.desc_pd_mg {margin-top: 0 !important; padding-bottom: 0 !important;}
.section.section-risa {padding: 110px 10% !important;}

.lens-target-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}

.lens-guide-box {
  background: var(--navy-light);
  border-radius: var(--radius-lg);
  padding: 32px;
}

.lens-guide-title {
  font-size: 20px;
  font-weight: 700;
  color: white;
  margin-bottom: 16px;
}

.lens-guide-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lens-guide-item {
  padding: 14px 16px;
  background: rgba(255,255,255,0.08);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.lens-guide-item.is-active {
  background: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.4);
}

.lens-guide-icon {
  width: 32px;
  height: 32px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--blue);
  flex-shrink: 0;
}

.lens-guide-name {
  font-size: 18px;
  font-weight: 600;
  color: white;
}

.lens-guide-desc {
  font-size: 18px;
  color: rgba(255,255,255,0.6);
  margin-top: 2px;
}

.lens-guide-item.is-active .lens-guide-desc {
  color: rgba(255,255,255,0.8);
}

.lens-guide-note {
  font-size: 16px;
  color: rgba(255,255,255,0.45);
  margin-top: 16px;
  line-height: 1.7;
}
.lens-compare-box {
  background: var(--navy-light);
  border-radius: var(--radius-lg);
  padding: 32px;
}

.lens-compare-title {
  font-size: 20px;
  font-weight: 700;
  color: white;
  margin-bottom: 20px;
}

.lens-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.lens-compare-card {
  padding: 16px;
  background: rgba(255,255,255,0.08);
  border-radius: 8px;
  text-align: center;
}

.lens-compare-card.is-active {
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.3);
}

.lens-compare-label {
  font-size: 18px;
  color: rgba(255,255,255,0.6);
  margin-bottom: 8px;
}

.lens-compare-card.is-active .lens-compare-label {
  color: rgba(255,255,255,0.9);
}

.lens-compare-icon {
  font-size: 24px;
  margin: 8px 0;
}

.lens-compare-result {
  font-size: 16px;
  color: rgba(255,255,255,0.7);
}

.lens-compare-card.is-active .lens-compare-result {
  color: white;
  font-weight: 600;
}

.lens-compare-note {
  font-size: 16px;
  color: rgba(255,255,255,0.45);
  margin-top: 20px;
  line-height: 1.7;
}

.page-id-2189 .symptom-item-badge, .page-id-2312 .symptom-item-badge , .page-id-2314 .symptom-item-badge {border-radius: 30px !important;}