/* 2026-11-05: .footer_top 좌우 padding 규칙 4건 제거(momo 잔재). 다이트 원본 사이트에는 .footer_top 자체 padding 이 없고 여백은 .footer_inner 가 담당한다. 이 4건이 .footer_inner padding 과 겹쳐 1860px 이하에서 푸터 내용폭이 좁아져 진료시간 요일/시간이 줄바꿈됐다. 제거 전: 1860->0 12%, 1740->0 8%, 1440->0 4%, (hover:hover)->0 5% */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
ol, ul, li{list-style: none; margin: 0; padding: 0;}
table{border-collapse: collapse; border-spacing: 0;}
address{font-style: normal;}
/* ★momo 잔재 교정 (2026-08-06) — `var(--black-color-950)`(#1c1c1c) → 원본 daeat 값.
 *   홈만 멀쩡하고 서브페이지 링크가 검정이던 원인. 상세는 common.css 같은 자리 주석 참조. */
a{color: #2E1566; text-decoration: none; transform: skew(-0.1deg);}
img{border: 0; vertical-align: middle;}
button, label{font-family: 'Pretendard', sans-serif;}
button{cursor: pointer; border: 0; outline: none; padding: 0;}
input{font-family: 'Pretendard', sans-serif;}
*{box-sizing: border-box;}
html, body{overflow-x: hidden;}
body{color: var( --black-color-950); font-family: Pretendard, 'Noto Sans CJK KR', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; font-size: 16px; font-weight: 400;  margin: 0 auto; background: #fff;
font-variant-ligatures: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-stretch: normal;overflow-x: hidden}
.hidden{display: block; position: absolute; left: -1000%; width: 1px; height: 1px; overflow: hidden; color: #fff;}
.not_scroll{
position: fixed;
overflow: hidden;
width: 100%;
height: 100%
}
.not_scroll section{
position: relative;
top: 0;
}
img{ image-rendering: -webkit-optimize-contrast; will-change: transform; backface-visibility: hidden;}
:root{
--primary-color: #64183C;
--burgundy-color-100: #EFBDD5;
--burgundy-color-200: #E694BB;
--burgundy-color-500: #B52B6D;
--burgundy-color-600: #8C2254;
--secondary-gold-200:#E3B9A1;
--gray-color-200: #DFE0E2;
--gray-color-400: #AAADB0;
--gray-color-500: #909498;
--gray-color-600: #777C81;
--gray-color-700: #5F6367;
--gray-color-800: #474A4D;
--gray-color-900: #2E3032;
--gray-color-1000: #161718;
--man-color-main:#0D1D3D;
--man-color-01:#2B4DBE;
--man-color-02:#1C3BA2;
--man-color-03:#028DD0;
--man-color-04:#F8FAFF;
--man-color-05:#ECF1FA;
--man-color-06:#D2E0F4;
--man-color-07:#4F4F4F;
--black-color-100: #F3F3F3;
--black-color-900: #3C3C3C;
--black-color-950: #1c1c1c;
--black-color-500: #6B6C72;
--black-color-400: #8C8F96;
--black-color-200: #DEDEE4;
--black-color-300: #B9BAC1;
--woman-color-main: #C6382C;
--woman-color-03:#FF8888;
--woman-color-05: #F3ECE4;
--woman-color-06:#FAF9F4;
}
.noto-serif{
font-family: "Noto Serif KR", serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings:  "wdth" 100;
transform: skew(-0.1deg);
}
.underline{text-decoration: underline;text-decoration-thickness: 1px; text-underline-offset: 5px;}
#wrap{width: 100%; margin:0 auto; position: relative;}
#wrap::before{content: ''; display: block; clear: both;}
.logo{display: block; width: 200px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: contain; text-indent: -999px; overflow: hidden; }
.visually-hidden{display: block; position: absolute; left: -1000%; width: 1px; height: 1px; overflow: hidden; color: #fff;}
.flex-center{display: flex; justify-content: center; align-items: center;}

.btn.radius{border-radius: 8px;}
.btn.filled{background:var(--man-color-02); color: #fff;border: 1px solie var(--man-color-02);}
.btn-more::after, .btn-more::before{content: '';position: absolute;top: 50%;right: 80px;background-color: var(--man-color-03);transform: translateY(-50%);transition: background 0.3s;}
.btn-more::before{width: 14px;height: 2px;}
.btn-more::after{width: 2px;height: 14px;left: auto;right: 86px;}
.btn-link::after{content: '';position: absolute;top: 50%;right: 80px;display: block;width: 12px;height: 12px;border: 2px solid var(--man-color-03);border-top: 0;border-left: 0;
-ms-transform: rotate(-45deg) translate(0, -50%);-webkit-transform: rotate(-45deg) translate(0%, -50%);-moz-transform: rotate(-45deg) translate(0, -50%);transform: rotate(-45deg) translate(0, -50%);margin-top:-2px;}
.btn-toggle::after{content: '';position: absolute;top: 50%;right: 80px;display: block;width: 12px;height: 12px;border: 2px solid var(--man-color-03);border-top: 0;border-left: 0;  transition: transform 0.3s ease;
-ms-transform: rotate(-45deg) translate(0, -50%);-webkit-transform: rotate(45deg) translate(0%, -50%);-moz-transform: rotate(45deg) translate(0, -50%);transform: rotate(45deg) translate(0, -50%);margin-top:-2px;}
.btn-toggle.active::after{ transform: rotate(-135deg);}
.btn.btn-link.filled::after{border-color: #fff;}
/* ★momo 잔재 제거 (2026-08-06) — `.p_color{color:var(--man-color-01)!important}` 삭제.
 *   momo 색(#2B4DBE)이 daeat 의 페이지별 강조색 9개를 !important 로 전부 덮고 있었다.
 *   상세는 common.css 같은 자리 주석 참조. (실제 로드되는 건 이 .min 파일이다) */
.w_color{color: var(--woman-color-main) !important;}
.fw400{font-weight: 400 !important;}
input[type='radio']{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 24px;
height: 24px;
border-radius: 50%;
outline: none;
cursor: pointer;
background-color: #fff;
}
input[type='radio']:checked{
background-color: #000;
border: 6px solid white;
}
.show-pc,.hide-mobile{display: block !important;}
.show-mobile, .show-tablet,.hide-pc{display: none !important;}
@media screen and (max-width:1024px){.hide-pc{display: block !important;}.show-pc{display: none !important;}}
@media (min-width: 768px) and (max-width: 1024px){.show-tablet{display: block !important;}.show-mobile{display: none !important;}}
@media (max-width: 767px){.show-mobile{display: block !important;}.show-tablet,.show-pc,.hide-mobile{display: none !important;}}
.mobile_quick{display: none;}
.family{width: 84%; position: relative;}
.family .arrow{width: 100%; display: inline-block; color: #2E1566; font-weight: 500; font-size: 14px; padding: 15px 24px;
background: #fff; border: 1px solid rgba(46, 21, 102, 0.15); border-radius: 8px; box-sizing: border-box; position: relative;}
.family .arrow::after{content: ''; display: block; width: 12px; height: 8px; position: absolute; right: 24px; top: 22px;
background: url('../images/arrow_pp_down.png') center no-repeat; transform: rotate(-540deg); transition: all .2s;}
.arrow.on{background: rgba(116, 53, 255, 0.05);}
.arrow.on::after{transform: rotate(0);}
.family .aList{width: 100%; position: absolute; bottom: 50px; left: 0; z-index: 100; box-sizing: border-box;
filter: drop-shadow(0px 0px 1px rgba(116, 53, 255, 0.15)); display: none;}
.family .aList li a{display: block; padding: 15px 20px; background: #fff; font-size: 14px; letter-spacing: -0.05em; color: #2E1566;
box-shadow: inset 0px -1px 0px rgba(46, 21, 102, 0.15); box-sizing: border-box;}
.family .aList li:first-child a{border-top-left-radius: 8px; border-top-right-radius: 8px;}
.custom-checkbox input[type="checkbox"]{display: inline-block;appearance: none;position: absolute;vertical-align: middle;cursor: pointer;}
/* 하단 간편상담 바(.appointment) — 원본 daeatdiet.com 디자인 (theme/daeat/css/style.css). momo-클론 스타일 대체. 체크/닫기 아이콘은 CSS 로 그림. */
.appointment{width: 66.66%;position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 999;padding: 7px 5%;box-sizing: border-box;background: #69488E;border: 1px solid rgba(46, 21, 102, 0.15);border-radius: 18px 18px 0 0;transition: all .2s;}
.appointment.off{display: none;}
.appointment .inner{width: auto;max-width: none;margin: 0 auto;}
.appointment .inner form{display: flex;align-items: center;justify-content: center;gap: 8px;}
.appointment .inner form .tab_ver{display: flex;align-items: center;justify-content: center;gap: 8px;width: auto;}
.appointment .inner form h3{font-weight: 500;font-size: 20px;line-height: 28px;letter-spacing: -0.02em;color: #FFFFFF;}
.appointment .inner form ul{display: flex;align-items: center;}
.appointment .inner form ul.input_box{gap: 8px;}
.appointment .inner form ul.input_box input{background: #FFFFFF;border: 1px solid rgba(46, 21, 102, 0.15);border-radius: 8px;padding: 7px 12px;outline: none;font-weight: 500;font-size: 15px;line-height: 18px;color: #2E1566;vertical-align: middle;box-sizing: border-box;}
.appointment .inner form ul.input_box input::placeholder{font-weight: 500;color: #8E8E8E;}
.appointment .inner form ul.input_box input.user_name{max-width: 164px;}
.appointment .inner form ul.input_box input.user_tel{max-width: 276px;}
.appointment .inner form ul.agree_box{gap: 12px;justify-content: center;flex-grow: 0;}
.appointment .inner form ul.agree_box li:first-child{min-width: 280px;position: relative;}
.appointment .inner form ul.agree_box label{font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: -0.02em;color: #FFFFFF;display: inline-flex;align-items: center;gap: 8px;position: relative;cursor: pointer;}
.appointment .inner form ul.agree_box a{font-weight: 700;font-size: 14px;line-height: 20px;letter-spacing: -0.02em;color: #FFFFFF;display: inline-block;white-space: nowrap;background: none;width: auto;height: auto;vertical-align: middle;margin-left: 0;}
.appointment .inner form ul.agree_box a svg{display: block;}
.appointment .inner form ul.agree_box button{background: #140537;border: 1px solid rgba(46, 21, 102, 0.15);border-radius: 100px;padding: 6px 12px;font-weight: 700;font-size: 15px;line-height: 22px;text-align: center;color: #FFFFFF;cursor: pointer;transform: none;}
.appointment .inner form label span{display: inline-block;padding-left: 0;padding-right: 0;}
.appointment .inner form li a{display: inline-block;}
.appointment .inner .close_btn{display: none;}
.appointment input[type="checkbox"]{display: none;}
.appointment input[type="checkbox"] + label::before{content: '';flex-shrink: 0;width: 20px;height: 20px;border: 1px solid #C8C8C8;border-radius: 4px;box-sizing: border-box;}
.appointment input.agree:checked + label::before{border-color: #381187;background: #381187;}
.appointment input.agree:checked + label::after{content: '';position: absolute;left: 10px;top: 50%;width: 5px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;transform: translate(-50%, -60%) rotate(45deg);}
.custom-checkbox{display: inline-flex;align-items: center;cursor: pointer;user-select: none;font-size: 16px;gap: 8px;}
.custom-checkbox .checkmark{width: 20px;height: 20px;background-color: #eee;border-radius: 4px;display: inline-block;position: relative;transition: all 0.2s;}
.custom-checkbox input[type="checkbox"]:checked + .checkmark{background: var(--man-color-03);}
.custom-checkbox input[type="checkbox"]:checked + .checkmark::after{
content: '';
position: absolute;
left: 6px;
top: 1px;
width: 6px;
height: 12px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
#topMove{display: none;}
/* 퀵메뉴(.quick) — 원본 daeatdiet.com 디자인 (theme/daeat/common/css/common.css). 아이콘은 nth-child, 파일=/assets/images/icon_quick_*.png */
.quick{position: fixed;bottom: 200px;right: 0;z-index: 999;}
.quick ul{border: 3px solid rgba(46, 21, 102, 0.05);border-right: none;border-radius: 12px 0 0 12px;}
.quick ul li{background: #fff;width: 120px;}
.quick ul li:not(:last-child){border-bottom: 1px solid rgba(46, 21, 102, 0.2);}
.quick ul li:first-child{border-radius: 12px 0 0 0;background-color: #9D71FF;}
.quick ul li:last-child{border-radius: 0 0 0 12px;background: #9A74E7;}
.quick ul li a{display: block;padding: 16px 0;}
.quick ul li a span{display: block;width: 60px;height: 60px;margin: 0 auto 8px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.quick ul li:nth-child(1) a span{background-image: url(../images/icon_quick_calender.png);}
.quick ul li:nth-child(2) a span{background-image: url(../images/icon_quick_call.png);}
.quick ul li:nth-child(3) a span{background-image: url(../images/icon_quick_kakao.png);}
.quick ul li:nth-child(4) a span{background-image: url(../images/btn_top_pc.png);}
.quick ul li a p{font-weight: 500;font-size: 15px;line-height: 22px;text-align: center;letter-spacing: -0.01em;color: #181818;}
.quick ul li:nth-child(1) a p,.quick ul li:nth-child(4) a p{color: #fff;}
/* ★2026-09-16 — 서울 다국어에서 전화·카톡 2항목이 빠지므로 아이콘을 **클래스로도** 지정한다.
   위 nth-child 규칙은 4항목이 다 있을 때만 맞는다. 항목이 빠지면 번호가 밀려
   **TOP 이 전화 아이콘을 뒤집어쓴다**(실측). 게다가 같은 nth-child 규칙이
   스타일시트 3곳에 중복돼 있어(common.min.css·home.css·페이지CSS) 뒤에 추가해도 순서로는 못 이긴다.
   → 클래스를 **두 번** 써서 특정도 (0,3,4) 로 nth-child (0,2,4) 를 **순서와 무관하게** 이긴다.
   `!important` 는 안 쓴다(개별 페이지에서 덮어쓸 여지를 남긴다). 4항목일 때 결과는 종전과 동일. */
.quick ul li.qm-reservation.qm-reservation a span{background-image: url(../images/icon_quick_calender.png);}
.quick ul li.qm-tel.qm-tel a span{background-image: url(../images/icon_quick_call.png);}
.quick ul li.qm-kakao.qm-kakao a span{background-image: url(../images/icon_quick_kakao.png);}
.quick ul li.qm-top.qm-top a span{background-image: url(../images/btn_top_pc.png);}
.quick ul li.qm-reservation.qm-reservation a p,.quick ul li.qm-top.qm-top a p{color: #fff;}
.quick ul li.qm-tel.qm-tel a p,.quick ul li.qm-kakao.qm-kakao a p{color: #181818;}
.quick.intl-quick{right: 60px;}
.quick.intl-quick .intl-quick-box{display: flex; align-items: center; background: rgba(28, 59, 162, 0.90); border-radius: 50px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.20); overflow: hidden;}
.quick.intl-quick .intl-qr{width: 0; opacity: 0; padding: 0; overflow: hidden; transition: width .3s ease, opacity .3s ease, padding .3s ease; display: flex; align-items: center; justify-content: center;}
.quick.intl-quick.qr-on .intl-qr{width: 180px; padding: 14px; opacity: 1;}
.quick.intl-quick .intl-qr img{width: 100%; height: auto; display: block;}
.quick.intl-quick .intl-quick-box ul{background: transparent; border-radius: 0; box-shadow: none;}
.quick.intl-quick .intl-quick-box ul li:not(:last-of-type) a span{width: 60%; padding-top: 60%;}
.quick.cn-quick.qr-on .intl-quick-box ul li.intl-msg a span{background-image: url('../uploads/quick/quick_wechaton.png') !important;}
.quick.en-quick.qr-on .intl-quick-box ul li.intl-msg a span{background-image: url('../uploads/quick/quick_WhatsAppon.png') !important;}
.new-badge{ display:inline-block; background-color:#d93333; color:#fff; font-size:12px; font-weight:bold; padding:3px 8px; border-radius:4px; margin-left:4px; vertical-align:middle; line-height:1; position:relative; top:-2px; }

@media screen and (max-width:1280px){.logo{width:140px}}
@media screen and (max-width:1130px){}
@media screen and (max-width: 1024px){@media (hover:hover){
.mobileAllMenu_list .dropdown_menu li a:hover {color: var(--man-color-03);}
}.contact_us{margin-bottom: 24px;}.contact_us ul{display: grid;grid-template-columns: repeat(3, 1fr);justify-content:center;align-items:center;padding: 0 7%;}.contact_us ul li{}.contact_us ul li a{display: block;text-align: center;border-radius: 4px;font-size: 14px;color: var(--black-color-900);}.contact_us ul li a span{display: block;width: 60px;height: 60px;margin: 0 auto 8px;background-color: var(--man-color-main);border-radius: 50%;background-position: 50% 50%;background-repeat: no-repeat;background-size: 24px;}.contact_us ul li:nth-of-type(1) a span{background-image: url('../images/btn_call_wht.svg');}.contact_us ul li:nth-of-type(2) a span{background-image: url('../images/btn_kakao_wht.svg');background-size: 28px;}.contact_us ul li:nth-of-type(3) a span{background-image: url('../images/btn_online_wht.svg');}.slogan{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px;margin-bottom: 36px;}.slogan img{width:160px;height: auto;}.slogan p:first-of-type{font-size: 32px; line-height: 1.2; letter-spacing: -0.04em; color:var(--man-color-main);}.slogan p:last-of-type{font-size: 14px; line-height: 1.2; letter-spacing: -0.04em; color: var(--black-color-900);}.member{padding: 12px 5%;margin-bottom: 145px;text-align: center;}.member ul{display: flex;align-items: center;justify-content: center;margin-bottom: 40px;border-top: 1px solid rgba(0, 0, 0, 0.10);padding-top: 28px;}.member ul li{position: relative;padding: 0 24px; }.member ul li a{color: var(--black-color-900);display: inline-block;font-weight: 500;font-size: 14px;}.member ul li:first-of-type::after{content: '';width: 1px;height: 9px;background: #161718;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}.member ul li:last-child a::after{display: none;}.footer_top .footer_inner{flex-wrap:wrap;}.footer_top  .footer_inner > div:nth-of-type(1), .footer_top .footer_inner > div:nth-of-type(2){ flex: 0 0 50%;}.footer_top .footer_inner > div:nth-of-type(3){ flex: 0 0 100%;}.footer_top .footer_address{border-right: none;}.footer_map p.title span{display: block; padding:8px 0 0 0 ;}.footer_top .footer_map_inner{flex-direction: column;}.footer_top .footer_map_inner>  a{width: max-content;}.footer_top .footer_map_inner img{width: 100%;max-width:696px;}.footer_top .footer_map ul{width: 100%;display: grid;justify-content: space-between;align-items: center;gap: 8px;max-width: 696px;grid-template-columns: repeat(3, 1fr);}.footer_top .footer_map ul li{flex: 1;}.quick{right:0;}}
@media screen and (max-width:960px){}
@media screen and (max-width: 767px){body{background: #fff;}#wrap{min-width: 375px;}input[type='radio']{width:20px; height:20px;}}
@media screen and (max-width:767px){.btn-link{padding: 16px 0 16px 38px;width: 100%;max-width:340px;}.btn-link::after{right:30px;width: 8px;height:  8px;margin-top:0;}.btn-more::before{right: 58px;}.btn-more::after{right: 64px;}.btn-toggle::after{right: 64px;}.quick{display: none;}.mobile_quick{display: block;}.mobile_quick{position: fixed; bottom: 180px; right: 5%; z-index: 999;}.mobile_quick li{margin-bottom:10px;}.mobile_quick li a{display: block; width: 52px; height: 52px; border-radius: 100%;box-shadow: 0 3.25px 3.25px 0 rgba(0, 0, 0, 0.20);  background-repeat: no-repeat; background-position: center;}.mobile_quick li:nth-of-type(2) a{background-color:#2B4DBE;background-image: url('../images/quick_call.svg');}.mobile_quick li:nth-of-type(3) a{background-color:#FAE101;background-image: url('../images/icon_quick_kakao_mo.svg');}.mobile_quick .topMove{background-color: rgba(255, 255, 255, 0.80);background-image: url('../images/icon_top_mo.svg');visibility:hidden; opacity:0;transition: all .2s;}.mobile_quick .topMove.on{visibility:visible; opacity:1;}.quick.intl-quick{display: block;}}

/* 간편상담 바 반응형 — 원본 daeatdiet.com (style.css @1680 / @768) */
@media screen and (max-width: 1680px){
.appointment{width: 90%;}
.appointment .inner form{gap: 32px;justify-content: space-between;}
.appointment .inner form .tab_ver{width: 80%;flex-direction: column;}
.appointment .inner form h3{width: 20%;font-weight: 500;font-size: 20px;line-height: 28px;letter-spacing: -0.02em;color: #FFFFFF;}
.appointment .inner form ul{width: 100%;display: flex;align-items: center;}
.appointment .inner form ul.input_box li:nth-child(1){width: 40%;}
.appointment .inner form ul.input_box li:nth-child(1) input.user_name{width: 100%;max-width: 100%;box-sizing: border-box;}
.appointment .inner form ul.input_box li:nth-child(2){width: 60%;}
.appointment .inner form ul.input_box li:nth-child(2) input.user_tel{width: 100%;max-width: 100%;box-sizing: border-box;}
.appointment .inner form ul.input_box li input{box-sizing: border-box;}
.appointment .inner form ul.input_box input.user_name{width: 100%;}
.appointment .inner form ul.input_box input.user_tel{width: 100%;}
.appointment .inner form ul.agree_box{gap: 8px;}
.appointment .inner form ul.agree_box li{width: 50%;}
.appointment .inner form ul.agree_box button{display: block;width: 100%;}
}
@media screen and (max-width: 768px){
.appointment input[type="checkbox"] + label::before{width: 14px;height: 14px;}
.appointment input.agree:checked + label::after{left: 7px;top: 50%;width: 4px;height: 8px;}
.appointment{width: 100%;padding: 20px 5% 40px;bottom: 69px;display: none;border-radius: 12px 12px 0 0;}
.appointment.on{display: block;}
.appointment input[type="checkbox"] + label{vertical-align: bottom;}
.appointment .inner form{flex-direction: column;align-items: flex-start;gap: 16px;}
.appointment .inner form .tab_ver{width: 100%;align-items: flex-start;gap: 8px;flex-direction: row;}
.appointment .inner form h3{width: 100%;font-size: 18px;line-height: 26px;display: none;}
.appointment .inner form ul{flex-direction: column;}
.appointment .inner form ul.input_box{width: 70%;}
.appointment .inner form ul.input_box li:nth-child(1){width: 100%;}
.appointment .inner form ul.input_box li:nth-child(2){width: 100%;}
.appointment .inner form ul.input_box li input{border-radius: 4px;}
.appointment .inner form ul.agree_box{width: 30%;display: flex;flex-direction: column-reverse;gap: 4px;}
.appointment .inner form ul.agree_box li{width: 100%;}
.appointment .inner form ul.agree_box li:nth-child(1){position: absolute;bottom: 16px;left: 5%;}
.appointment .inner form ul.agree_box label{font-weight: 400;font-size: 12px;line-height: 15px;}
.appointment .inner form ul.agree_box label span{padding-left: 0;}
.appointment .inner form ul.agree_box a{font-size: 12px;line-height: 15px;vertical-align: initial;}
.appointment .inner form ul.agree_box button{height: 77px;font-size: 14px;line-height: 20px;border: 1px solid rgba(46, 21, 102, 0.15);border-radius: 4px;padding: 6px;letter-spacing: -0.02em;width: 100%;}
.appointment .inner .close_btn{display: block;color: #fff;font-size: 12px;line-height: 15px;position: absolute;bottom: 16px;right: 5%;}
.appointment .inner .close_btn::before{content: '\00d7';display: inline-block;font-size: 16px;line-height: 1;vertical-align: bottom;padding-right: 4px;}
}

/* 메뉴 뱃지(HIT/NEW 등) — CMS 페이지설정 menu_badge.
   ★momo 규칙이 아니라 **daeat 원본** `#gnb .dropdown_menu li a::after` 값에 맞춘다(2026-08-03).
     원본: content:'HIT' / background:#FEE500 / color:#7435FF / radius:4px / padding:1px 2px / 700 / 12px·15px / top:-2px
     원본은 `<a class="badge">` 의 유사요소라 텍스트가 'HIT' 고정인데, CMS 는 자유 텍스트라 `<i>` 로 뽑는다.
   margin-left 4px = 원본에서 제목과 유사요소 사이 공백 한 칸에 해당.
   background 는 CMS 색상값이 인라인으로 덮어쓴다(색을 비우면 원본색 #FEE500). */
.menu-badge{display:inline-block;margin-left:4px;padding:1px 2px;font-style:normal;font-weight:700;font-size:12px;line-height:15px;color:#7435FF;background:#FEE500;border-radius:4px;position:relative;top:-2px;letter-spacing:0;}