@import url("common.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..500,0..1,-50..200");



.header {background:var(--white);}
.header::before {background-color: var(--border); transition:all 0.4s ease-in-out; }
.header .header_in h1 a svg {filter: unset; transition:all 0.4s ease-in-out; }
.header .header_top .mem_list > li > a {color:var(--basic); transition:all 0.4s ease-in-out; }
.header .header_top .mem_list > li.mem_sep::before {background: var(--border); transition:all 0.4s ease-in-out; }
.header .header_top .mem_list > li.search > a,
.header .header_top .mem_list > li.btnMenu_m > a{filter: unset; transition:all 0.4s ease-in-out; }

.header .header_top .mem_list > li > a span {font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48; transition:all 0.4s ease-in-out; }
.header .header_top .mem_list > li.cart > a span::before {color:var(--black) !important; transition:all 0.4s ease-in-out; }
.header .gnb ul li a {color:var(--black);}



/* 비주얼 lnb */
.wrapper:has(.sub_lnb),
.container:has(.sub_lnb),
#contents:has(.sub_lnb) { overflow: visible; }
.sub_lnb.basic_in {margin: 42px auto 0; display:flex; flex-wrap:wrap; align-items:center; gap:0 15px; position: sticky; top: 138px; z-index: 200; background: var(--white); padding: 12px 0; box-sizing: border-box; transition: top 0.4s ease-in-out;}
.wrapper:has(.header.nofixed:not(.active)) .sub_lnb.basic_in { top: 0; }
.sub_lnb .addBtn {width:30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  aspect-ratio: 1 / 1; border:1px solid var(--main); box-sizing:border-box; background:var(--white); transition:all 0.3s linear;}
.sub_lnb .addBtn::before {content:'add_2'; font-family:var(--icon); font-size:19px; display:block; line-height:1; color:var(--main); transition:all 0.3s linear;}
.sub_lnb .addBtn:hover {background:var(--main); transition:all 0.3s linear;}
.sub_lnb .addBtn:hover::before {color:var(--white); transition:all 0.3s linear; transform:rotate(270deg); }
.sub_lnb .addBtn.active::before {content:'remove'; transform:rotate(0) !important; }
.lnb_wrap {position: relative; padding: 0 40px; box-sizing:border-box; overflow:hidden; flex:1; }
.lnb_list .swiper-slide {width: auto; margin-right: 40px; padding:5px 0;}
.lnb_list .swiper-slide:last-of-type {margin-right: 0;}
.lnb_list .swiper-slide a { transition:all 0.3s linear;}
.lnb_list .swiper-slide a:hover {color:var(--black); transition:all 0.3s linear;}
.lnb_list .swiper-slide.left_linktop a {color:var(--black);}
.lnb_list .swiper-slide.left_linktop a::after {content:''; width:100%; height:1px; background:var(--black); position:absolute; bottom:0; left:0;}
.lnb_wrap .lnb-prev, .lnb_wrap .lnb-next {width:30px !important; height:30px !important; top:50% !important; margin:0 !important; transform:translateY(-50%);}
.lnb_wrap .lnb-prev::after, .lnb_wrap .lnb-next::after {display:none;}
.lnb_wrap .lnb-prev::before, .lnb_wrap .lnb-next::before {font-size:30px; display:block; line-height:1; font-family:var(--icon); color:var(--basic); font-weight:200;}
.lnb_wrap .lnb-prev::before {content:'arrow_back_ios';}
.lnb_wrap .lnb-next::before {content:'arrow_forward_ios';}
.lnb_wrap .lnb-prev {left: 0 !important;}
.lnb_wrap .lnb-next {right: 0 !important;}
.lnb_wrap .swiper-button-disabled, .lnb_wrap .swiper-button-lock {opacity:0.2 !important; pointer-events: none;}

.lnb_wrap::before, .lnb_wrap::after { content: ''; width: 50px; height: 100%; position: absolute; top: 0; z-index: 5; opacity: 0; transition: opacity 0.3s; pointer-events: none; }
.lnb_wrap::before { left: 0; background: linear-gradient(90deg, var(--white) 40%, rgba(255, 255, 255, 0.00) 100%); }
.lnb_wrap::after { right: 0; background: linear-gradient(270deg, var(--white) 40%, rgba(255, 255, 255, 0.00) 100%); }

.lnb_wrap.mask-left::before { opacity: 1; }
.lnb_wrap.mask-right::after { opacity: 1; }
.lnb_wrap .lnb-prev, .lnb_wrap .lnb-next { z-index: 10 !important; }


.sub_lnb.is-open {align-items:flex-start;}
.sub_lnb.is-open .swiper-container { overflow: visible !important; height: auto !important; }
.sub_lnb.is-open .swiper-wrapper { flex-wrap: wrap !important; transform: translate3d(0px, 0px, 0px) !important; }
.sub_lnb.is-open .swiper-slide { width: auto !important;}
.sub_lnb.is-open .lnb-prev, .sub_lnb.is-open .lnb-next { display: none !important; }
.sub_lnb.is-open .lnb_wrap { mask-image: none !important; -webkit-mask-image: none !important; padding:0;}






/* 타이틀 */
#subtitle {text-align:center; padding:112px 0 60px;}
#subtitle .fs75 {color:var(--main);  text-transform: uppercase;}
#subtitle .fs28 {margin:10px 0 0;}
#subtitle .fs18 {margin:30px 0 0;}



/*** 공통 css ***/
.basic_cont{max-width:1590px; width: 90%; margin:0 auto 200px;}
.container {padding-top:138px; box-sizing:border-box;}

.sm_title {color: var(--main); font-family: var(--eng); font-size: 1rem; line-height: 1.75; letter-spacing: 0.16px; text-transform: uppercase; display:block; margin:0 0 5px;}

.sub_tit_box {text-align:center; margin:112px 0 80px;}
.sub_tit_box .fs20 {margin:20px 0 0; color: var(--black); font-weight: 400;}






/* 휴대폰 인증 */
#price_auth { width: 100%; max-width: 660px; margin: 0 auto; display: flex; flex-direction: column; gap: 80px; }
#price_auth .phone_wrap { display: flex; flex-direction: column; gap: 20px; width: 100%; }
#price_auth .form_list { display: flex; flex-direction: column; gap: 10px; width: 100%; }
#price_auth .form_row { display: flex; align-items: center; gap: 10px;  }
#price_auth .form_row dt.fs18 { width: 100px; flex-shrink: 0;  color: var(--basic); font-weight: 400; }
#price_auth .form_row dd { flex: 1; min-width: 0;  }
#price_auth .input_wrap { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 15px 15px 20px; background: var(--white); border: 1px solid var(--border); box-sizing: border-box; }
#price_auth .input_inner { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
#price_auth .code_select { display: flex; align-items: center; justify-content: space-between; width: 80px; flex-shrink: 0; }
#price_auth .code_select::after { content: 'keyboard_arrow_down'; font-family: var(--icon); font-size: 30px; line-height: 1; color: var(--black); opacity: 0.3; font-weight: 300; flex-shrink: 0; }
#price_auth .code_select select { width: 100%; border: 0; padding: 0; font-size: 1.125rem; line-height: 1.778; letter-spacing: -0.05em; color: var(--basic); appearance: none; background: none; }
#price_auth .input_wrap input { flex: 1; min-width: 0; border: 0; padding: 0; font-size: 1.125rem; line-height: 1.778; letter-spacing: -0.05em; color: var(--basic); background: transparent; }
#price_auth .input_wrap input::placeholder { color: var(--basic); opacity: 0.5; font-size: 1.125rem; line-height: 1.78; letter-spacing: -0.05em;}
#price_auth .auth_btn { flex-shrink: 0; height: 50px; padding: 10px 20px; border: 0; background: var(--main); cursor: pointer; box-sizing: border-box; transition: opacity 0.3s linear;  transition:all 0.3s linear;  color: var(--white); font-weight: 500; }
#price_auth .auth_btn:hover { background:var(--black); transition:all 0.3s linear; }
#price_auth .resend { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px 15px;  color: var(--basic); font-weight: 400; text-align: center; }
#price_auth .resend a { color: var(--main); text-decoration: underline; text-underline-offset:2px;}
#price_auth .sns_wrap { display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; padding-top: 60px; border-top: 1px solid var(--border); box-sizing: border-box; }
#price_auth .sns_wrap .fs18 {  color: var(--basic); font-weight: 400; text-align: center; }
#price_auth .btn_wrap { display: flex; gap: 10px; width: 100%;  padding: 0; list-style: none; }
#price_auth .btn_wrap li { flex: 1; min-width: 0; }
#price_auth .btn_wrap a { display: flex; align-items: center; justify-content: center; gap: 20px; width: 100%; height: 80px; text-decoration: none; font-size: 1.125rem; font-weight: 600; line-height: 1; letter-spacing: -0.04em; box-sizing: border-box; transition: opacity 0.3s linear; }

#price_auth .btn_wrap a.naver { background: #03cf5d; color: var(--white); transition: all 0.2s ease-in-out; }
#price_auth .btn_wrap a.kakao { background: #fbe300; color: #3b1e1e; transition: all 0.2s ease-in-out; }
#price_auth .btn_wrap a.naver:hover,
#price_auth .btn_wrap a.kakao:hover { opacity:0.8;}
#price_auth .btn_wrap a figure { display: flex; align-items: center; justify-content: center;  flex-shrink: 0; }
#price_auth .btn_wrap a.naver figure { width: 20px; height: 20px; }
#price_auth .btn_wrap a.kakao figure { width: 24px; height: 22px; }
#price_auth .btn_wrap a figure img { display: block; width: 100%; height: 100%; object-fit: contain; }
#price_auth .btn_wrap a:hover { opacity: 0.85; }
#price_auth .birth_wrap { display: flex; gap: 8px; width: 100%; }
#price_auth .birth_wrap .select_wrap { flex: 1; min-width: 0; position: relative; display: flex; align-items: center; padding: 15px 15px 15px 20px; background: var(--white); border: 1px solid var(--border); box-sizing: border-box; }
#price_auth .birth_wrap .select_wrap::after { content: 'keyboard_arrow_down'; font-family: var(--icon); font-size: 22px; line-height: 1; color: var(--black); opacity: 0.3; font-weight: 300; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; }
#price_auth .birth_wrap .select_wrap select { width: 100%; border: 0; padding: 0 24px 0 0; font-size: 1.125rem; line-height: 1.778; letter-spacing: -0.05em; color: var(--basic); background: none; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; }
#price_auth .gender_wrap { display: flex; gap: 8px; width: 100%; }
#price_auth .gender_wrap label { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 15px 20px; border: 1px solid var(--border); background: var(--white); box-sizing: border-box; cursor: pointer; font-size: 1.125rem; line-height: 1.778; letter-spacing: -0.05em; color: var(--basic); transition: border-color 0.25s linear, color 0.25s linear, background 0.25s linear; }
#price_auth .gender_wrap label input { position: absolute; opacity: 0; width: 0; height: 0; }
#price_auth .gender_wrap label .chk_box { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 1px solid var(--main); border-radius: 50px; background: var(--white); box-sizing: border-box; flex-shrink: 0; opacity: 0.35; }
#price_auth .gender_wrap label input:checked + .chk_box { opacity: 1; background: var(--main); border-color: var(--main); }
#price_auth .gender_wrap label input + .chk_box::before { content: ''; width: 8px; height: 8px; border-radius: 50px; background: transparent; }
#price_auth .gender_wrap label input:checked + .chk_box::before { background: var(--white); }
#price_auth .gender_wrap label:has(input:checked) { border-color: var(--main); color: var(--main); background: #f2f8f8; }
#price_auth .gender_wrap label > span:not(.chk_box) { display: block; line-height: 1; }
#price_auth .agree_row { align-items: center; }
#price_auth .agree_row dt.fs18 { width: 100px; line-height: 1.4; }
#price_auth .agree_wrap { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 15px 20px; background: var(--white); border: 1px solid var(--border); box-sizing: border-box; }
#price_auth .agree_wrap label { position: relative; display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; cursor: pointer; line-height: 1.778; letter-spacing: -0.05em; color: var(--basic); }
#price_auth .agree_wrap label input { position: absolute; opacity: 0; width: 0; height: 0; }
#price_auth .agree_wrap label .chk_box { width: 24px; height: 24px; border: 1px solid var(--main); border-radius: 5px; background: var(--white); box-sizing: border-box; flex-shrink: 0; display: flex; align-items: center; justify-content: center; opacity: 0.25; }
#price_auth .agree_wrap label input:checked + .chk_box { background: var(--main); border-color: var(--main); opacity: 1; }
#price_auth .agree_wrap label input + .chk_box::before { content: 'check'; font-family: var(--icon); font-size: 18px; line-height: 1; color: var(--main); font-weight: 500; }
#price_auth .agree_wrap label input:checked + .chk_box::before { color: var(--white); }
#price_auth .agree_wrap label em { color: var(--main); font-style: normal; font-weight: 500; }
#price_auth .agree_more { flex-shrink: 0; color: var(--main); text-decoration: underline; text-underline-offset: 2px; line-height: 1.75; letter-spacing: -0.05em; font-weight: 500; }
#price_auth .submit_wrap { margin-top: 30px; }
#price_auth .submit_wrap .auth_btn { width: 100%; height: 60px; }
/* 휴대폰 인증 */



/* 시술예약완료 */
#price_complete { width: 100%; max-width:660px; margin:0 auto;}
#price_complete .complete_wrap { display: flex; flex-direction: column; align-items: center; gap: 30px; width: 100%; padding: 80px 60px; background: var(--grayBg); box-sizing: border-box; margin:0 0 60px;}
#price_complete .status_area { display: flex; flex-direction: column; align-items: center; gap: 30px; width: 100%; }
#price_complete .status_ico { display: flex; align-items: center; justify-content: center; width: 165px; height: 165px;  border-radius: 90px; background: var(--main)url("/price/img/reserv_ico.svg")no-repeat center; overflow: hidden; flex-shrink: 0; }
#price_complete .status_txt { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; text-align: center; }
#price_complete .status_txt .status_tit {  font-weight: 500; }
#price_complete .status_txt .status_desc {  color: var(--basic); font-weight: 400; }
#price_complete .procedure_sec { display: flex; flex-direction: column; gap: 5px; width: 100%; }
#price_complete .procedure_sec .sec_tit {  padding-bottom: 10px; text-align: center; font-weight: 500;  color:var(--black);}
#price_complete .procedure_list {  padding: 0; list-style: none; display: flex; flex-direction: column; gap: 5px; width: 100%; }
#price_complete .procedure_item { display: flex; align-items: flex-start; padding: 15px 20px; background: var(--white); box-sizing: border-box; }
#price_complete .item_info { flex: 1; min-width: 0; display: flex; flex-direction: column; width: 100%; }
#price_complete .item_info .cate {  font-size: 0.875rem; line-height: 1.714; letter-spacing: -0.05em; color: var(--main); }
#price_complete .item_info .fs18 {  color: var(--black); font-weight: 400; }
#price_complete .price_box { display: flex; align-items: flex-end; justify-content: flex-end; width: 100%; margin-top: -6px; }
#price_complete .price_box dl { display: flex; align-items: flex-end; justify-content: flex-end; gap: 5px;  }
#price_complete .price_box dl dd.eng {  font-size: 1.125rem; line-height: 1.556; text-decoration: line-through; opacity: 0.5; color: var(--black); }
#price_complete .price_box dl dt.eng {  font-size: 1.5rem; font-weight: 700; line-height: 1.333; color: var(--black); }
#price_complete .price_box dl dd.fs18 {  color: var(--black); }
#price_complete .reserve_info { display: flex; flex-direction: column; gap: 5px; width: 100%; }
#price_complete .info_row { display: flex; align-items: center; justify-content: space-between; gap: 20px;  width: 100%; }
#price_complete .info_row dt.fs18 {  color: var(--black); font-weight: 400; opacity: 0.5; flex-shrink: 0; }
#price_complete .info_row dd.fs18 {  color: var(--black); font-weight: 500; text-align: right; }
#price_complete .div_line { width: 100%; height: 1px; background: #d9d9d9; flex-shrink: 0; }
#price_complete .request_sec { display: flex; flex-direction: column; gap: 5px; width: 100%; }
#price_complete .request_sec .req_lbl {  color: var(--black); font-weight: 400; opacity: 0.5; }
#price_complete .request_sec .req_txt {  color: var(--black); font-weight: 400; }
#price_complete .total_area { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; }
#price_complete .total_area .total_lbl {  color: var(--black); font-weight: 400; }
#price_complete .total_price { display: flex; align-items: flex-end; gap: 4px;  }
#price_complete .total_price b.eng { font-size: 2.5rem; font-weight: 700; line-height: 1; color: var(--main); }
#price_complete .total_price .fs20 {  color: var(--black); font-weight: 400; line-height: 1.85; }
#price_complete .notice_txt { display: flex; flex-direction: column; align-items: center; width: 100%; text-align: center; }
#price_complete .notice_txt .fs16 {  color: var(--basic); font-weight: 400; }

.com_btn_list {display:flex; flex-wrap:wrap; gap:5px; width:100%; margin:30px 0 0;}
.com_btn_list a {height:72px; flex:1; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  border:1px solid var(--main); background:var(--white); box-sizing:border-box;}
.com_btn_list a span {display:flex; flex-wrap:wrap; align-items:center;  gap:8px; color:var(--main); font-weight: 500; position:relative; top:-1px;}
.com_btn_list a.on_btn {background:var(--main);}
.com_btn_list a.on_btn span {color:var(--white);}
.com_btn_list a:hover {background: var(--grayBg);}
.com_btn_list a.on_btn:hover {background: var(--black); border-color:var(--black);}

#price_complete.cust_cont .status_ico {width:125px; height:125px; border:1px solid var(--main); background:var(--white); box-sizing:border-box;}
#price_complete.cust_cont .status_ico::before {content:'lock_person'; font-family:var(--icon); font-size:60px; line-height:1; color:var(--main); font-weight:300;}
#price_complete.cust_cont .com_btn_list a.on_btn span::before {content:'admin_panel_settings'; font-family:var(--icon); font-size:22px; line-height:1; color:var(--white); font-weight:400;}
/* 시술예약완료 */








/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1500px){







}
/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1300px){

/* 비주얼 lnb */
.sub_lnb.basic_in { top: 91px; }

}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

/* 서브탑 */
.container {padding-top:91px;}

/* 비주얼 lnb */
.sub_lnb.basic_in { top: 90px; }

/* 타이틀 */
.sub_tit_box {margin:90px 0 60px;}

/*** 공통 css ***/
.basic_cont{margin:0 auto 120px;}

#price_auth .agree_wrap { padding: 14px 15px; }
#price_auth .birth_wrap .select_wrap { padding: 12px 12px 12px 15px; }
#price_auth .birth_wrap .select_wrap select { font-size: 1rem; }
#price_auth .submit_wrap .auth_btn { height: 52px; }


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/* 서브탑 */
.container {padding-top:50px;}



#contents{margin:0 auto;}

/* 타이틀 */
#subtitle {padding:50px 0 30px;}
#subtitle br {display:none;}
#subtitle .fs18 {margin:15px 0 0;}
.sub_tit_box {margin:50px 0 30px;}
.sub_tit_box br {display:none;}
.sub_tit_box .fs20 {margin:10px 0 0;}

/*** 공통 css ***/
.basic_cont{margin:0 auto 80px;}
.sub_lnb.basic_in{margin:22px auto 0; top:60px;}
.lnb_wrap{padding:0 40px 0 30px;}
.lnb_list .swiper-slide{margin-right:20px;}
.lnb_wrap .lnb-prev::before, .lnb_wrap .lnb-next::before{font-size:24px;}
.sub_lnb .addBtn{width:30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; aspect-ratio:1/1; border:1px solid var(--main); box-sizing:border-box; background:var(--white); transition:all 0.3s linear; cursor:pointer;}
.lnb-dim-layer{display:none; position:fixed; top:0; left:0; width:100%; height:var(--vh); background:rgba(0,0,0,0.5); z-index:9999999998;}
.swiper-container.is-mobile-open{position:fixed; top:50px; left:0; width:100%; height:calc(100% - 50px) !important; padding:0; background:var(--white); border:1px solid var(--border); /* box-shadow:0 15px 40px rgba(0,0,0,0.3);  */z-index:999999; overflow-y:auto !important; margin-top:0; box-sizing:border-box; animation:mobileLnbShow 0.3s ease-out forwards;}
.swiper-container.is-mobile-open .swiper-wrapper{display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; gap:0 !important; transform:translate3d(0,0,0) !important; width:100%;}
.swiper-container.is-mobile-open .swiper-slide{width:100% !important; margin-right:0 !important; padding:0 !important; text-align:left; height:auto;}
.swiper-container.is-mobile-open .swiper-slide+.swiper-slide {border-top:1px solid var(--border);}
.swiper-container.is-mobile-open .swiper-slide:last-of-type {border-bottom:1px solid var(--border);}
.swiper-container.is-mobile-open .swiper-slide a{display:block; width:100%; text-align:left; padding:12px 20px; box-sizing:border-box; text-decoration:none;}
.swiper-container.is-mobile-open .swiper-slide.left_linktop a{background:var(--main); color:var(--white); text-decoration:none;}
.lnb_list .swiper-slide.left_linktop a::after{display:none;}
.swiper-container.is-mobile-open .lnb-prev, .swiper-container.is-mobile-open .lnb-next{display:none !important;}
.lnb-close-btn{position:fixed; top:13px; right:7%; background:none; border:none; z-index:99999999999; padding:0; display:block; cursor:pointer;}
.lnb-close-btn::before{content:'close'; font-size:26px; line-height:1; display:block; font-family:var(--icon); color:var(--black);}
@keyframes mobileLnbShow{0%{opacity:0; transform:translateY(15px);}100%{opacity:1; transform:translateY(0);}}





/* 휴대폰 인증 */
#price_auth {gap:40px;}
#price_auth .form_row { flex-direction: column; align-items: flex-start; }
#price_auth .form_row dt.fs18 { width: 100%; }
#price_auth .form_row dd { width: 100%; }
#price_auth .input_wrap {padding: 10px 10px 10px 15px;}
#price_auth .btn_wrap { flex-direction: column; }
#price_auth .auth_btn {height: 40px; padding: 6px 12px;}
#price_auth .code_select {width:65px;}
#price_auth .code_select::after {font-size:22px;}

#price_auth .sns_wrap {padding-top:30px;}
#price_auth .btn_wrap {gap:2px;}
#price_auth .btn_wrap a {height:55px; gap:0 12px;}
#price_auth .btn_wrap a img {max-width:17px;}

#price_auth .resend p.fs18 {width:100%;}
#price_auth .agree_row { align-items: flex-start; }
#price_auth .agree_row dt.fs18 { width: 100%; text-align: left; }
#price_auth .agree_row dt.fs18 br { display: none; }
#price_auth .birth_wrap { gap: 5px; }
#price_auth .birth_wrap .select_wrap { padding: 10px 8px 10px 12px; }
#price_auth .birth_wrap .select_wrap::after { font-size: 18px; right: 6px; }
#price_auth .birth_wrap .select_wrap select { padding-right: 18px; font-size: 0.9375rem; }
#price_auth .gender_wrap { gap: 6px; }
#price_auth .gender_wrap label { min-height: 48px; padding: 10px 12px; font-size: 1rem; gap: 8px; }
#price_auth .gender_wrap label .chk_box { width: 20px; height: 20px; }
#price_auth .gender_wrap label input + .chk_box::before { width: 6px; height: 6px; }
#price_auth .agree_wrap { flex-wrap: wrap; gap: 8px 12px; padding: 12px; }
#price_auth .agree_wrap label { width: 100%; }
#price_auth .agree_wrap label .chk_box { width: 20px; height: 20px; }
#price_auth .agree_wrap label input + .chk_box::before { font-size: 15px; }
#price_auth .agree_more { margin-left: auto; }
#price_auth .submit_wrap { margin-top: 20px; }
#price_auth .submit_wrap .auth_btn { height: 48px; }
/* 휴대폰 인증 */

/* 시술예약완료 */
#price_complete .procedure_sec .sec_tit {font-size:1.22rem;}
#price_complete .complete_wrap { gap: 20px; width: 100%; padding: 30px 20px; margin:0 0 30px;}
#price_complete .complete_wrap { padding: 40px 20px; gap: 20px; }
#price_complete .status_ico { width: 80px !important; height: 80px !important; background-size:35px auto;}
#price_complete .info_row { flex-direction: column; align-items: flex-start; gap: 5px; }
#price_complete .info_row dd.fs18 { text-align: left; }
#price_complete .total_area { flex-direction: column; align-items: center; gap: 10px; justify-content:center; text-align:center;}
#price_complete .price_box {margin:0;}

.com_btn_list {margin:15px 0 0;}
.com_btn_list a {height:50px;}

#price_complete.cust_cont .status_ico::before {font-size:40px;}
#price_complete.cust_cont .com_btn_list a.on_btn span::before {font-size:18px;}
/* 시술예약완료 */




}
/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){



}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}