@import url('../font/Pretendard/Pretendard.css');
@import url('/ko/wp-content/local-fonts/roboto.css');

/*-----------------------------------------------------------------
폰트설정
-----------------------------------------------------------------*/
html,
body,
div,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
input {
    font-family: "Pretendard", "Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important;
    word-break: keep-all;
}

.entry-content .twitter-share-button,
.fb_like,
.twitter-share-button,
.wpb_accordion .wpb_content_element,
.wpb_googleplus,
.wpb_pinterest,
.wpb_tab .wpb_content_element {
    margin-bottom: 0;
}

.c_black p {
    color: #101010 !important;
}
.c_black2 p {
    color: #242424 !important;
}
.c_black3 p {
    color: #333 !important;
}
.c_white p {
    color: #fff !important;
}
.c_beige p {
    color: #E0D6D9 !important;
}
.c_purple p {
    color: #3b2749 !important;
}


.m_none {
    display: block !important;
}
.m_block {
    display: none !important;
}

@media screen and (max-width:999px) {
    .m_none {
        display: none !important;
    }

    .m_block {
        display: block !important;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 !important;
    font-weight: 400 !important;
}


/*-----------------------------------------------------------------
기본설정
-----------------------------------------------------------------*/
body a:hover {
    text-decoration: none !important;
    transition: all .3s linear !important;
    -webkit-transition: all .3s linear !important;
    -ms-transition: all .3s linear !important;
    -moz-transition: all .3s linear !important;
}

#primary,
body.has-composer.page-template-blog #primary,
body.has-composer.post-type-archive-product #primary {
    padding-bottom: 0 !important;
}

.clearFix:after {
    clear: both;
    content: '';
    display: block;
}

.entry ul, .entry ol {
    margin: 0 !important;
}

li {
    list-style: none !important;
}

p {
    margin: 0 !important;
}

.vc_column-inner {
    margin-bottom: 0 !important;
}

.wpb_single_image .vc_figure-caption {
    padding-bottom: .8em;
    padding-top: 0;
}

.single-post .entry {
    margin-top: 18px;
}

a.vcex-button.theme-button.medium.inline.animate-on-hover.wpex-data-hover {
    border-radius: 0 !Important;
}

.ascend {
    background-color: #ffffff;
}

body[data-bg-header="true"] .container-wrap,
body.single-portfolio .container-wrap,
body.page-template-template-portfolio-php .container-wrap,
body.tax-project-type .container-wrap {
    padding-bottom: 0px !important;
}

.container-wrap {
    padding-bottom: 0px;
}

.wpb_row, .wpb_content_element {
    margin-bottom: 0px;
}

.wpb_wrapper > div {
    margin-bottom: 0px !important;
}

p {
    padding-bottom: 0px;
}

/*리셋*/
.material .wpb_row, .material .wpb_content_element {
    margin-bottom: 0px ;
}

body[data-bg-header="true"] .container-wrap {
    padding-bottom: 0px;
}

body[data-header-resize="0"] .container-wrap {
    padding-top: 0px;
}

.row .col img {
    margin-bottom: 0px !important;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 25px;
}

.bold, strong, b {
    font-family: "Pretendard", "Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important;
}

body.single .project-title .section-title {
    padding: 0px;
}

.container-wrap {
    padding-bottom: 0 !important;
}

.material .wpb_row {
    margin-bottom: 0 !important;
}

body[data-header-resize="0"] .container-wrap {
    padding-top: 0px !important;
}

.img-with-aniamtion-wrap .hover-wrap {
    margin-bottom: 0px !important;
}

.row .col h3, .row .col h4 {
    margin-bottom: 0;
}

.vc_do_custom_heading {
    margin-bottom: 0;
}

/* 사이트 전체 스크롤관련 좌우여백 생성 금지 */
#ajax-content-wrap { --scroll-bar-w: 0px !important; }


/*-----------------------------------------------------------------

메뉴

-------------------------------------------------------------------*/
/*menu*/
@media only screen and (min-width: 1000px) {
    html body #header-outer, html body #header-space {
        width: calc(100% - 40px) !important;
        max-width: none !important;
        margin-top: 14px !important;
    }
}
#header-outer[data-full-width=true] header>.container {
    padding: 0 60px !important;
}


#header-outer #top nav > ul > li > a,
#header-outer #top nav > .sf-menu > li > a {
    font-size: 20px;
    letter-spacing: -0.3px;
}

#header-outer nav > ul > .megamenu > ul > li > a {
    font-weight: 600 !important;
}

#header-outer.transparent #top nav > ul > li > a,
#header-outer.transparent #top nav > .sf-menu > li > a {
    opacity: 1;
}

#header-outer .sf-menu li > ul li a {
    font-size: 17px !important;
    line-height: 25px !important;
    letter-spacing: -0.5px !important;
    border-radius: 7px;
}

#header-outer[data-format=menu-left-aligned] .row .col.span_3 {
    margin-right: 70px;
}

#header-outer.transparent #top nav > ul > li > a,
#header-outer.transparent #top nav > .sf-menu > li > a {
    opacity: 1 !important;
}

#header-outer.transparent #top nav > ul > li > a,
#header-outer.transparent #top nav > .sf-menu > li > a:hover {
    opacity: 0.7 !important;
}


/*로그인*/
ul.buttons.sf-menu .menu-item-10000001 {
    display: none !important;
}
ul.buttons.sf-menu .menu-item-10000002 {
    display: none !important;
}


/**/
#header-outer header {
    position: relative;
}

li#menu-item-10000001 {
    position: absolute !important;
    top: 31px;
    right: 113px;
}
li#menu-item-10000001:after {
    position: absolute;
    background: #c9c5bc57;
    width: 1px;
    height: 13px;
    display: inline-block;
    content: "";
    right: 3px;
}
li#menu-item-10000001 a span {
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #c9c5bcab;
}

li#menu-item-10000002 {
    position: absolute !important;
    top: 31px;
    right: 36px;
}
li#menu-item-10000002 a span {
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #c9c5bcab;
}


/*로그인 페이지*/
.form-wrap .form-top-button button.login-button {
    background: #000 !important;
}

.cosmosfarm-members-form.signup-form.two input.buttons {
    background: #000 !important;
}



/*햄버거 menu*/
.off-canvas-menu-container .menu-item-10000001 a {
    font-size: 17px !important;
    border: 2px solid #fff;
    padding: 3px 20px !important;
    margin-top: 30px;
    border-radius: 50px;
}

.off-canvas-menu-container .menu-item-10000002 a {
    font-size: 17px !important;
    border: 2px solid #fff;
    padding: 3px 20px !important;
    border-radius: 50px;
}

#slide-out-widget-area .ocm-dropdown-arrow {
    padding-left: 230px;
    overflow: hidden;
}

div#slide-out-widget-area {
    background: #d0b9a5;
}

.off-canvas-menu-container .cosmosfarm-members-logout a:after {
    border-color: #ffffff00 !important;
}

.off-canvas-menu-container .cosmosfarm-members-account a:after {
    border-color: #ffffff00 !important;
}


.off-canvas-menu-container .cosmosfarm-members-login a:after {
    border-color: #ffffff00 !important;
}

.off-canvas-menu-container .cosmosfarm-members-register a:after {
    border-color: #ffffff00 !important;
}

@media screen and (max-width:999px) {
    .off-canvas-menu-container.mobile-only {
        display: none !important;
    }

    .off-canvas-menu-container .menu-item.menu-item-type-post_type.menu-item-object-page a {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .off-canvas-menu-container li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-301 a {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .off-canvas-menu-container .menu-item-10000001 a {
        font-size: 14px !important;
        padding: 1px 20px !important;
        margin-top: 20px;
    }

    .off-canvas-menu-container .menu-item-10000002 a {
        font-size: 14px !important;
        padding: 1px 20px !important;
    }
}


/*-----------------------------------------------------------------

메뉴 - 사이트맵용

-------------------------------------------------------------------*/
.off-canvas-menu-container .menu-wrap.menuwrapper {
    display: none !important;
}

div#nav_menu-4 li.cosmosfarm-members-logout {
    display: none !important;
}

div#nav_menu-4 li.cosmosfarm-members-account {
    display: none !important;
}

div#nav_menu-4 li.cosmosfarm-members-login {
    display: none !important;
}

div#nav_menu-4 li.cosmosfarm-members-register {
    display: none !important;
}

/*커스텀*/
div#nav_menu-4 {
    max-width: 1500px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    padding-right: 20px !important;
}

div#nav_menu-4 ul#menu-main-menu-3 > li {
    width: 14.6% !important;
    float: left;
    margin: 0 1%;
    height: 309px;
}

div#nav_menu-4 ul#menu-main-menu-3 > li > a {
    background: #d4842b;
    border-radius: 15px;
    opacity: 1 !important;
    padding: 7px 5px 9px 5px !important;
    font-size: 20px !important;
    letter-spacing: -0.6px;
    display: block;
    line-height: 30px;
    margin-bottom: 14px;
    font-weight: 400 !important;
    color: #fff;
}

div#nav_menu-4 ul#menu-main-menu-3 li ul {
    padding: 0 0 0 0px !important;
}

div#nav_menu-4 ul#menu-main-menu-3 li ul li {
    margin-top: 2px !important;
}

div#nav_menu-4 ul#menu-main-menu-3 li ul li.menu-item-has-children > a {
    border: 1px solid #fff;
    border-radius: 50px;
    background: #24242417;
    display: inline-block;
    padding: 1px 28px !important;
}

div#nav_menu-4 ul#menu-main-menu-3 li ul li.menu-item-1482 > a {
    margin-top: 10px;
}
div#nav_menu-4 ul#menu-main-menu-3 li ul li.menu-item-1483 > a {
    margin-top: 10px;
}
div#nav_menu-4 ul#menu-main-menu-3 li ul li.menu-item-3843 > a {
    margin-top: 10px;
}

div#nav_menu-4 ul#menu-main-menu-3 > li ul li a {
    font-size: 17px !important;
    line-height: 30px !important;
    font-weight: 400 !important;
    letter-spacing: -0.4px !important;
    color: #fff;
    padding: 0 !important;
}


/*국기 다국어 */
div#block-9 {
    z-index: 9999;
    position: relative;
    display: none;
}

.menu_flag {
    position: absolute;
    left: 210px;
}

.menu_flag li {
    float: left;
    margin-left: 10px !important;
}

.menu_flag li:first-child {
    margin-left: 0px !important;
}

.menu_flag li:first-child a {
    opacity: 1 !important;
}

.menu_flag li img {
    max-width: 25px;
}

@media screen and (max-width:999px) {
    div#block-9 {
        display: block;
    }

    div#nav_menu-2 {
        padding-top: 50px !important;
    }

    /*로그인 메뉴관련*/
    div#nav_menu-4 li.cosmosfarm-members-logout {
        display: block !important;
    }

    div#nav_menu-4 li.cosmosfarm-members-account {
        display: block !important;
    }

    div#nav_menu-4 li.cosmosfarm-members-login {
        display: block !important;
    }

    div#nav_menu-4 li.cosmosfarm-members-register {
        display: block !important;
    }

    div#nav_menu-4 li.cosmosfarm-members-logout a,
    div#nav_menu-4 li.cosmosfarm-members-login a {
        background: none !important;
        position: absolute;
        top: 0;
        left: 20px;
        color: #ffffffda !important;
    }

    div#nav_menu-4 li.cosmosfarm-members-account a {
        background: none !important;
        position: absolute;
        top: 0;
        left: 90px;
        color: #ffffffda !important;
    }

    div#nav_menu-4 li.cosmosfarm-members-register a {
        background: none !important;
        position: absolute;
        top: 0;
        left: 90px;
        color: #ffffffda !important;
    }



    /**/
    .off-canvas-menu-container .menu-wrap.menuwrapper {
        display: block !important;
    }

    .off-canvas-menu-container {
        display: none !important;
    }


    /*커스텀*/
    div#slide-out-widget-area-bg {
        opacity: 0.98 !important;
    }

    ul#menu-main-menu-3 {
        margin-top: 50px !important;
    }
    div#nav_menu-4 ul#menu-main-menu-3 > li {
        width: 40% !important;
        float: left;
        margin: 25px 5% 0 5% !important;
        height: auto;
    }

    div#nav_menu-4 ul#menu-main-menu-3 > li > a {
        padding: 5px 13px 7px 13px !important;
        font-size: 15px !important;
        line-height: 22px;
        margin-bottom: 14px;
        border-radius: 8px;
        text-align: left;
    }

    div#nav_menu-4 ul#menu-main-menu-3 li ul li {
        margin-top: 2px !important;
    }

    div#nav_menu-4 ul#menu-main-menu-3 li ul li.menu-item-has-children > a {
        border: 1px solid #ffffff82;
        border-radius: 5px;
        background: #24242417;
        display: inline-block;
        padding: 1px 10px !important;
        margin-bottom: 10px;
        display: block;
        text-align: left !important;
        color: #fff !important;
        opacity: 1;
        width: 70px;
    }

    div#nav_menu-4 ul#menu-main-menu-3 li ul li.menu-item-1475 > a {
        margin-top: 6px;
    }

    div#nav_menu-4 ul#menu-main-menu-3 li ul li.menu-item-1482 > a {
        margin-top: 10px;
    }

    div#nav_menu-4 ul#menu-main-menu-3 li ul li.menu-item-1483 > a {
        margin-top: 10px;
    }

    div#nav_menu-4 ul#menu-main-menu-3 > li ul li a {
        font-size: 14px !important;
        line-height: 22px !important;
        text-align: left;
    }

    div#nav_menu-4 ul#menu-main-menu-3 > li:nth-child(1),
    div#nav_menu-4 ul#menu-main-menu-3 > li:nth-child(2) {
        margin-top: 0px !important;
    }


}

@media screen and (max-width:520px) {
    .menu_flag {
        left: 175px;
    }


    div#nav_menu-4 li.cosmosfarm-members-account a {
        left: 85px;
    }

    div#nav_menu-4 li.cosmosfarm-members-register a {
        left: 75px;
    }

    div#nav_menu-4 {
        padding-right: 0px !important;
    }

    div#nav_menu-4 ul#menu-sitemap-menu-1 > li {
        width: 90% !important;
        float: left;
        margin: 0 5%;
    }

    ul#menu-sitemap-menu-3 li:nth-child(2) {
        margin-top: 25px !important;
    }


    div#nav_menu-4 ul#menu-sitemap-menu-3 li > ul > li {
        margin-top: 2px !important;
        width: 50%;
        float: left;
        text-align: center;
        padding: 0 12px !important;
    }

    div#nav_menu-4 ul#menu-sitemap-menu-3 li ul .menu-item-1475 {
        width: 100% !important;
    }

    div#nav_menu-4 ul#menu-sitemap-menu-3 li ul .menu-item-1482 {
        width: 100% !important;
    }

    div#nav_menu-4 ul#menu-sitemap-menu-3 li ul .menu-item-1483 {
        width: 100% !important;
    }

    div#nav_menu-4 ul#menu-sitemap-menu-3 li ul .menu-item-3843 {
        width: 100% !important;
    }

    div#nav_menu-4 ul#menu-sitemap-menu-3 li ul .menu-item-1475 ul.sub-menu li {
        padding: 0 !important;
    }

    div#nav_menu-4 ul#menu-sitemap-menu-3 li ul .menu-item-1482 ul.sub-menu li {
        padding: 0 !important;
    }

    div#nav_menu-4 ul#menu-sitemap-menu-3 li ul .menu-item-1483 ul.sub-menu li {
        padding: 0 !important;
    }
    div#nav_menu-4 ul#menu-sitemap-menu-3 li ul .menu-item-3843 ul.sub-menu li {
        padding: 0 !important;
    }

}








/*-----------------------------------------------------------------

메인 페이지

-------------------------------------------------------------------*/
/*===== Main section 01 - 메인슬라이드 ====*/

h1.main_slider_title_en {
    font-family: "Roboto", sans-serif !important;  
    letter-spacing: -1px !important;
}
  
h2.main_slider_title {
    letter-spacing: -1px !important;
}


/*===== Main section 02 - 메인슬라이드 ====*/
h1.main_slider_con_title {
    letter-spacing: -2px !important;
    font-weight: 700 !important;
}
.main_slider_btn {
    letter-spacing: 0.3px !important;
}
.main_slider_btn a {
   color: #3b2749;
   padding-bottom: 9px !important;
   border-bottom: 1px solid #3b2749;
}
.main_slider_btn a:hover {
    color: #715c88;
    border-bottom: 1px solid #715c88;
}

@media screen and (max-width:999px){
    .main_slider_btn a {
        padding-bottom: 4px !important;
    }     

    sr7-bullets.sr7-bullets.uranus.sr7-ndh.sr7-nphc.sr7-npvb {
        transform: translate(-32.5px, -20px) !important;
    }

    #SR7_1_1 .zeus.sr7-arrows {
        min-width: 30px !important;
        min-height: 30px !important;
    }
    #SR7_1_1 .zeus.sr7-arrows:before {
        font-size: 18px !important;
        line-height: 40px !important; 
    }
}



/*메인 - 공통사항*/
.main_title h2 {
    font-family: "Roboto", sans-serif !important;  
    font-size: 52px;
    line-height: 64px;
    color: #3B2749;
    font-weight: 500 !important;
    letter-spacing: -0.4px;
}
.main_title_subt p {
    font-size:20px;
    line-height: 31px;
    color: #424242;
    font-weight: 300 !important;
    letter-spacing: -0.5px;
    opacity: 0.7;
}
.main_btn a {
    font-family: "Roboto", sans-serif !important;  
}
.main_btn.beige .arrow-circle-animation-arrow-wrap {
    background-color: #e0d6d9 !important;
}
.main_btn.beige .arrow-circle-animation-arrow {
    fill: #3b2749 !important;
}




/*메인 - 시그니처*/
.main_signature_wrap {
    z-index: 1 !important;
}
.main_signature_wrap .vc_col-sm-3.wpb_column.column_container > .vc_column-inner {
    padding: 95px 65px 85px 65px;
}
.main_signature_num p {
    font-family: "Roboto", sans-serif !important;
    font-size: 17px;
    line-height: 20px;
    color: #e0d6d9;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    padding: 3px 10px !important;
    display: inline-block;
}
.main_signature_en p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 31px;
    line-height: 40px;
    color: #e0d6d9;
    font-weight: 500 !important;
    margin-top: 15px !important;
}
.main_signature_en p strong {
    font-size: 25px;
    font-weight: 400 !important;
}
.main_signature_title h2 {
    font-size: 40px;
    line-height: 50px;
    color: #e0d6d9;
    font-weight: 600 !important;
    letter-spacing: -1px ;
    margin-bottom: 15px !important;
}
.main_signature_subt p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 18px;
    line-height: 29px;
    color: #e0d6d9;
}
.main_signature_wrap .nectar-cta[data-style="arrow-circle-animation"]:not([data-using-bg="true"]) .arrow-circle-animation-arrow {
    fill: #3b2749 !important;
}


.main_signature_box:hover .main_signature_num p {
    color: #3b2749;
    background-color: rgba(59, 39, 73, 0.2);
}
.main_signature_box:hover .main_signature_en p {
    color: #3b2749;
}
.main_signature_box:hover .main_signature_title h2 {
    /*font-size: 50px;*/
    line-height: 50px;
    color: #3b2749 !important;
    transition: 0.5s;
}
.main_signature_box:hover .main_signature_subt p {
    color: #3b2749;
}
.main_signature_box:hover .nectar-cta[data-style="arrow-circle-animation"]:not([data-using-bg="true"]) .arrow-circle-animation-arrow {
    fill: #fff !important;
}
.main_signature_box:hover .nectar-cta[data-style="arrow-circle-animation"]:not([data-using-bg="true"]) .arrow-circle-animation-arrow-wrap {
    background-color: #3b2749 !important;
}

.main_signature_box.sign1:hover > .vc_column-inner > .column-bg-overlay-wrap > .column-bg-overlay {
    background: url(https://channel-static.rebeauty.co.kr/momaprs/ko/wp-content/uploads/2026/03/main_sign_bg4.png) center bottom no-repeat;
}
.main_signature_box.sign2:hover > .vc_column-inner > .column-bg-overlay-wrap > .column-bg-overlay {
    background: url(https://channel-static.rebeauty.co.kr/momaprs/ko/wp-content/uploads/2026/04/main_sign_bg5.png) center bottom no-repeat;
}
.main_signature_box.sign3:hover > .vc_column-inner > .column-bg-overlay-wrap > .column-bg-overlay {
    background: url(https://channel-static.rebeauty.co.kr/momaprs/ko/wp-content/uploads/2026/04/main_sign_bg6.png) center bottom no-repeat;
}
.main_signature_box.sign4:hover > .vc_column-inner > .column-bg-overlay-wrap > .column-bg-overlay {
    background: url(https://channel-static.rebeauty.co.kr/momaprs/ko/wp-content/uploads/2026/04/main_sign_bg7.png) center bottom no-repeat;
}



/*메인 - 유튜브*/
.main_tv_wrap .main_title h2 {
    padding-left: 70px !important;
}
.main_tv_wrap .main_title_subt p {
    padding-left: 70px !important;
}

.nectar-video-box img {
  transform: translateZ(0) scale(1) !important;
  -webkit-transform: translateZ(0) scale(1) !important; 
}

.main_tab_wrap .tabbed > ul {
  margin-left: 54px !important;
  margin-bottom: 45px !important;
}

.main_tab_wrap.main_bna_wrap .tabbed > ul {
  margin-left: 0px !important;
  margin-bottom: 45px !important;
}

.main_tab_wrap .wpb_content_element .wpb_tabs_nav li {
  position: relative;
}
.main_tab_wrap li.tab-item a::after {
    position: absolute;
    background: #0000001c;
    width: 1px;
    height: 17px;
    display: inline-block;
    content: "";
    right: 0px;
    top: 8px;
}
.main_tab_wrap li:last-child.tab-item a::after {
    display: none;
}

.main_tab_wrap .tabbed > ul li a {
  color: #b3b3b3 !important;
  background-color: #00000000 !important;
  padding: 4px 16px !important;
  border: none !important;
  font-size: 18px;
  font-weight: 300 !important;
}

.main_tab_wrap .tabbed > ul li.tab-item.active-tab a {
  background: #3B2749 !important;
  color: #fff !important;
  padding: 4px 16px !important;
  border-radius: 13px;
}
.main_tab_wrap .tabbed > ul li.tab-item a:hover {
    background: #3B2749 !important;
    color: #fff !important;
    padding: 4px 16px !important;
    border-radius: 13px;
}

.main_tab_wrap .tabbed > ul li a {
  display: block;
  color: #888;
  position: relative;
  background-color: rgba(0, 0, 0, 0.045);
  padding: 8px 15px;
  transition: all 0.3s cubic-bezier(0.12, 0.75, 0.4, 1);
  border-left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.nectar-split-heading.main_youtube_title h1 {
  font-size: 50px;
  line-height: 70px;
  letter-spacing: -1px;
  font-weight: 700 !important;
}

.main_tv_wrap .image-wrap {
  width: 182px;
  display: inline-block;
}

.main_tv_wrap .list {
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;

}

.main_tv_wrap .list > div {
  position: absolute;
}

.main_tv_wrap .list::-webkit-scrollbar {
  width: 8px;
}

.main_tv_wrap .list::-webkit-scrollbar-thumb {
  background-color: #715c88;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}

.main_tv_wrap .list::-webkit-scrollbar-track {
  background-color: #d8d8d8;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}

.main_tv_wrap .nectar-fancy-box {
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
  margin-right: 0px !important;
  display: table;
  width: 96%;
  border-bottom: 1px solid #f4f4f4;
}

.main_tv_wrap .nectar-fancy-box:last-child {
  margin-bottom: 0 !important;
  border-bottom: none;
  padding-bottom: 0px !important;
}

.main_tv_wrap .vc_col-sm-3\/5 {
    width: 64%;
}
.main_tv_wrap .vc_col-sm-2\/5 {
  width: 35% !important;
}

.main_tv_wrap .nectar-fancy-box .image-wrap {
  display: table-cell;
  vertical-align: middle;
}

.main_tv_wrap .nectar-fancy-box .text {
  display: table-cell;
  vertical-align: middle;
  width: 61%;
  max-height: 110px;
  font-size: 14px;
  line-height: 19px;
  font-weight: 300 !important;
  color: #717171;
  letter-spacing: -0.4px;
  padding: 0px 0 0 20px !important;
  text-align: left !important;
}

.main_tv_wrap .nectar-fancy-box .text p {
  padding-top: 7px !important;
  font-weight: 200 !important;
  color: #606060 !important;
}

.main_tv_wrap .nectar-fancy-box .text h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500 !important;
  color: #242424;
  letter-spacing: -1.2px;
  text-align: left !important;
}

.main-video-list
  .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry)
  .flickity-viewport {
  margin: 0 0;
}

.main-video-list .nectar-flickity.nectar-carousel .flickity-slider .inner-wrap {
  padding-top: 0;
}

.main_tv_btn h6 span.link_wrap {
  padding: 18px 13px 18px 23px;
  background-color: #a678651a !important;
}




/*메인 - 유튜브 쇼츠*/
.main_short_wrap .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
  margin: 0;
}
.main_short_wrap .nectar-flickity.nectar-carousel::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width: 100%; 
    height:100%;
    background:#fff;
    z-index: 5;
    pointer-events:none;
}
  


/*메인 - 슬로건*/
.main_slogun_wrap .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin: 0;
}
.main_slogun_wrap .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots {
    bottom: -65px;
}
.main_slogun_wrap .nectar-scrolling-text .nectar-scrolling-text-inner__text-chunk p {
    font-weight: 500 !important;
    font-family: "Roboto", sans-serif !important;  
}
.main_slogun_wrap .nectar-scrolling-text {
    position: absolute;
    z-index: -1;
    /* 기존 -43px 는 인스타 '프레임' 뒤에 깔리도록 당겨둔 값이었다.
       프레임을 걷어내고 캡션 텍스트를 넣으면서 글자와 겹치므로 아래로 내린다. */
    margin-top: 28px;
}




/*메인 - Before & After 전후사진*/
.main_bna_wrap {

}
/* 메인 전후사진 커튼 카드: 상세(344px 고정)와 달리 칼럼 폭을 그대로 쓴다 (교체 전 이미지와 같은 크기) */
.main_bna_wrap .sh-ba-card {
    max-width: none;
}
.main_bna_title p {
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    letter-spacing: -0.8px;
    padding-top: 20px ;
}

.main_bna_caro_wrap .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin: 0;
}
.main_bna_caro_wrap .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots {
    bottom: -55px;
}




/*메인 - about 어바웃*/
.main_about_wrap {
    background: url(https://channel-static.rebeauty.co.kr/momaprs/ko/wp-content/uploads/2026/02/main_about_bg3.jpg)  no-repeat;
    background-position: center top !important;
}
.main_about_title h2 {
    font-size: 47px;
    line-height: 60px;
    font-weight: 600 !important;
    letter-spacing: -2px;
}
.main_about_btn .arrow-circle-animation-arrow-wrap {
    background-color: #3b2749 !important;
}


/*메인 - Real Selfie 리얼 셀피*/
.main_selfie_wrap
  .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry)
  .flickity-viewport {
  margin: 0 !important;
}
.main_selfie_wrap
  .nectar-flickity[data-control-style="material_pagination"]
  .flickity-page-dots {
  bottom: -47px;
}

.main_selfie_wrap .nectar-flickity.not-initialized.nectar-carousel {
  display: none;
}


/*메인 - Real Selfie 리얼 셀피*/
.main_textmedia_wrap .nectar-text-inline-images__inner h3 {
    font-family: "Roboto", sans-serif !important;  
    font-weight: 500 !important;
    letter-spacing: -0.6px;
}
.main_textmedia_wrap .nectar-text-inline-images.font_size_desktop_68px * {
    font-family: "Roboto", sans-serif !important;
}


/*메인 - 특별한점*/
.main_special_wrap .type--scroll-pinned-sections .nectar-sticky-media-section__content__wrap > div {
    border-bottom: 140px solid transparent !important;
}

.main_special_boxt {
    font-family: "Roboto", sans-serif !important;
    color: #E0D6D9 !important;
    background-color: #452f5494 !important;
    padding: 5px 20px !important;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300 !important;
    border-radius: 50px;
}
.main_special_title h2 {
    font-size: 52px;
    line-height: 64px;
    font-weight: 500 !important;
    letter-spacing: -2px;
}

.main_special_subt p {
    font-size: 20px;
    line-height: 31px;
    color: #BBB1C0;
    font-weight: 300 !important;
    letter-spacing: -0.5px;
}




/*-----------------------------------------------------------------

서브 페이지-공통

-------------------------------------------------------------------*/
/*서브공통 - 상단 배너 =============*/
.sub_banner_wrap {
}
.sub_banner_hash ul {
    margin: 0 0 30px 0 !important;
    display: flow-root;
}
.sub_banner_hash ul li {    
    float: left;
    font-size: 17px;
    line-height: 27px;
    color: #fff;
    letter-spacing: -0.5px;
    background: #ffffff22;
    border-radius: 50px;
    padding: 5px 18px !important;
    margin-left: 17px;
}
.sub_banner_hash ul li:first-child {    
    margin-left:0px;
}

.sub_banner_title h1 {
    font-size: 60px;
    line-height: 75px;
    color: #fff;
    font-weight: 600 !important;
    letter-spacing: -2px;
}
.sub_banner_title.bold h1 {
    font-weight: 700 !important;
}
.sub_banner_subt p {
    font-size: 22px;
    line-height: 34px;
    color: #fff;
    font-weight: 500 !important;
    letter-spacing: -0.7px;
    margin:20px 0 165px 0 !important;
}
.sub_banner_lottie {}



/*서브공통 - 서브 공통타이틀, 버튼 =============*/
h2.sub_title  {
    font-size: 48px;
    line-height: 56px;
    color: #3b2749;
    font-weight: 700 !important;
    letter-spacing: -2px;
}
h2.sub_title.more  {
    line-height: 62px;
}
h2.sub_title.en  {
    letter-spacing: 0px;
    font-family: "Roboto", sans-serif !important;  
}
h2.sub_title.w600  {
    font-weight: 600 !important;
}
h2.sub_title strong {
    color: #715c88;
    font-weight: 700 !important;
}
h2.sub_title.en strong {
    color: #d4842b;
    font-family: "Roboto", sans-serif !important;  
    font-weight: 700 !important;
}

.sub_btn {
    border-radius: 50px !important;
    overflow: hidden;
}
.sub_btn a {
    font-family: "Roboto", sans-serif !important;
    padding: 5px 5px 5px 22px !important;
}
.sub_subt p {
    font-size: 20px;
    line-height: 33px;
    color: #3b2749;
    font-weight: 200 !important;
    letter-spacing: -1px;
}
.sub_subt p strong {
    font-weight: 500 !important;
}
.sub_subt.white_bg p strong {
    background: #fff;
}

.sub_subt.round_bg p {
    background: #ddd5d3;
    padding: 5px 21px !important;
    border-radius: 50px;
    display: table;
    margin: 0 auto !important;
}
.sub_subt.round_bg.purple p {
    background: #eaddec;
}

/*서브공통 - 인트로 소개 섹션 =============*/
.sub_intro_wrap {}
.sub_intro_wrap .left_box .vc_column-inner {
    justify-content: flex-start !important;
}

.sub_intro_en p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 15px;
    line-height: 26px;
    color: #d4842b;
    font-weight: 500 !important;
    margin-top: 115px !important;
}
.sub_intro_title h2 {
    font-size: 50px;
    line-height: 67px;
    font-weight: 700 !important;
    letter-spacing: -2px;
}
.sub_intro_subt p {
    font-size: 20px;
    line-height: 33px;
    color: #3b2749a3;
    font-weight: 300 !important;
    letter-spacing: -1px;
}
.sub_intro_subt p strong {
    font-weight: 500 !important;
    color: #3b2749;
}
.sub_intro_subt.c_beige p strong {
    color: #bd9bd4;
    font-weight: 600 !important;
}


.sub_intro_list ul {
    margin:0 !important;
}
.sub_intro_list li{
    position: relative;
    font-size: 20px;
    line-height: 34px;
    color: #715c88;
    letter-spacing: -0.8px;
    padding-left: 33px;
    padding-bottom: 2px;
    text-align: left;
    font-weight: 600 !important;
}
.sub_intro_list li::before{
    content:"";
    position:absolute;
    left:0;
    top:4px;
    width:24px;
    height:24px;
    border-radius:50%; background-color:#e4d9f3;
    box-shadow:inset 0 0 0 1px rgba(116,91,156,.17);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23745b9c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:58% 58%;
}



/*서브공통 - 패턴 슬로건 섹션 =============*/
.sub_pattern_wrap {}

.sub_pattern_title h3 {
    font-size: 32px;
    line-height: 47px;
    font-weight: 500 !important;
    letter-spacing: -1px;
}
.sub_pattern_subt p {
    font-size: 20px;
    line-height: 33px;
    color: #ded7d9;
    font-weight: 300 !important;
    letter-spacing: -1px;
}
.sub_pattern_subt p strong {
    font-weight: 500 !important;
}


/*서브공통 - 전후사진 비교 섹션 =============*/
.sub_bna_vs_wrap {}
.sub_bna_vs_num p {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    background: #cfc9c1;
    border-radius: 50px;
    padding: 3px 17px 3px 17px !important;
    display: inline-block;
}
.sub_bna_vs_subt p {
    font-size: 26px;
    line-height: 38px;
    color: #3b2749;
    font-weight: 500 !important;
    letter-spacing: -1px;
    margin: 25px 0 7px 0 !important;
}
.sub_bna_vs_title p {
    font-size: 46px;
    line-height: 56px;
    color: #3b2749;
    font-weight: 700 !important;
    letter-spacing: -1.5px;
}


/*서브공통 - 전후사진 섹션 =============*/
.sub_bna_wrap {
}
.sub_bna_subt p {
    font-size: 19px;
    line-height: 31px;
    color: #333333;
    letter-spacing: -0.8px;
    padding-top: 20px !important;
}
.sub_bna_caution p {
    font-size: 15px;
    line-height: 25px;
    color: #333333;
    letter-spacing: -0.8px;
    padding-top: 35px !important;
    font-weight: 300 !important;
    opacity: 0.5;
}


/*서브공통 - 수술방법 =============*/
.sub_method_wrap .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin: 0;
}
.sub_method_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    left: -4%;
}
.sub_method_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
    right: -4%;
}
.sub_method_num_box p {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    background: #715c8899;
    padding: 8px 9px !important;
    text-align: center;
    position: absolute;
    top: 26px;
    left: 28px;
    border-radius: 9px;
    z-index: 1;
}
.sub_method_title p {
    font-size: 26px;
    line-height: 38px;
    font-weight: 600 !important;
    letter-spacing: -1.3px;
    color: #3b2749;
    margin-top: 23px !important;
    padding: 0 10px;
}
.sub_method_title p strong {
    font-weight: 600 !important;
    color: #d4842b;
    padding-right: 5px;
}
.sub_method_subt p {
    font-size: 19px;
    line-height: 30px;
    font-weight: 200 !important;
    letter-spacing: -0.6px;
    color: #333333;
    margin-top: 12px !important;
    padding: 0 10px;
}


/*서브공통 - 리스트형식 섹션 =============*/
.sub_checkpoint_wrap {}

.sub_checkpoint_list {
    padding: 0;
    margin: 0 auto;
}
  
.sub_checkpoint_list li {
    border-radius: 80px;
    align-items: center;
    margin-bottom: 17px !important;
    display: flex;
    position: relative;
    left: 50% !important;
    transform: translateX(-50%);
    height:71px;
}
.sub_checkpoint_list li:last-child {
    margin-bottom: 0px !important;
}

  
.sub_checkpoint_list .num {
    font-family: "Roboto", sans-serif !important;  
    font-size: 18px;
    line-height: 28px;
    font-weight: 600 !important;
    color: #d4842b; 
    white-space: nowrap;
    text-align: right;
    float: left;
    margin-right: 20px;
}
.sub_checkpoint_list .text {
    font-family: "Roboto", sans-serif !important;  
    font-size: 21px;
    line-height: 33px;
    font-weight: 600 !important;
    color: #3b2749;
    letter-spacing: -1px;
    text-align: left;
    float: left;
}
.sub_checkpoint_list li::before {
    content: "";
    position: absolute;
    inset: 0;           
    z-index: -1;
    background: rgb(224, 214, 217);
    border-radius: 80px;
    height:71px;
    min-width: 815px;
    max-width: 815px;
    left: 50%;
    transform: translateX(-50%);
}



.sub_checkpoint_wrap .nectar-scrolling-text .nectar-scrolling-text-inner__text-chunk p {
    font-weight: 500 !important;
    font-family: "Roboto", sans-serif !important;  
}
.sub_checkpoint_wrap .nectar-scrolling-text {
    position: absolute;
    z-index: -1; 
    bottom: -168px;
}




/*-----------------------------------------------------------------

서브 페이지 -서브 하단 공통

-------------------------------------------------------------------*/
/*서브 하단 공통 - 1 정밀진단 시스템 =============*/
.sub_system_diag_wrap {}

.sub_system_diag_num p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 23px;
    line-height: 33px;
    font-weight: 700 !important;
    color: #3b2749;
}
.sub_system_diag_num.purple p {
    color: #d4842b;
}
.sub_system_diag_title h2 {
    font-size: 50px;
    line-height: 67px;
    font-weight: 700 !important;
    letter-spacing: -2px;
}
.sub_system_diag_boxt p {
    font-size: 23px;
    line-height: 33px;
    color: #eaddec;
    background: #715c88;
    padding: 6px 11px !important;
    text-align: center;
    border-radius: 10px;
    font-weight: 600 !important;
    display: inline;
    letter-spacing: -1px;
}


/*서브하단공통 - 2 수술 후 케어 시스템 =============*/
.sub_system_care_wrap .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin: 0;
}
.sub_system_care_box .vc_column-inner .column-image-bg-wrap {
    border-radius: 45px;
}
.sub_system_care_box .vc_column-inner .wpb_wrapper {
    padding: 75px;
    display: flex;
    flex-direction: column;
    height: 495px;
}
.sub_system_care_step p {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    background: #ffffff1d;
    padding: 9px 21px !important;
    text-align: center;
    position: absolute;
    top: 68px;
    left: 75px;
    border-radius: 50px;
    z-index: 1;
}
h3.sub_system_care_title {
    font-size: 43px;
    line-height: 55px;
    font-weight: 600 !important;
    letter-spacing: -2px;
    margin-top: auto !important;
}
.sub_system_care_subt p {
    font-size: 19px;
    line-height: 31px;
    color: #e0d6d9;
    font-weight: 200 !important;
    letter-spacing: -0.8px;
    margin-top: 22px !important;
}

.sub_system_care_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    left: -4%;
}
.sub_system_care_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
    right: -4%;
}
.sub_system_care_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button:before {
    background-color: #e0d6d9 !important;
}


/*서브하단공통 - 3 유튜브 =============*/
.sub_youtube_list_wrap h2.sub_title.en {
    margin-left: 70px !important;
}

.sub_youtube_list_wrap .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin: 0 !important;
}
.sub_youtube_list_wrap .nectar-video-box .inner-wrap {
    border-radius: 20px;
}
.sub_youtube_title p {
    font-size: 22px;
    line-height: 34px;
    color: #3b2749;
    letter-spacing: -1px;
    font-weight: 600 !important;
    margin-top: 20px !important;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.sub_youtube_t p {
    font-size: 16px;
    line-height: 25px;
    color: #8b8b8b;
    letter-spacing: -0.4px;
    font-weight: 300;
    padding-top: 6px;
}

.sub_youtube_list_wrap .nectar-fancy-box .image-wrap {
    display: table-cell;
    vertical-align: middle;
    min-width: 111px;
}
.sub_youtube_list_wrap .image-wrap {
    display: inline-block;
    border-radius: 10px;
    width: 28%;
}
.sub_youtube_list_wrap .nectar-fancy-box .text {
    display: table-cell;
    vertical-align: middle;
    max-height: 110px;
    padding: 0px 20% 0 20px !important;
    font-size: 14px;
    line-height: 20px;
    color: #464646;
    font-weight: 300;
    letter-spacing: -0.4px;
}
.sub_youtube_list_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    left: -60px;
}
.sub_youtube_list_wrap .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
    right: -60px;
}


/*서브 하단 공통 - 4 수술 원칙 =============*/
.sub_princi_slogun_en p {
    font-family: "Roboto", sans-serif !important;
    font-size: 20px;
    line-height: 33px;
    color: #d8c2e6;
    font-weight: 600 !important;
    margin-bottom: 23px !important;
}

.sub_princi_slogun_title h2 {
    font-size: 53px;
    line-height: 66px;
    letter-spacing: -3px;
    font-weight: 600 !important;
}
.sub_princi_slogun_roundt p {
    font-size: 20px;
    line-height: 33px;
    font-weight: 300 !important;
    letter-spacing: -1px;
    color: #ffffff !important;
    background: #ead3ef24;
    display: inline-block;
    border-radius: 50px;
    padding: 2px 20px !important;
}




/*-----------------------------------------------------------------

서브 페이지- 코재수술

-------------------------------------------------------------------*/
/*코재수술 - 줄기세포 코재수술 =============*/
/*줄기세포 사용하는 이유*/
.sub_stem_use_wrap {
}
.sub_stem_use_title h2 {
    font-size: 48px;
    line-height: 64px;
    font-weight: 600 !important;
    letter-spacing: -2px;
}
.sub_stem_use_point p {
    font-size: 23px;
    line-height: 35px;
    color: #fff;
    font-weight: 500 !important;
    letter-spacing: -1px;
}


.sub_stem_use_box ul {
    display: flex;
    align-items: center; 
    gap: 30px;
    padding: 13px 20px 13px 12px !important;
    margin: 0;
    background: #e4d8e6;
    border-radius: 40px;
}
.sub_stem_use_box ul > li:first-child {
    flex: 0 0 233px; /* 이미지 영역 고정 */
}
.sub_stem_use_box ul > li:first-child img {
    border-radius: 40px; 
    margin: 0 !important;
}
.sub_stem_use_box li:last-child {
    padding: 16px 0 !important;
}

.sub_stem_use_box .card__title {
    font-size: 28px;
    line-height: 40px;
    font-weight: 700 !important;
    letter-spacing: -1px;
    display: block;
    color: #3b2749;
}
.sub_stem_use_box .card_sub {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500 !important;
    color: #d4842b; 
    margin-top: 3px;
    margin-bottom: 13px;
    letter-spacing: -0.8px;
    display: block;
}
.sub_stem_use_box .card__desc {
    font-size: 20px;
    line-height: 31px;
    color: #3b2749;
    letter-spacing: -0.8px;
    display: block;

}

/*줄기세포 작용 원리*/
.sub_stem_prin_wrap .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin: 0;
}
.sub_stem_prin_wrap .row-bg-wrap {
    clip-path: inset(0 67px 0 67px round 40px);
} 
.sub_stem_prin_wrap .wpb_row.vc_row-fluid.vc_row.full-width-content {
    clip-path: inset(0 67px 0 67px);
}
.sub_roundfull_wrap .row-bg-wrap .inner-wrap.row-bg-layer {
    clip-path: inset(0 67px 0 67px round 40px);
} 


.sub_stem_prin_box .vc_column-inner {
    border-radius: 25px;
    padding: 55px 50px;
    background-color: rgba(59, 39, 73, .4);
}
.sub_stem_prin_num p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 17px;
    line-height: 29px;
    color: #e4d8e6;
    margin-bottom: 13px !important;
}
.sub_stem_prin_en p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 35px;
    line-height: 45px;
    color: #d4842b;
    font-weight: 600 !important;
    min-height: 150px;
}
.sub_stem_prin_t p {
    font-size: 28px;
    line-height: 41px;
    color: #e4d8e6;
    letter-spacing: -1px;
    font-weight: 600 !important;
    margin-bottom: 7px !important;
}


/*주의사항 관리법*/
.sub_stem_caution_wrap .vc_col-sm-6.wpb_column.column_container .vc_column-inner {
    padding: 18px 35px 35px 35px;
}

.sub_stem_caution_purple p {
    font-size: 20px;
    line-height: 33px;
    color: #d4842b;
    letter-spacing: -1px;
    padding-bottom: 13px !important;
}
.sub_stem_caution_purple.en p {
    font-family: "Roboto", sans-serif !important;  
    letter-spacing: 0px;
}

.sub_stem_caution_subt p {
    font-size: 21px;
    line-height: 34px;
    color: #e4d8e6;
    font-weight: 200 !important;
    letter-spacing: -1px;
}
.sub_stem_caution_subt p strong {
    font-weight: 500 !important;
}

.sub_stem_caution_list_title p {
    font-size: 25px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 500 !important;
    letter-spacing: -0.8px;
    border-bottom: 1px solid #ffffff17;
    padding-bottom: 18px !important;
}
.sub_stem_caution_list ul {
    margin:34px 0 0 0;
}
.sub_stem_caution_list li{
    position:relative;
    font-size: 20px;
    line-height: 33px;
    color: #d8ccd3;
    letter-spacing: -0.8px;
    padding-left:38px; 
    padding-bottom: 5px;
    text-align: left;
}
.sub_stem_caution_list li::before{
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:26px;
    height:26px;
    border-radius:50%; background-color:rgba(255,255,255,.14);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23efe7f7' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:58% 58%;
}


/*줄기세포 통합 재수술 프로토콜*/
h2.sub_title.pur_round {
    letter-spacing: -3px;
}
h2.sub_title.pur_round b {
    color: #eaddec !important;
    background: #d4842b;
    padding: 3px 18px !important;
    border-radius: 50px;
    font-weight: 700;
}
.sub_stem_protocol_en p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 20px;
    line-height: 33px;
    color: #715c88;
    font-weight: 600 !important;
}
.sub_stem_protocol_en.purple p {
    color: #d4842b;
}
.sub_stem_protocol_en.kr p {
    font-family: "Pretendard", "Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important;
    letter-spacing: -0.8px;
}
.sub_stem_protocol_wrap .nectar-scrolling-text .nectar-scrolling-text-inner__text-chunk p {
    font-weight: 500 !important;
    font-family: "Roboto", sans-serif !important;
}



/*코재수술 - 리디자인 코재수술 =============*/
/*왜 코재수술은 어려운가*/
.sub_redesign_why_wrap {}

.sub_redesign_why_en p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 97px;
    line-height: 100px;
    color: #f3f3f4;
    font-weight: 500 !important;
}
.sub_redesign_why_list ul {
    margin:180px 0 0 0;
}
.sub_redesign_why_list.no_margin ul {
    margin:0 auto !important;
}
.sub_redesign_why_list li{
    position:relative;
    font-size: 21px;
    line-height: 34px;
    color: #715c88;
    letter-spacing: -0.8px;
    padding-left:38px; 
    padding-bottom: 5px;
    text-align: left;
    font-weight: 600 !important;
}
.sub_redesign_why_list.more li span{
    font-weight: 300 !important;
    display: block;
    color: #715c88;
}
.sub_redesign_why_list.more li{
    color: #3b2749;
}
.sub_redesign_why_list li::before{
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:26px;
    height:26px;
    border-radius:50%; background-color:#e4d9f3;
    box-shadow:inset 0 0 0 1px rgba(116,91,156,.17);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23745b9c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:58% 58%;
}


/*경계선 복원*/
.sub_redesign_sign_wrap {
}
.sub_redesign_sign_en p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 18px;
    line-height: 30px;
    color: #d4842b;
    font-weight: 600 !important;
}
.sub_redesign_sign_en.round p {
    background: #d4842b24;
    display: inline;
    padding: 7px 15px !important;
    border-radius: 50px;
}
.sub_redesign_sign_wrap .nectar-highlighted-text h2 {
    font-size: 48px;
    line-height: 56px;
    color: #3b2749;
    font-weight: 700 !important;
    letter-spacing: -2px;
}

.sub_redesign_sign_list ol {
    margin: 0;
    counter-reset: num;
    display: grid;
    row-gap: 20px;
}
.sub_redesign_sign_list li {
    position: relative;
    padding-left: 50px;
}
.sub_redesign_sign_list li::before{
    counter-increment: num;
    content: counter(num);
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: #715c88;
    color: #e0d6d9;
    font-weight: 500 !important;
    display: grid;
    place-items: center;
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 17px;
}
.sub_redesign_sign_list.purple li::before {
    background: #96739f;
    color: #fff;
}
.sub_redesign_sign_list strong{
    font-family: "Roboto", sans-serif !important;  
    display: block;
    font-size: 23px;
    line-height: 36px;
    color: #3b2749;
    font-weight: 600 !important;
}
.sub_redesign_sign_list.kr strong {
    font-family: "Pretendard", "Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important;
    letter-spacing: -1px;
}
.sub_redesign_sign_list span{
    display: block;
    font-size: 21px;
    line-height: 32px;
    color: #715c88;
    letter-spacing: -1px;
}
.sub_redesign_sign_list span.point{
    background: #dad4c65c;
    display: inline-block;
    border-radius: 10px;
    padding: 0 9px;
    font-weight: 500 !important;
}


/*코끝 높이 각도*/
.sub_redesign_angle_wrap {

}
.sub_redesign_angle_list ul {
    margin:0;
}
.sub_redesign_angle_list li{
    position:relative;
    font-size: 21px;
    line-height: 34px;
    color: #3b2749;
    letter-spacing: -0.8px;
    padding-left:42px; 
    padding-bottom: 8px;
    text-align: left;
    font-weight: 700 !important;
}
.sub_redesign_angle_list li::before{
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:28px;
    height:28px;
    border-radius:50%; background-color:#e4d9f3;
    box-shadow:inset 0 0 0 1px rgba(116,91,156,.17);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23745b9c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:60% 60%;
}


/*옆모습 의도된 꺾임*/
.sub_redesign_side_wrap .vc_col-sm-6.instance-37 {
    width: 44.2%;
}
.sub_redesign_side_wrap .vc_col-sm-6.instance-38 {
    width: 55.8%;
}

.sub_redesign_side_en p {
    font-family: "Roboto", sans-serif !important;
    font-size: 17px;
    line-height: 29px;
    color: #d4842b;
    background: #7e6a8c;
    border-radius: 50px;
    padding: 3px 15px !important;
    display: inline-block;
    font-weight: 600 !important;
    margin-bottom: 32px !important;
}
.sub_redesign_side_en.light p {
    background: #f1e6f2;
    color: #d4842b;
}


.sub_redesign_side_box .vc_column-inner {
    border-radius: 25px;
    padding: 55px 50px;
    background-color: #553f66;
}
.sub_redesign_side_num p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 17px;
    line-height: 29px;
    color: #e4d8e6;
    position: absolute;
    right: 50px;
    top: 55px;
}
.sub_redesign_side_title p {
    font-size: 28px;
    line-height: 38px;
    color: #eaddec;
    letter-spacing: -1px;
    font-weight: 600 !important;
    margin-bottom: 24% !important;
}
.sub_redesign_side_title p strong {
    font-family: "Roboto", sans-serif !important;  
    font-weight: 600 !important;
    color: #ab86ba;
    letter-spacing: 0px;
}
.sub_redesign_side_roundt p {
    font-size: 20px;
    line-height: 32px;
    color: #e4d8e6;
    font-weight: 500 !important;
    background: #715c88;
    border-radius: 50px;
    padding: 2px 13px !important;
    display: inline-block;
    margin-top: 13px !important;
}


/*코재수술의 접근방식*/
.sub_redesign_solu_wrap .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin: 0;
}
.sub_redesign_solu_wrap .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots {
    bottom: -55px;
}

.sub_redesign_solu_box .vc_column-inner{
    padding: 55px 30px;
}
.sub_redesign_solu_en p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 17px;
    line-height: 29px;
    color: #715c88;
    font-weight: 500 !important;
    padding-bottom: 10px !important;
    font-style: italic; 
}
.sub_redesign_solu_title p {
    font-size: 25px;
    line-height: 36px;
    color: #3b2749;
    font-weight: 600 !important;
    letter-spacing: -1px;
}


/*who this is for*/
.sub_redesign_for_box .vc_column-inner {
    border-radius: 25px;
    overflow: hidden;
}
.sub_redesign_for_box .vc_column-inner .wpb_wrapper {
    padding: 35px 40px 45px 40px !important;
    display: flex;
    flex-direction: column;
    height: 409px;
}

.sub_redesign_for_box .for_top {
    border-bottom: 1px solid #e0d6d9;
    padding-bottom: 6px;
}
.sub_redesign_for_box .for_top.white {
    border-bottom: 1px solid #ffffff8c;
}

.sub_redesign_for_box .for_top .label{
    font-family: "Roboto", sans-serif !important;  
    color: #e0d6d9;
    font-size: 13px;
    line-height: 23px;
    float: left;
}
.sub_redesign_for_box .for_top.white .label{
    color: #fff;
}
.sub_redesign_for_box .for_top .num{
    font-family: "Roboto", sans-serif !important;  
    color: #e0d6d9;
    font-size: 13px;
    line-height: 23px;
    float: right;
}
.sub_redesign_for_box .for_top.white .num{
    color: #fff;
}
.sub_redesign_for_box .for_bottom {
    margin-top: auto !important;
}
.sub_redesign_for_box .for_bottom p {
    color: #eaddec;
    font-size: 26px;
    line-height: 37px;
    letter-spacing: -1px;
    font-weight: 500 !important;
}


/*브랜드 시그니처*/
.sub_redesign_brand_wrap {}

h2.sub_redesign_brand_title {
    font-family: "Roboto", sans-serif !important;  
    font-size: 57px;
    line-height: 68px;
    font-weight: 700 !important;
}
h2.sub_redesign_brand_title.kr {
    font-family: "Pretendard", "Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important;
    letter-spacing: -2px;
    font-weight: 600 !important;
}
h2.sub_redesign_brand_title.kr.small {
    font-size: 53px;
    line-height: 64px;
}

h2.sub_redesign_brand_title b {
    font-family: "Roboto", sans-serif !important;  
    font-size: 21px !important;
    font-weight: 500 !important;
}
h2.sub_redesign_brand_title b em{
    font-weight: 300 !important;
}

.sub_redesign_brand_slogun h3 {
    font-size: 38px;
    line-height: 55px;
    font-weight: 600 !important;
    letter-spacing: -1.8px;
}


/*코재수술 - 고난도 코재수술 =============*/
/*코재수술 유형*/
.sub_reoper_type_num p {
    font-size: 14px;
    line-height: 14px;
    color: #715c88;
    background: #ffffff;
    padding: 6px 6px !important;
    text-align: center;
    font-weight: 600 !important;
    position: absolute;
    top: 26px;
    left: 28px;
    border-radius: 9px;
    z-index: 1;
}
.sub_reoper_type_title p {
    font-size: 26px;
    line-height: 38px;
    font-weight: 600 !important;
    letter-spacing: -1px;
    color: #E0D6D9 ;
    margin-top: 23px !important;
}
.sub_reoper_type_subt p {
    font-size: 19px;
    line-height: 30px;
    font-weight: 200 !important;
    letter-spacing: -0.6px;
    color: #E0D6D9 ;
    margin-top: 8px !important;
}


/*나만의조직 자가조직*/
.nectar_hotspot_wrap .nttip {
    border-radius: 25px !important;
    min-width: 270px;
}
.nectar_hotspot_wrap .nttip .inner h4 {
    font-size: 23px;
    line-height: 33px;
    font-weight: 700 !important;
    letter-spacing: -1px;
    text-align: left;
    display: block;
    color: #3b2749;
    padding-bottom: 3px;
}

.nectar_hotspot_wrap .nttip .inner h5 {
    font-size: 19px;
    line-height: 30px;
    font-weight: 300 !important;
    letter-spacing: -0.8px;
    color: #3b2749ad;
    text-align: left;
}



/*코재수술 - 코보형물제거 =============*/
/*코 보형물 제거 유형*/
.sub_removal_type_wrap .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin: 0;
}

.sub_removal_type_box .vc_column-inner {
    padding: 90px 50px !important;
}
.sub_removal_type_num p {
    font-family: "Roboto", sans-serif !important;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 13px !important;
    background: #d4842b;
    border-radius: 14px;
    display: table;
    margin: 0 auto !important;
    padding: 12px 22px !important;
}
.sub_removal_type_num p strong {
    font-size: 28px;
    color: #fff;
}
.sub_removal_type_title p {
    font-size: 37px;
    line-height: 50px;
    color: #3B2749;
    letter-spacing: -1.7px;
    font-weight: 700 !important;
    margin: 30px 0 20px 0 !important;
}



/*코재수술 - 이물질/필러제거 =============*/
/*단계별 변화*/
.sub_filler_remo_step_num p {
    font-family: "Roboto", sans-serif !important;
    font-size: 25px;
    line-height: 25px;
    color: #4a3565;
    background: #dad4c6;
    padding: 11px 18px !important;
    text-align: center;
    border-radius: 16px;
    z-index: 1;
    margin: 0 auto !important;
    display: table;
    font-weight: 700 !important;
}
.sub_filler_remo_step_title p {
    font-size: 28px;
    line-height: 41px;
    font-weight: 600 !important;
    letter-spacing: -1.3px;
    color: #ffffff;
    margin: 25px 0 20px 0 !important;
}
.sub_filler_remo_step_hash p {
    font-size: 19px;
    line-height: 28px;
    color: #fff;
    letter-spacing: -0.8px;
    background: #3b27493d;
    border-radius: 50px;
    padding: 5px 18px !important;
    display: table;
    margin: 0 auto !important;
}
.sub_filler_remo_step_t p {
    font-size: 19px;
    line-height: 30px;
    font-weight: 200 !important;
    letter-spacing: -0.6px;
    color: #E0D6D9 ;
    margin-top: 17px !important;
}

/*코이물질 제거가 필요한경우*/
.sub_filler_remo_need_wrap {}

.sub_filler_remo_need_box .vc_column-inner {
    padding: 50px 30px;
    min-height: 299px;
}
.sub_filler_remo_need_wrap .sub_redesign_solu_title p {
    font-size: 27px;
    line-height: 38px;
    margin: 19px 0 10px 0 !important;
}
.sub_filler_remo_need_num p {
    font-family: "Roboto", sans-serif !important;
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    background: #d4842b;
    padding: 8px 17px !important;
    text-align: center;
    border-radius: 50px;
    z-index: 1;
    display: table;
    margin: 0 auto !important;
}
.sub_filler_remo_need_wrap .w_purple {
    font-weight: 500 !important;
    color: #d4842b;
}


/*코이물질 제거 방식*/
.sub_filler_remo_how_wrap .nectar-scrolling-tabs .scrolling-tab-nav a {
    padding-top: 0px;
    letter-spacing: -1px;
    font-weight: 600 !important;
}
.sub_filler_remo_how_wrap.white .nectar-scrolling-tabs .scrolling-tab-nav a {
    color: #fff;
}
.sub_filler_remo_how_wrap.white .nectar-scrolling-tabs .scrolling-tab-nav .theiaStickySidebar:before {
    background-color: rgb(255 255 255 / 27%);
}
.sub_filler_remo_how_wrap .nectar-scrolling-tabs .scrolling-tab-content {
    padding-left: 3%;
}

.sub_filler_remo_how_box {
    border-radius: 30px;
    padding: 30px;
}
.sub_filler_remo_how_title p {
    font-size: 30px;
    line-height: 42px;
    color: #3b2749;
    font-weight: 600 !important;
    letter-spacing: -1px;
    margin: 29px 0 20px 0 !important;
}
.sub_filler_remo_how_num p {
    font-family: "Roboto", sans-serif !important;
    font-size: 59px;
    line-height: 59px;
    color: #d4842b;
    font-weight: 400 !important;
}

.sub_filler_remo_how_list ul {
    margin:0 auto !important;
}
.sub_filler_remo_how_list li{
    position:relative;
    font-size: 20px;
    line-height: 33px;
    color: #715c88;
    letter-spacing: -0.8px;
    padding-left:33px; 
    padding-bottom: 3px;
    text-align: left;
}
.sub_filler_remo_how_list li::before{
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:24px;
    height:24px;
    border-radius:50%; background-color:#e4d9f3;
    box-shadow:inset 0 0 0 1px rgba(116,91,156,.17);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23745b9c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:58% 58%;
}




/*-----------------------------------------------------------------

서브 페이지- 코성형

-------------------------------------------------------------------*/
/*코성형 - 다이아코끝=============*/
/*유형별 적용 수술 구조*/
.sub_diamond_type_wrap {
}

.sub_diamond_type_box {
    border-radius: 0 0 30px 30px;
    padding: 60px;
}
.sub_diamond_type_num p {
    font-family: "Roboto", sans-serif !important;
    font-size: 27px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500 !important;
    background: #ccbcda;
    border-radius: 20px 20px 0 0 ;
    padding: 9px 15px !important;
    text-align: center;
}
.sub_diamond_type_title p {
    font-size: 36px;
    line-height: 48px;
    color: #3b2749;
    font-weight: 700 !important;
    letter-spacing: -1px;
    margin: 0px 0 13px 0 !important;
}
.sub_diamond_type_roundt p {
    font-size: 20px;
    line-height: 33px;
    font-weight: 600 !important;
    letter-spacing: -1px;
    border-radius: 50px;
    display: table;
    margin: 0 auto !important;
    background: #715c88;
    padding: 2px 17px !important;
    color: #fff;
    margin-bottom: 10px !important;
}

.sub_diamond_type_list ul {
    margin: 0 auto !important;
    display: inline-flex !important
}
.sub_diamond_type_list li{
    position: relative;
    font-size: 20px;
    line-height: 33px;
    color: #715c88;
    letter-spacing: -0.8px;
    padding-left: 30px;
    padding-bottom: 3px;
    text-align: left;
    float: left;
    margin-right: 25px;
}
.sub_diamond_type_list li:last-child {
    margin-right: 0px;
}
.sub_diamond_type_list li::before{
    content:"";
    position:absolute;
    left:0;
    top:4px;
    width:22px;
    height:22px;
    border-radius:50%; background-color:#e4d9f3;
    box-shadow:inset 0 0 0 1px rgba(116,91,156,.17);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23745b9c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:58% 58%;
}


.sub_diamond_step_list ul{
    margin: 0 !important;
}
.sub_diamond_step_list ul li {
    float: left;
    width: 50%;
    position: relative;
}
.sub_diamond_step_list.col3 ul li {
    width: 33.333%;
}
.sub_diamond_step_list ul li img {
    border-radius: 25px;
}
.sub_diamond_step_list ul li::after{
    content: "";
    position: absolute;
    right: -19px;
    transform: translateY(-50%);
    top: 48%;
    width: 40px;
    height: 40px;
    border-radius:50%; background-color:#3b2749;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 17 5-5-5-5'/%3E%3Cpath d='m13 17 5-5-5-5'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:48% 48%;
    z-index: 1;
}
.sub_diamond_step_list ul li:last-child:after{
    display: none;
}




/*-----------------------------------------------------------------

서브 페이지- 눈성형

-------------------------------------------------------------------*/
/*눈성형 - 눈성형 바르게 알기 =============*/
.sub_ptosis_guide_slogun_t p {
    font-size: 27px;
    line-height: 40px;
    color: #eaddecad;
    font-weight: 600 !important;
    letter-spacing: -1.3px;
    margin: 25px 0 15px 0 !important;
}
.sub_ptosis_guide_slogun_t p strong {
    color: #ffffff !important;
    background: #d4842b;
    padding: 5px 13px !important;
    border-radius: 50px;
    font-weight: 700;
    margin: 0 5px;
}

.sub_ptosis_guide_slogun h3 {
    font-size: 38px;
    line-height: 51px;
    font-weight: 600 !important;
    letter-spacing: -1.8px;
    background: #3b2749cf;
    padding: 0 25px 7px 25px;
    border-radius: 30px;
}


/*눈성형 - 내시경 이마거상 =============*/
/*특별함*/
.sub_secret_list ul {
    padding: 0 20px 0 0;
    margin: 0;
}
.sub_secret_list ul li {
    display: flex;
    align-items: flex-start;
    gap: 26px;
}
.sub_secret_list .num {
    font-family: "Roboto", sans-serif !important;
    font-size: 45px;
    line-height: 41px;
    font-weight: 400 !important;
    color: #9c82a9;
    padding-top: 3px;
}
.sub_secret_list .text strong {
    display: block;
    font-size: 27px;
    line-height: 39px;
    font-weight: 600 !important;
    color: #3b2749;
    margin-bottom: 12px;
    letter-spacing: -1px;
}
.sub_secret_list .text p {
    font-size: 20px;
    line-height: 33px;
    color: #3b2749a3;
    font-weight: 300 !important;
    letter-spacing: -1px;
}
.sub_secret_list .text p b {
    color: #655178;
    background: #e8e3e185;
    border-radius: 5px;
}

/*vs 비교*/
.sub_endos_vs_wrap {}
.sub_endos_vs_wrap .vc_col-sm-6.wpb_column.column_container .vc_column-inner {
    padding: 14px 14px 35px 14px;
}
.sub_endos_vs_title p {
    font-size: 27px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 600 !important;
    letter-spacing: -0.8px;
    padding: 5px 17px !important;
    display: table;
    margin: 0 auto !important;
    background: #715c88;
    border-radius: 50px;
    position: relative;
    top: -20px;
}
.sub_endos_vs_title.no_top p {
    top: 0px;
}

.sub_endos_vs_title.yellow p {
    background: #c7b989;
}
.sub_endos_vs_subt p {
    font-size: 20px;
    line-height: 33px;
    color: #3b2749cf;
    letter-spacing: -1px;
    padding: 0 30px !important;
}
.sub_endos_vs_subt p strong {
    background: #ffffff6e;
    border-radius: 5px;
}
.sub_endos_vs_subt.white p {
    color: #e0d6d9;
}
.sub_endos_vs_subt.white p strong {
    background: #3b274970;
}

/*필요한 경우2*/
.sub_need_wrap .sub_redesign_solu_en p {
    color: #cab3d9;
}
.sub_need_wrap .sub_redesign_solu_title p {
    color: #eaddec;
}
.sub_need_wrap .column-bg-overlay {
    background-color: #4b365cb3  !important;
}



/*눈성형 - 안검하수/눈매교정 =============*/
/*눈매교정 방법 비교*/
.eyelid_vs_table table {
    margin: 0 !important;
}
.eyelid_vs_table table tr.bd_line {
    border-top: 2px solid #000000 !important;
    border-bottom: 2px solid #000000 !important;
}
.eyelid_vs_table table tr {
    background: #fff !important;
}
  
.eyelid_vs_table table td.imgbox {
    padding: 0 !important;
    width: 537px;
}
.eyelid_vs_table table td.imgbox img {
    width: 100% !important;
    display: table;
}
.eyelid_vs_table table td {
    font-size: 20px !important;
    line-height: 32px;
    color: #242424;
    letter-spacing: -1px;
    font-weight: 300;
    padding: 20px !important;
    text-align: center;
    word-break: keep-all;
    vertical-align: middle;
    border-left: 0 !important;
    border-right: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    background: #d4842b12;
}
.eyelid_vs_table table td.left {
    background: #f8fbff;
}
.eyelid_vs_table table td.subject.vs {
    font-size: 40px !important;
    line-height: 34px;
    color: #000000;
    letter-spacing: 0px;
    font-weight: 700 !important;
    background: #fff;
    font-family: "Roboto", sans-serif !important;  
}
.eyelid_vs_table table td p.imgtitle {
    font-size: 28px !important;
    line-height: 32px;
    color: #fff;
    letter-spacing: -1px;
    background: linear-gradient(to left, #cfb4dd, #c5aad6);
    padding: 20px !important;
    font-weight: 600 !important;
}
.eyelid_vs_table table td p.imgtitle.left {
    background: linear-gradient(to left, #c4daf2, #b9d6f5);
}
.eyelid_vs_table table td.subject {
    font-weight: 500 !important;
    background: #fff;
}
.eyelid_vs_table table td:last-child {
    border-right: 0 !important;
}
  


/*안검하수 체크리스트*/
.sub_eyelid_check_subt p {
    font-size: 26px !important;
    line-height: 38px;
    color: #715c88;
    letter-spacing: -1px;
    margin-top: 20px !important;
    font-weight: 600 !important;
}
.sub_eyelid_check_list ul {
    margin: 0 auto !important;
    display: table;
    clear: both;
    content: "";
    padding: 0 !important;
    width: 740px;
}
.sub_eyelid_check_list li {
    font-size: 22px;
    line-height: 32px;
    color: #3b2749;
    letter-spacing: -0.7px;
    border-radius: 35px;
    background: #fff;
    padding: 19px 50px 19px 173px !important;
    display: block;
    margin-bottom: 17px !important;
    position: relative;
}
.sub_eyelid_check_list li:last-child {
    margin-bottom: 0px !important;
}
.sub_eyelid_check_list li::before {
    font-size: 20px;
    line-height: 39px;
    color: #fff;
    width: 129px;
    height: 39px;
    background-color: #d4842b;
    border-radius: 50px;
    text-align: center;
    min-width: 129px !important;
    display: inline-block;
    margin-right: 25px !important;
    position: absolute;
    top: 15px;
    left: 20px;
    font-family: "Roboto", sans-serif !important;  
}
.sub_eyelid_check_list li:nth-child(1):before {
    content: "Check 01";
}
.sub_eyelid_check_list li:nth-child(2):before {
    content: "Check 02";
}
.sub_eyelid_check_list li:nth-child(3):before {
    content: "Check 03";
}
.sub_eyelid_check_list li:nth-child(4):before {
    content: "Check 04";
}
  
  
/*눈성형 - 함몰안/꺼진눈 =============*/


/*눈성형 - 쿼터트임 =============*/
.sub_canthal_what_wrap .vc_col-sm-3.wpb_column.column_container .vc_column-inner {
    padding: 11px 11px 35px 11px;
    border-radius: 35px;
    overflow: hidden;
}
.sub_canthal_what_wrap .vc_col-sm-4.wpb_column.column_container .vc_column-inner {
    padding: 11px 11px 35px 11px;
    border-radius: 35px;
    overflow: hidden;
}
.sub_canthal_what_wrap .sub_endos_vs_title p {
    font-size: 25px;
    line-height: 35px;
    padding: 4px 17px !important;
}
.sub_canthal_what_wrap .sub_eyelid_check_subt p {
    color: #d4842b;
    margin-bottom: 15px !important;
    margin-top: 0 !important;
}

.sub_canthal_what_wrap .sub_redesign_angle_list li {
    font-size: 20px;
    line-height: 33px;
    padding-left: 34px;
    padding-bottom: 6px;
    font-weight: 500 !important;
}
.sub_canthal_what_wrap .sub_redesign_angle_list li::before {
    width: 23px;
    height: 23px;
    top: 5px;
}


/*-----------------------------------------------------------------

서브 페이지- 안면거상

-------------------------------------------------------------------*/
/*안면거상 - 얼굴 이물질 제거 =============*/
.sub_facial_case_title p {
    font-size: 25px;
    line-height: 35px;
    padding: 9px 17px 11px 17px !important;
    color: #ffffff;
    font-weight: 600 !important;
    letter-spacing: -1px;
    background: #d4842b;
    border-radius: 0 0 25px 25px;
}
.sub_facial_case_title.darkpurple p {
    background: #3b2749;
}
.sub_facial_intro_subt p {
    font-size: 23px;
    line-height: 35px;
    color: #d4842b;
    font-weight: 600 !important;
    letter-spacing: -1px;
}

.sub_facial_with_box .vc_col-sm-3.wpb_column.column_container .vc_column-inner{
    background: #3b274969;
    border-radius: 30px;
    padding: 0px 0px 30px 0px;
}






/*-----------------------------------------------------------------

서브 페이지- 리뉴비온

-------------------------------------------------------------------*/
/*리뉴비온 - 바디타이트닝 =============*/
/*적용부위*/
.sub_renuvion_spot_title p {
    font-size: 23px;
    line-height: 31px;
    color: #fff;
    font-weight: 600 !important;
    display: block;
    padding: 12px 11px 11px 11px !important;
    background: #3b2749d4;
    text-align: center;
    border-radius: 30px 30px 0 0;
    letter-spacing: -1px;
}
.sub_renuvion_spot_title.purple p {
    background: #d4842b;
}
.sub_renuvion_spot_list ul {
    background: #eaddec85;
    padding: 25px 30px !important;
    border-radius: 0 0 30px 30px;
    margin: 0 !important;
}
.sub_renuvion_spot_list ul li {
    font-size: 19px;
    line-height: 30px;
    color: #3b2749bf;
    letter-spacing: -1px;
    margin-bottom: 8px !important;
    text-align: center;
}
.sub_renuvion_spot_list.more ul li {
    text-align: left;
}
.sub_renuvion_spot_list.more ul li strong {
    display: block;
    color: #3b2749;
}
.sub_renuvion_spot_list ul li:last-child {
    margin-bottom: 0px !important;
}

.sub_renuvion_video .nectar-video-box img {
    border-radius: 30px !important;
    overflow: hidden;
}


/*리뉴비온 공식 키닥터*/
.sub_renuvion_key_box .vc_column-inner > .wpb_wrapper {
    background: #f4ecf4f5;
    border-radius: 25px;
    padding: 28px 39px !important;
    margin-left: 30px;
}
.sub_renuvion_key_title p {
    font-family: "Roboto", sans-serif !important;
    font-size: 25px;
    line-height: 38px;
    color: #3b2749;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
} 
.sub_renuvion_key_list p {
    font-size: 29px;
    line-height: 41px;
    color: #c87a22;
    letter-spacing: -1px;
    font-weight: 600 !important;
} 
.sub_renuvion_key_list ul {
    margin:0;
}
.sub_renuvion_key_list ul li {
    position: relative;
    font-size: 20px;
    line-height: 32px;
    color: #715c88;
    letter-spacing: -0.8px;
    padding-left: 38px;
    padding-bottom: 5px;
    text-align: left;
    font-weight: 600 !important;
}
.sub_renuvion_key_list ul li::before {
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:26px;
    height:26px;
    border-radius:50%; background-color:#e4d9f3;
    box-shadow:inset 0 0 0 1px rgba(116,91,156,.17);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23745b9c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:58% 58%;
}

.sub_redesign_brand_slogun h2 {
    font-size: 45px;
    line-height: 57px;
    font-weight: 600 !important;
    letter-spacing: -1.8px;
}
.sub_redesign_brand_slogun h4 {
    font-size: 31px;
    line-height: 46px;
    font-weight: 600 !important;
    letter-spacing: -1.3px;
}

/*특화시술 올리뉴엘*/
.sub_renuvion_ulin_subt p {
    font-size: 29px;
    line-height: 41px;
    color: #c87a22;
    letter-spacing: -1px;
    font-weight: 600 !important;
    margin-bottom: 18px !important;
}
.sub_renuvion_triple_title p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 25px;
    line-height: 35px;
    color: #ffffff;
    font-weight: 600 !important;
    background: #8a6a99;
    padding: 5px 21px !important;
    border-radius: 50px;
    display: table;
    margin: 0 auto !important;
}

/*리뉴비온 Q&A*/
.sub_qna_wrap div[data-style="animated_circle"] .toggle > .toggle-title a {
    font-size: 24px;
    line-height: 36px;
    color: #3b2749;
    letter-spacing: -0.8px;
    font-weight: 600 !important;
}
.sub_qna_wrap .sub_qna_subt p {
    font-size: 19px;
    line-height: 32px;
    color: #3b2749c4;
    font-weight: 300 !important;
    letter-spacing: -0.7px;
}
.sub_qna_wrap .sub_qna_subt p strong {
    color: #7f5793;
}

.sub_qna_wrap div[data-style="animated_circle"][data-ac-bg-color="1"] .toggle {
    padding: 0 39px;
}









/*-----------------------------------------------------------------

서브 페이지- 리프팅

-------------------------------------------------------------------*/
/*리프팅 - 울쎄라 =============*/
.sub_ulthera_prime_wrap .nectar-highlighted-text h2 {
    font-size: 48px;
    line-height: 61px;
    color: #3b2749;
    font-weight: 700 !important;
    letter-spacing: -2px;
}

/*주의사항*/
.sub_caution_list ol {
    counter-reset: list-counter;
    list-style: none !important;
    padding-left: 0;
    margin: 0 auto !important;
    width: 800px;
}
.sub_caution_list ol li {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.7px;
    font-weight: 300 !important;
    color: #242424;
    padding-bottom: 18px !important;
    margin-bottom: 18px !important;
    border-bottom: 1px solid #715c8821;
    counter-increment: list-counter;
    position: relative;
    padding-left: 45px;
    list-style: none !important;
}
.sub_caution_list ol li:last-child {
    margin-bottom: 0px !important;
}
.sub_caution_list ol li::before {
    content: counter(list-counter, decimal-leading-zero);
    position: absolute;
    left: 0;
    font-weight: bold;
    color: #d4842b;
}
.sub_caution_en p {
    font-family: "Roboto", sans-serif !important;
    font-size: 17px;
    line-height: 29px;
    color: #eaddec;
    background: #715c88;
    border-radius: 50px;
    padding: 3px 15px !important;
    display: inline-block;
    font-weight: 600 !important;
    margin-bottom: 32px !important;
}



/*리프팅 - 써마지 FLX =============*/
.sub_thermage_with_wrap {}
.sub_thermage_with_title p {
    font-size: 37px;
    line-height: 50px;
    color: #3B2749;
    letter-spacing: -1.7px;
    font-weight: 700 !important;
    margin: 40px 0 13px 0 !important;
}
.sub_thermage_with_subt p {
    font-size: 20px;
    line-height: 33px;
    color: #3b2749;
    font-weight: 300 !important;
    letter-spacing: -1px;
    margin-top: 20px !important;
}
.sub_thermage_with_subt p strong {
    font-weight: 500 !important;
}
.sub_small_subt p {
    font-size: 17px;
    line-height: 29px;
    color: #715c88a8;
    font-weight: 300 !important;
    letter-spacing: -0.8px;
}


/*리프팅 - 실리프팅 =============*/
.sub_thread_vs_title p {
    font-size: 24px;
    line-height: 36px;
    color: #d4842b;
    font-weight: 600 !important;
    letter-spacing: -1px;
}
.sub_thread_vs_wrap .sub_subt p {
    padding: 10px 25px 20px 25px !important;
}


/*리프팅 - 울트라클리어 =============*/
.sub_ultraclear_table table {
    margin: 0 !important;
    border: none !important;
    border-collapse: inherit !important;
    border-radius: 0 0 25px 25px !important;
    overflow: hidden;
}

.sub_ultraclear_table table th {
    font-size: 28px !important;
    line-height: 32px;
    color: #fff;
    background: #3b2749;
    padding: 15px 20px !important;
    font-weight: 600 !important;
    text-align: center !important;
    width: 16.666%;
    border-color: #ffffff36 !important;
}
.sub_ultraclear_table table th:last-child {
    border: none !important;
}
.sub_ultraclear_table table th:first-child {
    border-left: none !important;
}
.sub_ultraclear_table table td {
    font-size: 20px !important;
    line-height: 32px;
    color: #242424;
    letter-spacing: -1px;
    font-weight: 300;
    padding: 15px 20px !important;
    text-align: center;
    word-break: keep-all;
    vertical-align: middle;
    border-bottom: 1px solid #e5e5e5  !important;
    background: #fff !important;
}
.sub_ultraclear_table table tr {
    background: #d4842b12 !important;
}
.sub_ultraclear_table table tr.point td {
    color: #242424;
    background: #d4842b1c !important;
    font-weight: 600;
    border-color: #3b274914;
}
.sub_ultraclear_table table tr.point td:first-child {
    border-right:1px solid #3b274914 !important ;
}
.sub_ultraclear_table table td img {
    max-width: 140px !important;
    margin: 0 auto;
    padding: 14px 0;
}




/*-----------------------------------------------------------------

서브 페이지- 하안검/눈밑

-------------------------------------------------------------------*/
/*하안검/눈밑 - 하안검+중안면거상 =============*/
.sub_midface_vs_wrap .vc_col-sm-6.wpb_column.column_container .vc_column-inner {
    padding: 14px 14px 35px 14px !important;
}
.sub_midface_vs_wrap .sub_reoper_type_title p {
    color: #E0D6D9;
}







/*-----------------------------------------------------------------

서브 페이지- 병원소개

-------------------------------------------------------------------*/
/*병원소개 - SH의 특별함 =============*/
/*배너*/
.sub_about_banner_wrap .sub_banner_title h1 {
    font-size: 64px;
    line-height: 77px;
}
.sub_about_banner_roundt p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 17px;
    line-height: 27px;
    color: #fff;
    background: #ffffff24;
    border-radius: 50px;
    padding: 5px 17px !important;
    display: table;
    margin: 0 auto !important;
    margin-bottom: 32px !important;
    margin-top: 20px !important;

}
.sub_about_banner_subt p {
    font-size: 22px;
    line-height: 36px;
    color: #fff;
    letter-spacing: -0.7px;
    margin: 25px 0 0 0 !important;
    font-weight: 300 !important;
}
.sub_about_banner_en {
    font-family: "Roboto", sans-serif !important;  
    font-size: 120px;
    line-height: 130px;
    color: #fff;
    background: rgba(255, 255, 255, 0.07);
    letter-spacing: 2px;
}

.sub_about_title h2 {
    font-family: "Roboto", sans-serif !important;  
    font-size: 60px;
    line-height: 70px;
    font-weight: 700 !important;
    letter-spacing: -0.5px;
}

h2.sub_about_slogun_t {
    font-family: "Roboto", sans-serif !important;  
    font-size: 53px;
    line-height: 65px;
    font-weight: 500 !important;
}
h2.sub_about_slogun_t strong {
    color: #fff;
    font-weight: 500 !important;
}


.sub_about_spe_wrap .nectar-highlighted-text h2 {
    font-size: 40px;
    line-height: 53px;
    font-weight: 700 !important;
    letter-spacing: -1.5px;
    margin: 19px 0 22px 0 !important;
}
.sub_about_spe_num p {
    font-family: "Roboto", sans-serif !important;
    font-size: 38px;
    line-height: 48px;
    color: #d4842b;
    font-weight: 600 !important;
}


/*병원소개 - 의료진소개 =============*/
.sub_staff_wrap {}

.sub_staff_wrap .sub_about_intro_subt p strong {
    font-size: 21px !important;
    font-weight: 500 !important;
}
.sub_staff_wrap .subtitle_box p {
    font-size: 23px;
    line-height: 32px;
    color: #d4842b;
    letter-spacing: -1px;
    font-weight: 500;
    margin-bottom: 30px !important;
}
.sub_staff_wrap .name_en_box p {
    font-family: "Roboto", sans-serif !important;  
    font-size: 50px;
    line-height: 50px;
    color: #3b2749;
    letter-spacing: -0.5px;
    margin-bottom: 25px !important;
    font-weight: 500 !important;
}
.sub_staff_wrap .name_box p {
    font-size: 25px;
    line-height: 38px;
    color: #3b2749;
    letter-spacing: -1px;
    font-weight: 300 !important;
}
.sub_staff_wrap .name_box p strong {
    font-weight: 700;
}
.sub_staff_wrap .name_box2 p {
    font-size: 19px;
    line-height: 33px;
    color: #333333;
    letter-spacing: -0.7px;
    font-weight: 300 !important;
}
.sub_staff_wrap .sub_intro_subt p {
    color: #575757;
} 
.sub_staff_wrap .sub_intro_subt p span {
    background: #ecdcee;
}
  
.staff_name_toggle div[data-style="minimal"] .toggle > .toggle-title a {
    padding: 30px 70px 30px 0;
    transition: color 0.15s ease;
    font-size: 25px;
    font-weight: 600;
    color:#3b2749 !important ;
}
.sub_doc_name p {
    font-size: 19px;
    line-height: 29px;
    letter-spacing: -1px;
    color: #333;
    font-weight: 300 !important;
    position: absolute;
    z-index: 3;
    left: 45px;
    bottom: 40px;
}


/*병원소개 - 둘러보기 =============*/
.sub_interior_wrap .wpb_gallery_slidesflickity_static_height_style .nectar-flickity:not(.masonry) .flickity-viewport {
    margin: 0 0 40px 0 !important;
}


/*병원소개 - 의료장비 =============*/
.sub_equipment_wrap .vc_col-sm-3.wpb_column.column_container {

}
.sub_equipment_wrap .tabbed .wpb_tabs_nav {
    background: #ead3ef69;
    padding: 7px 4px !important;
    border-radius: 30px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto !important;
}
.sub_equipment_wrap li.tab-item {
    float: left;
    width: 48%;
    padding: 7px 10px 8px 10px !important;
    margin: 0 0.5% !important;
}
.sub_equipment_wrap li.tab-item a {
    font-size: 20px;
    line-height: 31px;
    font-weight: 600 !important;
    letter-spacing: -1px;
    color: #715c889c;
    width: 100%;
    display: inline-block;
    background: none !important;
    border: none;
    padding: 0;
    text-align: center;
}

.sub_equipment_wrap li.tab-item.active-tab {
    background: linear-gradient(to right, #ce7f26, #d4842b);
    border-radius: 30px;
}
.sub_equipment_wrap li.tab-item.active-tab a {
    color: #fff !important;
}
.sub_equipment_wrap li.tab-item:hover {
    background: linear-gradient(to right, #ce7f26, #d4842b);
    border-radius: 30px;
}
.sub_equipment_wrap li.tab-item:hover a {
    color: #fff !important;
}

.sub_equipment_wrap.three .tabbed .wpb_tabs_nav {
    max-width: 600px;
}
.sub_equipment_wrap.three li.tab-item {
    width: 32.3%;
}

.sub_equipment_wrap.seven .tabbed .wpb_tabs_nav {
    max-width: 100%;
}
.sub_equipment_wrap.seven li.tab-item {
    width: 13.2%;
}



/*장비리스트*/
.sub_equipment_wrap .team-member {
    margin-top: 0px;
    padding-bottom: 0px;
}
.sub_equipment_wrap .team-member[data-style=bio_fullscreen_alt] .team-member-image {
    margin-bottom: 25px;
    border-radius: 15px !important;
}
.sub_equipment_wrap .team-meta h5 {
    font-family: "Roboto", sans-serif !important;
    font-size: 19px;
    line-height: 29px !important;
    color: #d4842b;
    font-weight: 400 !important;
    letter-spacing: 0px;
}
.sub_equipment_wrap .team-meta h3 {
    font-size: 27px;
    line-height: 38px;
    color: #3b2749;
    font-weight: 600 !important;
    letter-spacing: -1px;
    margin: 6px 0 5px 0 !important;
}
.sub_equipment_wrap .team-meta p {
    font-size: 20px;
    line-height: 31px;
    color: #3b2749;
    font-weight: 200 !important;
    letter-spacing: -0.7px;
    padding: 0 !important
}

/*장비리스트-클릭시*/
.team_member_details .bio-inner .title {
    font-family: "Roboto", sans-serif !important;
    font-size: 17px;
    line-height: 25px !important;
    color: #fff;
    background: #3b2749;
    border-radius: 50px;
    padding: 3px 16px !important;
    display: table;
}

.team_member_details .bio-inner h2 { 
    font-size: 50px;
    line-height: 62px;
    color: #3b2749;
    font-weight: 700 !important;
    letter-spacing: -1px;
    margin: 30px 0 23px 0 !important;
}

.team_member_details .bio-inner .team-desc h4 { 
    font-size: 24px;
    line-height: 34px !important;
    color: #d4842b;
    font-weight: 600 !important;
    letter-spacing: -1px;
    margin-bottom: 20px !important;
}
.team_member_details .bio-inner .team-desc p { 
    font-size: 20px;
    line-height: 31px;
    color: #3b2749;
    font-weight: 200 !important;
    letter-spacing: -1px;
    padding: 0 !important;
}
.team_member_details .bio-inner .team-desc p i { 
    font-size: 20px;
    line-height: 31px;
    color: #715c88;
    font-weight: 500 !important;
    letter-spacing: -1px;
    padding: 0 !important;
    margin-bottom: 15px !important;
    display: inline-block;
}


/*
.sub_equipment_title p {
    font-size: 26px;
    line-height: 37px;
    color: #3b2749;
    font-weight: 600 !important;
    letter-spacing: -1px;
    margin-top: 22px !important;
}
.sub_equipment_title p strong {
    font-size: 21px;
    line-height: 31px;
    color: #d4842b;
    font-weight: 400 !important;
    letter-spacing: 0px;
    display: block;
}
.sub_equipment_subt p {
    font-size: 20px;
    line-height: 31px;
    color: #3b2749;
    font-weight: 200 !important;
    letter-spacing: -1px;
    margin-top: 5px !important;
}
*/



/*병원소개 - 진료안내/오시는길 =============*/
.sub_location_wrap {}

.sub_location_title h2 {
    font-family: "Roboto", sans-serif !important;
    font-size: 55px;
    line-height: 66px;
    font-weight: 600 !important;
    letter-spacing: -0.5px;
}
.sub_location_title.kr h2 {
    font-family: "Pretendard", "Malgun Gothic", "malgungothic", "맑은고딕", "맑은 고딕", sans-serif !important;
    letter-spacing: -2px;
    font-weight: 700 !important;
}
.sub_location_subt p {
    font-size: 21px;
    line-height: 33px;
    color: #3b2749;
    font-weight: 300 !important;
    letter-spacing: -1px;
}
.sub_location_wrap ul.wpb_tabs_nav li a span {
    font-size: 19px;
    line-height: 30px;
    color: #3b2749;
    letter-spacing: -1px;
}
.sub_location_map_add p {
    font-size: 16px !important;
    line-height: 36px;
    font-weight: 500 !important;
    color: #fff;
    letter-spacing: -0.5px !important;
}

.sub_location_wrap iframe {
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
}
.nectar-cta.map_btn h6 span a::before {
    display: inline-block;
    content: "";
    position: absolute;
    left: -32px;
    top: -4px;
    width: 22px;
    height: 24px;
    background-position: left 10px center;
    background-size: 22px 24px;
}
.nectar-cta.map_btn h6 span a span.text {
    letter-spacing: 0 !important;
    font-weight: 400 !important;
} 
.map_con_left_wrap {
    float: left;
    text-align: left;
}
.map_con_left_wrap p {
    display: inline-block !important;
}
.map_con_right_wrap {
    float: right;
    text-align: right;
} 
.map_con_right_wrap ul {
    display: block;
    margin: 0 !important;
}
.map_con_right_wrap ul li {
    display: inline-block;
    list-style: none;
    margin-right: 15px;
}
.map_con_right_wrap ul li:nth-child(3) {
    margin-right: 0;
}
.map_con_right_wrap ul li a {
    font-weight: normal;
    color: #fff !important;
    font-size: 15px;
    line-height: 36px;
    letter-spacing: 0 !important;
}
.map_con_right_wrap ul li a:hover {
    opacity: 0.7;
}


/*지도 밑에 정보들*/
.sub_info_item ul {
    display:flex;
    gap:40px;
    padding:20px 0;
    border-bottom:1px solid #e5e5e5;
    list-style:none;
    margin:0;
}
.sub_info_item.no_border  ul{
    border-bottom:none;
}
.sub_info_item ul .label{
    width:120px;
    color:#3b2749;
    font-size: 21px;
    line-height: 34px;
    letter-spacing: -0.8px;
    font-weight: 700 !important;
}
.sub_info_item ul .value {
    flex:1;
    font-size: 20px;
    line-height: 33px;
    color: #3b2749d6;
    font-weight: 300 !important;
    letter-spacing: -0.7px;
}
.sub_info_item ul .value.tel {
    font-family: "Roboto", sans-serif !important;  
    font-size: 27px;
    line-height: 37px;
    font-weight: 600 !important;
    color:#3b2749;
}
.sub_info_item ul .value .note {
    font-size:16px;
    line-height: 33px;
    color:#7f7f7f;
}
.sub_info_item ul .value .t {
    display:inline-block;
    width:70px;
}


/*버스 이용시*/
.sub_loca_bus_title p i {
    margin-right: 10px !important;
    top: -3px;
}
.sub_loca_bus_title p {
    font-size: 29px;
    line-height: 41px;
    color: #101010;
    letter-spacing: -0.8px;
    padding-bottom: 16px !important;
    font-weight: 600 !important;
}

.location_traffic_list ul {
    display: table;
    content: '';
    clear: both;
    padding-left: 75px !important;
    position: relative;
    margin: 0 0 10px 0 !important;
}
.location_traffic_list.no_margin ul {
    margin: 0  !important;
}

.location_traffic_list ul li {
    display: inline-block;
    border: 1px solid #e7e7e7;
    background: #fffffff7;
    border-radius: 5px;
    font-size: 14px;
    padding: 1px 10px;
    margin-right: 7px !important;
    margin-bottom: 5px !important;
}
.location_traffic_list ul:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "지선";
    background: #3CC344;
    color: #fff !important;
    font-size: 16px;
    padding: 2px 15px !important;
    border-radius: 5px;
}
.location_traffic_list ul.blue_label:before {
    content: "간선";
    background: #386DE8;
}
.location_traffic_list ul.red_label:before {
    content: "직행";
    background: #FB5852;
}
.location_traffic_list ul.gray_label:before {
    content: "마을";
    background: #87C700;
}

.location_traffic_list ul.subwayline_1:before {
    top: 2px;
    content: "9호선";
    background: #A98539;
}
.location_traffic_list ul.subwayline_2:before {
    top: 2px;
    content: "7호선";
    background: #747d3b;
}
.location_traffic_list.train ul li {
    border: 0;
    font-size: 20px;
    line-height: 33px;
    color: #3b2749c2;
    letter-spacing: -1px;
    background: none;
}




/*-----------------------------------------------------------------

서브 페이지- 전후사진

-------------------------------------------------------------------*/
/*전후사진 - 전후사진 =============*/
.sub_board_title p {
    font-family: "Roboto", sans-serif !important;
    font-size: 21px;
    line-height: 31px;
    color: #c87a22;
    padding-bottom: 20px !important;
    font-weight: 500 !important;
}



/*전후사진 - 셀피 후기 =============*/

.single .heading-title[data-header-style=default_minimal] {
    padding-top: 100px !important;
}
.single .heading-title[data-header-style=default_minimal] h1 {
    font-size: 35px;
    line-height: 47px;
    font-weight: 500 !important;
    color: #242424;
    letter-spacing: -1px;
    padding: 20px;
}

.single .heading-title[data-header-style=default_minimal] .meta-category a {
    border: none !important;
    padding: 4px 8px !important;
    margin: 30px 6px 0 5px !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    pointer-events: none;
    background: #353535;
    border-radius: 10px !important;
}

.single .heading-title {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.blog_next_prev_buttons {
    margin-top: 0px;
}



.sub_review_post_wrap .nectar-post-grid-filters a {
    color: #464646;
    padding: 4px 0;
    margin: 10px 15px;
    font-size: 20px;
    letter-spacing: -1px;
}
.sub_review_post_wrap .nectar-post-grid-filters a.active {
    font-weight: 600 !important;
    color: #242424;
}
.sub_review_post_wrap .nectar-post-grid-filters a:after {
    height: 2px;
}

.sub_review_post_wrap .spacing-25px .nectar-post-grid-filters {
    padding-top: 0 !important;
}
.sub_review_post_wrap .wpb_row:not(.full-width-content) .vc_col-sm-12 .nectar-post-grid-filters[data-sortable=yes] {
    margin-bottom: 30px;
}

.sub_review_post_wrap .nectar-post-grid .nectar-post-grid-item .meta-excerpt {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    font-weight: 300 !important;
    color: #b1837d !important;
    margin: 0 auto !important;
    padding-top: 5px;
    letter-spacing: -0.3px;
}

.sub_review_post_wrap {
    font-size: 19px;
    line-height: 31px;
    letter-spacing: -0.6px;
    color: #242424;
}

.sub_review_post_hash p {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.4px;
    color: #d4842b;
    font-weight: 500 !important;
}

.sub_review_post_wrap .portfolio-items .col .work-item {
    max-height: 250px !important;
}

.sub_review_post_wrap .portfolio-items[data-ps="8"] .col .work-info .vert-center {
    bottom: 23px;
    padding-left: 23px;
    padding-right: 23px;
}

.sub_review_post_wrap .portfolio-items[data-ps="8"] .col h3 {
    font-size: 17px;
    line-height: 21px;
    letter-spacing: -0.5px;
    background: #715c886b;
    border-radius: 10px;
    padding: 4px 10px;
    display: inline-block;
}

.sub_review_post_tbox_wrap {
    margin-top: 40px !important;
}

.sub_review_post_t p {
    font-size: 19px;
    line-height: 33px;
    letter-spacing: -0.4px;
    color: #333;
    font-weight: 300 !important;
    padding-top: 20px;
}

.sub_review_post_tbox_wrap .nectar-cta[data-using-bg=true] .text {
    margin-right: 40px !important;
    font-size: 22px;
    letter-spacing: -0.7px;
    line-height: 32px;
    font-weight: 500 !important;
    color: #fff;
}

.sub_review_post_tbox_wrap .nectar-cta .link_wrap .link_text {
    padding-right: 36px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500 !important;
}

.sub_review_post_tbox_wrap .nectar-cta span.link_wrap {
    padding: 19px 19px 16px 19px;
}

.nectar-cta.review_btn {
    background: #d4842b;
    display: inline-block;
    padding: 34px 30px;
    border-radius: 30px;
}



/*-----------------------------------------------------------------

서브 페이지- 개인정보취급방침, 이용약관

-------------------------------------------------------------------*/
.sub_privacy_t p {
    font-size: 19px;
    line-height: 31px;
    letter-spacing: -1px;
    color: #333;
    font-weight: 300 !important;
}
.sub_privacy_boxt p {
    font-size: 19px;
    line-height: 31px;
    letter-spacing: -.5px;
    color: #fff;
    font-weight: 500 !important;
    background: #715c88;
    border-radius: 10px;
    padding: 3px 15px !important;
    display: inline-block;
    margin-bottom: 20px !important;
}
.sub_privacy_title p {
    font-size: 21px;
    line-height: 33px;
    letter-spacing: -1px;
    color: #333;
    font-weight: 600 !important;
    padding: 9px !important;
    border-bottom: 1px solid #715c8845;
    border-top: 1px solid #715c8845;
    margin-bottom: 30px !important;
}






/*-----------------------------------------------------------------

푸터 - 첫번째섹션

-------------------------------------------------------------------*/
/*푸터 - 첫번째 섹션 =============*/
.footer_wrap {
}

.foot_title p {
    font-family: "Roboto", sans-serif !important;
    font-size: 24px !important;
    line-height: 36px;
    font-weight: 500 !important;
    color: #ded2d6;

    display: inline-flex;
    align-items: center;
    margin-top: 8px !important;
}
.foot_title p::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ded2d6' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") no-repeat center / contain;
    margin-right: 12px;
}
.foot_title.time p::before {
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ded2d6' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") no-repeat center / contain;
}


.foot_time_guide table {
    border: 0 !important;
    background: none !important;
    margin: 0 !important;
}
.foot_time_guide table tr {
    background: none !important;
    display: block;
}
.foot_time_guide table tr td:first-child{
    width: 80px;
}
.foot_time_guide table td {
    font-size: 20px !important;
    line-height: 33px;
    color: #BBB1C0;
    letter-spacing: -0.4px;
    border: 0 !important;
    padding: 0 5px 0 0 !important;
}

.foot_time_guide_t p {
    font-size: 18px !important;
    line-height: 32px;
    color: #BBB1C0;
    letter-spacing: -1px;
    padding-top: 5px;
    opacity: 0.8;
}


.foot_address_t p {
    font-size: 24px ;
    line-height: 36px;
    font-weight: 600 !important;
    color: #BBB1C0;
    letter-spacing: -1px;
}
.foot_address_subt p {
    font-size: 18px;
    line-height: 32px;
    color: #BBB1C0;
    letter-spacing: -0.8px;
    opacity: 0.8;
    margin: 5px 0 45px 0 !important;
}


.nectar-cta.map_btn h6 span a::before {
    display: inline-block;
    content: "";
    position: absolute;
    left: -30px;
    top: -2px;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}
.nectar-cta.map_btn.naver h6 span a::before {
    background: url('https://channel-static.rebeauty.co.kr/momaprs/ko/wp-content/uploads/2026/02/naver-map.png') no-repeat center / contain;
}
.nectar-cta.map_btn.kakao h6 span a::before {
    background: url('https://channel-static.rebeauty.co.kr/momaprs/ko/wp-content/uploads/2026/02/kakao-map.png') no-repeat center / contain;
}
.nectar-cta.map_btn.google h6 span a::before {
    background: url('https://channel-static.rebeauty.co.kr/momaprs/ko/wp-content/uploads/2026/02/google-map.png') no-repeat center / contain;
}


.footer_wrap .leaflet-container {
    border-radius: 20px;
}
.leaflet-control-attribution.leaflet-control {
    display: none;
}


/*푸터 - 두번째 섹션 =============*/
.foot_menu_list ul {
    margin: 0 !important;
    float: none;
    clear: both;
    display: flow-root;
    padding-bottom: 23px;
}
.foot_menu_list li {
    font-size: 18px !important;
    line-height: 28px;
    font-weight: 500 !important;
    letter-spacing: -1px;
    float: left;
    margin-left:20px ;
}
.foot_menu_list li:first-child {
    margin-left:0px ;
}
.foot_menu_list li a {
    color: #BBB1C0;
}
.foot_menu_list li a:hover {
    color: #715c88;
}


.foot_info_list ul {
    margin: 0 !important;
    float: none;
    clear: both;
    display: flow-root;
}
.foot_info_list li {
    font-size: 16px !important;
    line-height: 27px;
    font-weight: 300 !important; 
    color: #bbb1c09c;
    letter-spacing: -0.6px;
    float: left;
    margin-left:20px ;
    position: relative;
}
.foot_info_list li b {
    font-weight: 400 !important;
    color: #bbb1c0e0;
    padding-right: 5px;

}
.foot_info_list li:first-child {
    margin-left:0px ;
}
.foot_info_list li::after {
    position: absolute;
    background: #bbb1c02b;
    width: 1px;
    height: 13px;
    display: inline-block;
    content: "";
    right: -10px;
    top: 7px;
}
.foot_info_list li:last-child:after {
    display: none;
}

.foot_copy_t p {
    font-size: 14px !important;
    line-height: 25px;
    font-weight: 300 !important;
    color: #C9C5BC;
    opacity: 0.25;
    padding-top: 27px;
}


.foot_tel_t p {
    font-size: 20px !important;
    line-height: 32px;
    color: #bbb1c0cd;
    letter-spacing: -1px;
}
.foot_tel_number p {
    font-size: 38px !important;
    line-height: 48px;
    font-weight: 600 !important;
    color: #BBB1C0;
}


.footer_sns ul {
    padding: 0 !important;
    margin: 33px 0 0px !important;
    float: right;
}
.footer_sns ul li {
    display: inline-block;
    margin-right: 10px !important;
}
.footer_sns ul li:last-child {
    margin-right: 0px !important;
}
.footer_sns ul li a {
    display: block;
}
.footer_sns ul li a img {
    width: 40px !important;
    margin: 0 !important;
}
.footer_sns ul li a:hover {
    opacity: 0.6;
}









/*-------------------------------------------------------------------
	퀵메뉴 v2 — 아이콘 + 라벨, 홈페이지 보라색으로 통일
	이전 버전은 채널별 브랜드 컬러 + 호버 툴팁이었으나,
	라벨을 항상 보이게 바꾸면서 색은 한 가지로 정리했다.
-------------------------------------------------------------------*/
.quick_wrap {
    position: fixed;
    z-index: 10000;
    right: 24px;
    bottom: 74px;   /* 하단 고정 상담바(72px) 위로 띄운다 */
    margin: 0 !important;
}

.quick_wrap ul { margin: 0 !important; }

.quick_wrap li {
    margin-bottom: 8px !important;
    position: relative;
}

/* 이전 버전의 호버 툴팁은 라벨로 대체됐으므로 끈다 */
.quick_wrap li::after { content: none !important; display: none !important; }
.quick_wrap li:last-child { display: block; }

.quick_wrap li a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 58px;
    height: 58px;
    border-radius: 15px;
    background: #3B2749;
    color: #fff;
    box-shadow: 0 3px 12px rgba(59, 39, 73, .20);
    transition: background .22s ease, transform .22s ease, box-shadow .22s ease;
}

.quick_wrap li a:hover {
    background: #4E3660;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(59, 39, 73, .30);
}

.quick_wrap li .q-svg {
    display: block;
    width: 21px;
    height: 21px;
    line-height: 0;
}

.quick_wrap li .q-svg svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: #fff;
    color: #fff;
}

.quick_wrap li .q-lb {
    display: block;
    font-size: 11px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.4px;
    color: #fff;
    white-space: nowrap;
}

/* 아이콘 글리프에는 채널 고유 색을 넣는다 (버튼 바탕은 보라색 유지) */
.quick_wrap li a.q-kakao .q-svg svg { fill: #FEE500; }
.quick_wrap li a.q-yt   .q-svg rect { fill: #FF0000; }
.quick_wrap li a.q-yt   .q-svg path { fill: #fff; }
.quick_wrap li a.q-blog .q-svg path { fill: #03C75A; }
.quick_wrap li a.q-blog .q-svg circle { fill: #fff; }
/* 자사 항목(오시는길·비용·전화)은 팔레트 포인트 오렌지로 */
.quick_wrap li a.q-map .q-svg svg,
.quick_wrap li a.q-tel .q-svg svg { fill: #EA9E4A; }
.quick_wrap li a.q-won .q-svg svg { fill: none; }
/* ₩·화살표 아이콘은 stroke="currentColor" 라 앵커의 color 를 따라간다 */
.quick_wrap li a.q-won { color: #EA9E4A; }
.quick_wrap li a.q-won .q-svg svg g { stroke: #EA9E4A; }
/* 맨 위로는 기능 버튼이라 흰색 유지 */
.quick_wrap li a.q-top .q-svg svg { fill: none; }
.quick_wrap li a.q-top .q-svg svg g { stroke: #fff; }
/* 라벨 글씨는 아이콘 색과 무관하게 항상 흰색 */
.quick_wrap li a .q-lb { color: #fff !important; }

/* 맨 위로 — 살짝 구분되게 */
.quick_wrap li a.q-top {
    background: #241931;
    margin-top: 4px;
}
.quick_wrap li a.q-top:hover { background: #3B2749; }

@media only screen and (max-width: 999px) {
    .quick_wrap { right: 12px; bottom: 92px; }
    .quick_wrap li { margin-bottom: 6px !important; }
    .quick_wrap li a { width: 50px; height: 50px; border-radius: 13px; gap: 2px; }
    .quick_wrap li .q-svg { width: 18px; height: 18px; }
    .quick_wrap li .q-lb { font-size: 10px; }
    .quick_wrap li a:hover { transform: none; }
}

@media only screen and (max-width: 690px) {
    .quick_wrap li a { width: 46px; height: 46px; border-radius: 12px; }
    .quick_wrap li .q-svg { width: 17px; height: 17px; }
    .quick_wrap li .q-lb { font-size: 9.5px; }
}


/*로그인 전후*/
img.img-with-animation.login_on.skip-lazy {
    display: none !important;
}
.logged-in img.img-with-animation.login_on.skip-lazy {
    display: block !important;
}
.logged-in img.img-with-animation.login_off.skip-lazy {
    display: none !important;
}






/*-----------------------------------------------------------------
서브 양옆 움직이는거 구현
-----------------------------------------------------------------*/
/*
.sub-top-sec .row-bg-wrap .row-bg {
  position: relative;
}

.sub-top-sec .row-bg-wrap .row-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  animation: subTopClipLoop 10s ease-in-out infinite;
}

@keyframes subTopClipLoop {
  0%   { clip-path: inset(0% 0% 0% 0%); }
  20%  { clip-path: inset(0% 0% 0% 50%); }
  30%  { clip-path: inset(0% 0% 0% 50%); }
  50%  { clip-path: inset(0% 0% 0% 100%); }
  70%  { clip-path: inset(0% 0% 0% 50%); }
  80%  { clip-path: inset(0% 0% 0% 50%); }
  100% { clip-path: inset(0% 0% 0% 0%); }
}

배경 (서브 아이디값만 조정)
#test.sub-top-sec .row-bg-wrap .row-bg::after{
  background-image: url(/wp-content/uploads/2026/02/main_test_slide2.jpg);
}
*/


/*-------------------------------------------------------------------
	SH 모션 아이콘 (lottie 외부 의존 제거)
-------------------------------------------------------------------*/
.sh-mi { display: block; width: 100%; line-height: 0; }
.sh-mi svg { width: 100%; height: auto; display: block; overflow: visible; }

/* ── 섹션 장식 공통 ───────────────────────────────────── */
.sh-mi[class*="sh-mi-"] svg { stroke: #3B2749; }
.sh-mi-chev svg, .sh-mi-line svg, .sh-mi-eye svg,
.sh-mi-wave svg, .sh-mi-lift svg, .sh-mi-ring svg,
.sh-mi-rise svg, .sh-mi-diam svg {
    fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round;
}
/* 주의: Salient 은 배경이 밝아도 대부분의 row 에 .dark / data-midnight="dark" 를 붙인다.
   배경색 신호가 아니므로 여기서 색 분기에 쓰면 아이콘이 흰색이 되어 사라진다.
   다크 배경 섹션이 생기면 해당 섹션을 명시적으로 지정할 것. */

/* 코재수술 — 셰브론이 차례로 밀려 올라감 (평상시 완전 불투명) */
.sh-mi-chev .o-chev path { animation: shChev 2.6s ease-in-out infinite; }
.sh-mi-chev .o-chev path:nth-child(1) { animation-delay: .12s; }
.sh-mi-chev .o-chev path:nth-child(3) { animation-delay: .24s; }
@keyframes shChev {
    0%, 55%, 100% { transform: translateY(0); opacity: 1; }
    70%           { transform: translateY(-4px); opacity: .55; }
    85%           { transform: translateY(1px); opacity: 1; }
}

/* 코성형 — 옆선은 항상 완전히 그려져 있고, 시작점만 맥동 */
.sh-mi-line .o-dot { fill: #3B2749; stroke: none; transform-origin: 33px 10px; animation: shDot 2.8s ease-in-out infinite; }
@keyframes shDot {
    0%, 60%, 100% { transform: scale(1); opacity: 1; }
    75%           { transform: scale(1.55); opacity: .5; }
    88%           { transform: scale(1); opacity: 1; }
}

/* 처진눈성형 — 눈매가 열림 */
.sh-mi-eye .o-iris { fill: #3B2749; stroke: none; transform-origin: 32px 34px; animation: shIris 3.2s ease-in-out infinite; }
.sh-mi-eye .o-lid, .sh-mi-eye .o-under { transform-origin: 32px 34px; animation: shLid 3.2s ease-in-out infinite; }
@keyframes shLid  { 0%, 8%, 100% { transform: scaleY(1); } 3% { transform: scaleY(.12); } }
@keyframes shIris { 0%, 8%, 100% { opacity: 1; transform: scale(1); } 3% { opacity: 0; transform: scale(.4); } }

/* 하안검/눈밑 — 아치가 들어올려짐 */
.sh-mi-wave .o-wave path { animation: shArch 3s ease-in-out infinite; }
.sh-mi-wave .o-wave path:nth-child(2) { animation-delay: .22s; }
@keyframes shArch { 0%, 60%, 100% { transform: translateY(0); } 78% { transform: translateY(-5px); } }

/* 안면거상 — 벡터가 위로 */
.sh-mi-lift .o-lift path { animation: shLiftUp 2.6s ease-in-out infinite; }
.sh-mi-lift .o-lift path:nth-child(2) { animation-delay: .14s; }
.sh-mi-lift .o-lift path:nth-child(3) { animation-delay: .28s; }
@keyframes shLiftUp { 0%, 58%, 100% { transform: translateY(0); } 76% { transform: translateY(-6px); } }

/* 리뉴비온 — 동심원 파동 (안쪽 원은 항상 보임) */
.sh-mi-ring .o-ring circle { transform-origin: 32px 32px; }
.sh-mi-ring .o-ring circle:nth-child(2) { animation: shRing 2.8s ease-out infinite; }
.sh-mi-ring .o-ring circle:nth-child(3) { animation: shRing 2.8s ease-out infinite .5s; }
@keyframes shRing { 0% { transform: scale(.55); opacity: .25; } 45% { opacity: 1; } 100% { transform: scale(1); opacity: .25; } }

/* 리프팅 — 처진 선이 위로 당겨짐 */
.sh-mi-rise .o-sag   { animation: shSag 3s ease-in-out infinite; }
.sh-mi-rise .o-arrow { animation: shArrow 3s ease-in-out infinite; }
@keyframes shSag   { 0%, 55%, 100% { transform: translateY(0); } 78% { transform: translateY(-4px); } }
@keyframes shArrow { 0%, 55%, 100% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(-4px); opacity: .55; } 85% { transform: translateY(0); opacity: 1; } }

/* 기타 — 회전 다이아몬드 */
.sh-mi-diam .o-diam { transform-origin: 32px 32px; animation: shDiam 9s linear infinite; }
.sh-mi-diam .o-diam rect:nth-child(2) { opacity: .5; }
@keyframes shDiam { to { transform: rotate(360deg); } }

/* 장식 아이콘은 살짝 키워 존재감을 준다 (레이아웃 박스는 유지) */
.sh-mi[class*="sh-mi-"] { transform: scale(1.22); transform-origin: center; }

/* 주의: 여기서 애니메이션을 통째로 끄면 안 된다.
   윈도우 '애니메이션 효과' 를 꺼둔 PC(병원 안내 모니터 등)는 prefers-reduced-motion: reduce 로 잡히는데,
   그런 화면에서 아이콘이 완전히 멈춰 고장난 것처럼 보였다(2026-09-08 확인).
   장식용 소형 아이콘이라 계속 재생하되, 깜빡임처럼 급한 변화만 느리게 눕힌다. */
@media (prefers-reduced-motion: reduce) {
    .sh-mi-eye .o-lid, .sh-mi-eye .o-under, .sh-mi-eye .o-iris { animation-duration: 6s; }
    .sh-mi-chev .o-chev path, .sh-mi-lift .o-lift path,
    .sh-mi-wave .o-wave path, .sh-mi-rise .o-sag, .sh-mi-rise .o-arrow { animation-duration: 4.5s; }
    .sh-mi-ring .o-ring circle:nth-child(3) { opacity: .35; }
}


/* 인트로 섹션 모션 아이콘 — 숨쉬는 여섯 꽃잎 (bloom)
   시술 서브페이지 34곳 .sub_intro_wrap 오른쪽 열의 lottie.host 회전 구(eKzfG0LwoD.json)를 대체
   (2026-09-07, _compare/motion.html 1번 시안). 마크업: <div class="sh-mi-intro"><span class="sh-mi sh-mi-bloom">…
   래퍼는 원래 nectar-lottie-wrap 과 같은 절대배치(데스크톱 122px / 태블릿 95px). 꽃잎이 구보다 커서
   데스크톱은 꽃잎 왼쪽 가장자리가 본문 왼쪽(열 패딩 82px)과 맞도록 left 를, 태블릿은 아래 문구와
   간격이 유지되도록 top 을 보정했다. */
.sh-mi-intro { position: absolute; top: 95px; left: 71px; width: 122px; line-height: 0; }
@media only screen and (max-width: 999px) {
    .sh-mi-intro { top: 14px; left: calc(6% - 10px); width: 95px; }
}
.sh-mi.sh-mi-bloom{display:block;width:100%;line-height:0;transform:none}
.sh-mi.sh-mi-bloom svg{width:100%;height:auto;display:block;overflow:visible;fill:none;stroke:#644C73;stroke-linecap:round;stroke-linejoin:round}
.sh-mi.sh-mi-bloom .shb-rot{transform-box:view-box;transform-origin:50px 50px;animation:shbloomSpin 8s linear infinite}
.sh-mi.sh-mi-bloom .shb-p{stroke:#644C73;stroke-width:1.8;transform-box:view-box;transform-origin:50px 50px;animation:shbloomBreathe 8s ease-in-out infinite}
.sh-mi.sh-mi-bloom .shb-p:nth-child(2),.sh-mi.sh-mi-bloom .shb-p:nth-child(5){animation-delay:-2.66667s}
.sh-mi.sh-mi-bloom .shb-p:nth-child(3),.sh-mi.sh-mi-bloom .shb-p:nth-child(6){animation-delay:-5.33333s}
@keyframes shbloomSpin{from{transform:rotate(0deg)}to{transform:rotate(180deg)}}
@keyframes shbloomBreathe{0%,100%{transform:scale(1);stroke-opacity:1}50%{transform:scale(.74);stroke-opacity:.75}}

/*-------------------------------------------------------------------
	SH 형태 체계 — 썸네일/카드 모서리 재해석
	기존: 전 요소 균일 20px 둥근 사각형
	변경: 대각 리프(24px) 기본 + 짝수 열 미러링으로 리듬 부여
	      알약형 칩/버튼은 각진 사각형으로, 아이콘 배지는 원형 유지
-------------------------------------------------------------------*/

/* 1) 이미지 썸네일 — 대각 리프 */
body .img-with-aniamtion-wrap[data-border-radius="20px"] .img-with-animation,
body .img-with-aniamtion-wrap[data-border-radius="20px"] .inner,
body .img-with-aniamtion-wrap[data-border-radius="20px"] .hover-wrap {
    border-radius: 24px;
}
body .img-with-aniamtion-wrap[data-border-radius="20px"] {
    --nectar-radius: 24px;
}

/* 2) 배경 이미지 칼럼 — 동일 형태 */
body .wpb_column[data-border-radius="20px"] > .vc_column-inner,
body .wpb_column[data-border-radius="20px"] .column-image-bg-wrap,
body .wpb_column[data-border-radius="20px"] .column-image-bg,
body .wpb_column[data-border-radius="20px"] .column-bg-overlay-wrap,
body .wpb_column[data-border-radius="20px"] .column-bg-layer {
    border-radius: 24px;
    overflow: hidden;
}

/* 3) (이전에는 짝수 열의 대각 방향을 뒤집어 리듬을 줬으나,
      요청에 따라 네 모서리를 균일하게 둥글게 처리한다) */
body .row_col_wrap_12 > .wpb_column[data-border-radius="20px"]:nth-of-type(even) > .vc_column-inner,
body .row_col_wrap_12 > .wpb_column[data-border-radius="20px"]:nth-of-type(even) .column-image-bg-wrap,
body .row_col_wrap_12 > .wpb_column[data-border-radius="20px"]:nth-of-type(even) .column-image-bg,
body .row_col_wrap_12_inner > .wpb_column[data-border-radius="20px"]:nth-of-type(even) > .vc_column-inner,
body .row_col_wrap_12_inner > .wpb_column[data-border-radius="20px"]:nth-of-type(even) .column-image-bg-wrap,
body .row_col_wrap_12_inner > .wpb_column[data-border-radius="20px"]:nth-of-type(even) .column-image-bg,
body .wpb_column:nth-of-type(even) .img-with-aniamtion-wrap[data-border-radius="20px"] .img-with-animation,
body .wpb_column:nth-of-type(even) .img-with-aniamtion-wrap[data-border-radius="20px"] .inner,
body .wpb_column:nth-of-type(even) .img-with-aniamtion-wrap[data-border-radius="20px"] .hover-wrap,
body .flickity-slider .cell:nth-of-type(even) .img-with-aniamtion-wrap[data-border-radius="20px"] .img-with-animation,
body .flickity-slider .cell:nth-of-type(even) .img-with-aniamtion-wrap[data-border-radius="20px"] .inner,
body .flickity-slider .cell:nth-of-type(even) .img-with-aniamtion-wrap[data-border-radius="20px"] .hover-wrap {
    border-radius: 24px;
}

/* 4) 알약형 칩/버튼 -> 각진 사각형 */
body .sub_subt.round_bg p,
body .sub_subt.round p,
body h2.sub_title.pur_round b,
body .sub_redesign_sign_en.round p {
    border-radius: 6px !important;
}

/* 5) 전후사진 — SH 전용 프레임 */
#kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list-slide .kboard-viewps-before-after-plus-list .kboard-list-item {
    border: 1px solid rgba(59, 39, 73, .14);
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 6px 18px rgba(59, 39, 73, .06);
    transition: box-shadow .3s ease, transform .3s ease;
}
#kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list-slide .kboard-viewps-before-after-plus-list .kboard-list-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(59, 39, 73, .12);
}
/* 좌우 분할 사이 얇은 구분선 */
#kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list-slide .kboard-viewps-before-after-plus-list .kboard-list-item .kboard-list-thumbnail:first-of-type {
    border-right: 1px solid rgba(59, 39, 73, .14);
}
/* BEFORE / AFTER 토글도 각진 형태로 */
#kboard-viewps-before-after-plus-list .kboard-viewps-before-after-plus-list-slide .kboard-viewps-before-after-plus-list .kboard-list-item .kboard-list-slide-toggle input {
    border-radius: 4px;
}

/*-------------------------------------------------------------------
	메인 인스타 섹션 — 프레임 제거, 사진 + 하단 문구
-------------------------------------------------------------------*/
.nectar-carousel .cell .inner-wrap:has(.sh-insta-cap) {
    display: flex;
    flex-direction: column;
}

.sh-insta-cap {
    padding: 14px 2px 2px;
    text-align: center;
}

.sh-insta-cap .sh-insta-txt {
    margin: 0 !important;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 600;
    color: #3B2749;
    letter-spacing: -0.4px;
    word-break: keep-all;
}

.sh-insta-cap .sh-insta-tag {
    margin: 0 !important;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    color: #C87A22;
    letter-spacing: -0.3px;
    word-break: keep-all;
}

/* 제목 길이가 카드마다 달라 해시태그 줄이 어긋난다.
   -webkit-line-clamp 은 Chromium 이 display 를 blockify 해 버려 여기서는 듣지 않으므로,
   캡션을 세로 플렉스로 두고 해시태그를 하단에 붙여 모든 카드에서 같은 높이에 오게 한다.
   제목은 잘리지 않는다. */
body .sh-insta-cap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* 제목과 해시태그 사이 여백은 한 줄 수준으로만 */
body .sh-insta-cap .sh-insta-tag { margin-top: 8px !important; }

.main_slogun_img {
    width: 100%;
    height: auto;
    display: block;
}

@media only screen and (max-width: 999px) {
    .sh-insta-cap { padding: 12px 2px 2px; }
    .sh-insta-cap .sh-insta-txt { font-size: 15px; }
    .sh-insta-cap .sh-insta-tag { font-size: 12px; }
}

@media only screen and (max-width: 690px) {
    .sh-insta-cap .sh-insta-txt { font-size: 14px; }
    .sh-insta-cap .sh-insta-tag { font-size: 11.5px; }
}


/* 해시태그는 '#' 뒤에서 줄이 끊기면 어색하므로 태그 단위로 묶는다 */
.sh-insta-cap .sh-insta-tag span {
    display: inline-block;
    white-space: nowrap;
    margin: 0 3px;
}


/*-------------------------------------------------------------------
	SH 신규 페이지 — 닥터스 칼럼 / 의학정보 / Q&A
-------------------------------------------------------------------*/
.sh-page { max-width: 1000px; margin: 0 auto; }

.sh-page .sh-lead {
    margin: 0 0 54px !important;
    font-size: 17px;
    line-height: 1.85;
    color: #715c88;
    letter-spacing: -0.4px;
    word-break: keep-all;
    padding-bottom: 34px;
    border-bottom: 1px solid #E0D6D9;
}

.sh-page .sh-sec {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 56px 0 20px !important;
    padding-left: 14px;
    font-size: 22px;
    font-weight: 700;
    color: #3B2749;
    letter-spacing: -0.6px;
    border-left: 3px solid #D4842B;
}
.sh-page .sh-sec:first-of-type { margin-top: 0 !important; }
.sh-page .sh-sec em {
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
    color: #D4842B;
}

/* ── 닥터스 칼럼 카드 ─────────────────────────────── */
.sh-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.sh-card {
    display: flex;
    flex-direction: column;
    padding: 28px 26px 24px;
    background: #fff;
    border: 1px solid #E0D6D9;
    border-radius: 24px;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.sh-card-grid > .sh-card:nth-child(even) { border-radius: 24px; }
.sh-card:hover {
    transform: translateY(-4px);
    border-color: #D4842B;
    box-shadow: 0 16px 34px rgba(59, 39, 73, .10);
}

.sh-chip {
    align-self: flex-start;
    padding: 5px 11px;
    margin-bottom: 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    color: #715c88;
    background: #EADDEC;
    border-radius: 4px;
}

.sh-card-t {
    margin: 0 0 12px !important;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    color: #3B2749;
    letter-spacing: -0.5px;
    word-break: keep-all;
}

.sh-card-x {
    margin: 0 0 22px !important;
    flex: 1;
    font-size: 14.5px;
    line-height: 1.75;
    color: #715c88;
    letter-spacing: -0.3px;
    word-break: keep-all;
}

.sh-card-f {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px solid #E4D8E6;
}
.sh-date { font-size: 13px; color: #BBB1C0; }
.sh-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    font-weight: 600;
    color: #3B2749;
}
.sh-more i {
    width: 14px; height: 8px;
    background: currentColor;
    transition: transform .25s ease;
    -webkit-mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M0 4h12M9 1l3 3-3 3' stroke='%23000' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 8'%3E%3Cpath d='M0 4h12M9 1l3 3-3 3' stroke='%23000' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.sh-card:hover .sh-more { color: #D4842B; }
.sh-card:hover .sh-more i { transform: translateX(4px); }

/* ※ 로 시작하는 고지는 본문과 줄을 나눈다. 같은 줄에 이어 붙으면
   문단 끝이 들쭉날쭉해 정렬이 어긋나 보인다. */
.sh-cta-note {
    display: block;
    margin-top: 14px;
    padding-top: 13px;
    font-size: 14.5px;
    color: #BCA9C5;
    border-top: 1px solid rgba(234, 221, 236, 0.18);
}

.sh-cta {
    margin: 54px 0 0 !important;
    /* Salient 의 .row .col p:last-child{padding-bottom:0} 이 아래 여백만 지워
       글자가 박스 바닥에 붙는다(위 30 / 아래 0). !important 로 균형을 되찾는다. */
    padding: 30px 34px !important;
    background: #3B2749;
    color: #EADDEC;
    border-radius: 24px;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: -0.4px;
    word-break: keep-all;
}

/* ── 아코디언 (의학정보 / Q&A 공용) ────────────────── */
.sh-acc-wrap { border-top: 1px solid #E0D6D9; }

.sh-acc { border-bottom: 1px solid #E0D6D9; }
.sh-acc > summary {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 24px 46px 24px 4px;
    position: relative;
    cursor: pointer;
    list-style: none;
    transition: background .2s ease;
}
.sh-acc > summary::-webkit-details-marker { display: none; }
.sh-acc > summary:hover { background: #F4ECF4; }

.sh-acc > summary::after {
    content: "";
    position: absolute;
    right: 12px; top: 30px;
    width: 13px; height: 13px;
    background: #715c88;
    transition: transform .3s ease, background .3s ease;
    -webkit-mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 0v13M0 6.5h13' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");
            mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 0v13M0 6.5h13' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");
}
.sh-acc[open] > summary::after { transform: rotate(135deg); background: #D4842B; }

.sh-acc-t {
    flex: 1;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 600;
    color: #3B2749;
    letter-spacing: -0.5px;
    word-break: keep-all;
}
.sh-acc-s {
    display: block;
    width: 100%;
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    color: #C87A22;
    letter-spacing: -0.3px;
    word-break: keep-all;
}
.sh-acc > summary > .sh-acc-t { display: block; }
.sh-acc > summary { flex-wrap: wrap; }

.sh-acc-b { padding: 4px 46px 34px 4px; }
.sh-acc-b h4 {
    margin: 26px 0 8px !important;
    font-size: 15.5px;
    font-weight: 700;
    color: #3B2749;
    letter-spacing: -0.4px;
}
.sh-acc-b h4:first-child { margin-top: 6px !important; }
.sh-acc-b p {
    margin: 0 !important;
    font-size: 15px;
    line-height: 1.85;
    color: #715c88;
    letter-spacing: -0.35px;
    word-break: keep-all;
}

.sh-key {
    margin: 24px 0 0 !important;
    padding: 22px 26px !important;
    list-style: none !important;
    background: #EADDEC;
    border-radius: 16px;
}
.sh-key li {
    position: relative;
    padding-left: 18px;
    margin: 0 0 8px !important;
    font-size: 14.5px;
    line-height: 1.7;
    color: #3B2749;
    letter-spacing: -0.3px;
    word-break: keep-all;
}
.sh-key li:last-child { margin-bottom: 0 !important; }
.sh-key li::before {
    content: "";
    position: absolute;
    left: 0; top: 10px;
    width: 6px; height: 6px;
    background: #D4842B;
}

.sh-caution {
    margin: 20px 0 0 !important;
    padding-left: 16px;
    border-left: 2px solid #DAD4C6;
    font-size: 13.5px !important;
    line-height: 1.75 !important;
    color: #C87A22 !important;
    word-break: keep-all;
}

.sh-disclaimer {
    margin: 60px 0 0 !important;
    padding: 26px 28px;
    background: #F4ECF4;
    border-radius: 16px;
    font-size: 13px;
    line-height: 1.85;
    color: #C87A22;
    letter-spacing: -0.3px;
    word-break: keep-all;
}

/* ── Q&A 전용 ──────────────────────────────────────── */
.sh-catnav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}
.sh-catnav a {
    padding: 9px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #715c88;
    background: #EADDEC;
    border-radius: 6px;
    letter-spacing: -0.3px;
    transition: background .2s ease, color .2s ease;
}
.sh-catnav a:hover { background: #3B2749; color: #fff; }

.sh-qa > summary { padding-left: 4px; }
.sh-q, .sh-a {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px; height: 26px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 6px;
}
.sh-q { background: #3B2749; color: #fff; margin-top: 2px; }
.sh-a { background: #D4842B; color: #fff; float: left; margin: 3px 12px 6px 0; }
.sh-qa .sh-acc-b { padding-left: 4px; overflow: hidden; }

.sh-kw {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 56px;
    padding-top: 30px;
    border-top: 1px solid #E0D6D9;
}
.sh-kw > span {
    width: 100%;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #3B2749;
}
.sh-kw b {
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 500;
    color: #715c88;
    background: #F4ECF4;
    border: 1px solid #E4D8E6;
    border-radius: 4px;
}

/* ── 반응형 ────────────────────────────────────────── */
@media only screen and (max-width: 999px) {
    .sh-card-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .sh-page .sh-lead { font-size: 15.5px; margin-bottom: 40px !important; }
    .sh-page .sh-sec { font-size: 19px; margin-top: 44px !important; }
    .sh-acc-t { font-size: 15.5px; }
    .sh-acc-b { padding-right: 20px; }
    .sh-acc > summary { padding-right: 38px; }
}

@media only screen and (max-width: 690px) {
    .sh-card-grid { grid-template-columns: 1fr; }
    .sh-card, .sh-card-grid > .sh-card:nth-child(even) { border-radius: 18px; }
    .sh-page .sh-lead { font-size: 14.5px; }
    .sh-acc-t { font-size: 15px; }
    .sh-acc-b p { font-size: 14.5px; }
    .sh-cta { padding: 24px 22px !important; font-size: 15px; }
}


/*-------------------------------------------------------------------
	SH 포인트 컬러 — 무드보드 daisy 오렌지
	라벤더가 바탕을 잡고, 오렌지는 '누르는 곳 / 눈이 먼저 가야 하는 곳'에만.
	배경으로 넓게 쓰면 흰 글씨 대비가 2.2:1 까지 떨어지므로 면적을 제한한다.
	텍스트로 쓸 때는 딥 버전(#D4842B, 흰 배경 대비 3.9:1)을 쓴다.
-------------------------------------------------------------------*/

/* 1) 주요 CTA — 상담신청 / 예약 / 제출 버튼 */
body .gform_button,
body input[type="submit"],
body .main_quick_form input[type="submit"],
body .wpcf7-submit {
    background: #EA9E4A !important;
    border-color: #EA9E4A !important;
    color: #fff !important;
    transition: background .25s ease;
}
body .gform_button:hover,
body input[type="submit"]:hover,
body .wpcf7-submit:hover {
    background: #D4842B !important;
    border-color: #D4842B !important;
}

/* 2) 활성 상태 — 탭 · 캐러셀 페이지네이션 */
body .sub_equipment_wrap li.tab-item.active-tab { background: #EA9E4A !important; }
body .sub_equipment_wrap li.tab-item:hover { background: #D4842B !important; }
body .flickity-page-dots .dot.is-selected {
    background: #EA9E4A !important;
    border-color: #EA9E4A !important;
}

/* 3) 섹션 마커 — 진료 과목별 모션 아이콘 */
.sh-mi[class*="sh-mi-"] svg { stroke: #D4842B; }
.sh-mi-line .o-dot,
.sh-mi-eye .o-iris { fill: #D4842B; }

/* 4) 퀵메뉴는 홈페이지 보라색으로 통일 (아이콘+라벨 형태라 색 구분이 불필요) */

/* 5) 신규 페이지(의학정보 등) 포인트 */
.sh-page .sh-sec { border-left-color: #EA9E4A; }
.sh-page .sh-sec em { color: #D4842B; }
.sh-key li::before { background: #EA9E4A; }
.sh-card:hover { border-color: #EA9E4A; }
.sh-card:hover .sh-more { color: #D4842B; }
.sh-acc[open] > summary::after { background: #D4842B; }

/* 6) 블러시 — 보조 강조 배경 */
.sh-caution { border-left-color: #EBC7BB; }

/*-------------------------------------------------------------------
	가로 스크롤 차단
	절대배치 장식 요소가 뷰포트를 넘어가 가로 스크롤이 생기고,
	오른쪽으로 밀면 섹션 배경이 끝나 흰 여백이 드러났다.
	  · .nectar-scrolling-text (마퀴)        width 8072px → 6,707px 초과
	  · .sub_banner_lottie (SCROLL 인디케이터) right:-115px →    40px 초과
	둘 다 position:absolute 라 레이아웃 높이에는 영향이 없어
	스크롤 영역만 잘라내면 된다. sticky·fixed 동작에는 영향 없음(실측 확인).
-------------------------------------------------------------------*/
html {
    overflow-x: hidden !important;
    max-width: 100% !important;
}
/* body 에 overflow-x:hidden 을 주면 body 가 스크롤 컨테이너가 되어 position:sticky 컬럼(상세페이지 좌측 제목 컬럼)이 고정되지 않는다.
   clip 은 넘침만 잘라내고 스크롤 컨테이너를 만들지 않으므로 sticky 가 원본처럼 동작한다(2026-09-07 실측). */
body {
    overflow-x: clip !important;
    max-width: 100% !important;
}

/*-------------------------------------------------------------------
	페이지 캔버스 + 가로 스크롤
	1) 캔버스가 순백이라 섹션이 배경을 칠하지 않는 구간마다 흰 밴드가 드러났다.
	   팔레트의 연한 라벤더로 깔아 흰 여백이 보이지 않게 한다.
	2) 절대배치 장식 요소가 뷰포트를 넘어가 좁은 화면에서 가로 스크롤이 생기고,
	   밀면 섹션이 끝나 흰 바닥이 드러났다.
	     · .nectar-scrolling-text (마퀴)          width 8072px
	     · .sub_banner_lottie (SCROLL 인디케이터)  right:-115px
	   둘 다 position:absolute 라 레이아웃 높이엔 영향이 없어 스크롤 영역만 잘라낸다.
	   sticky·fixed 동작에는 영향 없음(실측 확인).
-------------------------------------------------------------------*/
html {
    overflow-x: hidden !important;
    max-width: 100% !important;
}
/* body 에 overflow-x:hidden 을 주면 body 가 스크롤 컨테이너가 되어 position:sticky 컬럼(상세페이지 좌측 제목 컬럼)이 고정되지 않는다.
   clip 은 넘침만 잘라내고 스크롤 컨테이너를 만들지 않으므로 sticky 가 원본처럼 동작한다(2026-09-07 실측). */
body {
    overflow-x: clip !important;
    max-width: 100% !important;
}

/* salient/css/build/style.css 가 shps.css 보다 뒤에 로드되며 body{background:#fff} 를
   선언하므로, 같은 특이도로는 이기지 못한다. 특이도를 올리고 !important 를 붙인다. */
html,
html body,
html body .ocm-effect-wrap,
html body .container-wrap,
html body #ajax-content-wrap {
    background-color: #F7F2F5 !important;
}

/*-------------------------------------------------------------------
	전후 비교 슬라이더
	기존 전후사진은 before+after 가 한 장에 합쳐진 가로 이미지였다.
	슬라이더는 한 장씩 보여주는 형식이라 표시 비율이 '사진 한 장'(세로) 기준이 된다.
	합본을 반으로 나눠 두 장으로 만들고, 위쪽(before) 폭을 조절해 와이프한다.
-------------------------------------------------------------------*/
/* 슬라이더는 사진 '한 장'만 보여주는 형식이라 세로형(342:447)이 된다.
   원본을 자르지 않고(얼굴 전체 + 하단 '수술 전/후 O개월' 글자 보존)
   기존 전후사진과 같은 높이 450px 에 맞춘다 → 폭 약 344px, 확대율 1.01배. */
.sh-ba-card {
    position: relative;
    max-width: var(--ba-max, 344px);
    margin-left: auto;
    margin-right: auto;
}

body .sh-ba {
    position: relative;
    aspect-ratio: var(--ba-ar, 342/447);
    overflow: hidden;
    border-radius: 20px;
    background: #EFEAF0;
    user-select: none;
    touch-action: pan-y;
    cursor: ew-resize;
}
/* 테마의 일반 img 규칙보다 특이도를 높여야 이미지가 원본 크기로 남지 않는다 */
body .sh-ba > img.ba-a,
body .sh-ba .ba-clip > img.ba-b {
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    max-width: none;
    pointer-events: none;
}
/* 두 이미지 모두 '카드 전체 폭'으로 고정한다.
   클립이 좁아져도 안쪽 이미지가 확대되지 않고 잘리기만 해야 두 장이 정확히 겹친다.
   테마의 img 규칙과 다투지 않도록 폭은 JS 가 컨테이너의 --ba-w 로 넘겨준다. */
body .sh-ba > img.ba-a,
body .sh-ba .ba-clip > img.ba-b { width: var(--ba-w, 100%) !important; }   /* 테마의 .row .col img:not([srcset]){width:auto} 가 이겨서 비율이 다른 이미지가 카드를 못 채우던 문제 */

body .sh-ba .ba-clip {
    position: absolute;
    inset: 0;
    width: 50%;
    overflow: hidden;
    will-change: width;
}

body .sh-ba .ba-tag {
    position: absolute;
    top: 12px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .6px;
    color: #fff;
    pointer-events: none;
    z-index: 3;
}
body .sh-ba .ba-tag-b { left: 12px; background: rgba(45, 32, 56, .86); }
body .sh-ba .ba-tag-a { right: 12px; background: #C87A22; }

body .sh-ba .ba-line {
    position: absolute;
    top: 0; bottom: 0; left: 50%;
    width: 2px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 0 0 1px rgba(59, 39, 73, .18);
    transform: translateX(-1px);
    z-index: 4;
    will-change: left;
}
body .sh-ba .ba-handle {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 42px; height: 42px;
    border-radius: 50%;
    border: 0; padding: 0;
    background: #fff;
    cursor: ew-resize;
    box-shadow: 0 3px 12px rgba(59, 39, 73, .28);
    display: grid;
    place-items: center;
}
body .sh-ba .ba-handle::before {
    content: "";
    width: 19px; height: 11px;
    background: #3B2749;
    -webkit-mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M7 1 2 6l5 5M13 1l5 5-5 5' stroke='%23000' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M7 1 2 6l5 5M13 1l5 5-5 5' stroke='%23000' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body .sh-ba .ba-handle:focus-visible { outline: 3px solid #EA9E4A; outline-offset: 3px; }

body .sh-ba .ba-range {
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    opacity: 0;
    margin: 0;
    cursor: ew-resize;
    z-index: 5;
}

@media only screen and (max-width: 690px) {
    .sh-ba { border-radius: 16px; }
    .sh-ba .ba-handle { width: 36px; height: 36px; }
    .sh-ba .ba-tag { font-size: 10.5px; padding: 3px 8px; top: 9px; }
    .sh-ba .ba-tag-b { left: 9px; }
    .sh-ba .ba-tag-a { right: 9px; }
}

/*-------------------------------------------------------------------
	전후 슬라이더 캡션 폭 맞춤
	슬라이더 카드는 344px 인데 캡션은 칼럼 전체 폭(약 456px)으로 퍼져
	사진 밖으로 넘쳤다. 슬라이더가 있는 칼럼에서만 캡션을 카드 폭에 맞춘다.
	(:has() 미지원 브라우저에서는 기존처럼 칼럼 폭 — 레이아웃이 깨지지는 않는다)
-------------------------------------------------------------------*/
.wpb_wrapper:has(> .sh-ba-card) .sub_bna_subt,
.wpb_wrapper:has(> .sh-ba-card) .sub_bna_vs_num,
.wpb_wrapper:has(> .sh-ba-card) .sub_bna_vs_subt,
.wpb_wrapper:has(> .sh-ba-card) .sub_bna_vs_title {
    max-width: 344px;
    margin-left: auto;
    margin-right: auto;
}
.wpb_wrapper:has(> .sh-ba-card) .sub_bna_subt p {
    word-break: keep-all;
}

/*-------------------------------------------------------------------
	블로그 피드 (닥터스 칼럼 · 의학정보)
	knsy 레퍼런스의 '좌 썸네일 + 우 텍스트, 한 줄에 한 건' 구조를
	기존 sh-page 토큰(퍼플 #3B2749 / #715C88, 오렌지 #EA9E4A)으로 옮긴 것.
	오렌지는 흰 글자와의 대비가 2.2:1 밖에 안 나오므로 배지 위 글자는
	퍼플(#3B2749, 6.0:1)을 쓴다.
--------------------------------------------------------------------*/

/* 원본 블로그 출처 줄 */
.sh-src {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 40px !important;
    padding: 16px 20px;
    background: #F4ECF4;
    border-radius: 16px;
    font-size: 14px;
    color: #715C88;
}
.sh-src b { color: #3B2749; font-weight: 700; }
.sh-src a {
    color: #715C88;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(113, 92, 136, .38);
    transition: color .2s, border-color .2s;
}
.sh-src a:hover { color: #3B2749; border-color: #3B2749; }

/* 피드 목록 */
.sh-feed { margin: 0 0 8px; }
.sh-feed-item {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 30px;
    align-items: start;
    padding: 30px 0;
    border-bottom: 1px solid #E4D8E6;
}
.sh-feed-item:first-child { padding-top: 6px; }

.sh-feed-thumb {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: #EFE7F0;
    aspect-ratio: 4 / 3;
}
.sh-feed-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}
.sh-feed-item:hover .sh-feed-thumb img { transform: scale(1.05); }

/* 썸네일이 없는 글은 이니셜 자리표시 */
.sh-feed-thumb.is-empty::after {
    content: "SH";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto", sans-serif;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #B9A9C2;
}

.sh-feed-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}
.sh-feed-cat {
    padding: 5px 11px;
    border-radius: 999px;
    background: #EADDEC;
    font-size: 12.5px;
    font-weight: 700;
    color: #3B2749;
    line-height: 1.4;
}
.sh-feed-best {
    padding: 5px 11px;
    border-radius: 999px;
    background: #EA9E4A;
    font-size: 12.5px;
    font-weight: 700;
    color: #3B2749;
    line-height: 1.4;
}
.sh-feed-date {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    color: #8C7E99;
}

.sh-feed-t {
    margin: 0 0 10px !important;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700 !important;
    color: #3B2749;
    letter-spacing: -.3px;
}
.sh-feed-t a { color: inherit; text-decoration: none; transition: color .2s; }
.sh-feed-item:hover .sh-feed-t a { color: #715C88; }

.sh-feed-x {
    margin: 0 0 16px !important;
    font-size: 15px;
    line-height: 1.75;
    color: #6E6478;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sh-feed-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #715C88;
    text-decoration: none;
    transition: color .2s;
}
.sh-feed-more::after { content: "→"; transition: transform .25s; }
.sh-feed-item:hover .sh-feed-more { color: #3B2749; }
.sh-feed-item:hover .sh-feed-more::after { transform: translateX(4px); }

/* 카테고리 구분 제목 아래 첫 항목은 위 여백을 줄인다 */
.sh-page .sh-sec + .sh-feed .sh-feed-item:first-child { padding-top: 10px; }

/* 더 보기 버튼 — 기본은 20건만 노출하고 나머지는 접어둔다 */
.sh-feed-item.is-hidden { display: none; }
.sh-feed-toggle {
    display: block;
    width: 100%;
    margin: 26px 0 0;
    padding: 15px 20px;
    border: 1px solid #DCCFE0;
    border-radius: 16px;
    background: #fff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    color: #3B2749;
    cursor: pointer;
    transition: background .2s, border-color .2s;
}
.sh-feed-toggle:hover { background: #F4ECF4; border-color: #B190BF; }

@media only screen and (max-width: 999px) {
    .sh-feed-item { grid-template-columns: 210px 1fr; gap: 22px; padding: 24px 0; }
    .sh-feed-t { font-size: 18px; }
    .sh-feed-x { font-size: 14.5px; }
}
@media only screen and (max-width: 690px) {
    .sh-feed-item { grid-template-columns: 1fr; gap: 14px; padding: 22px 0; }
    .sh-feed-thumb { aspect-ratio: 16 / 9; border-radius: 16px; }
    .sh-feed-t { font-size: 17px; }
    .sh-feed-x { font-size: 14px; -webkit-line-clamp: 3; }
    .sh-src { font-size: 13.5px; padding: 14px 16px; }
}

/*-------------------------------------------------------------------
	블로그 카드 그리드 (닥터스 칼럼 · 의학정보)  ── 접두어 shc- = SH Column
	knsy.co.kr/ko/columns 의 '3열 카드 + 키워드 격자 필터 + 검색 + 페이지네이션'
	구조를 SH 토큰(퍼플 #3B2749 / #715C88, 오렌지 #EA9E4A / #D4842B)으로 옮긴 것.
	앞서 쓰던 .sh-feed(좌썸네일 1열 리스트)를 대체한다.
	오렌지는 흰 글자와의 대비가 2.2:1 밖에 안 나오므로 배지 위 글자는
	퍼플(#3B2749, 6.0:1)을 쓴다.
--------------------------------------------------------------------*/

/* ── 헤드: 좌 문구 / 우 원본 블로그 ── */
.sh-page .shc-head { display: grid;
    grid-template-columns: 1fr auto;
    gap: 30px;
    align-items: end;
    margin: 0 0 30px;
    padding-bottom: 26px;
    border-bottom: 1px solid #E0D6D9; }

.sh-page .shc-eyebrow { display: block;
    margin-bottom: 12px;
    font-family: "Roboto", sans-serif;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #D4842B; }

.sh-page .shc-head h2 { margin: 0 0 14px !important;
    padding: 0;
    border: 0;
    font-size: 31px;
    font-weight: 800 !important;
    line-height: 1.34;
    letter-spacing: -1px;
    color: #3B2749;
    word-break: keep-all; }

.sh-page .shc-head p { margin: 0 !important;
    font-size: 15.5px;
    line-height: 1.8;
    color: #715C88;
    word-break: keep-all; }

.sh-page .shc-src { display: flex;
    flex-direction: column;
    min-width: 232px;
    padding: 16px 20px;
    text-align: right;
    text-decoration: none;
    background: #fff;
    border: 1px solid #E4D8E6;
    border-radius: 16px;
    transition: border-color .2s, transform .2s, box-shadow .2s; }

.sh-page .shc-src:hover { border-color: #D4842B;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(59, 39, 73, .08); }

/* 원본 블로그가 둘 이상일 때 세로로 쌓는다(의학정보: shpsclinic · kshps2020) */
.shc-srcs { display: flex;
    flex-direction: column;
    gap: 10px; }

.shc-srcs .shc-src { min-width: 232px; }

.shc-src-label { margin-bottom: 5px;
    font-size: 12px;
    letter-spacing: 2px;
    color: #8C7E99; }

.shc-src-name { margin-bottom: 2px;
    font-size: 15px;
    font-weight: 700;
    color: #3B2749; }

.shc-src-arrow { align-self: flex-end;
    /* U+2197 은 Pretendard 에 없어 컬러 이모지로 떨어진다. mask 아이콘으로 그린다. */
    width: 16px; height: 16px;
    background: #D4842B;
    -webkit-mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 11.8 11.8 4.2M6.2 4.2h5.6v5.6' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 11.8 11.8 4.2M6.2 4.2h5.6v5.6' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transition: transform .25s; }

.sh-page .shc-src:hover .shc-src-arrow { transform: translate(2px, -2px); }

/* ── 키워드 격자 필터 (4열 · 각 칸 동일 폭) ── */
.sh-page .shc-kw { display: grid;
    /* 열 수는 칩 개수에 맞춰 빌더가 --shc-kwcols 로 넣는다(딱 나눠떨어지게).
       미디어쿼리는 값을 직접 덮어써야 인라인 변수를 이긴다. */
    grid-template-columns: repeat(var(--shc-kwcols, 4), 1fr);
    margin: 0 0 36px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4D8E6;
    border-radius: 6px; }

.shc-kw button { display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 14px 10px;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 600;
    color: #715C88;
    background: #fff;
    border: 0;
    box-shadow: -1px -1px 0 #E4D8E6 !important;
    cursor: pointer;
    transition: background .18s, color .18s; }

.shc-kw button:hover { background: #FBF8FB; color: #3B2749; }

.shc-kw button.is-on { background: #3B2749; color: #fff; }

.shc-kw button.is-on .shc-kw-n { color: rgba(255, 255, 255, .68); }

.shc-kw-fill { background: #fff; }

.shc-kw-dot { flex: 0 0 auto;
    width: 7px; height: 7px;
    border-radius: 50%;
    background: var(--shc-c, #8C7E99); }

.shc-kw-n { font-family: "Roboto", sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    color: #A395AC; }

/* ── 선택된 키워드 배너 ── */
.shc-tagbanner { display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 22px;
    padding: 13px 18px;
    background: linear-gradient(90deg, #F4ECF4 0%, #fff 100%);
    border: 1px solid #E4D8E6;
    border-radius: 14px; }

.shc-tagbanner[hidden] { display: none; }

.shc-tb-label { font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #8C7E99; }

.shc-tb-name { display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -.3px;
    color: #3B2749; }

.shc-tb-name::before { content: "";
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--shc-c, #D4842B); }

.shc-tb-clear { margin-left: auto;
    padding: 7px 15px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    color: #715C88;
    background: #fff;
    border: 1px solid #E4D8E6;
    border-radius: 999px;
    cursor: pointer;
    transition: border-color .2s, color .2s; }

.shc-tb-clear:hover { border-color: #D4842B; color: #3B2749; }

/* ── 섹션 제목 (베스트 / 최신글) ── */
.sh-page .shc-best { margin: 0 0 48px; }

.shc-best-head { display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #EA9E4A; }

.shc-best-eyebrow { font-family: "Roboto", sans-serif;
    font-size: 13.5px;
    font-weight: 800;
    letter-spacing: 3px;
    color: #D4842B; }

.shc-best-sub { font-size: 13.5px;
    font-weight: 500;
    color: #8C7E99;
    letter-spacing: -.2px; }

.shc-latest-head { margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #EFE7F0; }

.sh-page .shc-best-head h2,
.sh-page .shc-latest-head h2 { display: block;
    margin: 0 !important;
    padding: 0;
    border: 0;
    font-size: 21px;
    font-weight: 700 !important;
    letter-spacing: -.4px;
    color: #3B2749; }

/* ── 검색 + 건수 툴바 ── */
.shc-toolbar { display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px; }

.shc-search { position: relative;
    flex: 1;
    max-width: 340px; }

.shc-search input { width: 100%;
    /* Salient 의 input[type="text"]{padding:10px} 과 특이도가 같고 그쪽이 뒤에
       로드되므로, 돋보기 아이콘 자리를 지키려면 !important 가 필요하다. */
    padding: 11px 15px 11px 40px !important;
    font-family: inherit;
    font-size: 14px;
    color: #3B2749;
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A395AC' stroke-width='2'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.35-4.35'/></svg>") no-repeat 14px center;
    border: 1px solid #E4D8E6;
    border-radius: 10px;
    transition: border-color .2s; }

.shc-search input:focus { outline: 0; border-color: #D4842B; }

.shc-search input::placeholder { color: #A395AC; }

.shc-count { flex: 0 0 auto;
    font-size: 13.5px;
    font-weight: 500;
    color: #715C88; }

/* ── 카드 그리드 ── */
.sh-page .shc-grid { display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    align-items: stretch; }

.shc-card { position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: inherit;
    text-decoration: none !important;
    background: #fff;
    border: 1px solid #E4D8E6;
    border-radius: 18px;
    transition: border-color .25s, transform .25s, box-shadow .25s; }

.shc-card::before { content: "";
    position: absolute;
    top: 0; left: 0;
    z-index: 2;
    width: 4px; height: 100%;
    background: var(--shc-c, #D4842B);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .3s; }

.shc-card:hover { border-color: #D8C4DC;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(59, 39, 73, .10); }

.shc-card:hover::before { transform: scaleY(1); }

.shc-thumb { position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #EFE7F0;
    border-bottom: 1px solid #F0E8F1; }

.shc-thumb img { position: absolute;
    inset: 0;
    display: block;
    width: 100% !important; height: 100% !important;   /* 테마의 .row .col img{height:auto} 가 이겨서 정사각 썸네일이 위쪽만 보이던 문제 */
    object-fit: cover;
    transition: transform .45s ease; }

.shc-card:hover .shc-thumb img { transform: scale(1.05); }

.shc-thumb.is-empty { background: linear-gradient(135deg, #F7F2F5 0%, #EADDEC 100%); }

.shc-thumb.is-empty::after { content: "SH";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto", sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #BCA9C5; }

.shc-body { display: flex;
    flex-direction: column;
    flex: 1;
    padding: 19px 20px 17px; }

.shc-meta { display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px; }

.shc-cat { padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    color: #3B2749;
    background: #F4ECF4;
    border-radius: 999px; }

.shc-date { font-family: "Roboto", sans-serif;
    font-size: 12.5px;
    color: #8C7E99; }

.sh-page .shc-t { margin: 0 0 10px !important;
    font-size: 17px;
    font-weight: 700 !important;
    line-height: 1.5;
    letter-spacing: -.3px;
    color: #3B2749;
    /* Salient 가 .sh-page 안의 블록에 display:flow-root 를 걸어
       -webkit-box 를 덮어버린다. 줄 클램프를 살리려면 !important 가 필요. */
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 51px; }

.sh-page .shc-x { margin: 0 0 16px !important;
    /* 테마의 p { padding-bottom: 1.5em } 가 클램프 아래 여백을 만들어
       잘려야 할 4번째 줄이 비쳐 보인다. */
    padding: 0 !important;
    font-size: 13.5px;
    line-height: 1.72;
    color: #6E6478;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }

.shc-foot { display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 13px;
    font-size: 13px;
    border-top: 1px solid #F0E8F1; }

.shc-author { color: #8C7E99; }

.shc-more { font-weight: 600;
    color: #715C88;
    transition: color .2s; }

.shc-card:hover .shc-more { color: #D4842B; }

/* 대표 칼럼(BEST) 카드 */
.shc-best .shc-card { border-color: #EBD9BF;
    box-shadow: 0 4px 18px rgba(234, 158, 74, .14); }

.shc-best .shc-card:hover { border-color: #D4842B; }

.shc-best .shc-thumb::after { content: "BEST";
    position: absolute;
    top: 10px; left: 10px;
    z-index: 3;
    padding: 4px 10px;
    font-family: "Roboto", sans-serif;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 1.4px;
    color: #3B2749;
    background: #EA9E4A;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(59, 39, 73, .18); }

/* ── 검색 결과 없음 ── */
.shc-empty { grid-column: 1 / -1;
    padding: 56px 20px;
    font-size: 15px;
    color: #8C7E99;
    text-align: center; }

/* ── 페이지네이션 ── */
.shc-pager { display: flex;
    justify-content: center;
    margin-top: 36px; }

.shc-pager-inner { display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px; }

.shc-pager button { min-width: 38px;
    height: 38px;
    padding: 0 11px;
    font-family: "Roboto", sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    color: #715C88;
    background: #fff;
    border: 1px solid #E4D8E6;
    border-radius: 10px;
    cursor: pointer;
    transition: background .18s, border-color .18s, color .18s; }

.shc-pager button:hover:not(:disabled):not(.is-on) { border-color: #D4842B; color: #3B2749; }

.shc-pager button.is-on { color: #fff;
    background: #3B2749;
    border-color: #3B2749;
    cursor: default; }

.shc-pager button:disabled { opacity: .38; cursor: default; }

.shc-pager .shc-gap { min-width: 20px;
    color: #A395AC;
    background: none;
    border: 0;
    cursor: default; }

/* ── 반응형 ── */
@media only screen and (max-width: 999px) {
    .sh-page .shc-head { grid-template-columns: 1fr; gap: 20px; align-items: start; }
    .sh-page .shc-head h2 { font-size: 25px; }
    .sh-page .shc-src { flex-direction: row; align-items: center; gap: 12px; width: 100%; min-width: 0; text-align: left; }
    .shc-srcs { flex-direction: row; flex-wrap: wrap; width: 100%; }
    .shc-srcs .shc-src { flex: 1 1 240px; min-width: 0; }
    .shc-src-label { margin-bottom: 0; }
    .shc-src-arrow { margin-left: auto; }
    .sh-page .shc-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .sh-page .shc-kw { grid-template-columns: repeat(3, 1fr); }
    .sh-page .shc-best-head h2,
    .sh-page .shc-latest-head h2 { font-size: 19px; }
}

@media only screen and (max-width: 690px) {
    .sh-page .shc-grid { grid-template-columns: 1fr; gap: 16px; }
    .sh-page .shc-kw { grid-template-columns: repeat(2, 1fr); }
    .shc-kw button { padding: 12px 8px; font-size: 12.5px; }
    .shc-toolbar { flex-direction: column; align-items: stretch; gap: 10px; }
    .shc-search { max-width: none; }
    .shc-count { text-align: right; }
    .sh-page .shc-head h2 { font-size: 22px; }
    .sh-page .shc-head p { font-size: 14.5px; }
    .sh-page .shc-t { font-size: 16.5px; min-height: 0; }
    .shc-thumb { aspect-ratio: 16 / 9; }
    .shc-tagbanner { flex-wrap: wrap; gap: 10px; }
    .shc-tb-clear { margin-left: 0; }
}

/* ── 진료 영역 안내표 ────────────────────────────────────
   칼럼을 다 읽은 방문자가 "그래서 내 경우는 어디로" 로 넘어가도록
   카테고리 ↔ 진료 페이지를 잇는 표. 편수 칸은 위 목록을 그 카테고리로
   걸러 주는 버튼이다. 690px 아래에서는 표를 카드로 접는다. */
.sh-page .shc-guide { margin: 54px 0 0;
    padding-top: 34px;
    border-top: 1px solid #E0D6D9; }

.shc-guide-head { margin: 0 0 6px; }

.sh-page .shc-guide-head h2 { display: block;
    margin: 0 0 8px !important;
    padding: 0;
    border: 0;
    font-size: 21px;
    font-weight: 700 !important;
    letter-spacing: -.4px;
    color: #3B2749; }

.sh-page .shc-guide-head p { margin: 0 0 18px !important;
    padding: 0 !important;
    font-size: 14.5px;
    line-height: 1.7;
    color: #715C88; }

.shc-tblwrap { overflow-x: auto;
    border: 1px solid #E4D8E6;
    border-radius: 16px;
    background: #fff; }

.shc-tbl { width: 100%;
    border-collapse: collapse;
    font-size: 14px; }

.shc-tbl th { padding: 13px 16px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #fff;
    text-align: left;
    white-space: nowrap;
    background: #3B2749; }

.shc-tbl td { padding: 14px 16px;
    color: #6E6478;
    line-height: 1.6;
    vertical-align: middle;
    border-top: 1px solid #F0E8F1; }

.shc-tbl tbody tr:hover td { background: #FBF8FB; }

.shc-tbl-cat { display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #3B2749;
    white-space: nowrap; }

.shc-tbl-cat::before { content: "";
    flex: 0 0 auto;
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--shc-c, #8C7E99); }

.shc-tbl-why { min-width: 260px; }

.shc-tbl-n { padding: 5px 12px;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 700;
    color: #3B2749;
    white-space: nowrap;
    background: #F4ECF4;
    border: 1px solid #E4D8E6;
    border-radius: 999px;
    cursor: pointer;
    transition: background .18s, border-color .18s, color .18s; }

.shc-tbl-n:hover { background: #3B2749; border-color: #3B2749; color: #fff; }

.shc-tbl-go { display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    color: #715C88;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s; }

.shc-tbl-go::after { content: "→"; transition: transform .25s; }

.shc-tbl-go:hover { color: #D4842B; }

.shc-tbl-go:hover::after { transform: translateX(4px); }

.shc-tbl-none { color: #A395AC; }

@media only screen and (max-width: 690px) {
    /* 표를 카드 목록으로 접는다. 각 칸 앞에 헤더 라벨을 붙여 의미를 유지. */
    .shc-tblwrap { border: 0; background: none; overflow-x: visible; }
    .shc-tbl thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .shc-tbl tr { display: block;
        margin-bottom: 12px;
        background: #fff;
        border: 1px solid #E4D8E6;
        border-radius: 14px;
        overflow: hidden; }
    .shc-tbl td { display: flex;
        align-items: center;
        gap: 12px;
        padding: 11px 15px;
        border-top: 1px solid #F4ECF4; }
    .shc-tbl td:first-child { border-top: 0; background: #FBF8FB; }
    .shc-tbl td::before { content: attr(data-label);
        flex: 0 0 76px;
        font-size: 11.5px;
        font-weight: 700;
        letter-spacing: .5px;
        color: #A395AC; }
    .shc-tbl-why { min-width: 0; }
}

/* ── Q&A ────────────────────────────────────────────────
   knsy.co.kr/ko/qna 사양을 SH 토큰으로 옮긴 것.
   · 필터는 grid 가 아니라 flex(1 1 92px) 다. grid 로 두면 줄바꿈된 마지막 줄에
     빈 칸이 남지만, flex 는 그 줄 항목들이 남은 폭을 나눠 가져 띠가 반듯하게 닫힌다.
     분류가 7개(+전체=8)라 넓은 화면은 한 줄, 좁으면 4+4/2+2 로 접힌다.
   · 표는 테두리 상자가 아니라 상단 2px 선 + 행 구분선만 있는 얇은 표.
   · 답변은 상세 페이지 없이 그 자리에서 펼친다(knsy 의 .qna-inline 과 같은 처리).
--------------------------------------------------------*/

/* 히어로 — 닥터스 칼럼·의학정보·Q&A 공용.
   .sh-page 컨테이너(1000px)를 벗어나 화면 폭을 채운다. */
.sh-hero { position: relative;
    width: 100vw;
    margin: 0 0 0 calc(50% - 50vw);
    padding: 74px 20px 60px;
    text-align: center;
    /* 병원소개 서브배너와 같은 이미지를 쓴다(사용자 지정).
       원본 배너는 830px 라 밝은 영역이 넓은데, 이 히어로는 그보다 낮아
       흰 글자 대비가 부족해진다. 이미지 위에 퍼플 반투명을 얹어 대비를 만든다. */
    background:
      linear-gradient(180deg, rgba(45,28,60,.34) 0%, rgba(45,28,60,.52) 100%),
      url(https://channel-static.rebeauty.co.kr/momaprs/ko/wp-content/uploads/2026/03/sub_abour_banner4.jpg) center 38% / cover no-repeat,
      #3B2749; }

.sh-hero-eyebrow { display: block;
    font-size: clamp(28px, 4.2vw, 42px);
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: .28em;
    color: rgba(255, 255, 255, .6); }

.sh-page .sh-hero h1 { margin: 16px 0 0 !important;
    padding: 0;
    font-size: clamp(28px, 4.2vw, 42px);
    font-weight: 700 !important;
    line-height: 1.22;
    letter-spacing: -.02em;
    color: #fff; }

.sh-hero-rule { width: 34px; height: 1px;
    margin: 20px auto 18px;
    background: rgba(255, 255, 255, .32); }

.sh-page .sh-hero p { margin: 0 !important;
    padding: 0 !important;
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255, 255, 255, .82); }

/* 히어로가 페이지 제목 역할을 하므로 테마가 얹는 제목 띠(영문 부제 + 한글 제목,
   .sub_location_wrap 통째)를 감춘다. 제목만 숨기면 231px 빈 띠가 남는다. */
body:has(.sh-hero) .sub_location_wrap { display: none; }

/* 각진 분류 띠 */
.shq-filter { display: flex;
    flex-wrap: wrap;
    margin: 30px 0 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4D8E6;
    border-radius: 2px; }

.shq-filter button { flex: 1 1 92px;
    padding: 14px 8px;
    font-family: inherit;
    font-size: 14.5px;
    color: #715C88;
    text-align: center;
    background: #fff;
    border: 0;
    /* 구분선은 border 대신 그림자 — 줄바꿈에도 규칙이 깨지지 않고
       바깥 테두리와 겹치는 부분은 overflow:hidden 이 자른다.
       Salient 가 button 의 box-shadow 를 none 으로 덮으므로 !important 가 필요. */
    box-shadow: -1px 0 0 #EFE7F0, 0 -1px 0 #EFE7F0 !important;
    cursor: pointer;
    transition: background .15s, color .15s; }

.shq-filter button:hover { background: #FBF8FB; color: #3B2749; }

.shq-filter button.is-on { color: #fff;
    background: #3B2749;
    box-shadow: none !important; }

.shq-f-n { margin-left: 5px;
    font-family: "Roboto", sans-serif;
    font-size: 12.5px;
    color: #A395AC; }

.shq-filter button.is-on .shq-f-n { color: rgba(255, 255, 255, .66); }

/* 검색 줄 */
.shq-bar { display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 22px 0 0; }

.shq-count { flex: 0 0 auto;
    font-size: 13.5px;
    color: #715C88; }

/* 표 */
.shq-tblwrap { margin-top: 18px; }

.sh-page .shq-tbl { width: 100%;
    margin: 0;
    border-collapse: collapse;
    /* Salient 가 table 에 1px 테두리를 걸어 상단 굵은 선이 눌린다 */
    border-top: 2px solid #3B2749 !important; }

.sh-page .shq-tbl th,
.sh-page .shq-tbl td { padding: 14px 10px;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #EFE7F0; }

.sh-page .shq-tbl th { font-size: 12.5px;
    font-weight: 600;
    color: #8C7E99;
    background: none; }

.sh-page .shq-tbl td.c,
.sh-page .shq-tbl th.c { text-align: center; white-space: nowrap; }

.shq-tbl tr:hover td { background: #FBF8FB; }

.shq-cat { display: inline-block;
    margin-bottom: 3px;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--shc-c, #8C7E99); }

/* 상세 페이지 없이 그 자리에서 펼치는 답변 */
.shq-inline > summary { font-size: 15px;
    font-weight: 600;
    line-height: 1.55;
    color: #3B2749;
    list-style: none;
    cursor: pointer;
    word-break: keep-all; }

.shq-inline > summary::-webkit-details-marker { display: none; }

.shq-inline > summary::marker { content: ""; }

.shq-inline > summary:hover { text-decoration: underline; }

.shq-inline-a { margin-top: 10px;
    padding: 14px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.85;
    color: #5C5266;
    background: #F4ECF4;
    border-radius: 10px; }

.shq-inline-by { display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--shc-c, #715C88); }

.sh-page .shq-inline-a p { margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
    line-height: 1.85;
    color: #5C5266;
    word-break: keep-all; }

/* 답변 칸 버튼 — 글자는 JS 가 '답변 보기'/'닫기' 로 바꾼다.
   summary 바깥 칸이라 클릭 핸들러로 같은 행의 details 를 토글한다. */
.shq-badge { display: inline-block;
    padding: 4px 12px;
    font-family: inherit;
    font-size: 11.5px;
    line-height: 1.6;
    white-space: nowrap;
    color: #715C88;
    background: #F4ECF4;
    border: 1px solid transparent;
    border-radius: 999px;
    box-shadow: none !important;
    cursor: pointer;
    transition: background .18s, color .18s, border-color .18s; }

.shq-badge:hover { border-color: #B190BF; color: #3B2749; }

.shq-badge:focus-visible { outline: 2px solid #D4842B; outline-offset: 2px; }

.shq-tbl tr:has(.shq-inline[open]) .shq-badge { color: #fff; background: #3B2749; }

.shq-go { font-weight: 600;
    color: #715C88;
    text-decoration: none;
    transition: color .2s; }

.shq-go:hover { color: #D4842B; text-decoration: underline; }

.shq-none { color: #A395AC; }

/* 빈 상태 — 한 줄 안내가 아니라 다음 행동을 권하는 패널 */
.shq-empty { padding: 58px 28px;
    text-align: center;
    background: #FBF8FB;
    border: 1px solid #EFE7F0;
    border-radius: 16px; }

.shq-empty-mark { display: flex;
    align-items: center;
    justify-content: center;
    width: 48px; height: 48px;
    margin: 0 auto 20px;
    font-size: 18px;
    font-weight: 600;
    color: #B190BF;
    border: 1px solid #E4D8E6;
    border-radius: 50%; }

.shq-empty strong { display: block;
    margin-bottom: 9px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.01em;
    color: #3B2749; }

.shq-empty span { display: block;
    font-size: 14.5px;
    line-height: 1.75;
    color: #8C7E99; }

.shq-cta { display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding: 13px 28px;
    font-size: 14.5px;
    font-weight: 600;
    letter-spacing: .01em;
    color: #fff;
    text-decoration: none;
    background: #3B2749;
    border-radius: 999px;
    transition: background .18s; }

.shq-cta:hover { background: #715C88; }

/* 자주 찾는 키워드 — 누르면 검색어로 들어간다 */
.shq-kw { display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 44px;
    padding-top: 28px;
    border-top: 1px solid #E0D6D9; }

.shq-kw > span { width: 100%;
    margin-bottom: 4px;
    font-size: 13.5px;
    font-weight: 700;
    color: #3B2749; }

.shq-kw button { padding: 6px 12px;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 500;
    color: #715C88;
    background: #F4ECF4;
    border: 1px solid #E4D8E6;
    border-radius: 4px;
    cursor: pointer;
    transition: background .18s, border-color .18s, color .18s; }

.shq-kw button:hover { background: #3B2749; border-color: #3B2749; color: #fff; }

@media only screen and (max-width: 999px) {
    .sh-hero { padding: 56px 20px 46px; }
    .sh-page .shq-tbl th.c-go,
    .sh-page .shq-tbl td.c-go { display: none; }
}

@media only screen and (max-width: 690px) {
    .shq-filter button { flex: 1 1 76px; padding: 12px 6px; font-size: 13.5px; }
    .shq-bar { flex-direction: column; align-items: stretch; gap: 10px; }
    .shq-count { text-align: right; }
    .sh-page .shq-tbl th,
    .sh-page .shq-tbl td { padding: 12px 6px; }
    .shq-inline > summary { font-size: 14.5px; }

    /* 답변 배지 칸이 좁은 화면에서 답변 폭을 크게 깎아먹는다.
       칸을 접고 펼침 표시를 질문 오른쪽에 붙인다. */
    .sh-page .shq-tbl th.c-badge,
    .sh-page .shq-tbl td.c-badge { display: none; }
    .shq-inline > summary { position: relative; padding-right: 24px; }
    .shq-inline > summary::after { content: "+";
        position: absolute; top: -1px; right: 0;
        font-size: 18px; font-weight: 400; color: #B190BF; }
    .shq-inline[open] > summary::after { content: "−"; color: #3B2749; }
}

/* ── 글 상세 (닥터스 칼럼 · 의학정보) ────────────────────
   knsy 의 /ko/columns/{id}.html 처럼 글 본문을 사이트 안에서 보여 준다.
   본문·이미지는 원문 블로그에서 가져와 이 서버에 저장한 것이고,
   맨 아래에 원문 링크와 관련 글을 둔다. --------------------*/
.sh-art { max-width: 760px; margin: 0 auto; }

.sh-art-meta { display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 0 14px; }

.sh-art-cat { display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--shc-c, #715C88); }

.sh-art-cat::before { content: "";
    width: 7px; height: 7px;
    border-radius: 50%;
    background: var(--shc-c, #8C7E99); }

.sh-art-date { font-family: "Roboto", sans-serif;
    font-size: 13px;
    color: #8C7E99; }

.sh-page .sh-art h2.sh-art-t { margin: 0 0 18px !important;
    padding: 0;
    border: 0;
    font-size: 30px;
    font-weight: 800 !important;
    line-height: 1.4;
    letter-spacing: -.8px;
    color: #3B2749;
    text-align: center;
    word-break: keep-all; }

.sh-art-head { padding-bottom: 22px;
    margin-bottom: 34px;
    border-bottom: 1px solid #E0D6D9; }

.sh-art-by { font-size: 13.5px; color: #8C7E99; text-align: center; }

/* 본문 */
.sh-page .sh-art-body p { margin: 0 0 20px !important;
    padding: 0 !important;
    font-size: 16px;
    line-height: 1.95;
    color: #4F4657;
    letter-spacing: -.3px;
    text-align: center;
    word-break: keep-all; }

.sh-art-quote { max-width: 600px;
    margin: 32px auto 20px;
    padding: 16px 22px;
    background: linear-gradient(180deg, #F7F2F8 0%, #fff 100%);
    border-top: 2px solid #EA9E4A;
    border-bottom: 2px solid #EA9E4A;
    border-radius: 0;
    text-align: center; }

/* Salient 테마가 blockquote::before 로 왼쪽 세로 바를 그린다. 가운데 정렬과 안 맞아 끈다. */
.sh-page .sh-art-quote::before { content: none; display: none; }

.sh-page .sh-art-quote p { margin: 0 0 8px !important;
    font-size: 16.5px;
    font-weight: 600;
    line-height: 1.85;
    color: #3B2749; }

.sh-page .sh-art-quote p:last-child { margin-bottom: 0 !important; }

.sh-art-cite { display: block;
    margin-top: 10px;
    font-size: 13.5px;
    color: #8C7E99; }

.sh-art-hr { height: 1px;
    margin: 34px 0;
    background: #E4D8E6;
    border: 0; }

.sh-art-fig { margin: 28px auto; text-align: center; }

.sh-art-fig img { display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 14px; }

.sh-art-fig.is-group { display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 10px; }

/* 그룹 이미지는 flex 아이템이라 부모의 margin:0 auto 가 여백을 빨아들여 벌어진다. margin 0 으로 고정. */
.sh-art-fig.is-group img { margin: 0; max-width: calc(50% - 5px); }
/* 의학정보 영상 글: 유튜브 임베드(16:9 반응형) */
.sh-art-embed { margin: 28px auto; max-width: 100%; }
.sh-art-embed .sh-art-embed-wrap { position: relative;
    width: 100%;
    padding-top: 56.25%;
    border-radius: 14px;
    overflow: hidden;
    background: #000; }
.sh-art-embed iframe { position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.sh-art-cap { margin-top: 10px;
    font-size: 13.5px;
    line-height: 1.7;
    color: #8C7E99;
    text-align: center; }

.sh-art-video { display: block;
    margin: 28px 0;
    text-align: center;
    padding: 16px 20px;
    font-size: 15px;
    font-weight: 600;
    color: #3B2749;
    text-decoration: none;
    background: #F4ECF4;
    border: 1px solid #E4D8E6;
    border-radius: 14px; }

.sh-art-video::before { content: "▶ ";
    color: #D4842B; }

/* 원문 출처 */
.sh-art-src { display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 40px 0 0;
    padding: 18px 22px;
    background: #F4ECF4;
    border-radius: 16px;
    font-size: 14px;
    color: #715C88; }

.sh-art-src b { color: #3B2749; font-weight: 700; }

.sh-art-src a { margin-left: auto;
    font-weight: 600;
    color: #715C88;
    text-decoration: none;
    border-bottom: 1px solid rgba(113, 92, 136, .38);
    transition: color .2s, border-color .2s; }

.sh-art-src a:hover { color: #D4842B; border-color: #D4842B; }

/* 목록으로 / 관련 글 */
.sh-art-nav { display: flex;
    justify-content: center;
    margin: 40px 0 0; }

.sh-art-back { display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 30px;
    font-size: 14.5px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    background: #3B2749;
    border-radius: 999px;
    transition: background .2s; }

.sh-art-back:hover { background: #715C88; }

.sh-art-rel { margin: 54px 0 0;
    padding-top: 34px;
    border-top: 1px solid #E0D6D9; }

.sh-page .sh-art-rel h2 { margin: 0 0 20px !important;
    padding: 0;
    border: 0;
    font-size: 20px;
    font-weight: 700 !important;
    letter-spacing: -.4px;
    color: #3B2749; }

@media only screen and (max-width: 690px) {
    .sh-page .sh-art h2.sh-art-t { font-size: 23px; }
    .sh-page .sh-art-body p { font-size: 15.5px; line-height: 1.9; }
    .sh-art-fig { margin: 22px auto; }
    .sh-art-embed { margin: 22px auto; }
    .sh-art-fig.is-group { flex-direction: column; align-items: center; }
    .sh-art-fig.is-group img { max-width: 100%; }
    .sh-art-quote { padding: 16px 18px; }
    .sh-art-src a { margin-left: 0; }
}

/* 원문 링크 화살표 — U+2197 을 그대로 쓰면 워드프레스 emoji 스크립트가
   s.w.org 외부 이미지(파란 트위모지)로 바꿔치기한다. shc-src-arrow 와 같은 mask 아이콘. */
.sh-art-src a .sh-art-ext { display: inline-block;
    width: 13px; height: 13px;
    margin-left: 5px;
    vertical-align: -1px;
    background: currentColor;
    -webkit-mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 11.8 11.8 4.2M6.2 4.2h5.6v5.6' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 11.8 11.8 4.2M6.2 4.2h5.6v5.6' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transition: transform .25s; }

.sh-art-src a:hover .sh-art-ext { transform: translate(2px, -2px); }


/* ── 퀵 사이드 버튼 아이콘 : 자사 항목만 lucide 라인 아이콘으로 교체 ──────────
   카톡·유튜브·blog 는 채널 브랜드 마크라 그대로 둔다. 색은 기존 값 유지. */
.quick_wrap li a.q-map .q-svg > svg,
.quick_wrap li a.q-tel .q-svg > svg,
.quick_wrap li a.q-won .q-svg > svg,
.quick_wrap li a.q-top .q-svg > svg { display: none !important; }
.quick_wrap li a.q-map .q-svg,
.quick_wrap li a.q-tel .q-svg,
.quick_wrap li a.q-won .q-svg,
.quick_wrap li a.q-top .q-svg {
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    -webkit-mask-position: center;  mask-position: center;
    -webkit-mask-size: contain;     mask-size: contain;
}
.quick_wrap li a.q-map .q-svg { background: #EA9E4A; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.quick_wrap li a.q-tel .q-svg { background: #EA9E4A; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E"); }
.quick_wrap li a.q-won .q-svg { background: #EA9E4A; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6 8 18 12 8.5 16 18 20 6'/%3E%3Cpath d='M2.5 11h19'/%3E%3Cpath d='M2.5 14.6h19'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6 8 18 12 8.5 16 18 20 6'/%3E%3Cpath d='M2.5 11h19'/%3E%3Cpath d='M2.5 14.6h19'/%3E%3C/svg%3E"); }
.quick_wrap li a.q-top .q-svg { background: #fff;    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3Cpath d='M12 19V5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3Cpath d='M12 19V5'/%3E%3C/svg%3E"); }


/* 원본에서 흰 배경 JPG(리뉴비온 적용 부위·울리뉴엘 다이어그램)가 놓인 행은 원본과 같이 흰 배경으로 둔다.
   페이지 캔버스가 라벤더로 바뀌면서 이미지의 흰 배경이 상자처럼 드러났기 때문(2026-09-07). */
#fws_6a8dabb1a2bf6, #fws_6a8dabb2b255f, #fws_6a8dabb2b9a8c { background-color: #fff; }
/*-------------------------------------------------------------------
	SH 셀피후기 — ksh-ps.com 수술후기 이관 (2026-09-07)
	목록: review/selfie-review/index.html + index.html?p=116.html (.sh-rv)
	상세: review/selfie-review/<wr_id>.html (.sh-review, .sh-art 재사용)
-------------------------------------------------------------------*/
.sh-rv { max-width: 1290px; margin: 0 auto; }
.sh-rv-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 30px; margin: 0 0 22px; }
.sh-rv-tabs button { position: relative; display: inline-block; padding: 4px 0; margin: 10px 0; background: none; border: 0; border-radius: 0; box-shadow: none; cursor: pointer; font-family: inherit;
    font-size: 20px; letter-spacing: -1px; line-height: 1.4; color: #464646; text-decoration: none !important; transition: color .2s; }
.sh-rv-tabs button::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #242424;
    transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.sh-rv-tabs button:hover { color: #242424; }
.sh-rv-tabs button.active { font-weight: 600; color: #242424; }
.sh-rv-tabs button.active::after { transform: scaleX(1); }
.sh-rv .sh-rv-count { margin: 0 0 18px !important; padding: 0 !important; font-size: 14px; line-height: 1.6; color: #8C7E99; text-align: right; }
.sh-rv .sh-rv-count b { font-family: "Roboto", sans-serif; font-weight: 600; color: #3B2749; }
.sh-rv-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px 25px; align-items: stretch; }
.sh-rv-card { position: relative; display: flex; flex-direction: column; overflow: hidden; color: inherit; text-decoration: none !important;
    background: #fff; border: 1px solid #E4D8E6; border-radius: 18px; transition: border-color .25s, transform .25s, box-shadow .25s; }
.sh-rv-card[hidden] { display: none !important; }
.sh-rv-card::before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 4px; height: 100%; background: #715C88;
    transform: scaleY(0); transform-origin: top; transition: transform .3s; }
.sh-rv-card:hover { border-color: #D8C4DC; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(59, 39, 73, .10); }
.sh-rv-card:hover::before { transform: scaleY(1); }
.sh-rv-thumb { position: relative; overflow: hidden; aspect-ratio: 1 / 1; background: #EFE7F0; border-bottom: 1px solid #F0E8F1; }
.sh-rv-thumb img { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .45s ease; }
.sh-rv-thumb.is-fit img { object-fit: contain; }
.sh-rv-thumb.is-fit .sh-rv-blur { object-fit: cover; filter: blur(16px) saturate(1.05); transform: scale(1.25); opacity: .9; }
.sh-rv-card:hover .sh-rv-thumb.is-fit .sh-rv-blur { transform: scale(1.3); }
.sh-rv-card:hover .sh-rv-thumb img { transform: scale(1.05); }
.sh-rv-thumb.is-text { display: flex; align-items: center; justify-content: center; padding: 26px 22px;
    background: linear-gradient(135deg, #F7F2F5 0%, #EADDEC 100%); }
.sh-rv-thumb.is-text::before { content: "\201C"; position: absolute; top: 6px; left: 16px; font-family: Georgia, serif; font-size: 78px; line-height: 1; color: #715C88; opacity: .28; }
.sh-rv .sh-rv-thumb.is-text p { position: relative; margin: 0 !important; padding: 0 !important; font-size: 14.5px; line-height: 1.8; color: #3B2749; word-break: keep-all;
    display: -webkit-box !important; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.sh-rv-body { display: flex; flex-direction: column; flex: 1; padding: 16px 18px 18px; }
.sh-rv-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.sh-rv-cat { padding: 4px 10px; font-size: 12px; font-weight: 700; line-height: 1.4; color: #3B2749; background: #F4ECF4; border-radius: 999px; }
.sh-rv-date { font-family: "Roboto", sans-serif; font-size: 12.5px; color: #8C7E99; }
.sh-rv .sh-rv-t { margin: 0 !important; padding: 0 !important; font-size: 16.5px; font-weight: 600 !important; line-height: 1.5; letter-spacing: -.3px; color: #3B2749;
    display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sh-rv-more-wrap { display: flex; justify-content: center; margin: 44px 0 0; }
.sh-rv-more-wrap[hidden] { display: none !important; }
.sh-rv-more { display: inline-flex; align-items: center; gap: 10px; padding: 14px 34px; font-size: 15px; font-weight: 600; line-height: 1.4;
    color: #3B2749; background: #fff; border: 1.5px solid #3B2749; border-radius: 999px; cursor: pointer; transition: background .2s, color .2s; }
.sh-rv-more span { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 13.5px; color: #8C7E99; }
.sh-rv-more:hover { background: #3B2749; color: #fff; }
.sh-rv-more:hover span { color: #EADDEC; }
@media only screen and (max-width: 999px) {
    .sh-rv-grid { grid-template-columns: repeat(3, 1fr); gap: 24px 18px; }
    .sh-rv-tabs { gap: 0 20px; }
    .sh-rv-tabs button { font-size: 17px; margin: 6px 0; }
}
@media only screen and (max-width: 690px) {
    .sh-rv-grid { grid-template-columns: repeat(2, 1fr); gap: 18px 12px; }
    .sh-rv-body { padding: 12px 12px 14px; }
    .sh-rv .sh-rv-t { font-size: 14.5px; }
    .sh-rv-cat { font-size: 11px; padding: 3px 8px; }
    .sh-rv-date { font-size: 11.5px; }
    .sh-rv .sh-rv-thumb.is-text p { font-size: 13px; -webkit-line-clamp: 5; }
    .sh-rv-thumb.is-text { padding: 20px 14px; }
}
/* 상세 */
.sh-rv-detail-wrap { font-size: inherit; }
.sh-review .sh-art-fig img { max-height: 900px; width: auto; }
.sh-review .sh-art-fig + .sh-art-fig { margin-top: 14px; }
/* 같은 크기 등급(중 400~699px / 소 400px 미만)의 사진은 한 묶음으로 나란히 */
.sh-review .sh-art-fig.is-group { gap: 10px; }
.sh-review .sh-art-fig.is-group.is-m img { width: calc(50% - 5px); max-width: calc(50% - 5px); }
.sh-review .sh-art-fig.is-group.is-s img { max-width: calc(33.333% - 7px); }
.sh-review .sh-rv-nav { flex-wrap: wrap; gap: 10px; }
.sh-review .sh-art-back.is-side { background: #fff; color: #3B2749; border: 1.5px solid #3B2749; }
.sh-review .sh-art-back.is-side:hover { background: #3B2749; color: #fff; }
.sh-review .sh-art-back.is-off { opacity: .35; pointer-events: none; }
.sh-page .shc-grid.sh-rv-rel { grid-template-columns: repeat(4, 1fr); gap: 16px; }
.sh-rv-rel .shc-thumb { aspect-ratio: 1 / 1; }
.sh-rv-rel .shc-body { padding: 14px 14px 16px; }
.sh-page .sh-rv-rel .shc-t { font-size: 15px; min-height: 0; }
@media only screen and (max-width: 999px) {
    .sh-page .shc-grid.sh-rv-rel { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 690px) {
    .sh-review .sh-art-back { padding: 11px 18px; font-size: 13.5px; }
    .sh-review .sh-art-fig.is-group.is-m { flex-direction: row; }
    .sh-review .sh-art-fig.is-group.is-m img { width: calc(50% - 5px); max-width: calc(50% - 5px); }
    .sh-review .sh-art-fig.is-group.is-s { flex-direction: row; }
    .sh-review .sh-art-fig.is-group.is-s img { max-width: calc(50% - 5px); }
}
/* /SH 셀피후기 */

/*-------------------------------------------------------------------
	SH 전후사진(Before&After) — ksh-ps.com board3 86건 이관 (2026-09-07)
	목록: review/before-after/index.html + index.html?p=118.html (.sh-bap)
-------------------------------------------------------------------*/
.sh-bap { max-width: 1290px; margin: 0 auto; }
.sh-bap .sh-bap-count { margin: 0 0 18px !important; padding: 0 !important; font-size: 14px; line-height: 1.6; color: #8C7E99; text-align: right; }
.sh-bap .sh-bap-count b { font-family: "Roboto", sans-serif; font-weight: 600; color: #3B2749; }
.sh-bap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 24px; }
.sh-bap-card { position: relative; display: block; overflow: hidden; background: #fff; border: 1px solid #E4D8E6; border-radius: 18px;
    cursor: zoom-in; transition: border-color .25s, transform .25s, box-shadow .25s; }
.sh-bap-card[hidden] { display: none !important; }
.sh-bap-card:hover { border-color: #D8C4DC; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(59, 39, 73, .10); }
.sh-bap-card:focus-visible { outline: 2px solid #715C88; outline-offset: 2px; }
.sh-bap-pair { display: grid; grid-template-columns: 1fr 1fr; background: #EFE7F0; }
.sh-bap-half { position: relative; aspect-ratio: 1 / 1; overflow: hidden; }
.sh-bap-half + .sh-bap-half::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; z-index: 3; width: 1px; background: rgba(255, 255, 255, .9); }
.sh-bap .sh-bap-half img { position: absolute; inset: 0; display: block; margin: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover; }
.sh-bap-tag { position: absolute; bottom: 0; left: 0; z-index: 4; padding: 5px 12px; font-family: "Roboto", sans-serif; font-size: 11.5px; font-weight: 600;
    letter-spacing: .5px; line-height: 1.4; color: #fff; }
.sh-bap-tag.is-before { background: rgba(59, 39, 73, .74); }
.sh-bap-tag.is-after { right: 0; left: auto; background: rgba(113, 92, 136, .92); }
.sh-bap .sh-bap-label { margin: 0 !important; padding: 12px 14px !important; font-size: 14.5px; font-weight: 600; line-height: 1.4; letter-spacing: -.3px;
    text-align: center; color: #3B2749; border-top: 1px solid #F0E8F1; }
.sh-bap .sh-bap-note { margin: 34px 0 0 !important; padding: 0 !important; font-size: 13px; line-height: 1.8; color: #8C7E99; text-align: center; word-break: keep-all; }
.sh-bap-empty { padding: 60px 0; font-size: 15px; color: #8C7E99; text-align: center; }
.sh-bap-empty[hidden] { display: none !important; }
/* 확대 보기 */
.sh-bap-lb { position: fixed; inset: 0; z-index: 100000; display: none; align-items: center; justify-content: center; padding: 40px 16px; background: rgba(26, 17, 33, .93); }
.sh-bap-lb.is-open { display: flex; }
.sh-bap-lb-inner { position: relative; width: 100%; max-width: 1060px; }
.sh-bap-lb-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: rgba(255, 255, 255, .9); }
.sh-bap-lb-fig { position: relative; margin: 0; }
.sh-bap-lb-pair img { display: block; width: 100%; height: auto; }
.sh-bap-lb-cap { margin: 16px 0 0; font-size: 15px; font-weight: 600; line-height: 1.5; color: #fff; text-align: center; }
.sh-bap-lb-cap span { display: block; margin-top: 6px; font-family: "Roboto", sans-serif; font-size: 13px; font-weight: 400; color: #C9B9D2; }
.sh-bap-lb button { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; padding: 0; width: 46px; height: 46px;
    background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .3); border-radius: 50%; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; transition: background .2s; }
.sh-bap-lb button:hover { background: rgba(255, 255, 255, .28); }
.sh-bap-lb-prev { top: 50%; left: -60px; transform: translateY(-50%); }
.sh-bap-lb-next { top: 50%; right: -60px; transform: translateY(-50%); }
.sh-bap-lb-close { top: -58px; right: 0; }
@media only screen and (max-width: 999px) {
    .sh-bap-grid { grid-template-columns: repeat(2, 1fr); gap: 22px 16px; }
    .sh-bap-lb-prev { left: 4px; }
    .sh-bap-lb-next { right: 4px; }
}
@media only screen and (max-width: 690px) {
    .sh-bap-grid { grid-template-columns: 1fr; gap: 18px; }
    .sh-bap .sh-bap-label { font-size: 13.5px; padding: 10px 12px !important; }
    .sh-bap-tag { font-size: 10.5px; padding: 4px 9px; }
    .sh-bap-lb { padding: 20px 10px; }
    .sh-bap-lb-close { top: -46px; }
}
/* /SH 전후사진 */

/* SH 의료진소개 - 원장 브랜드 스토리 =============*/
.sh-drs { max-width: 1240px; margin: 0 auto; }
.sh-drs-row { display: flex; align-items: center; gap: 72px; margin-bottom: 120px; }
.sh-drs-row:last-of-type { margin-bottom: 0; }
.sh-drs-row.rev { flex-direction: row-reverse; }
.sh-drs-fig { flex: 0 0 46%; max-width: 46%; }
.sh-drs .sh-drs-fig img { width: 100% !important; max-width: 100% !important; height: auto !important;
    display: block; border-radius: 20px; box-shadow: 0 18px 44px rgba(59, 39, 73, 0.14); }
.sh-drs-txt { flex: 1 1 auto; min-width: 0; }
.sh-drs-no { display: block; font-family: "Roboto", sans-serif; font-size: 15px; letter-spacing: 2.5px;
    color: #d4842b; font-weight: 600; margin-bottom: 16px; }
.sh-drs-h { font-size: 34px; line-height: 50px; color: #3b2749; font-weight: 600;
    letter-spacing: -1.5px; margin: 0 0 28px; }
.sh-drs-h .br-m { display: none; }
.sh-drs-p { font-size: 19px; line-height: 34px; color: #575757; letter-spacing: -0.8px;
    font-weight: 300; margin: 0 0 20px; }
.sh-drs-p:last-child { margin-bottom: 0; }
.sh-drs-p strong { color: #3b2749; font-weight: 500; }
.sh-drs-p .mark { background: #ecdcee; }

.sh-drs-end { text-align: center; padding: 96px 20px 0; }
.sh-drs-end-line { width: 1px; height: 60px; margin: 0 auto 40px; background: #d9cfe1; }
.sh-drs-end-en { font-family: "Roboto", sans-serif; font-size: 17px; letter-spacing: 6px;
    color: #3b2749; font-weight: 500; margin: 0 0 22px; }
.sh-drs-end-t { font-family: "Roboto", sans-serif; font-size: 32px; line-height: 46px;
    color: #3b2749; font-weight: 500; letter-spacing: -0.5px; margin: 0 0 26px; }
.sh-drs-end-s { font-size: 20px; line-height: 34px; color: #575757; letter-spacing: -0.8px;
    font-weight: 300; margin: 0; }

@media screen and (max-width: 1200px) {
    .sh-drs-row { gap: 46px; margin-bottom: 92px; }
    .sh-drs-h { font-size: 29px; line-height: 43px; margin-bottom: 22px; }
    .sh-drs-p { font-size: 17px; line-height: 31px; }
}
@media screen and (max-width: 999px) {
    .sh-drs-row, .sh-drs-row.rev { flex-direction: column; gap: 30px; margin-bottom: 70px; }
    .sh-drs-fig { flex: none; max-width: 100%; width: 100%; }
    .sh-drs-fig img { border-radius: 14px; }
    .sh-drs-txt { width: 100%; }
    .sh-drs-h { font-size: 25px; line-height: 38px; margin-bottom: 18px; }
    .sh-drs-h .br-m { display: block; }
    .sh-drs-p { font-size: 16px; line-height: 29px; margin-bottom: 16px; }
    .sh-drs-no { font-size: 13px; margin-bottom: 12px; }
    .sh-drs-end { padding-top: 60px; }
    .sh-drs-end-line { height: 44px; margin-bottom: 28px; }
    .sh-drs-end-t { font-size: 24px; line-height: 36px; }
    .sh-drs-end-en { font-size: 14px; letter-spacing: 4px; }
    .sh-drs-end-s { font-size: 16px; line-height: 28px; }
}
/* /SH 의료진소개 - 원장 브랜드 스토리 */

/* SH 강남언니 후기 (review/gangnamunni) =============*/
.sh-gu-intro { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; margin: 0 0 26px; padding: 18px 22px; background: #F7F3F8; border: 1px solid #E4D8E6; border-radius: 14px; }
.sh-gu .sh-gu-intro p { margin: 0 !important; padding: 0 !important; font-size: 15px; line-height: 1.7; color: #3B2749; word-break: keep-all; }
.sh-gu-intro b { font-family: "Roboto", sans-serif; font-weight: 600; color: #715C88; }
.sh-gu-link { font-size: 14px; font-weight: 600; color: #715C88 !important; text-decoration: none !important; white-space: nowrap; }
.sh-gu-link:hover { color: #3B2749 !important; }
.sh-gu-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 18px; }
.sh-gu .sh-gu-bar .sh-rv-count { margin: 0 !important; }
.sh-gu-toggle { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: #5E4E6E; cursor: pointer; user-select: none; }
.sh-gu-toggle input { margin: 0; accent-color: #715C88; width: 15px; height: 15px; }
.sh-gu-sub { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 12.5px; line-height: 1.4; color: #8C7E99; }
.sh-gu-star { flex: none; font-family: "Roboto", sans-serif; font-weight: 600; color: #D4842B; letter-spacing: 0; }
.sh-gu-tr { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sh-gu-card { cursor: pointer; }
/* 상세 오버레이 */
.sh-gu-lb { position: fixed; inset: 0; z-index: 2147483600; display: none; align-items: flex-start; justify-content: center; padding: 28px 16px 120px; }
.sh-gu-lb.is-open { display: flex; }
.sh-gu-lb-bg { position: absolute; inset: 0; background: rgba(28, 18, 36, .8); }
.sh-gu-lb-inner { position: relative; z-index: 1; width: 100%; max-width: 880px; max-height: calc(100vh - 148px); display: flex; flex-direction: column; background: #fff; border-radius: 18px; box-shadow: 0 24px 60px rgba(0, 0, 0, .35); overflow: hidden; }
.sh-gu-lb-box { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 34px 40px 30px !important; margin: 0 !important; max-width: none !important; }
.sh-gu-lb-box .sh-art-head { margin-bottom: 18px; }
.sh-gu-lb-box .sh-art-head { text-align: left; padding: 0 0 18px; border-bottom: 1px solid #EFE7F0; }
.sh-gu-lb-box .sh-art-meta { display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 0 0 10px; position: static; opacity: 1; }
.sh-gu-lb-box .sh-art-cat { display: inline-block; padding: 3px 10px; border-radius: 20px; background: #715C88; color: #fff; font-size: 12.5px; font-weight: 600; line-height: 1.5; }
.sh-gu-lb-box .sh-art-date { font-family: "Roboto", sans-serif; font-size: 13.5px; color: #8C7E99; }
.sh-gu-lb-box .sh-art-by { text-align: left; margin-top: 6px; font-size: 14px; color: #8C7E99; }
.sh-gu-lb-box .sh-art-t { font-size: 24px !important; line-height: 1.4 !important; overflow-wrap: anywhere; }
.sh-gu-lb-box .sh-art-body { text-align: left; }
.sh-gu-lb-box .sh-art-body p { margin: 0 0 14px !important; font-size: 15.5px; line-height: 1.85; color: #3B3B3B; word-break: keep-all; overflow-wrap: anywhere; text-align: left; }
.sh-gu-h { display: inline-block; margin-top: 4px; color: #715C88; font-weight: 600; }
.sh-gu-ph { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0 0 22px; }
.sh-gu-ph .sh-gu-fig { position: relative; margin: 0; background: #EFE7F0; border-radius: 10px; overflow: hidden; }
.sh-gu-ph .sh-gu-fig img { display: block; width: 100% !important; height: auto !important; }
.sh-gu-ph .sh-gu-fig:only-child { grid-column: 1 / -1; max-width: 560px; margin: 0 auto; }
.sh-gu-ph .sh-bap-tag { border-radius: 0 8px 0 0; }
.sh-gu-reply { margin: 22px 0 0; padding: 18px 22px; background: #F7F3F8; border-left: 4px solid #715C88; border-radius: 0 12px 12px 0; }
.sh-gu-reply b { display: block; margin-bottom: 6px; font-size: 14px; color: #3B2749; }
.sh-gu-lb-box .sh-gu-reply p { margin: 0 0 8px !important; font-size: 14.5px; line-height: 1.8; color: #5E4E6E; overflow-wrap: anywhere; }
.sh-gu-lb-box .sh-gu-src { font-size: 13.5px !important; color: #8C7E99 !important; }
.sh-gu-src a { color: #715C88 !important; text-decoration: underline !important; }
.sh-gu-close { position: absolute; top: 10px; right: 12px; z-index: 2; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: rgba(59, 39, 73, .08); color: #3B2749; font-size: 28px; line-height: 40px; cursor: pointer; }
.sh-gu-close:hover { background: rgba(59, 39, 73, .16); }
.sh-gu-nav { flex: none; display: flex; justify-content: space-between; gap: 10px; padding: 14px 40px; border-top: 1px solid #EFE7F0; background: #fff; }
.sh-gu-nav button { padding: 10px 18px; border: 1px solid #D8C4DC; border-radius: 50px; background: #fff; color: #3B2749; font-size: 14px; font-weight: 500; cursor: pointer; font-family: inherit; }
.sh-gu-nav button:hover:not(:disabled) { background: #3B2749; color: #fff; border-color: #3B2749; }
.sh-gu-nav button:disabled { opacity: .35; cursor: default; }
@media only screen and (max-width: 690px) {
    .sh-gu-intro { padding: 14px 16px; }
    .sh-gu-bar { flex-direction: column; align-items: flex-start; gap: 8px; }
    .sh-gu-lb { padding: 0; }
    .sh-gu-lb-inner { max-height: 100%; height: 100%; border-radius: 0; }
    .sh-gu-lb-box { padding: 26px 18px 24px !important; }
    .sh-gu-lb-box .sh-art-t { font-size: 19px !important; }
    .sh-gu-ph { grid-template-columns: 1fr; }
    .sh-gu-nav { padding: 12px 18px; }
    .sh-gu-sub { font-size: 11.5px; gap: 6px; margin-top: 6px; }
}
.sh-gu-card .sh-rv-meta { justify-content: flex-start; gap: 6px; }
.sh-gu-card .sh-rv-meta .sh-rv-date { margin-left: auto; }
.sh-gu-lang { display: inline-block; line-height: 1.5; margin-left: 0; padding: 1px 6px; border-radius: 4px; background: #EFE7F0; color: #715C88; font-family: "Roboto", sans-serif; font-size: 10.5px; font-weight: 600; letter-spacing: .02em; vertical-align: 1px; }
.sh-art-meta .sh-gu-lang { font-size: 12px; padding: 2px 8px; margin: 0; }
.sh-gu .sh-rv-t, .sh-gu .sh-rv-thumb.is-text p { overflow-wrap: anywhere; }
.sh-rv .sh-gu-bar .sh-rv-count { margin: 0 !important; }
.sh-gu-lb-box .sh-art-meta { justify-content: flex-start; }
.sh-gu-ph { align-items: start; }
.sh-gu-ph .sh-gu-fig { background: transparent; }
.sh-bap-lb { z-index: 2147483600; }
.sh-gu-lb-box[lang="ja"] .sh-art-body p, .sh-gu-lb-box[lang="ja"] .sh-art-t { word-break: normal; line-break: strict; }
/* /SH 강남언니 후기 */
/* 이벤트 상세(강남언니 이벤트) 정보표 */
.sh-ev-info { max-width: 720px; margin: 26px auto 0; text-align: left; }
.sh-ev-info table { width: 100%; border-collapse: collapse; margin: 0 0 18px; }
.sh-ev-info th, .sh-ev-info td { padding: 11px 14px; border-bottom: 1px solid #EFE7F0; font-size: 15px; line-height: 1.6; vertical-align: top; }
.sh-ev-info th { width: 130px; background: #F7F3F8; color: #3B2749; font-weight: 600; text-align: left; white-space: nowrap; }
.sh-ev-info td { color: #3B3B3B; }
.sh-ev-info .sh-ev-price { font-family: "Roboto", "Pretendard", sans-serif; font-weight: 700; color: #3B2749; font-size: 17px; }
.sh-ev-info .sh-ev-orig { margin-right: 8px; color: #9C90A6; text-decoration: line-through; font-weight: 400; font-size: 14px; }
.sh-ev-info .sh-ev-off { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 20px; background: #D4842B; color: #fff; font-size: 12.5px; font-weight: 600; }
.sh-ev-info .sh-ev-badge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12.5px; font-weight: 600; }
.sh-ev-info .sh-ev-badge.is-on { background: #3B2749; color: #fff; }
.sh-ev-info .sh-ev-badge.is-off { background: #E4D8E6; color: #5E4E6E; }
.sh-ev-info .sh-ev-note { margin: 0 0 14px !important; font-size: 13px !important; line-height: 1.6 !important; color: #8C7E99 !important; }
.sh-ev-btn { display: inline-block; padding: 12px 26px; border-radius: 50px; background: #715C88; color: #fff !important; font-size: 14.5px; font-weight: 600; text-decoration: none !important; }
.sh-ev-btn:hover { background: #3B2749; }
.kboard-list-thumbnail-child.sh-ev-nothumb { background: #3B2749 url(https://channel-static.rebeauty.co.kr/momaprs/ko/wp-content/uploads/2026/02/logo-1.png) center / 62% auto no-repeat !important; }
.sh-ev-navlabel { display: inline-block; margin-right: 6px; padding: 1px 8px; border-radius: 12px; background: #EFE7F0; color: #715C88; font-size: 12px; font-weight: 600; }

/* SH 이벤트 신청 창 */
.sh-ev-apply { border: 0; cursor: pointer; font-family: inherit; }
.sh-eva { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 20px; }
.sh-eva[hidden] { display: none !important; }
.sh-eva-dim { position: absolute; inset: 0; background: rgba(28, 20, 34, .55); }
.sh-eva-panel { position: relative; width: 100%; max-width: 420px; max-height: 90vh; overflow-y: auto;
  background: #fff; border-radius: 14px; padding: 26px 24px 22px; box-shadow: 0 18px 50px rgba(0,0,0,.25); }
.sh-eva-x { position: absolute; top: 10px; right: 12px; width: 34px; height: 34px; border: 0; background: none;
  font-size: 26px; line-height: 1; color: #9C90A6; cursor: pointer; }
.sh-eva-panel h3 { margin: 0 0 6px; font-size: 19px; color: #3B2749; }
.sh-eva-ev { margin: 0 0 16px !important; font-size: 13.5px !important; line-height: 1.5 !important; color: #715C88 !important; }
.sh-eva-form label { display: block; margin-bottom: 11px; font-size: 13.5px; font-weight: 600; color: #3B2749; }
.sh-eva-form label em { font-style: normal; font-weight: 400; color: #A398AD; font-size: 12.5px; }
.sh-eva-form label span[aria-hidden] { color: #C0553F; }
.sh-eva-form input[type=text], .sh-eva-form input[type=tel], .sh-eva-form input[type=email], .sh-eva-form textarea {
  width: 100%; margin-top: 5px; padding: 10px 12px; border: 1px solid #DFD6E2; border-radius: 8px;
  font: inherit; font-size: 14.5px; font-weight: 400; color: #2C2430; background: #fff; }
.sh-eva-form input:focus, .sh-eva-form textarea:focus { outline: 2px solid #B9A5CC; outline-offset: 1px; border-color: #B9A5CC; }
.sh-eva-form textarea { resize: vertical; min-height: 64px; }
.sh-eva-agree { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 !important; font-weight: 400 !important; font-size: 13px !important; color: #4A4152; }
.sh-eva-agree input { margin-top: 3px; flex: none; }
.sh-eva-more { border: 0; background: none; padding: 0; color: #715C88; text-decoration: underline; cursor: pointer; font: inherit; font-size: 12.5px; }
.sh-eva-terms { margin: -6px 0 14px; padding: 11px 13px; border-radius: 8px; background: #F7F3F8; font-size: 12.5px; line-height: 1.7; color: #6B6076; }
.sh-eva-terms[hidden] { display: none; }
.sh-eva-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; }
.sh-eva-submit { width: 100%; padding: 13px; border: 0; border-radius: 50px; background: #715C88; color: #fff;
  font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.sh-eva-submit:hover:not(:disabled) { background: #3B2749; }
.sh-eva-submit:disabled { opacity: .6; cursor: default; }
.sh-eva-msg { margin: 11px 0 0 !important; font-size: 13.5px !important; line-height: 1.5 !important; text-align: center; min-height: 20px; }
.sh-eva-msg.is-ok { color: #1A7A3C !important; }
.sh-eva-msg.is-err { color: #C0553F !important; }
.sh-eva-tel { margin: 12px 0 0 !important; padding-top: 12px; border-top: 1px solid #EFE7F0;
  font-size: 13px !important; text-align: center; color: #8C7E99 !important; }
.sh-eva-tel a { color: #3B2749; font-weight: 600; text-decoration: none; }
@media (max-width: 480px) { .sh-eva-panel { padding: 22px 18px 18px; } }
/* 자체 이벤트 랜딩 이미지 */
.sh-ev-landing img { display: block; width: 100%; max-width: 1080px; margin: 0 auto; }
.sh-ev-landing { margin: 0 0 18px; }

/* SH의 특별함 - 브랜드 스토리 패널: 원고가 길어져 고정 높이(80vh·최대 675px)에 잘리던 것을 내용 높이에 맞춤 (2026-09-10) */
.sub_about_spe_wrap .nectar-sticky-media-section__content-section { height: auto !important; max-height: none !important; }
.sub_about_spe_wrap .nectar-sticky-media-section__content-section__wrap { height: auto !important; }
.sub_about_spe_wrap .nectar-sticky-media-section__content-section .wpb_row.inner_row { padding-top: 18px !important; padding-bottom: 18px !important; }
.sub_about_spe_wrap .wpb_column.top_padding_desktop_10pct > .vc_column-inner { padding-top: 34px !important; padding-bottom: 34px !important; }
.sub_about_spe_wrap .sub_subt p { line-height: 30px; }
.sub_about_spe_wrap .sub_about_spe_num p { line-height: 40px; }
/* 세로가 짧은 화면(노트북)에서는 패널이 화면보다 커서 고정(pinned) 되면 아랫부분을 볼 수 없으므로 고정을 풀고 보통 흐름으로 스크롤 */
@media only screen and (min-width: 1000px) and (max-height: 860px) {
  .sub_about_spe_wrap .nectar-sticky-media-section__content-section { position: relative !important; top: auto !important; transform: none !important; margin-bottom: 24px; }
}