@charset "utf-8";

/* 폰트 (자체 호스팅 — jsdelivr CDN 라우팅 이슈로 SemiBold 가 40s+ 걸리는 케이스 회피) */
@import url('/assets/fonts/Pretendard/Pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
/* CSS reset */
html, body, div , span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
address {font-style: normal;}
a {color: var(--black-color-950); text-decoration: none;}
img {border: 0; vertical-align: middle; width: 100%;}
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;}

/* body 스크롤 막기 [S] */
.not_scroll{
position: fixed;
overflow: hidden;
width: 100%;
height: 100%
}
.not_scroll section {
position: relative;
top: 0;
}

/* body 스크롤 막기 [E] */
img { image-rendering: -webkit-optimize-contrast; will-change: transform; backface-visibility: hidden;}

/* common */
: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;
}

/*  공통 component [S] */
.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; }

/* jp/cn 로고는 여백 크롭본(/assets/logos/momo_{jp,cn}_logo.svg)으로 교체 → ko 와 동일 base .logo(contain) 사용. 별도 보정 불필요 */


/* .visually-hidden {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0 0 0 0);clip-path: inset(50%);overflow: hidden;white-space: nowrap;} */
.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{font-size: 24px; display: inline-block;padding: 20px 110px 20px 80px;border: 1px solid var( --black-color-200);background: #fff;font-weight:600;position: relative;text-align:left;}
.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;}
.p_color{color: var(--man-color-01) !important;}
.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;
}

/* 공통 component [E] */
/* PC 에서만 보이도록 설정*/
.show-pc,.hide-mobile{display: block !important;}
.show-mobile, .show-tablet,.hide-pc{display: none !important;}
@media screen and (max-width:1024px) {

/* pc 1024px ~ */
.hide-pc{display: block !important;}
.show-pc{display: none !important;}
}
@media (min-width: 768px) and (max-width: 1024px){
/* Tablet 에서만 보이도록 설정*/
.show-tablet{display: block !important;}
.show-mobile{display: none !important;}
}
@media (max-width: 767px){
/* Mobile 에서만 보이도록 설정*/
.show-mobile{display: block !important;}
.show-tablet,.show-pc,.hide-mobile{display: none !important;}
}

/* header common area */
#headerAreaPc {position: relative;}
#headerAreaTablet {display: none; position: relative;}
#headerAreaMobile {display: none; position: relative;}
header .header_inner {width: 100%; background: #fff; border-bottom: 1px solid #E2E2E2; position: fixed; left: 50%; transform: translateX(-50%); top: 0; z-index: 100;}
#headerAreaPc .header_inner .header_inner_top {background: #fff; width: 100%; padding: 11px 6% 0; box-sizing: border-box; overflow: hidden;}
#headerAreaPc .header_inner .header_inner_top a {display: inline-block; font-weight: 500; font-size: 14px; color: var( --gray-color-600); padding: 0 8px; vertical-align: middle;}
#headerAreaPc .header_inner .header_inner_top .event_box {float: left;}
#headerAreaPc .header_inner .header_inner_top .event_box a{padding: 0;}
#headerAreaPc .header_inner .header_inner_top .login_box {float: right;}
#headerAreaPc .header_inner .header_inner_top .login_box li {float: left; position: relative;}
#headerAreaPc .header_inner .header_inner_top .login_box li:last-of-type:before {content: ''; display: inline-block; width: 1px; height: 10px; background: #DFE0E2; vertical-align: middle;}
#headerAreaPc .header_inner .header_inner_bottom {width: 100%; height: 70px; padding: 0 6%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}

/* header .header_inner h1 a.logo{background-image: url('../images/logos/logo.svg');} */
#headerAreaPc .header_inner .header_inner_bottom #gnb {position: relative;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first{display: flex; align-items: center; flex-wrap: nowrap;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a {/* display:block; */height: 70px;line-height: 70px;padding: 0 16px;white-space: nowrap;font-weight: 500;font-size: 18px;text-align: center;transition: all .2s;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3.on a {font-weight: 700; color: var(--man-color-03);}
@media (hover:hover) {
#headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a:hover {font-weight: 700; color: var(--man-color-03);}
}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu {width: 100%;padding: 0 10%;justify-content: center;background: rgba(255,255,255,.8);position: fixed;top: 101px;left: 0;z-index: 999;display: none}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu.on {display: flex;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li {padding: 30px 1.2rem; text-align: center; position: relative; transition: all .2s;}
/*#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li.on {background: #F8F8F8;}*/
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li h3{font-size: 18px;font-weight: 700; margin-bottom: 12px; color: var( --gray-color-500);}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li.on h3{color: var(--man-color-03);}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li a {display: block; color:var(--black-color-950); font-weight: 400;
font-size: 16px; padding: 8px 0; transform: skew(-0.1deg); transition: all .2s;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li a::after{content: 'BEST'; background: var(--man-color-03); color: #fff;
border-radius: 4px; width: 48px; height: 20px; margin-left: 4px;font-weight: 600; font-size: 14px; line-height: 20px; text-align: center; position: relative; right: 0; top: -2px; display: none;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li a.badge_best::after {display: inline-block;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li a.on {color: var(--man-color-03);}.menu-badge{display:inline-block;margin-left:4px;padding:3px 8px;font-style:normal;font-weight:bold;font-size:12px;line-height:1;color:#fff;background:#d93333;border-radius:4px;vertical-align:middle;position:relative;top:-2px;letter-spacing:0;transform:none;}
#content figure.after.is-member figcaption{z-index:2;}
@media (hover:hover) {
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li:hover h3{color: var(--man-color-03);}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li a:hover {color: var(--man-color-03);}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li a:hover span{border-bottom: 1px solid var(--man-color-03);}
}
header .right_menu {display: flex; align-items: center; gap: 12px;}
header .right_menu .select_branch {position: relative;}
header .right_menu .select_branch > a {display: inline-block; padding: 0 16px;border-radius: 190px; border: 1px solid var(--man-color-03); background: rgba(2, 141, 208, 0.20);  vertical-align: middle; white-space: nowrap;}
header .right_menu .select_branch > a.on > span::after {transform: rotate(225deg);}
header .right_menu .select_branch > a > span {display: inline-block;position: relative;vertical-align: middle;font-size: 16px;letter-spacing: -1px;line-height: 32px;height: 32px;color: var(--man-color-03);transform: skew(-0.1deg);padding-right: 16px;}
header .right_menu .select_branch > a > span::after {content: '';display: inline-block;width: 6px;height: 6px;position: absolute;top: 50%;right: 0;border: 2px solid var(--man-color-03);border-top: none;border-left: none;transform: rotate(45deg) translate(-50%, -50%);transition: all .1s;}
header .right_menu .select_branch > .branches {width: 100%; box-sizing: border-box;position: absolute; top: 42px; left: 50%; transform: translateX(-50%); z-index: 999;border-radius: 10px; border: 1px solid var(--man-color-03); background: #fff; padding: 8px 4px; display: none;}
header .right_menu .select_branch > .branches li {background: #fff; border-radius: 8px;}
header .right_menu .select_branch > .branches li:hover {background: #fff;}
header .right_menu .select_branch > .branches li a {display: block; padding: 6.5px 0; text-align: center; white-space: nowrap;}
header .right_menu .select_branch > .branches li a span {display: inline-block;font-size: 16px;line-height: normal;letter-spacing: -1px;color: var(--man-color-03);}
header .right_menu .select_branch > .branches li.on a span {border-bottom: 1px solid var(--man-color-03);}
header .right_menu .select_nation {position: relative;}
header .right_menu .select_nation img {/* width: 20px; */ height: 18px;}
header .right_menu .select_nation > a {display: inline-block;padding: 0 16px;height: 32px;line-height: 32px;border-radius: 200px;border: 1px solid #C5C7C9;background: var(--man-color-04);vertical-align: middle;white-space: nowrap;}
header .right_menu .select_nation > a.on > span::after {transform: rotate(225deg);}
header .right_menu .select_nation > a > img { padding-right: 4px;vertical-align: sub;}
header .right_menu .select_nation > a > span {display: inline-block;position: relative;font-weight: 300;vertical-align: initial;font-size: 16px;line-height: 32px;color: #29203B;transform: skew(-0.1deg);padding-right: 16px;}
header .right_menu .select_nation > a > span::after {content: '';display: inline-block;width: 6px;height: 6px;position: absolute;top: 50%;right: 0;
border: 2px solid var(--black-color-950);border-top: none;border-left: none;transform: rotate(45deg) translate(-50%, -50%);transition: all .1s;}
header .right_menu .dropdown_menu {
width: 100%;
box-sizing: border-box;
position: absolute;
top: 42px;
left: 50%;
transform: translateX(-50%);
z-index: 999;
border-radius: 10px;
border: 1px solid #C5C7C9;
background: #FAFAFA;
display: none;
}
header .right_menu .dropdown_menu li {background: #FAFAFA; border-radius: 8px;}
header .right_menu .dropdown_menu li.on span{border-bottom: 1px solid var(--black-color-950);}
header .right_menu .dropdown_menu li:hover{background: #DFE0E2}
header .right_menu .dropdown_menu li a {display: block; padding: 8px 0 8px 18px;  white-space: nowrap;}
header .right_menu .dropdown_menu li a img {padding-right: 10px;}
header .right_menu .menu_open {float: right; display: block; width: 48px; height: 48px;}

/* header site map */
.site_map {width: 100%; height: calc(100vh - 102px); background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(25px);
position: fixed; top: 100px; left: 0; z-index: 99; overflow-y: scroll; display: none;}
.site_map ul {padding: 34px 16.66% 68px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 32px;}
.site_map ul a {display: block; transition: all .2s;}
@media (hover:hover) {
.site_map ul a:hover {color: #8556E3;}
.site_map ul dt a:hover {border-color: #8556E3;}
}
.site_map ul li dl dt {margin-bottom: 16px;}
.site_map ul li dl dt a {font-weight: 500; font-size: 17px; letter-spacing: -0.01em; border: 1px solid rgba(46, 21, 102, 0.15);
border-radius: 4px; padding: 18px 10%;}
.site_map ul li dl dt a.on {color: #8556E3; border-color: #8556E3;}
.site_map ul li dl dd {margin-bottom: 8px;}
.site_map ul li dl dd a {font-weight: 500; font-size: 14px; border: 1px solid rgba(46, 21, 102, 0.15); border-radius: 4px;
padding: 16px 10%;}
.site_map ul li dl dd a.on {color: #8556E3;}

/* footer common area */
#footerArea {background: #FFFFFF;border-top: 1px solid rgba(46, 21, 102, 0.15);padding-bottom: 150px;}
#footerAreaMobile {display: none;}
.footer_top{padding: 0 12.6%;}
.footer_top .footer_inner {display: flex;align-items: flex-start;justify-content: space-between;}
.footer_top .footer_inner > div{padding: 50px 0;}
.footer_top .footer_address {width: 25%;border-right: 1px solid rgba(46, 21, 102, 0.15);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 20px;}
.footer_top .footer_address img {display: block;width: 220px;height: auto;}
.footer_top .footer_address .tel{font-size: 42px; font-weight: 600; color: var(--man-color-03);padding-bottom: 20px; border-bottom: 1px solid #DEDEE4;}
.footer_top .footer_address ul li {font-size: 16px;line-height: 1.5;transform: skew(-0.1deg);color: var(--black-color-950);}
.footer_top .footer_schedule {/* width: 100%; */}
.footer_top p.title {font-weight: 600;font-size: 24px;margin-bottom: 16px;transform: skew(-0.1deg);}
.footer_top .footer_schedule ul {margin-bottom: 16px;  overflow: hidden;}
.footer_top .footer_schedule ul::before {content: ''; display: block; clear: both;}
.footer_top .footer_schedule ul li {float: left; margin-right: 18px;}
.footer_top .footer_schedule ul li:last-of-type {margin-right: 0;}
.footer_top .footer_schedule ul li dl {font-size: 16px;margin-bottom: 6px;}
.footer_top .footer_schedule ul li dl dt {display: inline-block;vertical-align: middle;height: 30px;width: 104px;background: var(--black-color-100);border-radius: 100px;color: var(--black-color-950);text-align: center;line-height: 30px;}
.footer_top .footer_schedule ul li dl dd {display: inline-block;letter-spacing: -0.02em;vertical-align: middle;padding-left: 14px;color: var(--man-color-03);}
.footer_top .footer_schedule span {display: block;clear: both;font-size: 14px;transform: skew(-0.1deg);}
.footer_top .footer_sns{margin-top:24px;}
.footer_top .footer_sns ul {/* margin-bottom: 28px; */display: flex;justify-content: flex-start;align-items: flex-start;gap: 9px;}
.footer_top .footer_sns ul li a {display: block;width: 40px;height: 40px;background-color: #F3F3F3;background-position: 50% 50%;background-repeat: no-repeat;background-size: 60% auto;border-radius: 100%;}
.footer_top .footer_sns ul li:nth-of-type(1) a {background-image: url('../images/icon_youtube.svg');}
.footer_top .footer_sns ul li:nth-of-type(2) a {background-image: url('../images/icon_insta.svg');}
.footer_top .footer_sns ul li:nth-of-type(3) a {background-image: url('../images/icon_blog.svg');}
.footer_top .footer_sns ul li:nth-of-type(4) a {background-image: url('../images/icon_kakao.svg');}
.footer_map  p.title span{font-size: 14px;padding-left:16px; display: inline-block; font-weight: 400;}
.footer_top .footer_map_inner div{width: 320px; height: 176px;background: #2E1566;border-radius: 8px;}.footer_top .footer_map_inner > a{display:block;width:320px;max-width:100%;}.footer_top .footer_map_inner > a img{width:100%;height:auto;display:block;border-radius:8px;}
.footer_top .footer_map_inner{display: flex;justify-content:space-between;gap: 16px;}
.footer_top .footer_map ul {width: 162px;}
.footer_top .footer_map ul li {margin-bottom: 4px;}
.footer_top .footer_map ul li:last-of-type {margin-bottom: 0;}
.footer_top .footer_map ul li a {display: block;font-size: 0;text-indent: -9999px;border: 1px solid #E2E2E2;border-radius: 16px;padding: 8px 18%;}
.footer_top .footer_map ul li a span {display: block;width: 100%;padding-top: calc(48/160*100%);background-position: center;background-size: contain;background-repeat: no-repeat;}
.footer_top .footer_map ul li:nth-child(1) a span {background-image: url('../images/icon_kakaomap.png');}
.footer_top .footer_map ul li:nth-child(2) a span {background-image: url('../images/icon_navermap.png');}
.footer_top .footer_map ul li:nth-child(3) a span {background-image: url('../images/icon_tmap.png');}
.footer_bottom {border-top: 1px solid rgba(46, 21, 102, 0.15);padding-top: 20px;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 8px;}
.footer_bottom  ul{display: flex;gap: 16px;}
.footer_bottom  ul li a {display: inline-block;padding-right: 16px;position: relative;color: var(--black-color-400);}
.footer_bottom ul li a::after {content: '';display: block;width: 1px;height: 12px;border-radius: 50%;background:#B9BAC1;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.footer_bottom  ul li:last-of-type a::after {display: none;}
.footer_bottom  p {font-size: 16px;line-height: 20px;color: var(--black-color-400);}
.footer_bottom .footer_bottom_left p:last-of-type {margin-top: 12px;}
.footer_bottom .footer_bottom_right {width: 40%; display: flex; align-content: flex-end; align-items: flex-end; flex-direction: column; justify-content: flex-start;}
.mobile_quick{display: none;}

/* family site */
.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;}

/* appointment */
.custom-checkbox input[type="checkbox"] {display: inline-block;appearance: none;position: absolute;vertical-align: middle;cursor: pointer;}
/*.appointment input[type="checkbox"] ~ label {display: inline-block; width: 20px; height: 20px; vertical-align: middle; cursor: pointer; white-space: nowrap; border-radius: 4px;}*/
.appointment input[class="agree"] ~ label::before {content:''; display: inline-block; line-height: normal; width: 100%; height: 100%; background: #fff; border-radius: 4px; text-align: center;}
.appointment input[class="agree"]:checked ~ label::before {content:''; background-color: #713FFF;background-image: url('../images/btn_check_wht.png'); background-repeat: no-repeat; background-size: 14px 10px; background-position: center;}
.appointment {width: 100%;position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 999;padding: 20px 0;background: var(--man-color-main);box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);backdrop-filter: blur(10px);transition: all .2s;min-width: 375px;}
.appointment .inner{width: calc(1440/1920 * 100%);margin: 0 auto;max-width: 1440px;}
.appointment.off {display: none;}
.appointment form {display: flex;align-items: center;justify-content: space-between;}
.appointment .tab_ver {width: calc(100% - 240px);display: flex;align-items: center;justify-content: center;gap: 16px;}
.appointment form h3 {font-weight: 700; font-size: 24px; line-height: 1.3; letter-spacing: -0.02em; color: #fff;}
.appointment form ul {display: flex; align-items: center;}
.appointment ul.input_box {gap: 8px;}
.appointment ul.input_box input {background: #FFFFFF;border: none;border-radius: 8px;padding: 16px;outline: none;font-weight: 500;font-size: 16px;line-height: 18px;color: var(--black-color-950);vertical-align: middle;box-sizing: border-box;}
.appointment ul.input_box input::placeholder { font-weight: 400; color: var(--black-color-950); }
.appointment ul.input_box input.user_name {max-width: 160px;}
.appointment ul.input_box input.user_tel {max-width: 180px;}
.appointment ul.agree_box {justify-content: flex-end;flex-grow: 1;gap: 16px;}
.appointment ul.agree_box li {display: flex; align-items:center; gap: 6px;}
.appointment ul.agree_box li:first-child {/* min-width: 240px; */position: relative;}
.appointment ul.agree_box label {font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: -0.02em;color: #FFFFFF;}
.appointment ul.agree_box a {display:block;width: 16px; height: 16px;background: url('../images/white_from.svg') no-repeat center;background-size: 20px 20px;}
.appointment ul.agree_box a img{display: none;}
.appointment ul.agree_box a .shortcut_icon{width: 16px;vertical-align: top;margin-top: -2px;}
.appointment ul.agree_box button {background:  var(--man-color-03);border-radius: 100px;padding: 0 26px;font-weight: 500;font-size: 18px;line-height: 44px;text-align: center;color:#fff;cursor: pointer;transform: skew(-0.1deg);}
.appointment form label span {display: inline-block;padding: 0 6px;vertical-align: top;}
.appointment .inner form li a {display: inline-block;}
.appointment form .selectBox {position: relative;}
.appointment form .selectBox .label {display: block;padding: 16px 5%;font-size: 16px;line-height: 18px;letter-spacing: -1px;color: var(--black-color-950);cursor: pointer;outline: none;background: #fff;border-radius: 6px;white-space: nowrap;position: relative;}
.appointment form .selectBox  {min-width: 160px;}
.appointment form .selectBox .label::after { content: '';display: block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 8px solid black; position: absolute; right: 8px; top: 50%; margin-top: -6px; transition: all .2s;}
.appointment form .selectBox .label.on::after {transform: rotate(540deg);}
.appointment form .selectBox .optionList {width: 100%; border-radius: 4px; border: 1px solid #E6E6E6; overflow: hidden;position: absolute; bottom: 56px; left: 0; z-index: 32; display: none;}
.appointment form .selectBox .optionList .optionItem {width: 100%; padding: 11.5px 20px; background: #fff;font-weight: 300; font-size: 14px; line-height: 20px; letter-spacing: -0.02em; color: #000; text-align: center; cursor: pointer; transition: all .2s;}
.appointment form .selectBox .optionList .optionItem:hover {background: #F5E4DB;}
.appointment form .selectBox .optionList .optionItem:not(:last-child) {border-bottom: 1px solid #E6E6E6;}
.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);}

/* 체크됐을 때 표시되는 V자 */
.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);
}

/* quick & top button */
#topMove {display: none;}
.quick {position: fixed;top: 50%;transform: translateY(-50%);right: 16px;z-index: 999;}
.quick ul {width: 100px;background: rgba(28, 59, 162, 0.90);border-radius: 100px;padding: 18px 8px 10px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.20);}
.quick ul li:last-of-type{background:var(--man-color-02);border-radius:100%;height:80px;margin-top: 14px;}
.quick ul li a {display: block;width: 100%;padding: 19px 0;box-sizing: border-box;text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 0.20);}
.quick ul li:nth-of-type(4) a, .quick ul li:last-of-type a{border-bottom: none;}
.quick ul li a span {display: block;width: 45%;padding-top: 45%;margin: 0 auto;background-repeat: no-repeat;background-position: center;background-size: contain;}
.quick ul li a p {font-weight: 400;font-size: 16px;margin-top: 4px;color: #fff;line-height: 1.2;}
.quick ul li a.btn_quick.reservation {padding-bottom: 22.5px;}
.quick ul li a.topMove span{width: 30%;}
.quick ul li a.topMove p {font-weight: 400;font-size: 12px;margin-top: 0;}

/* 다국어 quick (PC) — QR + 메신저 + TOP 통합 박스 (cn/jp/en 공통) */
.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%;}
/* 언어별 활성(QR 펼침) 시 메신저 아이콘 변경 */
.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; }

/* PC (해상도 1740px ~ 1860px) */
@media screen and (max-width:1860px) {

/* header site map */
.site_map ul {padding: 34px 14% 68px;}

/* header */
#headerAreaPc .header_inner .header_inner_top {padding: 6.5px 12%;}
#headerAreaPc .header_inner .header_inner_bottom {padding: 0 12%;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a {font-size: 16px; text-align: center; padding: 22.5px 12px;}

/* footer */
.footer_top{padding: 0 12%;}

/* appointment */
.appointment .inner{width: calc(1680/1860 * 100%);}
}

/* PC (해상도 1540px ~ 1740px) */
@media screen and (max-width:1740px) {

/* header site map */
.site_map ul {padding: 34px 14% 68px;}

/* header */
#headerAreaPc .header_inner .header_inner_top {padding: 6.5px 8%;}
#headerAreaPc .header_inner .header_inner_bottom {padding: 0 8%;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu {padding: 0;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li {padding: 32px 1rem}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li::before {height: 70%; top: 78px;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li:last-child::after {height: 70%; top: 78px;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li h3 {font-size: 16px; margin-bottom: 14px;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li a {font-size: 14px; padding: 10px 0;}
.footer_top {padding: 0 8%;}
}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {

/* header */
#headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a {margin: 0;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a::before {left: -2px;}
#headerAreaPc .header_inner .header_inner_bottom .right_menu .select_branch > a > span{
font-size: 14px; height: 30px; line-height: 30px;
}
#headerAreaPc .header_inner .header_inner_bottom .right_menu .select_nation > a {
padding: 0 12px;  height: 30px; line-height: 30px;
}

/* header site map */
.site_map ul {padding: 34px 10% 68px;}

/* appointment */
.appointment .inner{width:calc(1500/1540 * 100%);}
#footerArea{padding-bottom: 220px}
}

/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {

/* header */
#headerAreaPc .header_inner .header_inner_top { padding: 11px 5% 0;}
#headerAreaPc .header_inner .header_inner_bottom {padding: 0 4%;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li h3 {font-size: 14px; margin-bottom: 14px;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li a {font-size: 12px; padding: 8px 0;}
.logo

/* header site map */
.site_map ul {padding: 34px 8% 68px;}

/* footer */
.footer_top {padding: 0 4%;}

/* appointment */
.appointment .inner{width: calc(1180/1440 * 100%);}
.appointment form {gap: 32px;justify-content: space-between;}
.appointment form h3 {width: 25%;font-weight: 500;/* font-size: 20px; */line-height: 28px;letter-spacing: -0.02em;}
.appointment form ul {width: 100%;}
.appointment .tab_ver {width: 80%;flex-direction: column;gap: 14px;}
.appointment ul.input_box li{flex:1;}
.appointment ul.input_box input.user_tel,.appointment ul.input_box input.user_name{width: 100%; max-width: 100%; box-sizing: border-box;}
.appointment ul.agree_box li {flex: 1;}
.appointment ul.agree_box button { width: 100%;}
}
@media screen and (max-width:1280px) {
#headerAreaPc .header_inner .header_inner_bottom {padding: 0 2%;}
.logo{width:140px}

/* footer tab */
.footer_top {padding: 0 2%;}
.footer_top .footer_map_inner{flex-direction: column;}
.footer_map p.title span {display: block; padding:8px 0 0 0;}
.footer_top .footer_map_inner ul{display:flex; gap: 8px;width: 100%;}
.footer_top .footer_map_inner ul li{flex: 1;}

/* appointment */
.appointment .inner{width: calc(1200/1280 * 100%);}
}

/* PC (해상도 1058px ~ 1130px) */
@media screen and (max-width:1130px) {

/* header */
#headerAreaPc .header_inner .header_inner_bottom {padding: 0;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .dropdown_menu li{padding: 32px .5rem;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a {padding: 22.5px 8px;}
#headerAreaPc .header_inner .header_inner_bottom #gnb .depth_first h3 a::before {display: none;}

/* appointment */
.appointment form {gap: 32px;justify-content: space-between;}
.appointment form ul {width: 100%;display: flex;align-items: center;}
.appointment ul.input_box li:nth-child(1) {width: 20%;}
.appointment ul.input_box li:nth-child(2) {width: 30%;}
.appointment ul.input_box li:nth-child(3) {width: 50%;}
.appointment ul.input_box li input {box-sizing: border-box;}
.appointment ul.input_box input.user_name {width: 100%;max-width: 100%;box-sizing: border-box;}
.appointment ul.input_box input.user_tel {width: 100%;max-width: 100%;box-sizing: border-box;}
.appointment ul.agree_box {gap: 8px;}
.appointment ul.agree_box li {width: 50%;}
.appointment ul.agree_box button {display: block;width: 100%;}
}

/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
}

/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width: 1024px) {

/* header */
#headerAreaPc {display: none;}
#headerAreaTablet {display: block;}
#headerAreaMobile {display: none; position: relative;}
header .header_inner .menu_open {display: block;}
#headerAreaTablet .header_inner .header_inner_top {background: #fff; width: 100%; padding: 5.5px 5%;  font-size: 12px; overflow: hidden;}
#headerAreaTablet .header_inner .header_inner_top > div {float: left;}
#headerAreaTablet .header_inner .header_inner_top > div > a {padding: 0;}
#headerAreaTablet .header_inner .header_inner_top > ul.login_box {float: right;}
#headerAreaTablet .header_inner .header_inner_top > ul.login_box li {float: left; position: relative;}
#headerAreaTablet .header_inner .header_inner_top > ul.login_box li:last-of-type:before {content: ''; display: block; width: 1px; height: 10px; background: #DFE0E2; position: absolute; left: 0; top: 3px ;}
#headerAreaTablet .header_inner .header_inner_top a {color: var(--gray-color-600); display: block; padding: 0 8px;}
#headerAreaTablet .header_inner .header_inner_bottom {width: 100%; padding: 12px 5%;  display: flex; align-items: center; justify-content: space-between;}
header .header_inner .menu_open {float: right;  width: 44px;height: 44px; display: flex;flex-direction: column; align-items: center;justify-content: center;}
#headerAreaTablet .right_menu {display: flex; align-items: center; justify-content: space-between; gap: 8px;}
header .header_inner .menu_open span {display: block;width: 55%;height: 2px;background: #161718;margin-bottom: 6px;}
header .header_inner .menu_open span:last-of-type {margin-bottom: 0;}
header .header_inner .menu_open strong {font-weight: 600;}
#headerAreaTablet .mobileAllMenu_inner .mobileAllMenu_list_top{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 24px 7%;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);}
header .mobileAllMenu_inner .mobileAllMenu_list_top .home {display: block;width: 27px;height: 27px;background: url('../images/btn_home.svg') center no-repeat;background-size: contain;text-indent: -9999px;font-size: 0;color: #fff;}
header .mobileAllMenu_list_top .btn_close {display: flex;justify-content: center;align-items: center;margin-left: 8px;}
header .mobileAllMenu_list_top .btn_close a {display: inline-block; width: 24px; height: 24px; padding: 12px 0;
background: url('../images/btn_close_mo.png') center no-repeat; background-size: contain;}
header .mobileAllMenu_list_top .btn_close a span{position:absolute;left:-1000%;width:1px;height:1px;overflow:hidden}
.mobileAllMenu_bg {width: 100%; height: 100vh; background: rgba(46, 21, 102, 0.5); position: fixed; top: 0; left: 0; z-index: 999; display: none;}
.mobileAllMenu_inner {width: 45%; height: 100vh; overflow: scroll; background: #fff; position: fixed; top: 0; right: -100%; z-index: 1000; overflow: auto;}
.mobileAllMenu_list {margin-bottom: 44px;}
.mobileAllMenu_list .mobileAllMenu_list_top .select_nation .dropdown_menu {top: 32px;}
header .right_menu .dropdown_menu li a{padding:8px 12px;}
.mobileAllMenu_list .depth1 h3 a {color: var(--black-color-900);font-weight: 500;font-size: 20px;letter-spacing: -0.01em;display: block;box-shadow: inset 0px -1px 0px rgba(46, 21, 102, 0.05);padding: 20px 7%;position: relative;}
.mobileAllMenu_list .depth1 h3 a::after {content: '';display: inline-block;width: 8px;height: 8px;position: absolute;top: 50%;right: 7%;
border: 2px solid var(--black-color-900);border-top: none;border-left: none;transform: rotate(45deg) translate(-50%, -50%);transition: all .2s;}
.mobileAllMenu_list .depth1 h3 a.on::after {top: 35%;transform: rotate(225deg) translate(-50%, -50%);border-color: var(--man-color-03);}
.mobileAllMenu_list .depth1 .dropdown_menu{padding:12px 0;   background: var(--man-color-04);}
.mobileAllMenu_list .depth1 .dropdown_menu li a {display: block;color: var(--man-color-07);padding: 16px 7%;font-size: 16px;}
.mobileAllMenu_list .depth1 .dropdown_menu li.on a {color: var(--man-color-03);}

/* hover */
@media (hover:hover) {
.mobileAllMenu_list .dropdown_menu li a:hover {color: var(--man-color-03);}
}
.mobileAllMenu_list .dropdown_menu li a:active {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;/* padding: 12px 0; */border-radius: 4px;font-size: 14px;color: var(--black-color-900);}
.contact_us ul li a::before{content:'';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::before{background-image: url('https://s3.tlabs.team/web-momo/web/assets/images/common/btn_call_wht.svg');}
.contact_us ul li:nth-of-type(2) a::before{background-image: url('https://s3.tlabs.team/web-momo/web/assets/images/common/btn_kakao_wht.svg');background-size: 28px;}
.contact_us ul li:nth-of-type(3) a::before{background-image: url('https://s3.tlabs.team/web-momo/web/assets/images/common/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{padding: 0 5%;}
.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;}
.footer_top .footer_map ul li a{padding: 12px 25%;}

/* quick & top button */
.quick {right:0;}

/* appointment */
.appointment{padding: 24px 0 32px;}
.appointment .inner{width: 90%;position: relative;}
.appointment form{flex-direction: column;gap:  14px;}
.appointment form h3{width: 100%;}
.appointment .tab_ver{width: 100%;align-items: flex-start;}
.appointment .tab_ver .input_box{width: 80%;}
.appointment ul.agree_box button{position: absolute;width: 160px;top: 50%;right:0;transform: translate(0, -50%);height: 50px;margin-top: 4px;}
}
@media screen and (max-width:960px) {
.appointment .tab_ver .input_box{width: 76%;}
}
/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width: 767px) {
body {background: #fff;}
#wrap {min-width: 375px;}
input[type='radio']{width:20px; height:20px;}

/* header */
#headerAreaTablet {display: none;}
#headerAreaMobile {display: block;}
#headerAreaMobile .header_inner {background: rgba(255, 255, 255, 0.75); width: 100%; position:fixed; left: 50%; transform: translateX(-50%); top: 0; z-index: 100;
box-shadow: 0px 1px 4px rgba(46, 21, 102, 0.15); backdrop-filter: blur(30px) saturate(2); -webkit-backdrop-filter: blur(30px); transition: all .2s;min-width: 375px;}
#headerAreaMobile .header_inner .header_inner_top {width: 100%;padding: 9px 5%;display: flex;justify-content: space-between;align-items: center;}
#headerAreaMobile .header_inner .header_inner_top .logo {width: 154px;  margin: 9px 0;}
#headerAreaMobile .header_inner .header_inner_top .right_menu {display: flex; align-items: center; justify-content: space-between; gap: 4px;}
#headerAreaMobile .mobileAllMenu_inner .mobileAllMenu_list_top {display: flex;align-items: center;justify-content: space-between;gap: 4px;padding: 17.5px 6%;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);}
#headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu {
position: absolute;
top: 34px;
left: 50%;
z-index: 100;
transform: translateX(-50%);
border-width: 1px;
border-color:rgba(58, 27, 128, 0.15);
border-style: solid;
border-radius: 10px;
}
#headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li {background: rgba(255, 255, 255, 0.9);}
#headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li:first-child {border-radius: 16px 16px 0 0;}
#headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li:last-child {border-radius: 0 0 16px 16px;}
#headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li a {display: block;text-align: center;white-space: nowrap;}
#headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li a span {/* font-size: 0; *//* text-indent: -9999px; */}
#headerAreaMobile .header_inner .header_inner_top .right_menu .all_menu {display: inline-block; width: 32px; height: 32px;
background: url('../images/menu_mo.png') right center no-repeat; background-size: contain;}
#headerAreaMobile .header_inner .header_inner_top .right_menu .all_menu span {font-size: 0; color: #FFFFFF; text-indent: -9999px;}
#headerAreaMobile .header_inner .header_inner_bottom {padding: 0px 5%; justify-content: normal; align-items: center; border-top: 1px solid rgba(46, 21, 102, 0.15); display: none;}
#headerAreaMobile .header_inner .header_inner_bottom #mobileGnb {overflow: hidden; position: relative; height: 43px;}
#headerAreaMobile .header_inner .header_inner_bottom #mobileGnb .inner {position: absolute; top: 0; left: 0; z-index: 99;}
#headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul {display: flex; align-items: center; justify-content: center;
transform: translate(0px, 0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 400ms;
white-space: nowrap;}
#headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul li h3 { white-space: nowrap;}
#headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul li h3 a {display: inline-block; font-weight: 500; font-size: 14px; padding: 12px; position: relative;}
#headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul li h3 a::before {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%;
background: #2E1566; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
#headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul li:first-of-type h3 a {padding-left: 0;}
#headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul li:first-of-type h3 a::before {display: none;}
#headerAreaMobile .header_inner .header_inner_bottom #mobileGnb ul li:last-of-type h3 a {padding-right: 0;}
#headerAreaMobile .mobile_menu {width: 100%; position: fixed; left: 0; bottom: 0; z-index: 200; background: rgba(255, 255, 255, 1);
box-shadow: 0px -1px 1px rgba(116, 53, 255, 0.15); display: none;}
#headerAreaMobile .mobile_menu ul {display: flex; align-items: center; justify-content: space-between;}
#headerAreaMobile .mobile_menu ul li {width: 25%; padding: 12px 0; }
#headerAreaMobile .mobile_menu ul li a {display: block; text-align: center; color: #2E1566; font-weight: 500; font-size: 11px;}
#headerAreaMobile .mobile_menu ul li a span {display: block; width: 24px; height: 24px; margin: 0 auto 6px;
background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;}
#headerAreaMobile .mobile_menu ul li:nth-of-type(1) a span {background-image: url('../images/btn_home.png');}
#headerAreaMobile .mobile_menu ul li:nth-of-type(2) a span {background-image: url('../images/btn_call.png');}
#headerAreaMobile .mobile_menu ul li:nth-of-type(3) a span {background-image: url('../images/btn_kakao.png');}
#headerAreaMobile .mobile_menu ul li:nth-of-type(4) {background: #0083d2;}
#headerAreaMobile .mobile_menu ul li:nth-of-type(4) a {color: #fff;}
#headerAreaMobile .mobile_menu ul li:nth-of-type(4) a span {background-image: url('../images/btn_calender.png');}
#headerAreaMobile .mobile_menu ul li:nth-of-type(5) a span {background-image: url('../images/btn_online.png');}
#mobileAllMenu .mobileAllMenu_inner {width: 90%;max-width: 330px;}
header .right_menu .select_branch > .branches{top:32px;}
header .mobileAllMenu_inner .mobileAllMenu_list_top .home{background-size: 18px 18px;}
header .right_menu .select_branch > a{padding:0 12px;}
header .right_menu .select_branch > a > span{font-size:14px;height: 24px;line-height: 24px;padding-right: 12px;}
header .right_menu .select_branch > a > span::after,header .right_menu .select_nation > a > span::after{width:4px;height: 4px;}
header .right_menu .select_nation > a{height: 26px;line-height: 26px;padding: 0 8px;}
header .right_menu .select_nation > a > span{font-size:14px;padding-right: 12px;line-height: 26px;}
header .mobileAllMenu_list_top .btn_close a{width: 20px; height: 20px;}
.mobileAllMenu_list .depth1 h3 a{font-size:18px;}
header .header_inner .menu_open span{width: 50%;margin-bottom: 5px;}
}
@media screen and (max-width:767px) {
.btn{font-size: 22px;padding: 16px 88px 16px 58px;}
.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;}
#footerArea{padding: 56px 0 80px;}
.footer_top .footer_inner{flex-wrap:wrap;gap: 36px;padding-bottom: 56px;}
.footer_top .footer_inner > div{padding:0;}
.footer_top .footer_inner > div:nth-of-type(1), .footer_top .footer_inner > div:nth-of-type(2){ flex: 0 0 100%;}
.footer_top .footer_inner > div:nth-of-type(1){order:1;}
.footer_top .footer_inner > div:nth-of-type(2){order:3;}
.footer_top .footer_inner > div:nth-of-type(3){order:2;}
.footer_top .footer_inner .footer_address{border-bottom: 1px solid #DEDEE4;padding-bottom: 36px;}
.footer_top .footer_address .tel{border: none;padding-bottom: 0;}
.footer_top .footer_map_inner> a{width:100%}
.footer_top .footer_map ul li a{padding: 8px 15%;}
.footer_top .footer_sns ul li a{width: 54px; height: 54px;background-size:50% auto;}
.footer_bottom ul{flex-wrap: wrap;gap: 8px;}
.footer_bottom{padding: 56px 5% 120px;align-items: flex-start;gap: 14px;}
.footer_bottom ul li a{padding-right:8px;font-size: 14px;}
.footer_bottom ul li:last-of-type a{/* padding-left: 0; */}
.footer_bottom p{font-size: 12px; letter-spacing: -0.02em;}
.footer_bottom .footer_info{font-size: 12px;color: var(--black-color-400);line-height: 1.6;letter-spacing: -0.02em;}
.appointment form h3{display:none;}
.appointment .tab_ver .input_box{width: 100%;}
.appointment ul.input_box li input,.appointment .inner form .selectBox .label{height: 40px;padding: 0 5%;line-height: 40px;}
.appointment ul.input_box li{flex: auto;}
.appointment ul.input_box li:nth-child(1){width: calc(80/350* 100%);}
.appointment ul.input_box li:nth-child(2){width: calc(165/360 * 100%);}
.appointment ul.input_box li:nth-child(3){width: calc(130/360 * 100%);min-width: 115px;}
.appointment ul.agree_box {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;gap: 8px 4px;width: 100%;justify-content: space-between;grid-template-columns: 1fr;gap: 12px 0; /* 행 간격을 12px로 설정 */position: relative;}
.appointment ul.agree_box li{width: 100%;}
.appointment ul.agree_box li:nth-child(1) {grid-column: 1;grid-row: 1;}
.appointment ul.agree_box li:nth-child(2) {grid-column: 1;grid-row: 2;}
.appointment ul.agree_box li:nth-child(3) {grid-column: 2;grid-row: 1 / span 2;}
.appointment ul.agree_box label{font-size: 12px;}
.appointment ul.agree_box button{/* position:relative; *//* transform:translate(0); */border-radius:8px;height: 40px;line-height: 40px;width: 120px;padding: 0 16px;margin-top: 0;font-size: 16px;}

/* quick & top button */
.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 a span{font-size:0; line-height:0; color:transparent; text-indent:-9999px; display:block; overflow:hidden;}
.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;}

/* 다국어: 모바일에서도 PC와 동일한 통합 박스 사용 */
.quick.intl-quick {display: block;}
}



ul > li {   min-width: 0; min-height: 0;}
ul > li > img {max-width:100%}