@charset "UTF-8";
@import url("/theme/daybeau01/resources/css/font/fuzzyBubbles.css");

input[type="text"],
input[type="tel"], 
input[type="date"],
input[type="password"] {position:relative; display:block; padding:0 0 5px; background-color:transparent; border-bottom:1px solid var(--gray02); font-size:1.6rem; transition:all 0.25s ease; -webkit-border-radius:0; -webkit-appearance:none;}
input[type="checkbox"],
input[type="radio"] {display:none;}
input::placeholder {color:var(--font01);}

.blind {position:absolute; overflow:hidden; width:1px; height:1px; clip:rect(0 0 0 0);}

.txt_primary {color:var(--emphasis);}
.txt_secondary {color:#eedcbe;}
.txt_black {color:var(--primary);}
.txt_gray01 {color:var(--gray01);}
.txt_gray02 {color:var(--gray02);}
.txt_gray03 {color:var(--gray03);}
.txt_gray04 {color:var(--gray04);}
.txt_gray05 {color:var(--gray05);}
.txt_white {color:var(--font01);}

.form_area {position:relative;}
.form_area label {display:inline-block; width:100%; padding:0px 0; font-weight:bold;}
.form_area > div {position:relative; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; width:100%; margin:0 0 10px;}
.form_area > div > label {width:15%;}
.form_area > div > input {width:100%;}
.form_area > div > input + input {margin-left:5%;}
.form_area > div > button {position:absolute; top:50%; right:10px; transform:translate(0,-50%);}

.chk_area {display:flex; flex-direction:column;}
.rdi_area {display:flex; flex-direction:row;}
.chk_area > li {display:flex; flex-direction:column; justify-content:space-between; min-width:120px; padding:6px 0;}
.rdi_area > li {display:flex; flex-direction:column; justify-content:space-between; min-width:120px; padding:15px 0;}

.chk_area > li label,
.rdi_area > li label {position:relative; display:inline-block; padding:0 10px 0 30px; font-weight:400; font-size:1.6rem; transition:all 0.25s ease; line-height:1.5;}
.rdi_area > li input[type="radio"] + label::before {content:""; position:absolute; top:50%; left:0; width:20px; height:20px; border-radius:50%; border:1px solid var(--gray04); background-color:transparent; transform:translate(0,-50%); transition:all 0.25s ease;}
.rdi_area > li input[type="radio"] + label::after {content:""; position:absolute; top:50%; left:4px; width:12px; height:12px; border-radius:50%; background-color:transparent; transform:translate(0,-50%); transition:all 0.25s ease;}
.rdi_area > li input[type="radio"]:checked + label::before {border-color:var(--gray01);}
.rdi_area > li input[type="radio"]:checked + label::after {background-color:var(--emphasis);}
.rdi_area > li input[type="radio"]:disabled + label {color:var(--gray05);}
.rdi_area > li input[type="radio"]:disabled + label::before {border-color:var(--gray05);}
.rdi_area > li input[type="radio"]:disabled + label::after {background-color:transparent;}
.rdi_area > li input[type="radio"]:disabled:checked + label::after {background-color:var(--gray05);}
.chk_area > li input[type="checkbox"] + label::before,
.chk_area > li input[type="checkbox"] + label::after {content:""; position:absolute; top:2px; left:0; box-sizing:border-box; width:20px; height:20px; border-radius:5px; background-color:transparent; transition:all 0.25s ease;}
.chk_area > li input[type="checkbox"] + label::before {}
.chk_area > li input[type="checkbox"] + label::after {background:url("/theme/daybeau01/resources/image/icon/checkbox_off.png") center / cover no-repeat;}
.chk_area > li input[type="checkbox"]:checked + label::before {border-color:var(--gray01);}
.chk_area > li input[type="checkbox"]:checked + label::after {background-image:url("/theme/daybeau01/resources/image/icon/checkbox_on.png");}
.chk_area > li input[type="checkbox"]:disabled + label {color:var(--gray05);}
.chk_area > li input[type="checkbox"]:disabled + label::before {border-color:var(--gray05);}
.chk_area > li input[type="checkbox"]:disabled + label::after {background:transparent;}
.chk_area > li input[type="checkbox"]:disabled:checked + label::after {background-color:var(--gray05);}
.chk_area > li input[type="checkbox"] + label > a {position:relative; display:inline-block; margin-left:8px; color:var(--gray01); font-size:1.5rem; vertical-align:top;}
.chk_area > li input[type="checkbox"] + label > a::before {content:""; position:absolute; bottom:3px; left:0; right:0; display:inline-block; width:100%; height:1px; background-color:var(--gray01);}
.chk_area > li label .sub {font-size:1.4rem; font-weight:200;}
.chk_area.chk-radius {border-radius:20px;}
.chk_area.chk-btn {overflow:hidden; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; margin-top:-20px;}
.chk_area.chk-btn > li {min-width:unset; padding:unset; margin-top:20px;}
.chk_area.chk-btn > li:first-child {padding:unset;}
.chk_area.chk-btn > li:last-child {padding:unset;}
.chk_area.chk-btn > li:not(:last-child) {border-bottom:0; margin-right:10px;}
.chk_area.chk-btn > li label {z-index:2; padding:14px 25px; cursor:pointer; transition:all 0.25s ease;}
.chk_area.chk-btn > li input[type="checkbox"] + label::before {top:0; left:0; z-index:-1; width:100%; height:100%; border:1px solid var(--bgWhite); border-radius:23px; transform:translate(0,0);}
.chk_area.chk-btn > li input[type="checkbox"]:checked + label {color:var(--primary);}
.chk_area.chk-btn > li input[type="checkbox"]:checked + label::before {background-image:none; background-color:var(--font01);}
.chk_area.chk_right > li {align-items:flex-end;}
.chk_area.chk_right > li label {width:max-content;}

.btn_area {display:block; width:100%;}
.btn_area > li {display:block; width:100%; line-height:0;}
.btn_list {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start;}
.btn_list > li {width:unset;}
.btn_list > li:not(:last-child) {margin-right:10px;}
.btn_list.center {justify-content:center;}
.btn_list.right {justify-content:flex-end;}
.btn_col {display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:flex-start; width:100%;}
.btn_col > li {width:100%;}
.btn_col > li:not(:last-child) {margin-right:10px;}
button.btn,
a.btn {display:inline-block; width:100%; padding:15px 0; font-size:1.6rem; line-height:1.5; text-align:center; transition:all 0.15s ease;}
button.btn_sm,
a.btn_sm {display:inline-block; padding:8px 10px; font-size:1.4rem; text-align:center; min-width:150px;}
button.btn_md,
a.btn_md {display:inline-block; min-height:25px; padding:0px 18px; font-size:1.6rem; font-weight:200; text-align:center;}
button.btn_lg,
a.btn_lg {display:inline-block; padding:5px 20px; font-size:1.8rem; text-align:center;}
button.btn_xl,
a.btn_xl {display:inline-block; padding:9px 20px; font-size:2rem; font-weight:500; text-align:center;}
.btn_default {background-color:var(--bgWhite) !important; border:1px solid var(--gray02); color:var(--gray01);}
.btn_primary {background-color:var(--emphasis); border:1px solid var(--emphasis); color:var(--font01);}
.btn_secondary {background-color:#eedcbe; border:1px solid #eedcbe; color:var(--font01);}
.btn_danger {background-color:var(--gray02); border:1px solid var(--gray02); color:var(--font01);}
.btn_box.btn_default {background-color:transparent; color:var(--font01); transition:all 0.25s ease;}
.btn_box.btn_default:hover {border-color:var(--emphasis); color:var(--emphasis);}
.btn_box.btn_primary {background-color:transparent; color:var(--emphasis); transition:all 0.25s ease;}
.btn_box.btn_danger {background-color:transparent; color:var(--gray02); transition:all 0.25s ease;}
.btn_border.btn_default {border-top:1px solid transparent; border-right:1px solid transparent; border-left:1px solid transparent; border-bottom:1px solid var(--bgWhite); background-color:transparent; color:var(--font01);}
.btn_border.btn_primary {border-top:1px solid transparent; border-right:1px solid transparent; border-left:1px solid transparent; border-bottom:1px solid var(--emphasis); background-color:transparent; color:var(--emphasis);}
.btn_border.btn_danger {border-top:1px solid transparent; border-right:1px solid transparent; border-left:1px solid transparent; border-bottom:1px solid var(--gray02); background-color:transparent; color:var(--gray02);}
.btn_arr {position:relative; padding-right:38px!important;}
.btn_arr::before {content:""; width:8px; height:1px; background-color:#333; transform:rotate(45deg); position:absolute; top:16px; right:20px;}
.btn_arr::after {content:""; width:8px; height:1px; background-color:#333; transform:rotate(135deg); position:absolute; top:21px; right:20px;}
.btn_arr.btn_primary::before,
.btn_arr.btn_primary::after {background-color:var(--bgWhite)!important;}

.ani_slide_top {opacity:0; transform:translateY(100px); transition:all 0.5s ease;}
.on.ani_slide_top {opacity:1; transform:translateY(0);}

.pc {display:inline-block!important;}
.mo {display:none!important;}
.type_half {display:flex; flex-direction:row; justify-content:center; align-items:stretch;}
.type_half .left_area {display:flex; flex-grow:1; justify-content:flex-end; width:50%;}
.type_half .right_area {display:flex; flex-grow:1; justify-content:flex-start; width:50%;}
.img_area {display:inline-block; width:100%; line-height:0; background:center / cover no-repeat; transition:all 0.25s ease;}
.img_area > img {display:inline-block; width:100%;}
@media screen and (max-width:767px) {
	.pc {display:none!important;}
	.mo {display:inline-block!important;}
	.type_half {flex-direction:column;}
	.type_half .left_area {width:100%;}
	.type_half .right_area {width:100%;}
}

.signature_wrap {padding-top:250px; font-size:1.6rem;}
.signature_inner {width:100%; max-width:1500px; padding:0 50px; margin:0 auto;}
.signature_inner_secondary {width:100%; max-width:1300px; padding:0 50px; margin:0 auto;}
.signature_inner_tertiary {width:100%; max-width:1100px; padding:0 50px; margin:0 auto;}
@media screen and (max-width:767px) {
	.signature_wrap {padding-top:80px; font-size:1.4rem;}
	.signature_inner {padding:0 25px;}
	.signature_inner_secondary {padding:0 25px;}
	.signature_inner_tertiary {padding:0 25px;}
}

.signature_sect.sect_01 .signature_inner {padding-bottom:250px;} 
.signature_sect.sect_01 .signature_inner_secondary {padding-bottom:250px;} 
.signature_sect.sect_01 .signature_inner_tertiary {padding-bottom:250px;} 
.signature_sect.sect_01 .left_area {width:calc(50% - 30px); margin-right:30px;}
.signature_sect.sect_01 .right_area {flex-direction:column; justify-content:space-between; width:calc(50% - 30px); margin-left:30px;}
.signature_sect.sect_01 .main_img_area {width:100%; line-height:0;}
.signature_sect.sect_01 .main_img_area .img_area {width:100%; padding-top:83.4498%; border-radius:75px;} 
.signature_sect.sect_01 .sub_img_area {display:flex; flex-direction:row; justify-content:center; align-items:center; gap:15px; width:100%; line-height:0;}
.signature_sect.sect_01 .sub_img_area .img_area {width:100%; padding-top:31.9047%; border-radius:60px;} 
.signature_sect.sect_01 .txt_area {margin-bottom:60px;}
.signature_sect.sect_01 .txt_area .tit {font-size:6rem;}
.signature_sect.sect_01 .txt_area .txt {margin-top:20px; font-size:2.6rem; font-weight:300; }
@media screen and (max-width:767px) {
	.signature_sect.sect_01 .signature_inner {padding-bottom:75px;} 
	.signature_sect.sect_01 .signature_inner_secondary {padding-bottom:75px;} 
	.signature_sect.sect_01 .signature_inner_tertiary {padding-bottom:75px;} 
	.signature_sect.sect_01 .left_area {width:100%; margin-right:0;}
	.signature_sect.sect_01 .right_area {flex-direction:column-reverse; width:100%; margin-left:0;}
	.signature_sect.sect_01 .sub_img_area {margin-top:15px;}
	.signature_sect.sect_01 .main_img_area .img_area {border-radius:38px;} 
	.signature_sect.sect_01 .sub_img_area .img_area {border-radius:30px;} 
	.signature_sect.sect_01 .txt_area {margin-top:70px; margin-bottom:0; text-align:center;}
	.signature_sect.sect_01 .txt_area .tit {font-size:2rem;}
	.signature_sect.sect_01 .txt_area .txt {font-size:1.4rem;}
}

.signature_sect.sect_02 {background-color:var(--primary); color:var(--font01); text-align:center;}
.signature_sect.sect_02 .signature_inner {padding-top:250px; padding-bottom:150px;}
.signature_sect.sect_02 .signature_inner_secondary {padding-top:250px; padding-bottom:150px;}
.signature_sect.sect_02 .signature_inner_tertiary {padding-top:250px; padding-bottom:150px;}
.signature_sect.sect_02 .tit {font-size:4.2rem; font-weight:500;}
.signature_sect.sect_02 .img_area {position:relative; z-index:2; width:220px; max-width:unset; height:220px; padding:35px 30px; margin:110px auto 70px;}
.signature_sect.sect_02 .img_area::before {content:""; position:absolute; top:0; left:0; z-index:-1; width:220px; height:220px; border-radius:50%; background-color:var(--emphasis);}
.signature_sect.sect_02 .txt {font-size:2rem; font-weight:300;}
@media screen and (max-width:767px) {
	.signature_sect.sect_02 .signature_inner {padding-top:75px; padding-bottom:85px;}
	.signature_sect.sect_02 .signature_inner_secondary {padding-top:75px; padding-bottom:85px;}
	.signature_sect.sect_02 .signature_inner_tertiary {padding-top:75px; padding-bottom:85px;}
	.signature_sect.sect_02 .tit {font-size:1.8rem;}
	.signature_sect.sect_02 .img_area {width:90px; height:90px; padding:12px 11px; margin:60px auto 10px;}
	.signature_sect.sect_02 .img_area::before {width:90px; height:90px;}
	.signature_sect.sect_02 .txt {font-size:1.4rem;}
}

.signature_sect.sect_03 {background-color:var(--primary); color:var(--font01);}
.signature_sect.sect_03 .signature_inner {padding-top:150px; padding-bottom:175px;}
.signature_sect.sect_03 .signature_inner_secondary {padding-top:150px; padding-bottom:175px;}
.signature_sect.sect_03 .signature_inner_tertiary {padding-top:150px; padding-bottom:175px;}
.signature_sect.sect_03 .signature_filler_list {display:inline-block; width:100%;} 
.signature_sect.sect_03 .signature_filler_list::after {content:""; clear:both;}
.signature_sect.sect_03 .signature_filler_list > li {float:left; display:inline-block; width:calc((100% - 60px) /2);} 
.signature_sect.sect_03 .signature_filler_list > li:not(:nth-child(2n)) {margin-right:60px;}
.signature_sect.sect_03 .signature_filler_list > li:nth-child(2) {margin-top:550px;}
.signature_sect.sect_03 .signature_filler_list > li:nth-child(2n+3) {margin-top:-550px;}
.signature_sect.sect_03 .signature_filler_slider {overflow:hidden; margin:0 40px;}
.signature_sect.sect_03 .swiper-button-prev, 
.signature_sect.sect_03 .swiper-container-rtl .swiper-button-next {left:0;}
.signature_sect.sect_03 .swiper-button-next, 
.signature_sect.sect_03 .swiper-container-rtl .swiper-button-prev {right:0;}
.signature_sect.sect_03 .swiper-button-next {background:none;}
.signature_sect.sect_03 .swiper-button-next::before {content:""; position:absolute; top:calc(50% - 7px); left:50%; width:20px; height:2px; background-color:var(--bgWhite); transform:translate(-50%,-50%) rotate(45deg);}
.signature_sect.sect_03 .swiper-button-next::after {content:""; position:absolute; top:calc(50% + 7px); left:50%; width:20px; height:2px; background-color:var(--bgWhite); transform:translate(-50%,-50%) rotate(135deg);}
.signature_sect.sect_03 .swiper-button-prev {background:none;}
.signature_sect.sect_03 .swiper-button-prev::before {content:""; position:absolute; top:calc(50% + 7px); left:50%; width:20px; height:2px; background-color:var(--bgWhite); transform:translate(-50%,-50%) rotate(45deg);}
.signature_sect.sect_03 .swiper-button-prev::after {content:""; position:absolute; top:calc(50% - 7px); left:50%; width:20px; height:2px; background-color:var(--bgWhite); transform:translate(-50%,-50%) rotate(135deg);}
.signature_sect.sect_03 .signature_filler_area.mo {position:relative; width:100%;} 
.signature_sect.sect_03 .signature_filler_area .img_area {width:100%; padding-top:120.3125%; text-align:center;} 
.signature_sect.sect_03 .signature_filler_area .img_area > p {/* display:inline-block; */ display:none; padding:7px 12px 3px 12px; margin-bottom:20px; border-radius:20px; border:1px solid var(--emphasis); background-color:var(--emphasis2); font-family:"Fuzzy Bubbles",sans-serif; font-size:1.6rem; font-weight:400; line-height:1.5;}
.signature_sect.sect_03 .txt_area {padding:30px 0 180px; font-size:2rem; line-height:1.5;}
.signature_sect.sect_03 .txt_area .tit {}
.signature_sect.sect_03 .txt_area .txt {word-break:keep-all;}
.signature_sect.sect_03 .signature_filler_area .signature_filler_list > li:last-child .txt_area {padding-bottom:unset;}
@media screen and (max-width:767px) {
	.signature_sect.sect_03 .signature_inner {padding-top:85px; padding-bottom:42px;}
	.signature_sect.sect_03 .signature_inner_secondary {padding-top:85px; padding-bottom:42px;}
	.signature_sect.sect_03 .signature_inner_tertiary {padding-top:85px; padding-bottom:42px;}
	.signature_sect.sect_03 .signature_filler_area .img_area {} 
	.signature_sect.sect_03 .signature_filler_area .img_area > p {margin-bottom:15px;}
	.signature_sect.sect_03 .signature_filler_area .txt_area {padding:15px 0 0; font-size:1.4rem; text-align:center;}
}

.signature_sect.sect_04 {background-color:var(--primary); color:var(--font01);}
.signature_sect.sect_04 .signature_inner {padding-top:175px; padding-bottom:175px;}
.signature_sect.sect_04 .signature_inner_secondary {padding-top:175px; padding-bottom:175px;}
.signature_sect.sect_04 .signature_inner_tertiary {padding-top:175px; padding-bottom:175px;}
.signature_sect.sect_04 .signature_rolling_slider {overflow:hidden;}
.signature_sect.sect_04 .signature_rolling_item {width:100%;}
.signature_sect.sect_04 .signature_rolling_item > a {display:inline-block; width:100%; height:100%;}
.signature_sect.sect_04 .signature_rolling_item .img_area {overflow:hidden; border-radius:60px;}
.signature_sect.sect_04 .signature_rolling_item .txt_area {margin-top:10px; text-align:center;}
.signature_sect.sect_04 .signature_rolling_item .txt_area .tit {padding:5px 12px; border-radius:20px; background-color:var(--gray02); font-style:italic; font-size:2.6rem;}
@media screen and (max-width:767px) {
	.signature_sect.sect_04 .signature_inner {padding-top:42px; padding-bottom:42px;}
	.signature_sect.sect_04 .signature_inner_secondary {padding-top:42px; padding-bottom:42px;}
	.signature_sect.sect_04 .signature_inner_tertiary {padding-top:42px; padding-bottom:42px;}
	.signature_sect.sect_04 .signature_rolling_item .img_area {border-radius:30px;}
	.signature_sect.sect_04 .signature_rolling_item .txt_area {margin-top:5px;}
	.signature_sect.sect_04 .signature_rolling_item .txt_area .tit {padding:5px 12px; font-size:1.4rem;}
}

.signature_sect.sect_05 {background-color:var(--primary); color:var(--font01);}
.signature_sect.sect_05 .signature_inner {padding-top:175px; padding-bottom:250px;}
.signature_sect.sect_05 .signature_inner_secondary {padding-top:175px; padding-bottom:250px;}
.signature_sect.sect_05 .signature_inner_tertiary {padding-top:175px; padding-bottom:250px;}
.signature_sect.sect_05 .banner_view_area {align-items:flex-start;}
.signature_sect.sect_05 .banner_view_area .left_area {width:calc((100% - 60px) /2); margin-right:30px;}
.signature_sect.sect_05 .banner_view_area .right_area {width:calc((100% - 60px) /2); margin-left:30px;}
.signature_sect.sect_05 .banner_view_area .img_area {padding-top:63.9534%; border:1px solid var(--emphasis);}
.signature_sect.sect_05 .banner_view_area .txt_area {width:100%;}
.signature_sect.sect_05 .banner_view_area .txt_area .tit {font-size:5rem;}
.signature_sect.sect_05 .banner_view_area .txt_area .name {font-size:7.4rem;}
.signature_sect.sect_05 .banner_view_area .txt_area .txt {margin-top:60px; font-size:2rem; font-weight:300;}
.signature_sect.sect_05 .banner_list_area {margin-top:60px;}
.signature_sect.sect_05 .banner_list_area .banner_slider {overflow:hidden;}
.signature_sect.sect_05 .banner_list_area .banner_item {line-height:0;}
.signature_sect.sect_05 .banner_list_area .banner_item:nth-child(n+3) {margin-top:0 !important;}
.signature_sect.sect_05 .banner_list_area .banner_item > a {display:inline-block; width:100%; height:100%; line-height:0;}
.signature_sect.sect_05 .banner_list_area .banner_item .img_area {padding-top:63.9534%; border:1px solid var(--emphasis);}
@media screen and (max-width:767px) {
	.signature_sect.sect_05 .signature_inner {padding-top:42px; padding-bottom:75px;}
	.signature_sect.sect_05 .signature_inner_secondary {padding-top:42px; padding-bottom:75px;}
	.signature_sect.sect_05 .signature_inner_tertiary {padding-top:42px; padding-bottom:75px;}
	.signature_sect.sect_05 .banner_list_area {margin-top:15px;}
	.signature_sect.sect_05 .banner_list_area .banner_item:nth-child(n+3) {margin-top:15px !important;}
	.signature_sect.sect_05 .banner_view_area .left_area {width:100%; margin-right:0;}
	.signature_sect.sect_05 .banner_view_area .right_area {width:100%; margin-left:0;}
	.signature_sect.sect_05 .banner_view_area .txt_area {text-align:center;}
	.signature_sect.sect_05 .banner_view_area .txt_area .tit {margin-top:30px; font-size:2rem;}
	.signature_sect.sect_05 .banner_view_area .txt_area .name {font-size:3rem;}
	.signature_sect.sect_05 .banner_view_area .txt_area .txt {margin-top:30px; font-size:1.4rem;}
}

.signature_sect.sect_06 {text-align:center;}
.signature_sect.sect_06 .signature_inner {padding-top:250px; padding-bottom:250px;}
.signature_sect.sect_06 .signature_inner_secondary {padding-top:250px; padding-bottom:250px;}
.signature_sect.sect_06 .signature_inner_tertiary {padding-top:250px; padding-bottom:250px;}
.signature_sect.sect_06 .signature_step_area .txt_area .txt {font-size:4.6rem; font-weight:500;}
.signature_sect.sect_06 .signature_step_area .step_area {margin-top:160px;}
.signature_sect.sect_06 .signature_step_area .step_list {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; align-items:flex-start; width:100%;}
.signature_sect.sect_06 .signature_step_area .step_list > li {overflow:hidden; width:calc(100% /3); padding:0 45px;}
.signature_sect.sect_06 .signature_step_area .step_list > li:nth-child(n+4) {margin-top:135px;}
.signature_sect.sect_06 .signature_step_area .step_list > li .stepper {position:relative; z-index:2; display:inline-block; padding:22px 18px; margin-bottom:60px; border-radius:45px; background-color:var(--emphasis); color:var(--font01); font-size:3rem; font-weight:500;}
.signature_sect.sect_06 .signature_step_area .step_list > li .stepper::before {content:""; position:absolute; top:50%; left:50%; z-index:-1; width:350%; height:6px; background-color:var(--emphasis); transform:translate(-50%,-50%);}
.signature_sect.sect_06 .signature_step_area .step_list > li:nth-child(3n+1) .stepper::before {transform:translate(calc(-50% + 70px),-50%);}
.signature_sect.sect_06 .signature_step_area .step_list > li:nth-child(3n+3) .stepper::before {left:unset; right:50%; transform:translate(calc(50% - 80px),-50%);}
.signature_sect.sect_06 .signature_step_area .step_list > li:last-child .stepper::before {left:unset; right:50%; transform:translate(calc(50% - 80px),-50%);}
.signature_sect.sect_06 .signature_step_area .step_list > li .img_area {padding-top:168.3937%; border-radius:60px; border:1px solid var(--emphasis);}
.signature_sect.sect_06 .signature_step_area .step_list > li .txt-area {margin-top:30px;}
.signature_sect.sect_06 .signature_step_area .step_list > li .txt-area .tit {font-size:2.8rem;}
.signature_sect.sect_06 .signature_step_area .step_list > li .txt-area .txt {margin-top:10px; font-size:2rem; font-weight:300;}
@media screen and (max-width:767px) {
	.signature_sect.sect_06 .signature_inner {padding-top:75px; padding-bottom:75px;}
	.signature_sect.sect_06 .signature_inner_secondary {padding-top:75px; padding-bottom:75px;}
	.signature_sect.sect_06 .signature_inner_tertiary {padding-top:75px; padding-bottom:75px;}
	.signature_sect.sect_06 .signature_step_area .txt_area .txt {font-size:2.2rem;}
	.signature_sect.sect_06 .signature_step_area .step_area {margin-top:50px;}
	.signature_sect.sect_06 .signature_step_area .step_list {flex-direction:column;}
	.signature_sect.sect_06 .signature_step_area .step_list > li {width:calc(100% - 80px); padding:unset; margin:0 40px;}
	.signature_sect.sect_06 .signature_step_area .step_list > li:nth-child(n+4) {margin-top:0;}
	.signature_sect.sect_06 .signature_step_area .step_list > li:not(:last-child) {margin-bottom:30px;}
	.signature_sect.sect_06 .signature_step_area .step_list > li .stepper {padding:6px 15px; margin-bottom:15px; font-size:1.8rem;}
	.signature_sect.sect_06 .signature_step_area .step_list > li .stepper::before {width:1000%; height:3px;}
	.signature_sect.sect_06 .signature_step_area .step_list > li:nth-child(3n+1) .stepper::before {transform:translate(-50%,-50%);}
	.signature_sect.sect_06 .signature_step_area .step_list > li:nth-child(3n+3) .stepper::before {left:50%; right:unset; transform:translate(-50%,-50%);}
	.signature_sect.sect_06 .signature_step_area .step_list > li:last-child .stepper::before {left:50%; right:unset; transform:translate(-50%,-50%);}
	.signature_sect.sect_06 .signature_step_area .step_list > li .img_area {padding-top:61.1764%; border-radius:30px;}
	.signature_sect.sect_06 .signature_step_area .step_list > li .txt-area {margin-top:15px;}
	.signature_sect.sect_06 .signature_step_area .step_list > li .txt-area .tit {font-size:2rem;}
	.signature_sect.sect_06 .signature_step_area .step_list > li .txt-area .txt {margin-top:5px; font-size:1.6rem;}
}

.signature_sect.sect_07 {border-bottom:1px solid var(--bgWhite); background-color:var(--primary); color:var(--font01);}
.signature_sect.sect_07 .signature_inner {padding-top:200px; padding-bottom:180px;}
.signature_sect.sect_07 .signature_inner_secondary {padding-top:200px; padding-bottom:180px;}
.signature_sect.sect_07 .signature_inner_tertiary {padding-top:200px; padding-bottom:180px;}
.signature_sect.sect_07 .signature_reservation_area .left_area {flex-direction:column; width:calc(50% - 30px); margin-right:30px;}
.signature_sect.sect_07 .signature_reservation_area .right_area {flex-direction:column; justify-content:flex-end; width:calc(50% - 30px); margin-left:30px;}
.signature_sect.sect_07 .signature_reservation_area .info_list {display:inline-block; width:100%;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li {display:inline-block; width:100%;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li:not(:last-child) {margin-bottom:30px;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li::after {content:""; display:block; clear:both;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li .tit {float:left; width:45%; font-size:2rem;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li .txt {float:left; font-size:1.8rem;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li .tit + .txt {width:55%;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li .txt .sub {}
.signature_sect.sect_07 .signature_reservation_area .info_list > li.call .tit {padding-left:25px; background:url("/theme/daybeau01/resources/image/sub/ico_signature_call.png") top 2px left / auto 20px no-repeat;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li.kakao .tit {padding-left:25px; background:url("/theme/daybeau01/resources/image/sub/ico_signature_kakao.png") top 2px left / auto 20px no-repeat;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li.kakao .txt a {font-size:2rem;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li.address > div {padding-left:25px; background:url("/theme/daybeau01/resources/image/sub/ico_signature_map.png") top 2px left / auto 20px no-repeat;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li.address > div > address {font-style:normal; font-size:2rem;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li.hours .tit {width:100%; padding-left:25px; background:url("/theme/daybeau01/resources/image/sub/ico_signature_hours.png") top 2px left / auto 20px no-repeat;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li.hours .txt {width:100%; padding-left:25px; margin-top:20px; /* margin-bottom:40px; */}
.signature_sect.sect_07 .signature_reservation_area .info_list > li.hours .txt::after {content:""; display:block; clear:both;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li.hours .txt .date {float:left; width:80px;}
.signature_sect.sect_07 .signature_reservation_area .info_list > li.hours .txt .time {float:left; width:calc(100% - 80px);}
.signature_sect.sect_07 .signature_reservation_area .info_list > li.hours .txt .sub {float:left; width:100%; padding-top:40px;}
.signature_sect.sect_07 .signature_reservation_area .img_area {padding-top:54.8117%; margin-top:50px; border:1px solid var(--emphasis);}
.signature_sect.sect_07 .signature_reservation_area .form_area > div {flex-direction:column;}
.signature_sect.sect_07 .signature_reservation_area .form_area > div + div {margin-top:30px;}
.signature_sect.sect_07 .signature_reservation_area .form_area > div .tit {width:100%; font-size:2rem; vertical-align:middle;}
.signature_sect.sect_07 .signature_reservation_area .form_area > div .tit .num__ {display:inline-block; padding:2px 10px 2px 8px; margin-left:5px; border-radius:20px; background-color:var(--emphasis); font-size:1.6rem; vertical-align:middle; cursor:pointer;}
.signature_sect.sect_07 .signature_reservation_area .form_area > div .inp {display:flex; flex-direction:row; justify-content:flex-start; gap:10px; width:100%;}
.signature_sect.sect_07 .signature_reservation_area .form_area > div .inp > input {width:100%; margin-top:10px; font-size:2rem;}
.signature_sect.sect_07 .signature_reservation_area .form_area > div .inp > input::placeholder {color:var(--gray03); font-size:1.8rem;}
.signature_sect.sect_07 .signature_reservation_area .form_area > div .inp.time > input {width:55%;}
.signature_sect.sect_07 .signature_reservation_area .form_area > div .inp.time > input + input {width:45%;}
.signature_sect.sect_07 .signature_reservation_area .form_area > div .inp.product > input {cursor:pointer;}
.signature_sect.sect_07 .signature_reservation_area .form_area > div .inp.customer > input {width:27.5%; cursor:pointer;}
.signature_sect.sect_07 .signature_reservation_area .form_area > div .inp.customer > input:last-child {width:45%;}
.signature_sect.sect_07 .signature_reservation_area .form_area .btn_area {margin-top:15px; margin-bottom:50px;}
@media screen and (max-width:767px) {
	.signature_sect.sect_07 .signature_inner {padding-top:75px; padding-bottom:75px;}
	.signature_sect.sect_07 .signature_inner_secondary {padding-top:75px; padding-bottom:75px;}
	.signature_sect.sect_07 .signature_inner_tertiary {padding-top:75px; padding-bottom:75px;}
	.signature_sect.sect_07 .signature_reservation_area .left_area {width:100%; margin-right:0;}
	.signature_sect.sect_07 .signature_reservation_area .right_area {width:100%; margin-left:0;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li:not(:last-child) {margin-bottom:15px;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li .tit {width:50%; font-size:1.6rem;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li .txt {font-size:1.4rem;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li .tit + .txt {width:50%;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li.call .tit {padding-left:20px; background-size:15px auto;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li.call .txt a {font-size:1.6rem;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li.kakao .tit {padding-left:20px; background-size:15px auto;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li.kakao .txt a {font-size:1.6rem;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li.address > div {padding-left:20px; background-size:15px auto;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li.address > div > address {font-size:1.6rem;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li.hours .tit {padding-left:20px; background-size:15px auto;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li.hours .txt {width:100%; padding-left:20px; margin-bottom:0; font-size:1.6rem;}
	.signature_sect.sect_07 .signature_reservation_area .info_list > li.hours .txt .sub {padding-top:0px; font-size:1.6rem;}
	.signature_sect.sect_07 .signature_reservation_area .img_area {margin-top:25px;}
	.signature_sect.sect_07 .signature_reservation_area  form {position:relative;}
	.signature_sect.sect_07 .signature_reservation_area .form_area {position:unset; margin-top:30px;}
	.signature_sect.sect_07 .signature_reservation_area .form_area > div {flex-direction:column;}
	.signature_sect.sect_07 .signature_reservation_area .form_area > div + div {margin-top:20px;}
	.signature_sect.sect_07 .signature_reservation_area .form_area > div .tit {font-size:1.6rem;}
	.signature_sect.sect_07 .signature_reservation_area .form_area > div .tit .num__ {margin-left:5px; font-size:1.4rem;}
	.signature_sect.sect_07 .signature_reservation_area .form_area > div .inp > input {margin-top:8px; font-size:1.6rem;}
	.signature_sect.sect_07 .signature_reservation_area .form_area > div .inp > input::placeholder {font-size:1.6rem;}
	.signature_sect.sect_07 .signature_reservation_area .form_area .chk_area {position:absolute; bottom:10px; right:0;}
	.signature_sect.sect_07 .signature_reservation_area .form_area .btn_area {margin-top:25px; margin-bottom:50px;}
	.signature_sect.sect_07 .signature_reservation_area .form_area .btn_area .btn {padding-top:15px; padding-bottom:15px;}
}

/*2025-08-21*/
.main_banner .radio-wrap {
    width: 100%;
    border-radius: 5px;
    border: 1px solid var(--emphasis);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--emphasis);
    overflow: hidden;
}

.main_banner .radio-wrap input[name=counselGender]{
	display: none;
}
.main_banner .radio-wrap label{
	width: 50%;
}
.main_banner .radio-wrap .cs-radio {
	padding: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	height: 100%;
	background: #fff;
	cursor: pointer;
}
.main_banner .radio-wrap input[id=female]:checked ~ label[for=female],
.main_banner .radio-wrap input[id=male]:checked ~ label[for=male]{
	background: var(--emphasis);
	color: #fff;
}

.main_banner .date_ .modal-inner{
	width: 100%;
	max-width:760px;
	height: auto;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:wrap;
	padding-bottom: 0px;
	overflow-y: auto;

}

.main_banner .date_ .modal-inner > div{
	width: 100%;
	position: relative;
	
}

.main_banner .date_ .modal-inner > div::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: auto;
	background-color: #ddd;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main_banner .date_ .modal-inner > .time__::after{
	display: none;
}
.main_banner .date_ .modal-inner > .time__ .time_box{
	overflow-y: auto;
	height: 100%;
}

.reser-inner .modal-wrap{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 2000;
}
.reser-inner .modal-wrap.on{
	display: block;
}

.reser-inner .fix_bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 0 0 1rem 1rem;
	overflow: hidden;
}
.reser-inner .fix_bottom > button{
	width:100%;
	padding: 19px 0;
	color:#fff;
	border: 1px solid var(--emphasis);
	background-color: var(--emphasis);
	border-radius: 0;
	letter-spacing: -1px;
	font-size:20px;
	line-height: 1;
}
.reser-inner .fix_bottom .no-data{
	border-radius: 0;
	background-color: #AAAAAA;
	border: 1px solid #AAAAAA;

}
.reser-inner .fix_bottom .on-data{
	border-radius: 0;
	background-color: var(--emphasis2);
	display: none;
}


.main_banner .add_ .modal-inner{
	width: 700px;
	height: auto;
	background-color: #F1F1F1;
}

.reser-inner button, .btn {
    overflow: visible;
    margin: 0;
    padding: .45rem .75rem;
    background: none;
    /* font-family: 'Noto Sans KR', Sans-serif; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    text-align: center;
    /* white-space: nowrap; */ /* 2025-02-21, 김승희 : 메인 예약레이어 버튼 외국어 줄바꿈 수정 */
    cursor: pointer;
    outline: none;
}

.reser-inner .remain-treat{ display: -webkit-box; display: -ms-flexbox; display: 
flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 40px; } .reser-inner 
.remain-treat > div{ width: 32.33%; margin: 0 0.5%; margin-bottom: 0.5rem; } 
.reser-inner .modal-wrap .close-btn{ position: absolute; top: 15px; right: 15px; 
} .reser-inner .modal-wrap .btn-wrap-area{ width: 100%; height: 120px; bottom: 
120px; position: relative; background-color: #fff; } .reser-inner .modal-wrap 
.btn-area{ width: 100%; margin:0px auto 80px; padding: 0px 0; background-color: 
var(--emphasis); color: #fff; border-radius: 50rem; font-size:1.8rem;

	

} .reser-inner .input-wrap.info__ .modal-wrap .btn-area{ position: static; 
transform: none; margin: 40px auto 0; display: block; } .reser-inner 
.input-wrap.info___ .modal-wrap .btn-area { position: relative; transform: 
translateX(-50%); margin: 0; } .reser-inner .modal-inner{ position: absolute; 
width:100%; max-width:760px; top: 0px; left: 50%; bottom: 0px; background-color: 
#fff; transform: translateX(-50%); border-radius: 20px; } .reser-inner 
.modal-inner .content{ width:100%; max-width:760px; padding: 10px 10px; 
height:auto; overflow-y: inherit; color:#33333 !important; } .reser-inner 
.input-wrap.add_ .modal-inner .content{ overflow-y: auto; height: 100%; padding: 
60px 50px 100px;

}
.input-wrap.date_ .reser-inner .modal-inner .content{
	height: auto;
}
.reser-inner .modal-inner .modal-tit{
	font-size: 2.0rem;
	padding-bottom: 2rem;
	font-weight: 700;
	line-height: 1;
	
	color:#333333 !important;
}

.reser-inner .modal-inner.scroll-sec,
.reser-inner .modal-inner .scroll-sec{
	height: 60%;
	overflow-y: auto;
	padding: 0 10px;
}
.reser-inner .input-wrap.info_ .modal-inner .scroll-sec,
.reser-inner .input-wrap.date_ .modal-inner .scroll-sec{
	height: 100%;
}
.reser-inner .modal-wrap .scroll-sec::-webkit-scrollbar {
	width: 5px;
}
.reser-inner .modal-wrap .scroll-sec::-webkit-scrollbar-thumb {
	height: 30%;
	background-color: #BBBBBB;
	border-radius: 10px;
}
.reser-inner .modal-wrap .scroll-sec::-webkit-scrollbar-track {
	background-color: transparent;
}
.reser-inner .tab-menu{
	padding: 0 25px;
	border-bottom: 1px solid #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #fff;

	border-radius: 1rem 1rem 0 0;
}
.reser-inner .tab-menu > li{
	padding: 20px 0;
	margin: 0 1rem;
	border-bottom: 3px solid transparent;
	cursor: pointer;
	line-height: 1;
	color: #222222;
	font-size: 16px;
	font-weight: 600;
}
.reser-inner .tab-menu > li.active{
	color: var(--emphasis2);
	border-bottom: 3px solid var(--emphasis2);
}
.reser-inner .tab_content > div{
	display: none;
}
.reser-inner .tab_content > div.on{
	display: block;
}

.reser-inner .tab_content .reser-cate{
	background-color: #fff;
	padding: 20px;
}
.reser-inner .tab_content .cate-list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.reser-inner .tab_content .cate-list > li{
	cursor: pointer;
	min-height: 4.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 33.3333%;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	font-size: 16px;
}
.reser-inner .tab_content .cate-list > li:nth-child(1),
.reser-inner .tab_content .cate-list > li:nth-child(2),
.reser-inner .tab_content .cate-list > li:nth-child(3){
	border-top: 1px solid #DDDDDD;
}
.reser-inner .tab_content .cate-list > li:nth-child(3n+0){
	border-right: 1px solid #DDDDDD;
}
.reser-inner .tab_content .cate-list > li:last-child{
	border-right: 1px solid #DDDDDD;
}
.reser-inner .tab_content .cate-list > li.active{
	background-color: #F1F1F1;
}
.reser-inner .tab_content .reser-list-wrap{
	background-color: #F1F1F1;
}
.reser-inner .tab_content .payment-tab-menu{
	padding: 20px 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.reser-inner .tab_content .payment-tab-menu .tab-btn-area{
	display: flex;
}
.reser-inner .tab_content .payment-tab-menu .tab-btn-area .txt-checkbox{
	margin-right: 0.5rem;
	cursor: pointer;
}
.reser-inner .tab_content .payment-tab-menu .tab-btn-area .txt-checkbox:last-child{
	margin-right: 0;
}
.reser-inner .tab_content .payment-tab-menu .tab-btn-area .txt-checkbox span{
	background-color: #E3E3E3;
	border: 1px solid #E3E3E3;
	color: #707070;
	font-size: 13px;
	padding: 0.4rem 1.5rem;
	border-radius: 50em;
}
.reser-inner .tab_content .payment-tab-menu .tab-btn-area .txt-checkbox.active span{
	background-color: var(--primary);
	border: 1px solid var(--primary);
	color: #fff;
}

.reser-inner .tab_content .payment-tab-menu .notice_{
	font-size: 12px;
	color: #B5B0B0;
}

.reser-inner .tab_content .reser-list{
	padding: 20px;
}
.reser-inner .tab_content .reser-list > li{
	border-radius: 1rem;
	background-color: #fff;
	margin-bottom: 10px;
	-webkit-box-shadow: 2px 2px 15px rgba(0,0,0,0.16);
	box-shadow: 2px 2px 15px rgba(0,0,0,0.16);
	cursor: pointer;
}
.reser-inner .tab_content .reser-list .ac_top{
	display: flex;
	padding: 1.5rem 1.7rem;
	position: relative;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	padding-right: 0rem;
	gap: 15px;
}
.reser-inner .tab_content .reser-list .ac_top .tit_wrap{
	max-width: 340px;
}
.reser-inner .tab_content .reser-list .ac_top .tit_wrap .tit__{
	margin: 0;
	margin-bottom: 10px;
	font-size: 20px;
}
.reser-inner .tab_content .reser-list .ac_top .tit_wrap .desc{
	color: #707070;
	font-size: 16px;
}

.reser-inner .tab_content .reser-list .ac_top .tit_wrap2{
	max-width: 100%;
}
.reser-inner .tab_content .reser-list .ac_top .tit_wrap2 .tit__{
	margin: 0;
	margin-bottom: 10px;
	font-size: 20px;
}
.reser-inner .tab_content .reser-list .ac_top .tit_wrap2 .desc{
	color: #707070;
	font-size: 16px;
}

.reser-inner .tab_content .reser-list .ac_top .ac_flex{ position: relative; 
width:100%; display:flex; justify-content: space-between; align-items: center; 
margin-bottom:10px;
}


.reser-inner .tab_content .reser-list .ac_top .price-box{
	/* margin-top: 1rem; */
	line-height: 1;
	white-space: nowrap;
}
.reser-inner .tab_content .reser-list .toggle-btn{
	width: 50px;
	height: 50px;
	position: absolute;
	right: 2rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 1px solid var(--emphasis2);
	border-radius: 50em;
}
.reser-inner .tab_content .reser-list .toggle-btn::before,
.reser-inner .tab_content .reser-list .toggle-btn::after{
	content: '';
	position: absolute;
	top: 24px;
	left: 0;
	width: 12px;
	height: 2px;
	background-color: var(--emphasis2);
}
.reser-inner .tab_content .reser-list .toggle-btn::before{
	left: 15px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.reser-inner .tab_content .reser-list .toggle-btn::after{
	left: 23px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.reser-inner .tab_content .reser-list .ac_top.on .toggle-btn::before{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.reser-inner .tab_content .reser-list .ac_top.on .toggle-btn::after{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.reser-inner .tab_content .reser-list .ac_body{
	display: none;
	padding: 20px;
	border-top: 1px solid #DDDDDD;
}
.reser-inner .tab_content .reser-list .price-box .price{
	color: var(--emphasis2);
	font-weight: 700;
	font-size: 2.4rem;
	font-family: 'Campton', Sans-serif;
	letter-spacing: 0;
}
.reser-inner .tab_content .reser-list .ac_body .rp_box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
	gap: 31px;
}
.reser-inner .tab_content .reser-list .ac_body .rp_box:last-child{
	margin-bottom: 0;
}
.reser-inner .tab_content .reser-list .ac_body .reser-info{
	display: flex;
	align-items: flex-start;
}
.reser-inner .tab_content .reser-list .ac_body .reser-info .online-payment-icon{
	margin-bottom: 0;
	margin-right: 0.5rem;
}
.reser-inner .tab_content .reser-list .ac_body .reser-info .txt-area{
	max-width: 300px;
	font-size: 16px;
}
.reser-inner .tab_content .reser-list .ac_body .payment-no-txt {
	display: table;
	margin: 0 auto;
}
.reser-inner .tab_content .reser-list .ac_body .payment-no-txt .__wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}
.reser-inner .tab_content .reser-list .ac_body .payment-no-txt .__wrap img {
	width: 30px;
	height: 30px;
}
.reser-inner .tab_content .reser-list .ac_body .payment-no-txt .__txt {
	display: block;
	margin-left: 9px;
	font-size: 14px;
	font-weight: 500;
	color: #999999;
}
.reser-inner .tab_content .reser-list .ev-duration{
	color: var(--emphasis);
	font-size: 0.9rem;
	line-height: 1.3;
	padding-top: 0.5rem;
}
.reser-inner .tab_content .reser-list .ev-duration .__time{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	word-break: keep-all;
}
.reser-inner .tab_content .reser-list .rp_box .price-box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.reser-inner .tab_content .reser-list .rp_box .price-box .del__{
	font-size: 14px;
	text-decoration: line-through;
	color:#999999 ;
}
.reser-inner .tab_content .reser-list .rp_box .price-box .price_{
	margin-left: 0.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	font-weight: 700;
	font-size: 16px;
}
.reser-inner .tab_content .reser-list .rp_box .price-box .price_ span:first-child{
	font-family: 'Campton', Sans-serif;
	color: var(--emphasis2);
	font-size: 20px;
}

.reser-inner .modal-inner .content .chk-list > li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #F1F1F1;
	padding: 1.4rem 1.3rem;
	padding-right: 4rem;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0.5rem;
	margin-bottom: 4px;
	font-size: 16px;
	gap:10px;
}
.reser-inner .modal-inner .content .chk-list > li:last-child{
	margin-bottom: 0;
}
.reser-inner .modal-inner .content .chk-list > li .ev-duration{
	padding-top: 0.3rem;
	font-size: 14px;
	line-height: 1.2;
	color: var(--emphasis);
}
.reser-inner .modal-inner .content .chk-list > li .ev-duration .__time > span{
	display: block;
}
.reser-inner .modal-inner .content .chk-list .price-wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.reser-inner .modal-inner .content .chk-list .price-wrap .del__{
	text-decoration: line-through;
	color: #999999;
	letter-spacing: 0;
	font-family: 'Campton','Noto Sans KR', Sans-serif;
	white-space: nowrap;
}
.reser-inner .modal-inner .content .chk-list .price-wrap .price{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	font-weight: 700;
}
.reser-inner .modal-inner .content .chk-list .price-wrap .price span:first-child{
	font-family: 'Campton', Sans-serif;
	color: var(--emphasis);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
}
.reser-inner .modal-inner .content .del-btn{
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
}

/* �덉빟紐⑤떖 �쇰컯�� */
.reser-inner .modal-inner .content .form_box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}
.reser-inner .modal-inner .content .form_box .form-label{
	width: 80px !important;
	font-size: 1.4rem;
	color: #444444;
}
.reser-inner .modal-inner .content .form_box .right-sec{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.reser-inner .modal-inner .content .form_box .right-sec .radio-wrap .cs-radio{
	height: 40px;
	font-size: 16px;
}
.reser-inner .modal-inner .content .form_box .right-sec input,
.reser-inner .modal-inner .content .form_box .right-sec .sel_box{
	width: 100%;
	margin-right: 5px;
	font-size: 16px;

}
.reser-inner .modal-inner .content .form_box .right-sec input,
.reser-inner .modal-inner .content .form_box .right-sec select{
	width: 100%;
	padding: 0.8rem;
	color: #888888;
	font-size: 1.4rem;
}
.reser-inner .modal-inner .content .form_box .right-sec input:first-child{
	margin-right: 0;
}
.reser-inner .modal-inner .content .form_box .right-sec .btn-wrap > button{
	min-width: 80px;
	font-size: 16px;
	line-height: 1.6;
}
.reser-inner .modal-inner .content .form-wrap input,
.reser-inner .modal-inner .content .form_box .right-sec select,
.reser-inner .modal-inner .content .form_box .right-sec textarea
{
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	font-size:1.2rem;
	color:#333 !important;
}

.reser-inner .modal-inner .content .form_box .right-sec textarea{
	width:100%;
}

.reser-inner .modal-inner .content .form_box .right-sec.a-num input{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
}
.reser-inner .modal-inner .content .form_box .right-sec.a-num button{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.reser-inner .modal-inner .content .form_box .right-sec select{
	height: 100%;
}
.reser-inner .modal-inner .content .form_box .right-sec .sel_box{
	position: relative;
}
.reser-inner .modal-inner .content .form_box .right-sec .sel_box::after,
.reser-inner .modal-inner .content .form_box .right-sec .sel_box::before{
	content: '';
	position: absolute;
	top: 20px;
	right: 7px;
	width: 7px;
	height: 1px;
	background-color: #888888;
}
.reser-inner .modal-inner .content .form_box .right-sec .sel_box::before{
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 12px;
}
.reser-inner .modal-inner .content .form_box .right-sec .sel_box::after{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.reser-inner .modal-inner .content .form-wrap .check-area{
	margin-top: 2.5rem;
	background-color: #F1F1F1;
	border-radius: 5px;
	padding: 1.7rem;
	font-size: 16px;
}
.reser-inner .modal-inner .content .form-wrap .check-area .cs-checkbox{
	width:100%;
	display: inline-flex;           /* 한 줄에서 자연 정렬 */
	align-items: flex-start;        /* 여러 줄일 때 첫 줄 기준 맞춤 */
	gap: .5rem;                     /* 체크박스와 텍스트 간격 */
	line-height: 1.4;
	cursor: pointer;
	margin-bottom: 0.7rem;
}
.reser-inner .modal-inner .content .form-wrap .check-area .cs-checkbox:last-child{
	margin-bottom: 0;
}
.reser-inner .modal-inner .content .form-wrap .check-area .ll_tit{
	display: inline;
	color:#333 !important;
}
.reser-inner .modal-inner .content .form-wrap .check-area .notice-txt{
	color: #999999;
	font-size: 12px;
	margin-left: 4px;
}
.reser-inner .modal-inner .content .form-wrap .check-area .notice-txt .arrow-icon{
	display: inline-block;
	width: 15px;
	height: 9px;
	background-image: url('/imges/right_arrow.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto;
	opacity: .5;
}

/* 두번째 모달 */
.main_banner .add_ .modal-inner2{
	width: 100%;
	max-width:760px;
	height: auto;
	background-color: #F1F1F1;
}

.main_banner .add_ .modal-inner2 .tab_wrap{
	height: 100vh;
}
.main_banner .add_ .modal-inner2 .scroll-sec_{
	height: 100%;
	overflow-y: auto;
	/*background-color: #fff;*/
}
.main_banner .add_ .modal-inner2 .scroll-sec_::-webkit-scrollbar {
	width: 5px;
}
.main_banner .add_ .modal-inner2 .scroll-sec_::-webkit-scrollbar-thumb {
	height: 30%;
	background-color: #BBBBBB;
	border-radius: 10px;
}
.main_banner .add_ .modal-inner2 .scroll-sec_::-webkit-scrollbar-track {
	background-color: transparent;
}

.reser-inner .modal-inner2{

	position: absolute;
	top: 0px;
	left: 50%;
	bottom: 0px;
	background-color: #fff;
	transform: translateX(-50%);
	border-radius: 20px;
}
.reser-inner .modal-inner2 .content{
	padding: 60px 50px;
	overflow-y: inherit;
	height: 100%;
}
.reser-inner .add_ .modal-inner2 .content{
	overflow-y: auto;
	height: 100%;
	padding: 60px 50px 100px;

}
.date_ .reser-inner .modal-inner2 .content{
	height: auto;
}

.reser-inner .tab_content .tab-body-wrap{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items: top;
	color:#333 !important;
}

.reser-inner .tab_content .reser-cate2{
	background-color: #fff;
	padding: 20px;
	width:100%;
	height:50vh;
	overflow-y: auto;
}

.reser-inner .tab_content .cate-list2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.reser-inner .tab_content .cate-list2 > li{
	cursor: pointer;
	min-height: 4.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100.000%;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	font-size: 16px;
}
.reser-inner .tab_content .cate-list2 > li:nth-child(1),
{
	border-top: 1px solid #DDDDDD;
}
.reser-inner .tab_content .cate-list2 > li{
	border-right: 1px solid #DDDDDD;
}
.reser-inner .tab_content .cate-list2 > li.active{
	background-color: #F1F1F1;
}
.reser-inner .tab_content .reser-list-wrap2{
	position:relative;
	width:100%;
	background-color: #F1F1F1;
	height:50vh;
	overflow-y: auto;
}

/* 메인 퀵 메뉴 check*/
.cs-checkbox > label:before, .cs-radio > .r_visible {
    border: 1px solid #ccc;
}

.cs-checkbox > label:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 0.8em;
    /* line-height: 20px; */
    border-radius: 0;
    background-color: #fff;
    font-size: 1.2em;
}

.main_banner .cs-checkbox input[type="checkbox"] {
	visibility: hidden;
	display: none;
}

.main_banner .cs-checkbox > label {
	position: relative;
	display: inline-block;
	cursor: pointer;
	padding-left: 30px;
	margin: 0;
	line-height: 1.5;
	transition: color .3s ease-out;
}

.main_banner .cs-checkbox > label.d-block {
	display: block;
}

.main_banner .cs-checkbox > label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	margin-right: 0.8em;
	border-radius: 0;
	background-color: #fff;
}

.main_banner .cs-checkbox input[type="checkbox"]:checked ~ label:before{
	content: '';
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	background-image: url('../../../..//image/icon/i-check.png');
	background-color: var(--emphasis);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid var(--emphasis);
}
.main_banner .cs-checkbox label:hover:before{
	content: '';
}
.main_banner .cs-checkbox > label:hover:before {
	color: transparent;
	text-shadow: none;
}

.rs-time-box2 .time-box-scoll {
    position: relative;
    overflow-Y: scroll;
    height: auto;
    margin-top: 0.666rem;
    padding-top: 0.666rem;
}

.day_box .cal_box {
    position: relative;
    padding: 1.5rem 1rem 1.5rem;
}

.rs-time-box2 .time-box {
    width:100%;
	max-width: 760px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.rs-time-box2 .time-box .swiper-slide {
    padding: 0;
    width: calc((100% - 30px) / 4);
}

.rs-time-box2 .time-box .swiper-slide .btn_round {
    font-size: 1.4rem;
    color: #666;
    height: 3.0rem;
    line-height: 2.0;
    border-color: #ccc;
}

.my_calendar td {
    text-align: Center;
    height: 40px;
    font-weight: normal;
    text-align: center;
    font-size: 1.4rem;
    color: #333;
}