/* 2026-09-27 approved premium revision; existing runtime and source text retained. */
html{scroll-behavior:smooth}body{word-break:keep-all;overflow-wrap:break-word}
.clinic-page-title{position:absolute;z-index:3;top:138px;left:8%;font:500 15px/1.6 Pretendard,sans-serif;letter-spacing:2px;color:#665071}
#header .inner{width:calc(100% - 100px);max-width:2400px;margin:auto}
#mv_wrap{width:100%;margin:0;overflow:hidden}
#mv{width:170%;transform:translateX(-20.5882352941%)}
#mv .mv_box{width:58.8235294118%;transform:translateX(35%)}
#mv .mv_list_wrap .mv_list{height:clamp(780px,94vh,1100px);min-height:0;max-height:none;background:#eef0f2}
#mv .mv_list_wrap .mv_list .visual{inset:0;width:100%;height:100%;aspect-ratio:auto;background-size:cover!important;background-position:center 45%!important;mask-image:none;transform-origin:75% 45%}
#mv .mv_list_wrap .mv_list .visual:after{display:none}
#mv .mv_list_wrap .mv_list .txt_wrap1{left:8%;width:40%;max-width:740px;top:34%;text-align:left}
#mv .mv_list_wrap .mv_list .txt_wrap1 h2{font:400 clamp(60px,4.5vw,102px)/1.08 IvyMode,serif;letter-spacing:-1.5px;color:#665071}
#mv .hero-kicker{font-size:17px;letter-spacing:3px;margin-bottom:24px}
#mv .hero-sub{font-size:21px;line-height:1.7;margin-top:28px;color:#353238}
#mv .slider_arrow_wrap{left:15%;bottom:110px;transform:none}
.hero-pause{left:8%;bottom:72px;font-size:14px}
.scroll-hint{font-size:13px;bottom:6px}
.department,#skin.department{height:960px;padding:140px 0 170px}
.department .tit_box .tit_wrap{left:8%;width:32%;max-width:490px}
#skin .tit_box .tit_wrap{right:8%;left:auto;width:32%;max-width:490px}
.department h2{font-size:64px;line-height:1.05}.department h2 span{font-size:54px}
.dept-kicker{font-size:21px;letter-spacing:1px}.dept-lead{font-size:27px}.dept-description{font-size:18px;line-height:1.8}
.department-menu a{font-size:17px}.department-menu{margin-top:26px}
.case_slide_wrap .case_slide .case_list{width:52%;margin-left:auto;margin-right:4%}
#skin .case_slide .case_list{width:52%;margin-left:4%;margin-right:auto}
.case_slide_wrap .case_slide .list_in{height:620px;border-radius:110px 0 40px 0}
.case_slide_wrap .case_slide .list .txt_wrap{padding:42px 26px;background:linear-gradient(180deg,rgba(31,20,40,.46),rgba(31,20,40,.06) 45%,rgba(31,20,40,.67))}
.case_slide_wrap .case_slide .list h3{font-size:27px}.case_slide_wrap .case_slide .list p{font-size:18px}.card-index{font-size:18px}.card-link{font-size:15px}
.page_top_wrap{background:#f0edf2;padding:110px 0}
.page_top_wrap .inner{width:min(1500px,84%);height:auto;gap:6%;align-items:center;margin:auto}
.page_top_wrap .inner .img_box{width:43%;height:auto;padding:0}
.page_top_wrap .inner .txt_box{width:51%;padding:0}
.doctor-photo{width:100%;height:auto;aspect-ratio:619.435/774;background-size:100% 100%;border-radius:150px 0 50px 0}
.page_top_wrap h2{font-size:58px}.doctor-message{font-size:28px}.career{font-size:16px;gap:24px}.career h3{font-size:17px}
.m3{padding:150px 0;background:#f5f5f6}.m3 .doctor_list{width:min(1500px,84%);margin:auto}
.m3 .doctor_list .list{align-items:center}.m3 .doctor_list .list .txt_wrap{width:43%}
.m3 .doctor_list .list .img_wrap{width:49%;height:700px;margin-left:8%;border-radius:150px 0 50px 0;overflow:hidden}
.space-title{font-size:74px!important;margin-bottom:50px}.m3 .space-copy{font-size:25px}.m3 .space-address{font-size:18px}
.bf .eyebrow,#faq .eyebrow,#magazine .eyebrow,#sitemap .eyebrow{font-size:58px}
#quick .quick_list li a .txt{font-size:13px!important}#quick{width:84px}#quick #top{margin-left:auto;margin-right:auto}
#footer small{font-size:13px}.tpl_sitemap a{font-size:17px;line-height:2.2}.tpl_sitemap .cols h3{font-size:20px}
.tpl_mag_list .cat{font-size:13px}.cir_rotate svg{font-size:13px}
@media(min-width:2133px){.department .tit_box .tit_wrap{left:10%}#skin .tit_box .tit_wrap{right:10%}.case_slide_wrap .case_slide .case_list,#skin .case_slide .case_list{width:48%}.department,#skin.department{height:1050px}.case_slide_wrap .case_slide .list_in{height:680px}}
@media(max-width:1024px){
 #header .inner{width:100%;padding:0 20px}.clinic-page-title{top:100px;left:24px;font-size:12px;letter-spacing:1px}
 #mv .mv_list_wrap .mv_list{height:880px;max-height:none}
 #mv .mv_list_wrap .mv_list .visual{inset:0;background-size:auto 100%!important;background-position:70% center!important;mask-image:none}
 #mv .mv_list_wrap .mv_list .txt_wrap1{left:24px;top:140px;width:calc(100% - 48px);max-width:none}
 #mv .mv_list_wrap .mv_list .txt_wrap1 h2{font-size:43px;line-height:1.12;letter-spacing:-.7px}
 #mv .hero-kicker{font-size:13px;margin-bottom:15px;letter-spacing:1px}#mv .hero-sub{font-size:16px;margin-top:18px}
 #mv .slider_arrow_wrap{left:24px;top:auto;bottom:85px;transform:none}.hero-pause{right:24px;left:auto;top:auto;bottom:94px}
 .department,#skin.department{height:auto;padding:80px 0 95px}
 .department .tit_box .tit_wrap,#skin .tit_box .tit_wrap{position:static;width:100%;max-width:none;margin-bottom:30px}
 .department h2{font-size:46px}.department h2 span{font-size:38px}.dept-kicker{font-size:18px}.dept-lead{font-size:22px}.dept-description{font-size:17px}.department-menu a{font-size:15px}
 .case_slide_wrap .case_slide .case_list,#skin .case_slide .case_list{width:calc(100% - 48px);margin:0 24px}
 .case_slide_wrap .case_slide .list_in{height:535px;border-radius:80px 0 30px 0}.case_slide_wrap .case_slide .list h3{font-size:26px}.case_slide_wrap .case_slide .list p{font-size:17px}
 .page_top_wrap{padding:65px 24px}.page_top_wrap .inner{width:100%;gap:35px}.page_top_wrap .inner .img_box,.page_top_wrap .inner .txt_box{width:100%;height:auto}
 .doctor-photo{max-width:420px;margin:auto;border-radius:90px 0 35px 0}.page_top_wrap h2{font-size:40px}.doctor-message{font-size:22px}.career{font-size:15px}.career h3{font-size:16px}
 .m3{padding:85px 0}.m3 .doctor_list{width:100%}.m3 .doctor_list .list .txt_wrap{width:100%}.m3 .doctor_list .list .img_wrap{width:100%;height:auto;aspect-ratio:605/790;margin:38px 0 0;border-radius:100px 0 35px 0}.space-title{font-size:52px!important;margin-bottom:30px}.m3 .space-copy{font-size:22px}
 .bf .eyebrow,#faq .eyebrow,#magazine .eyebrow,#sitemap .eyebrow{font-size:34px}.tpl_sitemap a{font-size:15px}.tpl_sitemap .cols h3{font-size:17px}#quick{width:100%}#quick .quick_list li a .txt{font-size:12px!important}#footer small{font-size:12px}
}
@media(min-width:1025px){
 #mv .mv_list_wrap .mv_list{height:clamp(780px,60vw,1536px)}
 #mv .mv_list_wrap .mv_list .visual{background-position:center top!important}
 .case_slide_wrap .case_slide .case_list{width:48%;margin-right:8%}
 #skin .case_slide .case_list{width:48%;margin-left:8%}
 .department .tit_box .tit_wrap{width:31%}#skin .tit_box .tit_wrap{width:31%}
}
@media(max-width:1024px){
 #mv .mv_list_wrap .mv_list{height:900px;background:#eef0f2}
 #mv .mv_list_wrap .mv_list .visual{top:310px;bottom:auto;height:590px;background-size:auto 100%!important;background-position:94% top!important;mask-image:linear-gradient(to bottom,transparent,black 15%)}
 #mv .mv_list_wrap .mv_list .txt_wrap1{top:140px}
 #mv .slider_arrow_wrap{top:320px;bottom:auto}.hero-pause{top:326px;bottom:auto}
 .clinic-page-title{font-size:12px}
}

/* HQ PC round 1: local contrast at text, source photo remains clear between. */
.case_slide_wrap .case_slide .list .txt_wrap{background:linear-gradient(180deg,rgba(31,20,40,.72),rgba(31,20,40,.42) 27%,rgba(31,20,40,0) 49%,rgba(31,20,40,.48) 70%,rgba(31,20,40,.80))}
@media(max-width:1024px){
 #quick #top{font-size:12px}
 .subpage #sv .sv_tit_wrap>p,.subpage .care-section .care-eyebrow{font-size:12px}
}
@media(max-width:1024px){.subpage #sv .sv_inner .sv_tit_wrap>p{font-size:12px}}
