@charset "utf-8";
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 회원, 비회원 공통 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* layout */
.user-layout {width: 100%; height: 100vh; background: var(--light-green); position: relative;}
.user-layout .center-wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 675px; height: 100%; max-height: 705px; overflow-y: auto; background-color: #fff; border-radius: 25px; border: 1px solid #ddd; padding: 100px 0; box-sizing: border-box;}
.user-layout .center-wrap .inner {max-width: 325px;}
.user-layout.bottom-btn .center-wrap .inner {height: 100%; display: flex; flex-direction: column;}
.user-layout.bottom-btn .center-wrap .inner > .btn_wrap {margin-top: auto;}
/* title */
.user-layout .title {text-align: center;}
.user-layout .title.mb {margin-bottom: 50px;}
.user-layout .title h3 {font-weight: 700; font-size: 40px; line-height: 1em;}
.user-layout .title p {font-size: 18px; line-height: 1.22em; margin-top: 10px;}
/* input */
.user-layout input[type=text],
.user-layout input[type=password],
.user-layout input[type=email],
.user-layout input[type=tel] {width: 100%; height: 50px; border-radius: 10px; background-color: #f6f6f6; font-size: 16px; line-height: 1.25em; outline: none; border: none; padding: 15px; box-sizing: border-box;}
.user-layout input::placeholder {font-size: 16px; line-height: 1.25em; color: #a5a5a5;}
.user-layout .input_wrap {display: flex; gap: 10px;}
.user-layout .input_wrap input {flex: 1;}
.user-layout .input_wrap .btn {display: flex; align-items: center; justify-content: center; height: 50px; font-weight: 500; font-size: 14px; padding: 0 16px; box-sizing: border-box; border-radius: 10px; border: 1px solid #dfdfdf;}
.user-layout input[type=text].search {background: #f6f6f6 url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.375 15.375L21 21' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='10' r='7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center right 16px; background-size: 20px auto; padding-right: 45px; cursor: pointer;}
/* form 간격 */
.user-layout form > * + * {margin-top: 15px;}
/* button */
.user-layout .btn_wrap .btn {width: 100%; height: 55px;}
/* 로그인 상태 유지 */
.user-layout .login_state {display: block;}
.user-layout input[type=checkbox] {width: 24px; height: 24px; accent-color: var(--deep-green); vertical-align: middle; margin-right: 12px;}
.user-layout input[type=checkbox] ~ span {font-size: 14px; color: #242424; vertical-align: middle;}
/* 비밀번호, 비밀번호 재입력 동일 시 */
.user-layout .checkpw.on {background: #f6f6f6 url(/icon/checked-circle.svg) no-repeat center right 16px; background-size: 20px;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 로그인 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.login .logo {text-align: center; margin-bottom: 50px;}
.login .center-wrap {padding: 100px 0 45px;}

/* 로그인 버튼 */
.login .btn_wrap {margin-top: 25px;}

/* 기타 기능 */
.login .etc {display: flex; justify-content: center; text-align: center; gap: 10px; margin-top: 15px;}
.login .etc li {padding-right: 10px; box-sizing: border-box; position: relative;}
.login .etc li:not(:last-child)::before {content: ''; position: absolute; width: 1px; height: 15px; background-color: #6f6f6f; right: 0; top: 50%; transform: translateY(-50%);}
.login .etc a {font-size: 14px; line-height: 1.14em; color: #6f6f6f;}

/* sns 로그인 */
.login .sns_wrap {margin-top: 40px;}
.login .sns_wrap .tit {position: relative; text-align: center; margin-bottom: 30px;}
.login .sns_wrap .tit::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #c1c1c1;  transform: translateY(-50%);}
.login .sns_wrap .tit span {position: relative; background-color: #fff; font-size: 12px; color: #c1c1c1; padding: 0 10px; box-sizing: border-box;}
.login .sns {display: flex; align-items: center; gap: 20px; justify-content: center;}
.login .sns li {width: calc(25% - 15px); max-width: 52px;}
.login .sns li a {display: block; width: 100%; aspect-ratio: 1/1; border-radius: 50%; background: no-repeat center center;}

/* sns 색상 */
.login .sns li a.kakao {background-color: #F9DE4F; background-image: url(/icon/kakao.svg); background-size: 20px 18px;}
.login .sns li a.naver {background-color: #5AC451; background-image: url(/icon/naver.svg); background-size: 23px 20px;}
.login .sns li a.google {background-color: #eee; background-image: url(/icon/google.svg); background-size: 23px 23px;}
.login .sns li a.facebook {background-color: #3C4E98; background-image: url(/icon/facebook.svg); background-size: 11px 23px;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 비밀번호 찾기 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.findpw .center-wrap .inner > .btn_wrap {flex-direction: column; gap: 10px;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 비회원 로그인 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.login_none .btn_wrap {flex-direction: column; gap: 10px; margin-top: 15px;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 주문 비밀번호 찾기 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.findpw_none .title p {margin: auto; margin-top: 10px; max-width: 10.3em;}
.findpw_none form > * + * {margin-top: 10px;}
.findpw_none .result {position: relative; margin-top: 15px; display: none; cursor: pointer;}
.findpw_none .result input {padding-right: 7.8em; cursor: pointer;}
.findpw_none .result span {position: absolute; top: 50%; transform: translateY(-50%); right: 16px; font-weight: 500; font-size: 12px; color: #8AD564;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 회원 가입 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.join input[type=checkbox] {display: none;}
/* 약관 전체 동의 */
.join .all-check {display: block; width: 100%; border-radius: 10px; border: 1px solid #dfdfdf; padding: 16px; box-sizing: border-box; cursor: pointer;}
.join .all-check input:checked ~ i {background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_852_1769)'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2353803C'/%3E%3Cpath d='M6 10L8.5 12.5L14 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_852_1769'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.join .all-check i {display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(/icon/check-circle.svg) no-repeat center center / contain; margin-right: 10px;}
.join .all-check h5 {display: inline-block; vertical-align: middle; font-weight: 700; font-size: 18px; line-height: 1.33em;}
/* 약관 리스트 */
.join .check_list {margin-top: 25px;}
.join .check_list li + li {margin-top: 15px;}
.join .check_list label {display: flex; align-items: center;}
.join .check_list input:checked ~ i {background-image: url(/icon/checked.svg);}
.join .check_list i {display: block; width: 13px; height: 10px; background: url(/icon/check.svg) no-repeat center center / contain; margin-right: 5px;}
.join .check_list p {font-weight: 500; font-size: 16px; line-height: 1.25em;}
.join .check_list p span {color: #53803C;}
.join .check_list a {display: block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33073 13.3333L10.6641 7.99992L5.33073 2.66659' stroke='%23dfdfdf' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center / contain; margin-left: auto;}

.pop-layout .pop_up.agree_pop{max-width: 585px; max-height: 450px; display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 24px; box-sizing: border-box; width: 93.75%;}
.pop-layout .pop_up.agree_pop p.title{font-size: 20px; font-weight: 500; color: #000; text-align: center;}
.pop-layout .pop_up.agree_pop .closed_box{position: absolute; top: 20px; right: 20px;}
/* .pop-layout .pop_up.agree_pop .closed_box a{display: flex; flex-direction: column; gap: 5px; width: 30px; height: 35px; justify-content: center;}
.pop-layout .pop_up.agree_pop .closed_box a i{width: 100%; height: 2.5px; background-color: #000;}
.pop-layout .pop_up.agree_pop .closed_box a i:nth-child(1){transform: rotate(45deg) translate(5px,3px);}
.pop-layout .pop_up.agree_pop .closed_box a i:nth-child(2){transform: rotate(-45deg) translate(1px,0px);} */

.pop-layout .pop_up.agree_pop .scroll_box{max-height: 65%; overflow-y: auto; margin-top: 30px;}
.pop-layout .pop_up.agree_pop .scroll_box p{font-size: 16px; line-height: 1.625em; letter-spacing: -0.04em;}
.pop-layout .pop_up.agree_pop .btn_wrap a{min-width: 230px;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 본인인증 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.self-auth .limit-time {display: none;}
.self-auth .limit-time i {display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%2353803C'/%3E%3Cpath d='M8 4V8.5L11 10' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / contain; margin-right: 5px;}
.self-auth .limit-time span {display: inline-block; vertical-align: middle; font-weight: 500; font-size: 16px; color: #53803C; font-feature-settings: "tnum";}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 나의 예약 (비회원 조회) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.orderNumber_con .input_wrap {margin: 40px auto; max-width: 325px; }
.orderNumber_con .input_wrap input + input {margin-top: 10px;}
.orderNumber_con .btn_wrap {justify-content: center;}
.orderNumber_con .btn_wrap .btn {width: 100%; max-width: 325px;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 나의 예약 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.reserve .reserve_list{margin-top: 20px;}
.reserve .reserve_list ul{display: flex; flex-direction: column; gap: 24px; width: 100%;}
.reserve .reserve_list ul li{width: 100%; display: flex; padding: 20px 0; box-sizing: border-box; box-shadow: 0px 0px 4px 4px #00000008; border-radius: 10px;}
.reserve .reserve_list ul li .info_wrap{width: 78%; max-width: 1000px; display: flex; justify-content: space-between; padding: 0 20px; box-sizing: border-box; border-right: 1px solid #dfdfdf;}

.reserve .reserve_list ul li .left_box a{display: flex; gap: 15px; cursor: auto;}
.reserve .reserve_list ul li .left_box a .img_box{width: 132px; height: 132px; border-radius: 10px; box-sizing: border-box; overflow: hidden;}
.reserve .reserve_list ul li .left_box a .img_box img{width: 100%; height: 100%; max-width: none; object-fit: cover;}
.reserve .reserve_list ul li .info_box b{font-weight: 700; color: #000; font-size: 16px;}
.reserve .reserve_list ul li .info_box .tit{margin-top: 10px;}
.reserve .reserve_list ul li .info_box .tit b{font-size: 20px;}
.reserve .reserve_list ul li .info_box .info{margin-top: 15px;}
.reserve .reserve_list ul li .info_box .info p{font-size: 16px; color: #6f6f6f; font-weight: 400; line-height: 1.25em;}

.reserve .reserve_list ul li .right_box{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
.reserve .reserve_list ul li .right_box a{display: flex; align-items: center; justify-content: center; color: #3d3d3d; font-size: 16px; font-weight: 700; gap: 5px;}

.reserve .reserve_list ul li .right_box .result{width: fit-content; border-radius: 5px; border: 1px solid transparent; font-size: 14px; font-weight: 700; padding: 3.5px 8px;}

.reserve .reserve_list ul li .right_box .result.result01{color: #6eaa50;  border-color: #6eaa50;}
.reserve .reserve_list ul li .right_box .result.result02{color: #555555; border-color: #555555;}
.reserve .reserve_list ul li .right_box .result.result03{color: #ff0000; border-color: #ff0000;}

.reserve .reserve_list ul li .button_wrap{width: 22%; max-width: 280px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.reserve .reserve_list ul li .button_wrap .btn_wrap{flex-direction: column; gap: 12px; max-width: 143px; width: 100%;}
.reserve .reserve_list ul li .button_wrap .btn_wrap a{ width:100%; border-radius: 5px;  box-sizing: border-box; height: 37px;}

.pop-layout .pop_up.reserve_cancel{max-width: 375px; max-height: 150px; display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 24px; box-sizing: border-box;}
.pop-layout .pop_up.reserve_cancel p{font-size: 20px; font-weight: 500; color: #000; text-align: center;}
.pop-layout .pop_up.reserve_cancel .btn_wrap{gap: 12px; width: 100%;}
.pop-layout .pop_up.reserve_cancel .btn_wrap a{width: calc(50% - 6px);}

.pop-layout .pop_up.reserve_refund{max-width: 375px; max-height: 272px; padding: 24px; box-sizing: border-box; text-align: center;}
.pop-layout .pop_up.reserve_refund h6{margin-top: 12px; font-weight: 700; font-size: 24px; color: #000;}
.pop-layout .pop_up.reserve_refund p{margin-top: 16px; font-weight: 400; font-size: 16px; color: #a5a5a5;}
.pop-layout .pop_up.reserve_refund .btn_wrap .btn{width: 100%;}
.pop-layout .pop_up.reserve_refund.reserve_review{max-height: 170px;}

.pop-layout .pop_up.reserve_date{max-height: 545px; max-width: 375px; padding: 25px; box-sizing: border-box;}
.pop-layout .pop_up.reserve_date .modal_tit .flex_wrap{align-items: center;}
.pop-layout .pop_up.reserve_date .modal_tit span{font-size: 16px;}
.pop-layout .pop_up.reserve_date .btn_wrap{gap: 10px;}
.pop-layout .pop_up.reserve_date .btn_wrap a{width: calc(50% - 5px);}

.pop-layout .pop_up.reserve_people {max-width: 375px; box-sizing: border-box; background-color: transparent;}
.pop-layout .pop_up.reserve_people .option{min-height: 315px;}
.pop-layout .pop_up.reserve_people .option .select{opacity: 1; visibility: unset;}

.pop-layout .pop_up.reserve_time{max-height: 100%; max-width: 525px; padding: 25px; box-sizing: border-box; height: fit-content;}
.pop-layout .pop_up.reserve_time .time_list ul{display: flex; gap: 8px; flex-wrap: wrap;}
.pop-layout .pop_up.reserve_time .time_list ul li a{border-radius: 10px; border: 1px solid #a5a5a5; color: #a5a5a5; font-size: 18px; font-weight: 500; text-align: center; padding: 10px 0; width: 100%; display: block;}
.pop-layout .pop_up.reserve_time .time_list ul li{width: calc(25% - 6px);}
.pop-layout .pop_up.reserve_time .time_list ul li.on a{border-color: #53803c; color: #53803c;}
.pop-layout .pop_up.reserve_time .btn_wrap{gap: 10px;}
.pop-layout .pop_up.reserve_time .btn_wrap a{width: calc(50% - 5px);}

@media all and (max-width: 1024px) {
    .reserve .reserve_list ul li {flex-wrap: wrap; padding: 20px;}
    .reserve .reserve_list ul li .info_wrap,
    .reserve .reserve_list ul li .button_wrap {width: 100%;}

    .reserve .reserve_list ul li .info_wrap {border-right: unset; padding: 0; padding-bottom: 20px;}
    .reserve .reserve_list ul li .left_box {flex-shrink: 1;}
    .reserve .reserve_list ul li .info_box {width: calc(100% - 132px);}
    .reserve .reserve_list ul li .button_wrap {display: block; max-width: unset; box-sizing: border-box; padding-top: 20px; border-top: 1px solid #dfdfdf;}
    .reserve .reserve_list ul li .button_wrap .btn_wrap {width: 100%; justify-content: center; flex-direction: row; max-width: unset;}
    .reserve .reserve_list ul li .button_wrap .btn_wrap .btn {max-width: 140px;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 나의 예약 > 예약 상세 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.reserve_detail .con01 .inner{display: flex; gap: 32px;}
.reserve_detail .con01 .left_wrap{width: calc(41% - 16px); }
.reserve_detail .con01 .left_wrap,
.reserve_detail .con01 .right_wrap .reserve_box{box-shadow: 0px 0px 4px 4px #00000008; border-radius: 10px; overflow: hidden; max-height: 450px;}
.reserve_detail .con01 .left_wrap .img_box{aspect-ratio: 9/5.004;}
.reserve_detail .con01 .left_wrap .img_box img{width: 100%; height: 100%; object-fit: cover; max-width: none;}
.reserve_detail .con01 .left_wrap .info_box{padding: 16px; width: 100%; box-sizing: border-box;}
.reserve_detail .con01 .left_wrap .info_box .tit{display: flex; justify-content: space-between;}
.reserve_detail .con01 .left_wrap .info_box .tit p{font-size: 20px; font-weight: 700; color: #000;}
.reserve_detail .con01 .left_wrap .info_box .tit .star{display: flex; align-items: center; gap: 5px;}
.reserve_detail .con01 .left_wrap .info_box .tit .star p{font-size: 14px;}
.reserve_detail .con01 .left_wrap .info_box .tit .star p span{font-weight: 400;}

.reserve_detail .con01 .left_wrap .info_box .txt{margin-top: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; white-space: normal;}
.reserve_detail .con01 .left_wrap .info_box .txt p{font-size: 14px; font-weight: 400; line-height: 1.1428em; color: #6f6f6f;}

.reserve_detail .con01 .left_wrap .add_box{margin-top: 40px;}

.reserve_detail .con01 .left_wrap .add_box p{font-size: 16px; color: #6f6f6f; }
.reserve_detail .con01 .left_wrap .add_box p + p{margin-top: 8px;}
/* .reserve_detail .con01 .left_wrap .add_box p input[type="text"]{font-size: 16px; color: #6f6f6f; border: none;}
.reserve_detail .con01 .left_wrap .add_box p input[type="text"]:focus{outline: none;} */
.reserve_detail .con01 .left_wrap .add_box .copy{display: flex; align-items: center; gap: 5px;}
.reserve_detail .con01 .left_wrap .add_box .copy .btn{padding: 4px 12px; color: #53803c; font-size: 14px; font-weight: 700; background: #DBF2CF; border-radius: 5px;}

.reserve_detail .con01 .right_wrap{width: calc(59% - 16px);}
.reserve_detail .con01 .right_wrap .reserve_box{padding: 32px; width: 100%; box-sizing: border-box; height: 100%;}
.reserve_detail .con01 .right_wrap .tit p{font-size: 20px; font-weight: 700; color: #000; }
.reserve_detail .con01 .right_wrap .info_list{margin-top: 40px;}
.reserve_detail .con01 .right_wrap .info_list ul{display: flex; flex-direction: column; gap: 24px;}
.reserve_detail .con01 .right_wrap .info_list ul li{ width: 100%; justify-content: space-between; display: flex; align-items: center;}
.reserve_detail .con01 .right_wrap .info_list ul li span{font-size: 18px; font-weight: 400; color: #888;}
.reserve_detail .con01 .right_wrap .info_list ul li b{font-size: 18px; font-weight: 500; color: #000;}
.reserve_detail .con01 .right_wrap .info_list ul li b.deep-green{color: #53803c;}
.reserve_detail .con01 .right_wrap .info_list ul li b.red{color: #ff0000;}

.reserve_detail .con01 .right_wrap .btn_wrap{justify-content: flex-end;}
.reserve_detail .con01 .right_wrap .btn_wrap .btn{width: 158px;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 리뷰쓰기 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.review .use_box textarea{resize: none; border-radius: 10px; width: 100%; height: 342px; background-color: #f6f6f6; border: none; padding: 20px; box-sizing: border-box; font-size: var(--fz-18); color: #000000; line-height: 1.4444em; font-weight: 400;}
.review .use_box textarea::placeholder{color: #a5a5a5; font-weight: 500;}
.review .use_box textarea:focus{outline: none;}
.review .change-star .btn_wrap{max-width: 336px; margin-left: auto;}

.review .use_box .file_box{display: flex; gap: 12px;}
.review .use_box .file_box input[type="file"]{display: none;}
.review .use_box .file_box label{border-radius: 5px; width: 86px; aspect-ratio: 1/1; box-sizing: border-box; border: 1px solid #dfdfdf; overflow: hidden;}
.review .use_box .file_box label .img_box{width: 100%; height: 100%; position: relative;}
.review .use_box .file_box label img{width: 100%; object-fit: cover; object-position: center center;}
.review .use_box .file_box label.original_btn img{position: absolute; left: 50%; top: 50%; max-width: fit-content; transform: translate(-50%, -50%);}
.review .use_box .file_box label.imgSkip_btn{position: relative;}
.review .use_box .file_box label.imgSkip_btn .hover_box{position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; background-color: rgba(0,0,0,.7); display: flex; align-items: center; justify-content: center;}
.review .use_box .file_box label.imgSkip_btn .hover_box span{font-size: var(--fz-24); font-weight: 700; color: #fff;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 제품 상세 페이지 (제품 내용) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* prod_wrap custom */
.prod_read .intro .prod {width: 100%; cursor: default;}
.prod_read .intro .prod .img_box {aspect-ratio: 1/0.617; height: unset;}
.prod_read .intro .prod .txt_box {padding: 25px;}
.prod_read .intro .prod .prod_header {align-items: center;}
.prod_read .intro .prod .tit {flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prod_read .intro .prod .desc {height: unset; -webkit-line-clamp: unset; font-weight: 500; font-size: 18px; line-height: 1.22em;}
/* divider */
.prod_read .divider {width: 100%; height: 1px; background-color: #dfdfdf;}
/* 일정 */
.prod_read .time_con .label {margin-bottom: 20px;}
.prod_read .time_con .label span {font-feature-settings: "tnum"; font-weight: 700; font-size: 16px; line-height: 1em; color: var(--deep-green); background-color: var(--light-green); padding: 8px; border-radius: 5px; display: inline-block;}
.prod_read .time_con .day + .day {margin-top: 50px;}
.prod_read .time_con .time_line {position: relative; justify-content: space-between; display: flex;}
.prod_read .time_con .time_line::before {content: ''; position: absolute; top: 0; left: 50%; width: calc(100% - 8px); height: 4px; background-color: #8AD564; transform: translate(-50%, -50%);}
.prod_read .time_con .time_line li {position: absolute; top: 0; left: 0; padding-top: 20px; width: calc(16.6666% - 42px);}
.prod_read .time_con .time_line li i {position: absolute; top: 0; left: 0; width: 18px; height: 18px; border-radius: 100%; background-color: #8AD564; border: 4px solid #edf9e8; box-sizing: border-box; transform: translateY(-50%);}
.prod_read .time_con .time_line .txt_box p {font-size: 16px; line-height: 1.25em;}
.prod_read .time_con .time_line .txt_box .time {font-weight: 700; color: var(--deep-green); font-feature-settings: "tnum";}
.prod_read .time_con .time_line .txt_box .desc {margin-top: 10px;}
.prod_read .time_con .time_line li:last-child {left: auto; right: 0;}
.prod_read .time_con .time_line li:last-child i {left: auto; right: 0;}
.prod_read .time_con .time_line li:last-child .txt_box {text-align: right;}
/* 환불 정책 */
.prod_read .check_list {font-weight: 400; font-size: 18px; line-height: 1.22em;}
/* 장소 */
.prod_read .copy {display: flex; align-items: center; gap: 10px;flex-wrap: wrap;}
.prod_read .copy i {display: block; width: 24px; height: 24px; background: url(/icon/map.svg) no-repeat center center / contain;}
.prod_read .copy p {font-size: 18px; line-height: 1.22em;}
.prod_read .copy a {display: block; padding: 4px 12px; border-radius: 5px; box-sizing: border-box; font-weight: 700; font-size: 14px; line-height: 1.28em; color: #53803C; background-color: #DBF2CF;}
.prod_read .map_box {width: 100%; max-width: 435px; height: 265px; margin-top: 20px;}
.prod_read .map_box .root_daum_roughmap {border-radius: 10px;}
/* 리뷰 */
.prod_read .review_con .filter {display: block; width: 24px; height: 24px; background: url(/icon/filter.svg) no-repeat center center / contain; margin-left: auto;}
/* 리뷰 별점 선택 */ 
.prod_read .change-star .star i {width: 42px; height: 42px;}
.prod_read .change-star .choice_wrap {position: relative; width: fit-content; margin: auto;}
.prod_read .change-star .choice-star {position: absolute; top: 0; left: 0; display: flex;}
.prod_read .change-star .choice-star i {display: block; width: 21px; height: 42px; cursor: pointer;}
.prod_read .change-star .btn_wrap {gap: 10px; margin-top: 25px;}
.prod_read .change-star .btn_wrap .btn {flex: 1;}

.prod_read table.type01 tbody tr td b.btn{display:inline-block; padding:0; border:1px solid #8a8a8a; color:#666; font-size:18px; width:64px; height:30px; font-weight:400; text-align:center; line-height:28px;}
.prod_read table.type01 tbody tr td input[type="radio"]:checked + b.btn{border:1px solid #323337; color:#fff; background:#323337;}

/* 비슷한 체험을 모아봤어요! */
.prod_read .con06 .prod_wrap .prod {width: calc(33.3333% - 20px);}

@media all and (max-width: 1024px) {
    .prod_read .con06 .prod_wrap .prod {width: calc(50% - 18px);}
}

@media all and (max-width: 767px) {
    .prod_read .con06 .prod_wrap .prod {width: 100%;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 카테고리 상세 페이지 (예약 옵션) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.prod_read .reserv_opt_box {position: sticky; top: 40px; left: 0; background-color: #fff;}
/* 가격 */
.prod_read .reserv_opt_box .price p {font-weight: 700; font-size: 24px; line-height: 1.33em;}
.prod_read .reserv_opt_box .price p span {font-weight: 500; font-size: 18px; color: #a5a5a5;}
/* btns */
.prod_read .reserv_opt_box .btn_wrap {flex-direction: column; gap: 10px; margin-top: 30px;}
.prod_read .reserv_opt_box .btn_wrap .btn {width: 100%; cursor: pointer;}
/* btns : 쿠폰 다운 받기 */
.prod_read .reserv_opt_box .down-coupon {justify-content: space-between;}
.prod_read .reserv_opt_box .down-coupon i {width: 20px; height: 20px; background: url(/icon/chevron_down.svg) no-repeat center center / contain;}
/* btns : 찜 */
.prod_read .reserv_opt_box .btn_wrap .white {color: #6f6f6f;}
.prod_read .reserv_opt_box .zzim {gap: 5px;}
.prod_read .reserv_opt_box .zzim i {width: 20px; height: 20px; background: url(/icon/heart.svg) no-repeat center center / contain; }
.prod_read .reserv_opt_box .zzim.on i {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C13 21 22 16.0002 22 9.00043C22 5.50057 19 3.04405 16 3.00065C14.5 2.97894 13 3.50065 12 5.00059C11 3.50065 9.47405 3.00065 8 3.00065C5 3.00065 2 5.50057 2 9.00043C2 16.0002 11 21 12 21Z' stroke='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='%23FFB0B0'/%3E%3C/svg%3E%0A");}
/* divider */
.prod_read .reserv_opt_box .divider {margin: 25px 0;}
/* 판매자 정보 */
.prod_read .reserv_opt_box .seller {display: flex; align-items: center; justify-content: space-between;}
.prod_read .reserv_opt_box .seller .profile {display: flex; align-items: center; gap: 10px;}
.prod_read .reserv_opt_box .seller .profile .img_box {width: 50px; height: 50px; border-radius: 10px; background: #f3fbf0 url(/icon/tree.svg) no-repeat center center / 50% auto;}
.prod_read .reserv_opt_box .seller .profile p {font-weight: 700; font-size: 20px; line-height: 1.2em;}
.prod_read .reserv_opt_box .seller a {display: block; font-weight: 700; font-size: 18px; line-height: 1.33em; background-color: #8AD564; color: #fff; padding: 8px 16px; box-sizing: border-box; border-radius: 10px;}

@media all and (max-width: 1024px) {
    .prod_read .layout01 .inner {display: block;}
    .prod_read .layout01 .inner > .left {position: sticky; top: 10px; left: 0; width: 100%; z-index: 30;}
    .prod_read .layout01 .inner > .right {width: 100%; margin-top: 30px;}
    .prod_read .reserv_opt_box .btn_wrap {flex-direction: row; margin-top: 10px; flex-wrap: wrap;}
    .prod_read .reserv_opt_box .btn_wrap .btn {width: calc(50% - 5px);}
    .prod_read .reserv_opt_box .btn_wrap .down-coupon {width: 100%;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 예약 페이지 (정보 선택 및 입력) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* 선택된 제품 */
.make_reserv .selected {gap: 10px; padding: 15px;}
.make_reserv .selected .left {width: 78px; height: 78px; border-radius: 5px;}
.make_reserv .selected .right {flex: 1; display: flex; flex-direction: column;}
.make_reserv .selected .img_box {overflow: hidden;}
.make_reserv .selected .img_box img {max-width: unset; height: 100%; object-fit: cover; object-position: center center;}
.make_reserv .selected .txt_box h6 {font-weight: 700; font-size: 18px; line-height: 1.33em;}
.make_reserv .selected .txt_box p {font-size: 16px;}
.make_reserv .selected .btn_wrap {margin-top: auto; justify-content: flex-end;}
.make_reserv .selected .btn_wrap a {padding: 8px 16px; box-sizing: border-box; color: #fff; background-color: #8AD564; border-radius: 10px; font-weight: 700; font-size: 16px;}
/* 예약자 정보 */
.make_reserv .con01 .naeyeok_list{display: flex; flex-wrap: wrap; gap: 10px;}
.make_reserv .con01 .naeyeok_list li{width: calc(33.333% - 6.666666px); background-color: #f7f7f7; border-radius: 10px; display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 0; padding: 25px 0;}
.make_reserv .con01 .naeyeok_list li p{font-size: 16px; color: #222222; letter-spacing: -0.025em; line-height: 1.625em;}
.make_reserv .con01 .naeyeok_list li .tit p{font-weight: 600;}
.make_reserv .con01 .naeyeok_list li .txt{margin-top: 5px; padding-top: 5px; position: relative;}
.make_reserv .con01 .naeyeok_list li .txt:before{position: absolute; content: ''; left: 50%; transform: translateX(-50%); top: 0; width: 20px; height: 1px; box-sizing: border-box; background-color: #dfdfdf;}
.make_reserv .con01 .naeyeok_list li .txt p{font-weight: 300;}

.make_reserv .con01 ul li + li {margin-top: 10px;}
.make_reserv .con01 ul li input {max-width: 325px;}
/* 쿠폰 적용 */
.make_reserv .con03 .btn_wrap .btn {width: 100%; max-width: 325px; justify-content: space-between; font-weight: 500; font-size: 16px;}
.make_reserv .con03 .btn_wrap .btn i {width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33073 13.3333L10.6641 7.99992L5.33073 2.66659' stroke='%23dfdfdf' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center / contain;}
.make_reserv .con03 .note {margin-top: 10px;}
/* 포인트 사용 */
.make_reserv .input_wrap {max-width: 325px; gap: 10px;}
.make_reserv .input_wrap input {width: calc(100% - 90px);}
.make_reserv .input_wrap .btn {width: 80px; font-size: 16px; line-height: 1.25em; font-weight: 500; padding: 0;}
.make_reserv .con04 .note {margin-top: 10px;}
/* 결제 방법 item_radio custom */
.make_reserv .item_radio ul li input[type=radio] {margin-right: 10px;}
.make_reserv .item_radio ul li .icon {display: inline-flex; vertical-align: middle; align-items: center; gap: 5px;}
.make_reserv .item_radio ul li span {font-weight: 400; font-size: 16px;}
/* 결제 방법 아이콘 */
.make_reserv .item_radio ul li i {width: 20px; height: 20px; background: no-repeat center center / contain; display: block;}
.make_reserv .item_radio ul li i.kakao {background-image: url(/icon/kakao.svg);}
.make_reserv .item_radio ul li i.toss {background-image: url(/icon/toss.png); width: 23px;}
.make_reserv .item_radio ul li i.naver {background-image: url(/icon/naver.png); width: 23px;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 예약 페이지 (결제 확정) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.make_reserv .purchase_opt_box {position: sticky; top: 40px; left: 0;}
.make_reserv .purchase_opt_box .row + .row {margin-top: 30px;}
/* 총 결제 금액 */
.make_reserv .purchase_opt_box .total_box {background-color: #EDF9E8; padding: 15px 25px; box-sizing: border-box;}
.make_reserv .purchase_opt_box .total_box .modal_tit {margin-bottom: 15px;}
.make_reserv .purchase_opt_box .total_box .price {justify-content: space-between; align-items: flex-end; gap: 10px;}
.make_reserv .purchase_opt_box .total_box .price span {font-size: 14px; line-height: 1.42em; flex: 1; align-self: center;}
.make_reserv .purchase_opt_box .total_box .price p {font-weight: 700; font-size: 18px; line-height: 1.33em; color: #53803C;}
/* 약관 동의 체크박스 리스트 custom */
.make_reserv .purchase_opt_box .item_check li + li {margin-top: 15px;}
.make_reserv .purchase_opt_box .item_check li {display: flex; align-items: center;}
.make_reserv .purchase_opt_box .item_check li a {width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33073 13.3333L10.6641 7.99992L5.33073 2.66659' stroke='%23dfdfdf' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center / contain; margin-left: auto;}
.make_reserv .purchase_opt_box .item_check input[type=checkbox] {margin-right: 5px;}
.make_reserv .purchase_opt_box .item_check span {font-weight: 400; font-size: 16px; color: #a5a5a5;}
/* 결제하기 버튼 */
.make_reserv .purchase_opt_box .btn_wrap {margin-top: 20px;}
.make_reserv .purchase_opt_box .btn_wrap .btn {width: 100%;}

@media all and (max-width: 1024px) {
    .make_reserv .layout01 .inner {flex-wrap: wrap;}
    .make_reserv .layout01 .inner > .left,
    .make_reserv .layout01 .inner > .right {width: 100%;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 예약 완료 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.complete_con .divider {width: 100%; height: 1px; background-color: #dfdfdf;}
/* 복사 버튼 */
.complete_con .copy a {display: inline-block; font-weight: 700; font-size: 12px; color: #53803C; background-color: #DBF2CF; border-radius: 5px; padding: 4px 8px; box-sizing: border-box; margin-left: auto;}
/* 예약, 재예약 완료 */
.complete_con .info_wrap {margin: 25px auto; padding: 20px; max-width: 385px;}
.complete_con .info_wrap table {width: 100%; text-align: left; font-size: 16px;}
.complete_con .info_wrap tbody tr + tr {border-top: 15px solid transparent;}
.complete_con .info_wrap tbody th {font-weight: 400; color: #a5a5a5; width: 90px;}
.complete_con .info_wrap .payment {display: inline-block; margin-left: auto; color: #a5a5a5;}
.complete_con .info_wrap .divider {margin: 20px 0;}
/* 결제 완료 */
.complete_con .prod_wrap {justify-content: center;}
.complete_con .prod_wrap .prod {margin: 40px 0; max-width: 955px;}
.complete_con .prod_wrap .prod .prod_header {align-items: center;}
.complete_con .prod_wrap .prod .tit {flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.complete_con .prod_wrap .prod .desc {height: unset; -webkit-line-clamp: unset;}
.complete_con .prod_wrap .prod .info {font-size: 16px; color: #6f6f6f;}
.complete_con .prod_wrap .copy .flex_wrap {align-items: center; gap: 10px;}
.complete_con .prod_wrap .copy a {font-size: 14px; padding: 4px 12px;}
/* 확인 버튼 */
.complete_con .btn_wrap {justify-content: center;}
.complete_con .btn_wrap .btn {width: 100%; max-width: 325px;}

@media all and (max-width: 767px) {
    .complete_con .prod_wrap.dir_hor .prod {display: block; max-width: 460px;}
    .complete_con .prod_wrap.dir_hor .prod .img_box,
    .complete_con .prod_wrap.dir_hor .prod .txt_box {width: 100%;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 로그인 요청 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.loginRequire_con .btn_wrap {flex-direction: column; justify-content: center; gap: 10px; margin-top: 120px;}
.loginRequire_con .btn_wrap .btn {width: 100%; max-width: 325px;}


@charset "utf-8";
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * mypage (lnb) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* layout */
.mypage .layout01 .right {box-sizing: border-box;}

@media all and (max-width: 1200px) {
    .mypage .layout01 .inner > .left {width: 200px;}
    .mypage .layout01 .inner > .right {width: calc(100% - 230px);}
}

@media all and (max-width: 767px) {
    .mypage .layout01 .inner {flex-wrap: wrap;}
    .mypage .layout01 .inner > .left {width: 100%}
    .mypage .layout01 .inner > .right {width: 100%}
}

/* 프로필 */
.mypage .profile {display: flex; flex-direction: column; align-items: center;}
.mypage .profile .img_box{width: 66px; height: 66px; border-radius: 10px; background: #F3FBF0 url(/icon/tree.svg) no-repeat center center / 50% auto; cursor: pointer;}
.mypage .profile .img_box img{width: 100%; height: 100%; object-fit: cover;}
.mypage .profile .name_box {font-size: 18px; font-weight: 700; margin-top: 15px;}
.mypage .profile .btn_wrap {margin-top: 25px;}
.mypage .profile .btn_wrap .btn {font-weight: 700; border-radius: 10px; font-size: 16px; padding: 8px 16px; box-sizing: border-box;}
/* lnb */
.mypage .lnb_wrap {position: sticky; top: 20px; left: 0;}
.mypage .lnb {margin-top: 30px;}
.mypage .lnb ul {padding: 0; overflow: hidden;}
.mypage .lnb ul li {cursor: pointer;}
.mypage .lnb ul li {cursor: pointer;}
.mypage .lnb ul li + li {border-top: 1px solid #DFDFDF; box-sizing: border-box;}
.mypage .lnb ul li a {display: flex; align-items: center; justify-content: space-between; padding: 20px; box-sizing: border-box; font-weight: 500; font-size: 18px; line-height: 1.11em;}
.mypage .lnb ul li a i {width: 20px; height: 20px; background: url(/icon/chevron_right.svg) no-repeat center center / contain;}
/* lnb : hover */
.mypage .lnb ul li.on a,
.mypage .lnb ul li:hover a {background-color: #F3FBF0; color: #53803C;}
.mypage .lnb ul li.on a i,
.mypage .lnb ul li:hover a i {background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33073 13.3333L10.6641 7.99992L5.33073 2.66659' stroke='%2353803C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * mypage (공통사항) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.mypage .divider {width: 100%; height: 1px; background-color: #dfdfdf; margin: 40px 0;}
.mypage .caption.mb {margin-bottom: 20px;}
.mypage .caption {font-size: 18px; line-height: 1.22em; color: #8b8b8b;}
.mypage .prod_wrap {gap: 20px;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * mypage (main) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.mypage {--width: 325px;}
.mypage .row_wrap {max-width: var(--width);}
/* 회원 정보 수정 */
.mypage .row.modify ul li {margin-top: 10px;}
.mypage .row.modify .btn_wrap {margin-top: 25px;}
.mypage .row.modify .btn_wrap .btn {font-weight: 700; border-radius: 10px; font-size: 16px; padding: 8px 16px; box-sizing: border-box;}
/* 알람 설정 */
.mypage .row.alram label {display: flex; justify-content: space-between; gap: 10px;}
.mypage .row.alram label + label {margin-top: 15px;}
.mypage .row.alram label p {font-weight: 500; font-size: 16px; line-height: 1.25em;}
.mypage .row.alram label input[type=checkbox] {display: none;}
.mypage .row.alram label .toggle {width: 45px; height: 25px; border-radius: 25px; background-color: #dfdfdf; position: relative;}
.mypage .row.alram label .toggle::before {content: ''; position: absolute; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; top: 50%; left: 3px; transform: translateY(-50%); transition: 0.25s;}
/* 알람 활성화 */
.mypage .row.alram label input[type=checkbox]:checked ~ .toggle {background-color: #8AD564;}
.mypage .row.alram label input[type=checkbox]:checked ~ .toggle::before {left: calc(100% - 21px);}
/* 고객센터 */
.mypage .row.etc {margin-top: 30px; display: flex; justify-content: space-between; align-items: flex-end;}
.mypage .row.etc .customer {flex: 1; max-width: var(--width); display: flex; justify-content: space-between; align-items: center;}
.mypage .row.etc .customer h6 {font-weight: 700; font-size: 16px;}
.mypage .row.etc .customer p {font-size: 14px; line-height: 1.15em; margin-top: 5px;}
.mypage .row.etc .customer .kakao {background-color: #F9DE4F; color: #3C1E1E; gap: 5px;}
.mypage .row.etc .customer .kakao i {width: 20px; height: 20px; background: url(/icon/kakao.svg) no-repeat center center / contain;}
/* 회원탈퇴 */
.mypage .row.etc .withdraw {padding: 8px 16px; box-sizing: border-box; font-weight: 700; font-size: 16px; border-radius: 10px;}

@media all and (max-width: 767px) {
    .mypage {--width: 100%;}
    .mypage .row.etc {display: block;}
    .mypage .row.etc > .btn_wrap {margin-top: 40px; justify-content: flex-end;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * mypage (나의 리뷰) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.mypage .review_list .review_header .edit {display: block; width: 15px; height: 15px; background: url(/icon/dots.svg) no-repeat center center / contain;}

@media all and (max-width: 1024px) {
    .mypage .review_list .summary {display: block;}
    .mypage .review_list .summary .info {width: 100%;}
    .mypage .review_list .summary .gallery {width: 100%; justify-content: flex-start; margin-top: 10px;}
    .mypage .review_list .summary .gallery li {max-width: 70px;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * mypage (포인트) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.mypage.point table {width: 100%; text-align: center;}
.mypage.point table tr {height: 55px;}
.mypage.point table th {font-weight: 700; font-size: 16px;}
.mypage.point table tbody tr {border-top: 1px solid #dfdfdf;}
.mypage.point table td {font-weight: 500; font-size: 18px; line-height: 1.22em;}
.mypage.point table .date {font-feature-settings: "tnum"; width: 10em;}
.mypage.point table .pt {font-weight: 700;}
.mypage.point table .plus {color: #53803C; width: 10em;}

@media all and (max-width: 1024px) {
    .mypage.point table tr > * {white-space: nowrap;}
    .mypage.point table tr > *:nth-child(2) {width: 100%;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * mypage (찜) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media all and (max-width: 1024px) {
    .mypage.zzim .prod_wrap.dir_hor .prod {display: block;}
    .mypage.zzim .prod_wrap.dir_hor .prod .img_box,
    .mypage.zzim .prod_wrap.dir_hor .prod .txt_box {width: 100%;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * mypage (이벤트) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media all and (max-width: 1024px) {

}

@media all and (max-width: 767px) {
    .mypage.event .event_wrap .event {width: 100%;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 카테고리 (공통사항) *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media all and (max-width: 1024px) {
    .category .prod_wrap.dir_hor .prod,
    .event .prod_wrap.dir_hor .prod  {display: block;}
    .category .prod_wrap.dir_hor .prod .img_box,
    .category .prod_wrap.dir_hor .prod .txt_box,
    .event .prod_wrap.dir_hor .prod .img_box,
    .event .prod_wrap.dir_hor .prod .txt_box {width: 100%;}
}

@media all and (max-width: 767px) {
    .category .layout01{position: relative;}
    .category .layout01 .inner {gap: 10px; justify-content: flex-end; flex-wrap: wrap;}
    .category .layout01 .left {width: auto;}
    .category .layout01 .right {width: 100%;}
}

#Caldatesel{min-width: 375px; box-sizing: border-box; border-radius: 10px; background-color: #fff; padding: 30px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);}
#Caldatesel #CaldateselHeader,
#Caldatesel #CaldateselContent{display: flex; flex-wrap: wrap; align-items: center;}
#Caldatesel #CaldateselHeader > div,
#Caldatesel #CaldateselContent > div{width: 14.2857%; padding:10px 5px; box-sizing: border-box; font-size: 16px;}
#Caldatesel #CaldateselHeader > div.calDayBr,
#Caldatesel #CaldateselContent > div.calDayBr{display: none;}
#Caldatesel .calenTop td select{border: none; font-size: 20px;}

/* 2024.03.11 추가 */
.common_select_box {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background-color: #fff;
    font-size: 16px;
    line-height: 1.25em;
    outline: none;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    max-width: 325px;
}
.common_select_box select {
    background-color: transparent;
    border: unset;
    width: 100%;
    height: 100%;
    outline: unset;
    padding: 0 15px;
}
/* END 2024.03.11 추가 */


/* 2024.10.16 추가 */
/* 커뮤니티 */
/* 공지사항 */
.notice_custom {
    border-top: 2px solid #53803c;
    margin-top: -20px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.readTop.notice_custom .imgTitle_sub {
    order: 2;
    margin-top: 0 !important;
}

.readBottom.notice_th_custom table tr th {
    background-color: #f5f5f5;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
}

/* .readTop.notice_custom .imgTitle {
    font-weight: 700 !important;
} */

.notice_button_custom {
    background: #53803c !important;
    border-radius: 30px;
    
}

/* 소식지 */

.news_custom {
    border-top: 2px solid #53803c;
    margin-top: -20px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.readTop.news_custom .imgTitle_sub {
    order: 1;
    margin-top: 0 !important;
}

/* q&a */
.commu_write_custom {
    background-color: #53803c !important;
    border-radius: 30px;
    font-size: 16px !important;
}

.qa_select_custom select {
    padding: 0 35px 0 0px;
    font-size: 16px;
    border-radius: 30px;
    height: 40px;
    width: 110px;
}
.qa_select_custom select:focus {outline: none;}


.qa_select_custom input[type="text"] {
    border-radius: 30px;
    width: 600px;
    height: 40px;

}
.qa_select_custom input:focus {outline: none;}
.qa_select_custom .qa_search_custom {
    display: inline-flex;
    width: 120px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    border: none;
    background-color: #b1b1b1;
    color: #ffffff;
    font-size: 16px;
}

@media all and (max-width:1000px) {
    .qa_select_custom input[type="text"] {
        width: 200px;
    }

    .qa_select_custom .qa_search_custom {
        width: 90px;
    }
    .qa_select_custom select {
        width: 90px;
        padding: 0px 15px 0 0px;
    }

}

.writeForm.qa_writeForm_custom {
    margin-top: 0 !important;
}
.writeForm.qa_writeForm_custom table {border-top: 2px solid #53803c;}
.writeForm span.col01 {
    color: #53803c;
}

.inputname_custom {
    border-radius: 30px !important;
}

.inputname_custom:focus {outline: none;}


.writeForm.qa_writeForm_custom  > table > tbody > tr > th {
    padding: 10px 10px 10px 30px;
    background-color: #f5f5f5;
}

.submit_btn_custom {background-color: #53803c !important;border-radius: 30px;}
.can_btn_custom {border-radius: 30px;background-color: #c4c7c3 !important;}

@media all and (max-width:768px){
    .m_table_yo .m_none{display: none;}
    .m_table_yo table{width: 100%;}
}


/* 20241121 추가 */
.mobile_title_custom {display: none; margin-top: 10px;}

@media all and (max-width:1024px){
    .mobile_title_custom {display: block;}
}


/* 20250723 추가 */
.del_btn {
    width: 102px;
    height: 40px;
    background-color: #f3fbf0;
    font-family: Pretendard;
font-weight: 700;
font-style: Bold;
font-size: 20px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;
color: #53803C;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
cursor: pointer;
}

.btn_div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sel_gruop select {
    outline: 0;
    border: 1px solid #53803C;
    border-radius: 5px;
    padding: 4px 2px;
    font-size: 18px;
}