@charset "utf-8";
/* 폰트설정 */
/*@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");*/
@import url("../../fonts/Pretendard/Pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&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, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', '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; }
.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;}
.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-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;}

.p_color{color: var(--man-color-01) !important;}
.w_color{color: var(--woman-color-main) !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);}
@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; padding: 8px 1px; 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{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?ver=1);}
.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: 9999;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 10px 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;}
.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;}


/* 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;}
    .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;}
    /* 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 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{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: flex; justify-content: space-between; align-items: center; gap: 8px; max-width: 696px;}
    .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: 16px;}
    #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.on {background: linear-gradient(0deg, #F2F2F2, #F2F2F2), #FFFFFF;}
    #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:not(:last-child) {border-bottom: 1px solid rgba(46, 21, 102, 0.15);}
    #headerAreaMobile .header_inner .header_inner_top .right_menu .dropdown_menu li a {display: block; padding: 8px 18px; 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::after, .btn-more::before {right: 58px;}
    .btn-more::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;width: 100%;}
    .appointment ul.agree_box li{width: 100%;}
    .appointment ul.agree_box li:nth-child(1) {grid-column: 1;grid-row: 1;min-width: 200px;}
    .appointment ul.agree_box li:nth-child(2) {grid-column: 1;grid-row: 2;min-width: 200px;}
    .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: 100%;padding: 0;}


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