@charset "utf-8";

.reservation{}
.reservation .search-area{}
.reservation .re-info{position:relative;border-radius: 10px;border: solid 1px #057e54;padding:10px 45px 10px 15px;background: #fff;display: none;}
.reservation .re-info i{position: absolute;top:19px;right:20px;display: inline-block;}
.reservation .re-info i img{display: block;}
.reservation .re-info p{display: flex;gap:20px;font-size: 13px;font-weight: 500;letter-spacing: -0.26px;color: #202020;}
.reservation .re-info p span{position: relative;}
.reservation .re-info p span:before{content: "";position: absolute;left:-17px;display:block;width:16px;height:16px;background: url(/_public/images2/icon/info_arrow.svg) no-repeat;background-size: cover;}
.reservation .re-info p span:first-child:before{display: none;}

.reservation .list{display: flex;justify-content: space-between;gap:20px;}
.reservation .list .left{width:100%;max-width:300px;}
.reservation .list .left .close-filter{position: absolute;top:20px;right:20px;display: none;}
.reservation .list .left .close-filter img{display: block;}
.reservation .list .option-box{border-radius:10px;border:solid 1px #057e54;background: #fff;padding:25px;box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.12);}
.reservation .list .option-box .inner{overflow-y: auto;}
.reservation .list .filter-box{}
.reservation .list .filter-box h3{font-size: 17px;font-weight: 600;letter-spacing: -0.34px;color:#057e54;}
.reservation .list .filter-box ul{margin-top:20px;}
.reservation .list .filter-box ul.on{overflow-y: auto;}
.reservation .list .filter-box ul li{}
.reservation .list .filter-box ul li:nth-child(5n) {padding-top:12px;border-top:1px dashed #e5e5e5;}
.reservation .list .filter-box ul li + li{margin-top:12px;}
.reservation .list .filter-box ul li label {font-size:14px;font-weight:400;padding-left:25px;}
.reservation .list .filter-box ul li input[type="checkbox"]:checked + label {font-weight:600;}
.reservation .list .filter-box .btn-more{margin-top:20px;display: flex;align-items: center;justify-content: center;width:100%;height:38px;border-radius: 10px;border: solid 1px #e5e5e5;background: #fff; font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #202020;}
.reservation .list .filter-box .btn-more em{font-weight: bold;}
.reservation .list .filter-box .btn-more:after{content: "";position: relative;display:block;width:17px;height:17px;background: url(/_public/images2/icon/more2.svg) no-repeat;background-size: cover;margin-left: 5px;}
.reservation .list .filter-box .btn-more.on:after{background: url(/_public/images2/icon/ico_minus4.svg) no-repeat;background-size: cover;margin-left: 5px;}
.reservation .list .option-box .btn-box{margin-top:25px;border-top:2px solid #e5e5e5;padding-top: 25px;}
.reservation .list .option-box .btn-box .btn-reset{display: flex;align-items: center;justify-content: center; border-radius: 10px;border: solid 1px #ccc;background: #f5f5f5;width:100%;height:48px; font-size: 15px;font-weight: 600;letter-spacing: -0.3px;text-align: center;color: #787878;gap:4px;}
.reservation .list .option-box .btn-box .btn-reset:after{content: "";position: relative;width: 17px;height:17px;display: block;background: url(/_public/images2/icon/ico_reset.svg) no-repeat;background-size: cover;}
.reservation .list .ct-car{margin-bottom: 25px;border-bottom: 2px solid #e5e5e5;padding-bottom: 25px;}
.reservation .list .ct-car h3{font-size: 18px;font-weight: 700;letter-spacing: -0.34px;color:#057e54;}
.reservation .list .ct-car ul{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px;}
.reservation .list .ct-car ul li{}
/* .reservation .list .ct-car ul li + li{margin-top:10px;} */
.reservation .list .ct-car ul li:first-child {width:100%;}
.reservation .list .ct-car ul li label {font-size:14px;font-weight:400;padding-left:25px;}
.reservation .list .ct-car ul li input[type="checkbox"]:checked + label {font-weight:600;}



.reservation .list .right{width:100%;max-width:840px;}
.reservation .list .list-box{}
.reservation .list .list-box .total{margin-bottom: 5px; font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #707070;}
.reservation .list .list-box .total strong{display: inline-block;color: #191919;}

.reservation .list .list-box .chk-list{padding: 10px;border-radius: 10px;border: solid 1px #e5e5e5;background: #fff;margin-bottom: 30px;}
.reservation .list .list-box .chk-list .inner{display: flex;flex-wrap: wrap;gap:5px;}
.reservation .list .list-box .chk-list .checkbox-type6{width:calc(16.666% - 5px);}
.reservation .list .list-box .list-top{margin-top:10px;display: flex;justify-content:flex-end;}
.reservation .list .list-box .list-top p{font-size: 17px;font-weight: 500;letter-spacing: -0.34px;color: #202020;}
.reservation .list .list-box .list-top span{display:inline-block;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #707070;}
.reservation .list .list-box .sort{display: flex;}
.reservation .list .list-box .sort .btn-filter{display: none;width: 105px;height: 36px;border-radius: 18px;border: solid 1px #121212;align-items: center;justify-content: center;font-size: 15px;font-weight: 600;letter-spacing: -0.3px;color: #121212;gap: 5px;}
.reservation .list .list-box .sort .btn-filter:after{content: "";display: inline-block;width: 15px;height: 15px;background: url(/_public/images2/icon/ico_filter.svg) no-repeat;background-size: cover;}
.reservation .list .list-box .sort .inner{display: flex;width:100%;}
.reservation .list .list-box .sort a{flex:1;display: flex;align-items: center;justify-content: center;height:50px; border: solid 1px #e5e5e5;background: #fff;font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #787878;}
.reservation .list .list-box .sort a + a{margin-left:-1px;}
.reservation .list .list-box .sort a:first-child{border-radius: 5px 0 0 5px;}
.reservation .list .list-box .sort a:last-child{border-radius: 0 5px 5px 0;}
.reservation .list .list-box .sort a.on{position: relative;background: #121212;color:#fff;}
.reservation .list .list-box ul{margin-top:30px;}
.reservation .list .list-box ul li{}
.reservation .list .list-box ul li + li{margin-top:30px;padding-top:30px;border-top:1px solid #e5e5e5;}
.reservation .list .list-box ul li .title-box{display: flex;align-items: flex-end;justify-content: space-between;}
.reservation .list .list-box ul li .title-box h3{font-size: 22px;font-weight: bold;letter-spacing: -0.44px;color: #202020;}
.reservation .list .list-box ul li .title-box h3 span{margin-left:5px;position: relative;top:-1px;display: inline-block;padding-left: 20px; font-size: 16px;font-weight: bold;letter-spacing: -0.28px;color: #202020;vertical-align: middle;}
.reservation .list .list-box ul li .title-box h3 span:before{content: "";position: absolute;top:2px;left:0;width:16px;height:16px;display: block;background: url(/_public/images2/icon/ico_star.svg) no-repeat;background-size: cover;}
.reservation .list .list-box ul li .title-box h3 span em{font-weight: normal;color:#707070;}
.reservation .list .list-box ul li .title-box i{display: inline-block;}
.reservation .list .list-box ul li .title-box i img{display: block;}
.reservation .list .list-box ul li .cont-box{margin-top:10px;display: flex;gap:25px;}
.reservation .list .list-box ul li .cont-box .l-cont{width:calc(100% - 185px);}
.reservation .list .list-box ul li .cont-box .l-cont .cont1{display: flex;flex-wrap:wrap;gap:25px;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .img{display: inline-block;width:280px;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .img img{display: block;width:100%;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation{width:calc(100% - 305px);}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation h4{font-size: 17px;font-weight: bold;letter-spacing: -0.32px;color: #707070;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation h4 em{display:block;color:#202020;margin-top: 8px;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation h4 span{display: inline-block;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #707070;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation h4 em .car-nt {font-size:15px;font-weight:500;display:inline-block;margin-left:5px;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation .office{margin-top:5px;position: relative;padding-left:64px;font-size: 14px;font-weight: 500;line-height: 1.43;letter-spacing: -0.28px;text-align: left;color: #202020;word-break: auto-phrase;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation .office span{position: absolute;left:0;padding-left: 16px;font-size: 14px;font-weight: 600;letter-spacing: -0.28px;text-align: left;color: #707070;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation .office span:before{content: "";position: absolute;top:2px;left:0;display: block;width:15px;height:15px;background: url(/_public/images2/icon/ico_marker5.svg) no-repeat;background-size: cover;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation .car-info{margin-top:25px;display: flex;flex-wrap: wrap;gap:5px;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .car-info span{display: flex;gap:2px;align-items: center;padding:0 8px;border-radius: 5px;border: solid 1px #e5e5e5;background-color: #fff;font-size: 13px;font-weight: 500;letter-spacing: -0.26px;color: #707070;line-height:21px;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .car-info span strong{display: inline-block;font-weight: 500;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .car-info span i{display: inline-block;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .car-info span i img{display:block;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .car-info span em{display: inline-block;font-weight: 600;color: #202020;}

.reservation .list .list-box ul li .cont-box .l-cont .cont1 .option-list{margin-top:10px;display: flex;flex-wrap: wrap;gap:5px;max-height: 55px;overflow: hidden;}
.reservation .list .list-box ul li .cont-box .l-cont .cont1 .option-list span{display: inline-block;line-height: 24px;padding:0 10px;font-size: 12px;font-weight: 600;letter-spacing: -0.24px;text-align: center;color: #202020;border-radius: 5px;background: #f3f1f1;}
.reservation .list .list-box ul li .cont-box .l-cont .cont2{margin-top:20px;padding:10px 15px; border-radius: 10px;border: solid 1px #e5e5e5;}
.reservation .list .list-box ul li .cont-box .l-cont .cont2 p{position: relative;padding-left: 17px;font-size: 12px;font-weight: 500;line-height: 1.33;letter-spacing: -0.24px;color: #656565;}
.reservation .list .list-box ul li .cont-box .l-cont .cont2 p:before{content: "";position: absolute;top:0;left:0;background: url(/_public/images2/icon/ico_chk_blue.svg) no-repeat;background-size: cover;display: block;width:12px;height:12px;}
.reservation .list .list-box ul li .cont-box .l-cont .cont2 p + p{margin-top:8px;}
.reservation .list .list-box ul li .cont-box .r-cont{width:160px;}
.reservation .list .list-box ul li .cont-box .r-cont .car-info{border-radius: 10px;border: solid 1px #e5e5e5;background-color: #fff;padding:15px 15px 20px;}
.reservation .list .list-box ul li .cont-box .r-cont .car-info dt{width:58px;}
.reservation .list .list-box ul li .cont-box .r-cont .car-info dt span{position: relative;display: block;padding-left: 17px;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #707070;}
.reservation .list .list-box ul li .cont-box .r-cont .car-info dt span:before{content: "";position: absolute;top:1px;left:0;display:block;width:15px;height:15px;}
.reservation .list .list-box ul li .cont-box .r-cont .car-info dt span.icon01:before{background: url(/_public/images2/icon/car_icon01.svg) no-repeat;background-size: cover;}
.reservation .list .list-box ul li .cont-box .r-cont .car-info dt span.icon02:before{background: url(/_public/images2/icon/car_icon02.svg) no-repeat;background-size: cover;}
.reservation .list .list-box ul li .cont-box .r-cont .car-info dt span.icon03:before{background: url(/_public/images2/icon/car_icon03.svg) no-repeat;background-size: cover;}
.reservation .list .list-box ul li .cont-box .r-cont .car-info dt span.icon04:before{background: url(/_public/images2/icon/car_icon04.svg) no-repeat;background-size: cover;}
.reservation .list .list-box ul li .cont-box .r-cont .car-info dt span.icon05:before{background: url(/_public/images2/icon/car_icon05.svg) no-repeat;background-size: cover;}
.reservation .list .list-box ul li .cont-box .r-cont .car-info dd{padding:0 0 10px 58px;font-size: 14px;font-weight: 600;line-height: 1.14;letter-spacing: -0.28px;color: #a83e28;}
.reservation .list .list-box ul li .cont-box .r-cont .alarm{margin-top:15px;display: flex;flex-direction: column;gap:5px;align-items: flex-end;min-height:50px;}
.reservation .list .list-box ul li .cont-box .r-cont .alarm span{display: inline-block; border-radius: 5px;border: solid 1px #ffa288;font-size: 12px;font-weight: 600;letter-spacing: -0.24px;color: #fe4715;padding: 5px 10px;line-height:1;}
.reservation .list .list-box ul li .cont-box .r-cont .alarm span i{display: inline-block;vertical-align: middle;}
.reservation .list .list-box ul li .cont-box .r-cont .alarm span i img{display:block;}
.reservation .list .list-box ul li .cont-box .r-cont .price{margin-top:25px;display: flex;flex-direction: column;align-items: flex-end;gap:5px;}
.reservation .list .list-box ul li .cont-box .r-cont .price span{display: inline-block;position: relative;padding-left: 20px;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #787878;}
.reservation .list .list-box ul li .cont-box .r-cont .price span:before{content: "";position: absolute;top:1px;left:0;width:15px;height:15px;background: url(/_public/images2/icon/ico_day.svg) no-repeat;background-size: cover;}
.reservation .list .list-box ul li .cont-box .r-cont .price strong{display: inline-block; font-size: 26px;font-weight: bold;letter-spacing: -0.52px;color: #191919;line-height: 1;}
.reservation .list .list-box ul li .cont-box .r-cont a{margin-top:15px;display: flex;align-items: center;justify-content: center;height:50px;border-radius: 10px;background: #f8e436; font-size: 15px;font-weight: 700;letter-spacing: -0.3px;text-align: center;color: #191919;}
.reservation .list .list-box ul li .cont-box .r-cont a br{display: none;}

.reservation .list .list-viewmore {display:flex;gap:5px;align-items:center;justify-content:center;width:100%;line-height:55px;border:1px solid #e5e5e5;font-size:16px;font-weight:500;margin-top:40px;transition:all 0.4s;}
.reservation .list .list-viewmore:hover {border:1px solid #057e54;color:#057e54;}
.reservation .list .list-viewmore img {display:block;}

.reservation .view{margin-top:30px;display: flex;justify-content: space-between;gap:20px;}
.reservation .view .left{width:100%;max-width:760px;}
.reservation .view .left .title-box{display: flex;justify-content: space-between;}
.reservation .view .left .title-box h3{font-size: 22px;font-weight: bold;line-height: 1.45;letter-spacing: -0.44px;color: #202020;max-width: calc(100% - 100px);word-break: auto-phrase;}
.reservation .view .left .title-box i{display: inline-block;width:80px;}
.reservation .view .left .title-box i img{display:block;}
.reservation .view .left .option-list{margin-top:25px;display: flex;flex-wrap: wrap;gap:5px;}
.reservation .view .left .option-list span{width:calc(16.6666% - 5px);display: flex;align-items: center;justify-content: center;height:42px;border-radius: 5px;border:1px solid #f8f8f8;background: #f8f8f8; font-size: 13px;font-weight: normal;line-height:normal;letter-spacing: -0.26px;text-align: center;color: #ccc;word-break:keep-all;padding:0 4px;}
.reservation .view .left .option-list span.on{border-color: #057e54;color:#057e54;background: #fff;font-weight: 600;}
.reservation .view .left .slide-box{position:relative;margin-top:15px;}
.reservation .view .left .carSwiper{}
.reservation .view .left .carSwiper .swiper-slide{position: relative;}
.reservation .view .left .carSwiper .swiper-slide img{display: block;width:100%;border-radius: 20px;}
.reservation .view .left .carSwiper2{margin-top:10px;}
.reservation .view .left .carSwiper2 .swiper-slide{position: relative;opacity: 0.5;width:120px;}
.reservation .view .left .carSwiper2 .swiper-slide img{display: block;width:100%;border-radius: 10px;}
.reservation .view .left .carSwiper2 .swiper-slide.swiper-slide-thumb-active{opacity: 1;}
.reservation .view .left .slide-box .txt-noti{position: relative;margin-top:15px;padding:10px 10px 10px 40px; border-radius: 5px;border: solid 1px #e5e5e5;background: #fff; font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #707070;}
.reservation .view .left .slide-box .txt-noti:before{content: "";position: absolute;top:11px;left:20px;width:16px;height:16px;background: url(/_public/images2/icon/ico_info.svg) no-repeat;background-size: cover;}
.reservation .view .left .txt-list{margin-top:20px;}
.reservation .view .left .txt-list p{position: relative;border-radius: 10px;border: solid 1px #c5ccef;background-color: #f9faff;padding:10px 10px 10px 32px;font-size: 14px;font-weight: 500;line-height: 1.23;letter-spacing: -0.26px;color: #656565;word-break: auto-phrase;}
.reservation .view .left .txt-list p:before{content: "";position: absolute;top:11px;left: 15px;background: url(/_public/images2/icon/ico_chk_blue.svg) no-repeat;background-size: cover;display: block;width: 12px;height: 12px;}
.reservation .view .left .txt-list p + p{margin-top: 5px;}
.reservation .view .left .box{margin-top:30px;padding: 30px;border-radius: 20px;border: solid 1px #e5e5e5;background-color: #fff;}
.reservation .view .left .box.gray{border-color: #f8f8f8;background: #f8f8f8;}
.reservation .view .left .box.orange{border-color: #057e54;}
.reservation .view .left .box h3{position:relative;font-size: 20px;font-weight: 600;letter-spacing: -0.36px;color: #202020;margin-bottom: 15px;}
.reservation .view .left .box h3 a{position:absolute;right:0;top:0;display: inline-block;line-height: 32px;border-radius: 5px;background: #057e54;padding:0 15px; font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #fff;}
.reservation .view .left .box.orange h3{color:#057e54;}
.reservation .view .left .box h5{margin:30px 0 15px;font-size: 18px;font-weight: 600;letter-spacing: -0.36px;}
.reservation .view .left .car-info1{display: flex;flex-wrap: wrap;gap:5px;}
.reservation .view .left .car-info1 li{width:calc(50% - 5px);position: relative;padding-left: 51px;font-size: 15px;font-weight: normal;letter-spacing: -0.3px;color: #202020;}
.reservation .view .left .car-info1 li em{display: inline-block;position: absolute;left:0;font-weight: 500;}
.reservation .view .left .car-info2{margin-top:15px;padding-top:15px;border-top:1px solid #e5e5e5;display: flex;flex-wrap: wrap;gap:5px;}
.reservation .view .left .car-info2 li{position:relative;width:calc(50% - 5px);padding-left: 85px; font-size: 15px;font-weight: 600;letter-spacing: -0.3px;color: #202020;}
.reservation .view .left .car-info2 li em{position: absolute;left:0;padding-left: 25px;font-weight: 500;color:#707070;}
.reservation .view .left .car-info2 li em:before{content: "";position: absolute;top:2px;left:0;display:block;width:15px;height:15px;}
.reservation .view .left .car-info2 li em.icon01:before{background: url(/_public/images2/icon/car_icon01.svg) no-repeat;background-size: cover;}
.reservation .view .left .car-info2 li em.icon02:before{background: url(/_public/images2/icon/car_icon02.svg) no-repeat;background-size: cover;}
.reservation .view .left .car-info2 li em.icon03:before{background: url(/_public/images2/icon/car_icon03.svg) no-repeat;background-size: cover;}
.reservation .view .left .car-info2 li em.icon04:before{background: url(/_public/images2/icon/car_icon04.svg) no-repeat;background-size: cover;}
.reservation .view .left .car-info2 li em.icon05:before{background: url(/_public/images2/icon/car_icon05.svg) no-repeat;background-size: cover;}
.reservation .view .left .car-info2 li em.icon06:before{background: url(/_public/images2/icon/car_icon06.svg) no-repeat;background-size: cover;}

.reservation .view .left .license-box{}
.reservation .view .left .license-box figure{}
.reservation .view .left .license-box figure img{display: block;margin:0 auto 15px;max-width:640px;}
.reservation .view .left .license-box figure figcaption{display: block;font-size: 14px;font-weight: normal;line-height: 1.53;letter-spacing: -0.3px;color: #202020;word-break: auto-phrase;padding:5px 15px;background:#f8f8f8;border-radius:8px;}
.reservation .view .left .license-box figure figcaption span{color: #f04747;;}
.reservation .view .left .license-box strong{display: block;margin-top:15px;font-size: 17px;line-height: 1.4;letter-spacing: -0.3px;color: #202020;}
.reservation .view .left .license-box p{margin-top:10px;font-size: 15px;font-weight: normal;line-height: 1.4;letter-spacing: -0.3px;color: #202020;word-break: auto-phrase;}
.reservation .view .left .license-box p em{font-weight: bold;}
.reservation .view .left .license-box ol{margin-top:5px;padding:8px 15px;border:1px solid #e50000;border-radius:8px;}
.reservation .view .left .license-box ol li{font-size: 15px;font-weight: 700;line-height: 1.53;letter-spacing: -0.3px;word-break: auto-phrase;color:#E50000;}
/* .reservation .view .left .license-box ol li + li{margin-top:5px;} */
.reservation .view .left .license-box ul {margin-top:5px;}
.reservation .view .left .license-box ul li {font-size: 15px;line-height: 1.6;word-break:keep-all;position:relative;padding-left:19px;}
.reservation .view .left .license-box ul li:before {content:"";display:block;width:14px;height:14px;background:url(/_public/images2/icon/chk5.svg) no-repeat;background-size:cover;position:absolute;top:5px;left:0;}
.reservation .view .left .license-box ul li em {font-weight:700;}
.reservation .view .left .license-box p:last-child {margin-top:8px;font-size: 14px;padding:5px 15px;background:#f8f8f8;border-radius:8px;border:1px solid #e5e5e5;}
.reservation .view .left .txt-box{}
.reservation .view .left .txt-box .txt-cont{position:relative;overflow: hidden;max-height: 213px;font-size: 15px;font-weight: normal;line-height: 1.53;letter-spacing: -0.3px;text-align: left;color: #202020;}
.reservation .view .left .txt-box .txt-cont:after{content: "";position: absolute;left:0;bottom:0;width:100%;height:80px;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 77%);}
.reservation .view .left .txt-box .txt-cont  *{font-family: 'NanumBarunGothic' !important;}
.reservation .view .left .txt-box button{display: flex;align-items:center;justify-content:center;width:100%;height:42px;gap:10px;border-radius: 10px;border: solid 1px #e5e5e5;background-color: #fff;font-size: 15px;font-weight: 600;letter-spacing: -0.3px;color: #202020;}
.reservation .view .left .txt-box button:after{content: "";position: relative;background: url(/_public/images2/icon/more3.svg) no-repeat;background-size: cover;display: block;width:15px;height:15px;}
.reservation .view .left .txt-box button.on:after{transform: rotate(-180deg);}
.reservation .view .left .txt-box.on .txt-cont{max-height: initial;}
.reservation .view .left .txt-box.on .txt-cont:after{opacity: 0;}
.reservation .view .left .flex-box{display: flex;gap:10px;}
.reservation .view .left .flex-box + .flex-box{margin-top:10px;}
.reservation .view .left .flex-box .inbox{position:relative;flex:1;padding:20px;border-radius: 10px;background: #f8f8f8;}
.reservation .view .left .flex-box .inbox h4{display: flex;align-items: center;justify-content: space-between; font-size: 15px;font-weight: bold;letter-spacing: -0.3px;color: #057e54;padding-bottom: 5px;border-bottom: 1px solid #ccc;}
.reservation .view .left .flex-box .inbox h4 span{display: inline-block;  font-size: 15px;font-weight: 500;letter-spacing: -0.3px;text-align: right;color: #202020;}
.reservation .view .left .flex-box .inbox dl{margin-top:15px;}
.reservation .view .left .flex-box .inbox dl dt{width:70px;font-size: 13px;font-weight: bold;line-height: 1.38;letter-spacing: -0.26px;color: #202020;}
.reservation .view .left .flex-box .inbox dl dt.case2{top:8px;}
.reservation .view .left .flex-box .inbox dl dd{padding:0 0 9px 70px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .view .left .flex-box .inbox dl dd .input-box{display: flex;gap:15px;align-items: center;}
.reservation .view .left .flex-box .inbox dl dd .input-box + .input-box{margin-top:5px;}
.reservation .view .left .flex-box .inbox dl dd .input-box span{display: inline-block;width:36px;}
.reservation .view .left .flex-box .inbox dl dd .input-box select{padding:0 10px;width:95px;height:31px; border-radius: 5px;border: solid 1px #e5e5e5;background: #fff url(/_public/images2/icon/select_icon4.svg) no-repeat;background-position: 95% 50%;}
.reservation .view .left .flex-box .inbox dl dd .input-box select.select2{width:155px;}
.reservation .view .left .flex-box .inbox dl dd .input-box select.select3{width:260px;}
.reservation .view .left .flex-box .inbox dl dd .input-box a{position:relative;display: inline-block;padding-right: 16px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #057e54;}
.reservation .view .left .flex-box .inbox dl dd .input-box a:after{content: "";position: absolute;top:1px;right:0;background: url(/_public/images2/icon/ico_view5.svg) no-repeat;background-size: cover;display: block;width:15px;height:15px;}
.reservation .view .left .flex-box .inbox dl dd .checkbox-type2 label{padding-left: 25px; font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .view .left .flex-box .inbox dl dd .checkbox-type2 label:before{top:-3px;}
.reservation .view .left .flex-box .inbox dl dd .radio-type2 label{padding-left: 25px; font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .view .left .flex-box .inbox dl dd .radio-type2 label:before{top:0;}
.reservation .view .left .flex-box .inbox dl dd .radio-box{}
.reservation .view .left .flex-box .inbox dl dd .radio-box .radio-type2{display: block;}
.reservation .view .left .flex-box .inbox dl dd .radio-box .radio-type2 + .radio-type2{margin-top:5px;}
.reservation .view .left .flex-box .inbox dl dd .chk-box{display: flex;flex-direction: column;gap:5px;}
.reservation .view .left .flex-box .inbox dl dd .txt-info{margin-top:5px;position: relative;padding:5px 5px 5px 35px;font-size: 12px;font-weight: 500;letter-spacing: -0.24px;color: #707070; border-radius: 5px;background: #fff;}
.reservation .view .left .flex-box .inbox dl dd .txt-info:before{content: "";position: absolute;left:14px;display:block;width:15px;height:15px;background: url(/_public/images2/icon/ico_info2.svg) no-repeat;background-size: cover;}
.reservation .view .left .flex-box .inbox dl dd .txt-info.none{padding:5px 15px;}
.reservation .view .left .flex-box .inbox dl dd .txt-info.none:before{display: none;}
.reservation .view .left .flex-box .inbox dl.case2 dt{width:113px;}
.reservation .view .left .flex-box .inbox dl.case2 dd{padding:0 0 25px 113px;}
.reservation .view .left .view-tab{display: flex;margin-top:30px;}
.reservation .view .left .view-tab button{flex:1;display: flex;align-items: center;justify-content: center;height:52px; border: solid 1px #e5e5e5;background: #fff; font-size: 15px;font-weight: 500;line-height: normal;letter-spacing: -0.3px;text-align: center;color: #787878;}
.reservation .view .left .view-tab button:first-child{border-radius: 5px 0 0 5px;}
.reservation .view .left .view-tab button:last-child{border-radius:0 5px 5px 0;}
.reservation .view .left .view-tab button + button{margin-left: -1px;}
.reservation .view .left .view-tab button.on{background: #121212;color:#fff;font-weight: 600;}
.reservation .view .left .tab-cont{display: none;margin-top:20px;}
.reservation .view .left .location-box{display: flex;gap:15px;}
.reservation .view .left .location-box .map{width:100%;max-width: 280px;border-radius: 10px;overflow: hidden;}
.reservation .view .left .location-box .map iframe{display: block;width:100%;height:280px;}
.reservation .view .left .location-box .map-info{width:100%;max-width:405px;border-radius: 10px;background: #f8f8f8;padding:10px 20px 20px;}
.reservation .view .left .location-box .map-info table{}
.reservation .view .left .location-box .map-info table tbody tr th{width:100px;font-size: 14px;font-weight: bold;letter-spacing: -0.28px;color: #202020;padding:10px 0;border-bottom: 1px solid #e5e5e5;text-align: left;}
.reservation .view .left .location-box .map-info table tbody tr td{font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #202020;padding:10px 0;border-bottom: 1px solid #e5e5e5;}
.reservation .view .left .location-box .map-info table tbody tr:last-child th{border-bottom: 0;}
.reservation .view .left .location-box .map-info table tbody tr:last-child td{border-bottom: 0;}
.reservation .view .left .review-box{}
.reservation .view .left .review-box .total-review{ padding: 30px;border-radius: 20px;border: solid 1px #ee9c86;background-color: #fff6f3;}
.reservation .view .left .review-box .total-review h3{font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #057e54;}
.reservation .view .left .review-box .total-review .inbox{display: flex;gap:20px;margin-top:20px;justify-content: space-between;}
.reservation .view .left .review-box .total-review .inbox .grade{width:100%;max-width: 165px;}
.reservation .view .left .review-box .total-review .inbox .grade em{display: block; font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #707070;}
.reservation .view .left .review-box .total-review .inbox .grade p{margin-top:10px; font-size: 20px;font-weight: normal;line-height: 1;letter-spacing: -0.4px;color: #707070;}
.reservation .view .left .review-box .total-review .inbox .grade p strong{display: inline-block; font-size: 32px;font-weight: 600;letter-spacing: -0.64px;color: #202020;}
.reservation .view .left .review-box .total-review .inbox .grade .star{display: flex;margin-top:15px;gap:15px;align-items: center;}
.reservation .view .left .review-box .total-review .inbox .grade .star i{display: inline-block;}
.reservation .view .left .review-box .total-review .inbox .grade .star i img{display:block;}
.reservation .view .left .review-box .total-review .inbox .grade .star span{display: inline-block;  font-size: 12px;font-weight: 500;letter-spacing: -0.24px;color: #057e54;line-height: 1;}
.reservation .view .left .review-box .total-review .inbox .list-box{width:100%;max-width:450px;}
.reservation .view .left .review-box .total-review .inbox .list-box ul{width:100%;display: flex;flex-wrap: wrap;gap:10px;}
.reservation .view .left .review-box .total-review .inbox .list-box ul li{width:calc(50% - 5px);height:46px;display: flex;align-items: center;justify-content: space-between;padding:0 20px; border-radius: 10px;background-color: #fff;}
.reservation .view .left .review-box .total-review .inbox .list-box ul li span{display: inline-block; font-size: 15px;font-weight: 600;letter-spacing: -0.3px;color: #202020;}
.reservation .view .left .review-box .total-review .inbox .list-box ul li i{display: inline-block;}
.reservation .view .left .review-box .total-review .inbox .list-box ul li i img{display:block;}
.reservation .view .left .review-box .review-list{margin-top:20px;}
.reservation .view .left .review-box .review-list .sort{display: flex;justify-content: flex-end;}
.reservation .view .left .review-box .review-list .sort select{padding: 0 10px;width: 160px;height: 31px;border-radius: 5px;border: solid 1px #e5e5e5;background: #fff url(/_public/images2/icon/select_icon4.svg) no-repeat;background-position: 95% 50%;}
.reservation .view .left .review-box .review-list ul{margin-top:10px;}
.reservation .view .left .review-box .review-list ul li{padding: 30px;border-radius: 20px;border: solid 1px #e5e5e5;background-color: #fff;}
.reservation .view .left .review-box .review-list ul li + li{margin-top:10px;}
.reservation .view .left .review-box .review-list ul li .review-top{display: flex;gap:40px;align-items: flex-end;}
.reservation .view .left .review-box .review-list ul li .review-top figure{display: flex;gap:15px;}
.reservation .view .left .review-box .review-list ul li .review-top figure > img{display: block;width:54px;height:54px;border-radius: 100%;}
.reservation .view .left .review-box .review-list ul li .review-top figure figcaption{}
.reservation .view .left .review-box .review-list ul li .review-top figure figcaption strong{display: block;font-size: 18px;font-weight: 500;letter-spacing: -0.36px;color: #202020;margin-bottom: 10px;}
.reservation .view .left .review-box .review-list ul li .review-top figure figcaption i{display: inline-block;}
.reservation .view .left .review-box .review-list ul li .review-top figure figcaption i img{display: block;}
.reservation .view .left .review-box .review-list ul li .review-top figure figcaption span{display: inline-block;margin-left: 8px;font-size: 15px;font-weight: bold;letter-spacing: -0.3px;color: #202020;vertical-align: middle;line-height: 1;position: relative;top: -3px;}
.reservation .view .left .review-box .review-list ul li .review-top .list-box{width:calc(100% - 223px);display: flex;gap:25px;position: relative;padding-left: 20px;top:-6px;}
.reservation .view .left .review-box .review-list ul li .review-top .list-box:before{content: "";position: absolute;bottom:0;left:0;width:1px;height:50px;background: #e5e5e5;}
.reservation .view .left .review-box .review-list ul li .review-top .list-box > div{}
.reservation .view .left .review-box .review-list ul li .review-top .list-box > div span{display: block;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #202020;}
.reservation .view .left .review-box .review-list ul li .review-top .list-box > div i{display: block;}
.reservation .view .left .review-box .review-list ul li .review-top .list-box > div i img{display: block;}
.reservation .view .left .review-box .review-list ul li .review-cont{margin-top:30px;}
.reservation .view .left .review-box .review-list ul li .review-cont h3{border-radius: 5px;background: #f8f8f8;padding:10px 15px;font-size: 14px;font-weight: 500;line-height: 1.43;letter-spacing: -0.28px;color: #202020;word-break: auto-phrase;}
.reservation .view .left .review-box .review-list ul li .review-cont .review-txt{margin-top:15px;}
.reservation .view .left .review-box .review-list ul li .review-cont .review-txt .txt-cont{position: relative; font-size: 13px;font-weight: normal;line-height: 1.54;letter-spacing: -0.26px;color: #202020;max-height:55px;overflow: hidden;}
.reservation .view .left .review-box .review-list ul li .review-cont .review-txt button{margin-top:20px;display: flex;align-items:center;justify-content:center;width:100%;height:42px;gap:10px;border-radius: 10px;border: solid 1px #e5e5e5;background-color: #fff;font-size: 15px;font-weight: 600;letter-spacing: -0.3px;color: #202020;}
.reservation .view .left .review-box .review-list ul li .review-cont .review-txt  button:after{content: "";position: relative;background: url(/_public/images2/icon/more3.svg) no-repeat;background-size: cover;display: block;width:15px;height:15px;}
.reservation .view .left .review-box .review-list ul li .review-cont .review-txt .txt-cont:after{content: "";position: absolute;left:0;bottom:0;width:100%;height:34px;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 77%);}
.reservation .view .left .review-box .review-list ul li .date{margin-top:20px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #707070;}
.reservation .view .left .review-box .review-list ul li .review-cont .review-txt.on{}
.reservation .view .left .review-box .review-list ul li .review-cont .review-txt.on .txt-cont{max-height: initial;}
.reservation .view .left .review-box .review-list ul li .review-cont .review-txt.on button:after{transform: rotate(-180deg);}
.reservation .view .left .review-box .review-list ul li .review-cont .review-txt.on .txt-cont:after{display: none;}

.reservation .view .left .review-panel{margin-top:30px;}
.reservation .view .left .review-panel .review-top{padding: 30px;border-radius: 20px;border: solid 1px #057e54;background-color: #f2fbf8;}
.reservation .view .left .review-panel .review-top h3{font-size: 18px;font-weight: bold;line-height: 1.11;letter-spacing: -0.36px;color: #057e54;}
.reservation .view .left .review-panel .review-top .grade{margin-top:20px;padding:0 40px;display: flex;gap:80px;align-items: center;}
.reservation .view .left .review-panel .review-top .grade .col{flex:1;}
.reservation .view .left .review-panel .review-top .grade .col .flex{display: flex;gap:20px;}
.reservation .view .left .review-panel .review-top .grade .col .flex{}
.reservation .view .left .review-panel .review-top .grade .col .flex em{display:block; font-size: 14px;font-weight: 500;line-height: 1;letter-spacing: -0.28px;color: #707070;margin-bottom: 10px;}
.reservation .view .left .review-panel .review-top .grade .col .flex .inner + .inner em{ font-size: 12px;font-weight: 500;letter-spacing: -0.24px;text-align: right;color: #057e54;}
.reservation .view .left .review-panel .review-top .grade .col .flex strong{display: flex;  font-size: 32px;font-weight: 600;line-height:1;letter-spacing: -0.64px;color: #202020;align-items: flex-end;gap:5px;}
.reservation .view .left .review-panel .review-top .grade .col .flex strong span{position:relative;top:-3px;display: inline-block;font-size: 20px;font-weight: normal;line-height: 1;letter-spacing: -0.4px;color: #707070;}
.reservation .view .left .review-panel .review-top .grade .col .flex i{display:block;width:157px;height:30px;}
.reservation .view .left .review-panel .review-top .grade .col .flex i.star00{background: url(/_public/images2/icon/g_star00.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-top .grade .col .flex i.star01{background: url(/_public/images2/icon/g_star01.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-top .grade .col .flex i.star02{background: url(/_public/images2/icon/g_star02.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-top .grade .col .flex i.star03{background: url(/_public/images2/icon/g_star03.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-top .grade .col .flex i.star04{background: url(/_public/images2/icon/g_star04.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-top .grade .col .flex i.star05{background: url(/_public/images2/icon/g_star05.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-top .grade ul{}
.reservation .view .left .review-panel .review-top .grade ul li{display: flex;align-items: center;gap:10px;}
.reservation .view .left .review-panel .review-top .grade ul li + li{margin-top:5px;}
.reservation .view .left .review-panel .review-top .grade ul li .txt1{display: inline-block;  font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #707070;}
.reservation .view .left .review-panel .review-top .grade ul li .bar{position:relative;width:calc(100% - 82px);  height:8px;border-radius: 4px;background-color: #fff;overflow: hidden;}
.reservation .view .left .review-panel .review-top .grade ul li .bar span{position: absolute;top:0;left:0;height:8px;border-radius: 4px;background-color: #057e54;}
.reservation .view .left .review-panel .review-top .grade ul li .txt2{width:40px;display:inline-block;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #191919;text-align: right;}
.reservation .view .left .review-panel .review-top .ct{margin-top:30px;display: flex;gap:5px;}
.reservation .view .left .review-panel .review-top .ct li{flex:1;display: flex;align-items: center;justify-content: space-between;padding:12px 15px;border-radius: 10px;background-color: #fff;}
.reservation .view .left .review-panel .review-top .ct li em{display: inline-block; font-size: 15px;font-weight: 600;line-height: 1;letter-spacing: -0.3px;color: #202020;}
.reservation .view .left .review-panel .review-top .ct li i{display: inline-block;width:94px;height:18px;}
.reservation .view .left .review-panel .review-top .ct li i.star00{background: url(/_public/images2/icon/y_star00.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-top .ct li i.star01{background: url(/_public/images2/icon/y_star01.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-top .ct li i.star02{background: url(/_public/images2/icon/y_star02.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-top .ct li i.star03{background: url(/_public/images2/icon/y_star03.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-top .ct li i.star04{background: url(/_public/images2/icon/y_star04.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-top .ct li i.star05{background: url(/_public/images2/icon/y_star05.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list{margin-top:20px;}
.reservation .view .left .review-panel .review-list .sort{display: flex;justify-content: flex-end;}
.reservation .view .left .review-panel .review-list .sort select{padding:0 30px 0 10px;width:160px;height:31px; border-radius: 5px;border: solid 1px #e5e5e5; font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;background: #fff url(/_public/images2/icon/more3.svg) 95% 50% no-repeat;}
.reservation .view .left .review-panel .review-list ul{margin-top:10px;}
.reservation .view .left .review-panel .review-list ul li{position:relative;padding: 30px;border-radius: 20px;border: solid 1px #e5e5e5;}
.reservation .view .left .review-panel .review-list ul li + li{margin-top:10px;}
.reservation .view .left .review-panel .review-list ul li .row1{display: flex;gap:50px;}
.reservation .view .left .review-panel .review-list ul li .row1 .grade{}
.reservation .view .left .review-panel .review-list ul li .row1 .grade strong{display: block;  font-size: 18px;font-weight: 500;line-height: 1.11;letter-spacing: -0.36px;color: #202020;margin-bottom: 5px;}
.reservation .view .left .review-panel .review-list ul li .row1 .grade span{display:flex;gap: 8px;  font-size: 15px;font-weight: bold;letter-spacing: -0.3px;color: #202020;}
.reservation .view .left .review-panel .review-list ul li .row1 .grade span i{display: inline-block;width:94px;height:18px;}
.reservation .view .left .review-panel .review-list ul li .row1 .grade span i.star00{background: url(/_public/images2/icon/g_star00.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list ul li .row1 .grade span i.star01{background: url(/_public/images2/icon/g_star01.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list ul li .row1 .grade span i.star02{background: url(/_public/images2/icon/g_star02.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list ul li .row1 .grade span i.star03{background: url(/_public/images2/icon/g_star03.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list ul li .row1 .grade span i.star04{background: url(/_public/images2/icon/g_star04.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list ul li .row1 .grade span i.star05{background: url(/_public/images2/icon/g_star05.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list ul li .row1 .ct{padding-left:25px;display: flex;gap:25px;border-left:1px solid #e5e5e5;}
.reservation .view .left .review-panel .review-list ul li .row1 .ct em{display: block; font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #202020;margin-bottom: 5px;}
.reservation .view .left .review-panel .review-list ul li .row1 .ct i{display: inline-block;width:94px;height:18px;}
.reservation .view .left .review-panel .review-list ul li .row1 .ct i.star00{background: url(/_public/images2/icon/y_star00.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list ul li .row1 .ct i.star01{background: url(/_public/images2/icon/y_star01.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list ul li .row1 .ct i.star02{background: url(/_public/images2/icon/y_star02.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list ul li .row1 .ct i.star03{background: url(/_public/images2/icon/y_star03.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list ul li .row1 .ct i.star04{background: url(/_public/images2/icon/y_star04.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list ul li .row1 .ct i.star05{background: url(/_public/images2/icon/y_star05.svg) no-repeat;background-size: cover;}
.reservation .view .left .review-panel .review-list ul li .row2{margin-top:30px;}
.reservation .view .left .review-panel .review-list ul li .row2 .cont-wrap{overflow: hidden;position: relative;height:58px;padding-right: 140px;}
.reservation .view .left .review-panel .review-list ul li .row2 .cont-wrap:after{content: "";position: absolute;left:0;bottom:0;width:100%;height:34px;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 77%);}
.reservation .view .left .review-panel .review-list ul li .row2 .txt1{padding:10px 15px; font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #202020; border-radius: 5px;background-color: #f8f8f8;word-break: auto-phrase;}
.reservation .view .left .review-panel .review-list ul li .row2 .thumnail-box{position: absolute;right:0;top:0;width:100px;height:100px;cursor: pointer;}
.reservation .view .left .review-panel .review-list ul li .row2 .thumnail-box img{display: block;width:100%;height:100%;object-fit: cover;}
.reservation .view .left .review-panel .review-list ul li .row2 .thumnail-box .mask{position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5);display: flex;flex-direction: column;align-items: center;justify-content: center;  font-size: 20px;font-weight: 500;letter-spacing: -0.4px;color: #fff;}
.reservation .view .left .review-panel .review-list ul li .row2 .thumnail-box .mask span{display: inline-block;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #fff;}
.reservation .view .left .review-panel .review-list ul li .row2 .img{margin-top:15px;display: flex;gap:10px;}
.reservation .view .left .review-panel .review-list ul li .row2 .img span{flex:1;display: block;}
.reservation .view .left .review-panel .review-list ul li .row2 .img span img{display: block;width:100%;}
.reservation .view .left .review-panel .review-list ul li .row2 .txt2{font-size: 13px;font-weight: normal;line-height: 1.54;letter-spacing: -0.26px;color: #202020;word-break: auto-phrase;}
.reservation .view .left .review-panel .review-list ul li .row2 button{margin-top:20px;display: flex;align-items:center;justify-content: center;gap:10px;width:100%;height: 42px; border-radius: 10px;border: solid 1px #e5e5e5;background-color: #fff; font-size: 15px;font-weight: 600;letter-spacing: -0.3px;color: #202020;line-height: 1;}
.reservation .view .left .review-panel .review-list ul li .row2 button:after{content: "";position: relative;display:inline-block;width:15px;height:15px;background: #fff url(/_public/images2/icon/more3.svg) no-repeat;transition: all 0.3s;}
.reservation .view .left .review-panel .review-list ul li .row2 .date{margin-top:20px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #707070;}
.reservation .view .left .review-panel .review-list ul li .row2 .cont-wrap.on{min-height:100px;height:100%;}
.reservation .view .left .review-panel .review-list ul li .row2 .cont-wrap.on:after{opacity: 0;}

.reservation .view .left .review-panel .review-list ul li .row2 button.on:after{transform: rotate(-180deg);}


.reservation .view .right{width:100%;max-width:400px;}
.reservation .view .right .box{position: sticky;top:30px;}
.reservation .view .right .box .inbox{padding:20px;border-radius: 20px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);border: solid 1px #e5e5e5;background-color: #fff;}
.reservation .view .right .box .inbox h3{font-size: 18px;font-weight: 600;letter-spacing: -0.36px;color: #057e54;display: flex;justify-content: space-between;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
.reservation .view .right .box .inbox h3 a{display: flex;width:130px;height:32px;align-items: center;justify-content: center; border-radius: 5px;background-color: #057e54; font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #fff;}
.reservation .view .right .box .inbox dl{margin-top:15px;padding-bottom: 20px;border-bottom: 1px solid #00442c;}
.reservation .view .right .box .inbox dl dt{width:80px;font-size: 13px;font-weight: bold;line-height: 1.38;letter-spacing: -0.26px;color: #202020;top:35px;}
.reservation .view .right .box .inbox dl dd{padding:0 0 5px 80px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .view .right .box .inbox dl dd ul{border-radius: 10px;background-color: #f8f8f8;padding:10px;}
.reservation .view .right .box .inbox dl dd ul li{position: relative;padding-left: 20px; font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .view .right .box .inbox dl dd ul li:before{content: "";position: absolute;left:0;width:15px;height:15px;}
/* .reservation .view .right .box .inbox dl dd ul li a{position: relative;display: inline-block;padding-right: 16px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #057e54;}
.reservation .view .right .box .inbox dl dd ul li a:after{content: "";position: absolute;top: 1px;right: 0;background: url(/_public/images2/icon/ico_view5.svg) no-repeat;background-size: cover;display: block;width: 15px;height: 15px;} */
.reservation .view .right .box .inbox dl dd ul li select {padding:4px 22px 4px 6px;border:1px solid #057e54;border-radius:5px;background:#fff url(/_public/images2/icon/more3.svg) no-repeat;background-position:97% 50%;background-size:14px;font-weight:500;max-width:180px;width:calc(100% - 56px);}
.reservation .view .right .box .inbox dl dd ul li a {position:relative;display:inline-block;font-size:13px;margin-left:2px;font-weight:600;padding:0px 5px;background:#057e54;border-radius:5px;line-height:26px;color:#fff;float:right;}
.reservation .view .right .box .inbox dl dd ul li .checkbox-type2{margin-left:10px;}
.reservation .view .right .box .inbox dl dd ul li .checkbox-type2 label{font-sizE:13px;padding-left: 25px;}
.reservation .view .right .box .inbox dl dd ul li .checkbox-type2 label:before{top:-1px;}
.reservation .view .right .box .inbox dl dd ul li + li{margin-top:4px;}
.reservation .view .right .box .inbox dl dd ul li.icon01:before{background: url(/_public/images2/icon/ico_day2.svg) no-repeat;background-size: cover;}
.reservation .view .right .box .inbox dl dd ul li.icon02:before{background: url(/_public/images2/icon/ico_marker6.svg) no-repeat;background-size: cover;top:3px;}
.reservation .view .right .box .inbox dl dd ul li.icon03:before{background: url(/_public/images2/icon/ico_chk6.svg) no-repeat;background-size: cover;}
.reservation .view .right .box .inbox .cont-box{padding:10px 0;}
.reservation .view .right .box .inbox .cont-box + .cont-box{border-top:1px dashed #ccc;}
.reservation .view .right .box .inbox .cont-box h4{position:relative;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #202020;}
.reservation .view .right .box .inbox .cont-box h4 span{display: inline-block;margin-left: 10px;  font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #707070;}
.reservation .view .right .box .inbox .cont-box h4 em{position: absolute;right:0;text-align: right; font-size: 14px;font-weight: bold;letter-spacing: -0.28px;color: #202020;}
.reservation .view .right .box .inbox .cont-box p{margin-top:5px;position: relative;padding-left: 7px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .view .right .box .inbox .cont-box p:before{content: "";position: absolute;top:8px;left:0;width:3px;height:1px;background: #202020;}
.reservation .view .right .box .btn-box{margin-top:30px;}
.reservation .view .right .box .btn-box p{display: flex;justify-content: center;gap:5px;  font-size: 16px;font-weight: 600;line-height: 1;letter-spacing: -0.32px;color: #202020;align-items: center;}
.reservation .view .right .box .btn-box p strong{display: inline-block;font-size: 24px;font-weight: bold;letter-spacing: -0.48px;/*color: #057e54;*/margin-left: 10px;}
.reservation .view .right .box .btn-box p span{display: inline-block;font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #707070;}
.reservation .view .right .box .btn-box .bb-txt {display:flex;justify-content:space-between;align-items:flex-end;padding:0 15px;}
.reservation .view .right .box .btn-box .bb-txt p:nth-child(2) {flex-direction:column;align-items:flex-end;text-align:right;gap:6px;}
.reservation .view .right .box .btn-box .bb-txt p:nth-child(2) em {display:block;position:relative;padding-left:23px;font-size:17px;}
.reservation .view .right .box .btn-box .bb-txt p:nth-child(2) em:before {content:"";display:block;width:18px;height:18px;background:url(/_public/images2/icon/ico_won.svg) no-repeat;background-size:cover;position:absolute;top:0;left:0;}
.reservation .view .right .box .btn-box .bb-txt p:nth-child(2) strong {margin:0;}


.reservation .view .right .box .btn-box button{margin-top:20px;display: flex;align-items:center;justify-content: center;width:100%;height:60px;border-radius: 10px;background-color: #f8e436; font-size: 20px;font-weight: bold;letter-spacing: -0.4px;text-align: center;color: #191919;}



.reservation .reserv-box{display: flex;justify-content: space-between;gap:20px;}
.reservation .reserv-box .left{width:100%;max-width:760px;}

.reservation .reserv-box .left .title{font-size: 28px;font-weight: bold;letter-spacing: -0.56px;color: #202020;margin-bottom: 10px;}
.reservation .reserv-box .left .box{margin-top:30px;padding: 30px;border-radius: 20px;border: solid 1px #e5e5e5;background-color: #fff;}
.reservation .reserv-box .left .box.gray{border-color: #f8f8f8;background: #f8f8f8;}
.reservation .reserv-box .left .box.orange{border-color: #057e54;}
.reservation .reserv-box .left .box h3{position:relative;font-size: 20px;font-weight: 600;letter-spacing: -0.36px;color: #202020;margin-bottom: 15px;}
.reservation .reserv-box .left .box .car-info{}
.reservation .reserv-box .left .box .car-info .cont1{display: flex;gap:20px;}
.reservation .reserv-box .left .box .car-info .cont1 figure{width:150px;}
.reservation .reserv-box .left .box .car-info .cont1 figure img{display: block;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box{width:calc(100% - 170px);}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .title-box{display: flex;gap:10px;flex-wrap: wrap;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .title-box h2{ font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #202020;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .title-box span{position: relative;top:3px;display: inline-block;padding-left: 20px; font-size: 14px;font-weight: bold;letter-spacing: -0.28px;color: #202020;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .title-box span:before{content: "";position: absolute;top:1px;left:0;width:15px;height:15px;display: block;background: url(/_public/images2/icon/ico_star.svg) no-repeat;background-size: cover;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .title-box span em{font-weight: normal;color:#707070;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box{margin-top:10px;display: flex;gap:20px;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box .list1{width:100%;max-width:220px;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box .list1 li{position: relative;font-size: 14px;font-weight: normal;line-height: 1.14;letter-spacing: -0.28px;color: #202020;padding-left: 44px;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box .list1 li + li{margin-top:5px;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box .list1 li em{position:absolute;left:0;font-weight: 500;color: #202020;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box .list2{width:calc(100% - 240px);display: flex;flex-wrap: wrap;gap: 5px;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box .list2 li{display: flex
;gap: 2px;align-items: center;padding: 0 8px;border-radius: 5px;border: solid 1px #e5e5e5;background-color: #fff;font-size: 13px;font-weight: 500;letter-spacing: -0.26px;color: #707070;height:21px;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box .list2 li i{display: inline-block;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box .list2 li i img{display: block;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box .list2 li strong{display: inline-block;font-weight: 500;}
.reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box .list2 li strong em{display: inline-block;font-weight: 600;color: #202020;}
.reservation .reserv-box .left .box .car-info .cont2{position:relative;margin-top:15px;padding-top: 15px;border-top:1px solid #e5e5e5;padding-right: 64px;}
.reservation .reserv-box .left .box .car-info .cont2 ul{display: flex;flex-wrap: wrap;gap:5px;}
.reservation .reserv-box .left .box .car-info .cont2 ul li{display: flex;align-items: center;justify-content: center;padding:0 10px;height:24px; border-radius: 5px;background-color: #f3f1f1;font-size: 12px;font-weight: 600;letter-spacing: -0.24px;color: #202020;}
.reservation .reserv-box .left .box .car-info .cont2 button{position: absolute;top:18px;right:0;display: inline-block;padding-right: 16px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #057e54;}
.reservation .reserv-box .left .box .car-info .cont2 button:after{content: "";position: absolute;top: 0;right: 0;background: url(/_public/images2/icon/ico_view5.svg) no-repeat;background-size: cover;display: block;width: 15px;height: 15px;}


.reservation .reserv-box .left .flex-box{display: flex;gap:10px;}
.reservation .reserv-box .left .flex-box + .flex-box{margin-top:10px;}
.reservation .reserv-box .left .flex-box .inbox{position:relative;flex:1;padding:20px;border-radius: 10px;background: #f8f8f8;}
.reservation .reserv-box .left .flex-box .inbox h4{display: flex;align-items: center;justify-content: space-between; font-size: 15px;font-weight: bold;letter-spacing: -0.3px;color: #057e54;padding-bottom: 5px;border-bottom: 1px solid #ccc;}
.reservation .reserv-box .left .flex-box .inbox h4 span{display: inline-block;  font-size: 15px;font-weight: 500;letter-spacing: -0.3px;text-align: right;color: #202020;}
.reservation .reserv-box .left .flex-box .inbox h4 .checkbox-type2 label{font-size:14px;}
.reservation .reserv-box .left .flex-box .inbox dl{margin-top:15px;}
.reservation .reserv-box .left .flex-box .inbox dl dt{width:70px;font-size: 13px;font-weight: bold;line-height: 1.38;letter-spacing: -0.26px;color: #202020;}
.reservation .reserv-box .left .flex-box .inbox dl dt.case2{top:8px;}
.reservation .reserv-box .left .flex-box .inbox dl dd{padding:0 0 9px 70px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .reserv-box .left .flex-box .inbox dl dd .input-box{display: flex;gap:15px;align-items: center;}
.reservation .reserv-box .left .flex-box .inbox dl dd .input-box + .input-box{margin-top:5px;}
.reservation .reserv-box .left .flex-box .inbox dl dd .input-box span{display: inline-block;width:36px;}
.reservation .reserv-box .left .flex-box .inbox dl dd .input-box select{padding:0 10px;width:95px;height:31px; border-radius: 5px;border: solid 1px #e5e5e5;background: #fff url(/_public/images2/icon/select_icon4.svg) no-repeat;background-position: 95% 50%;}
.reservation .reserv-box .left .flex-box .inbox dl dd .input-box select.select2{width:155px;}
.reservation .reserv-box .left .flex-box .inbox dl dd .input-box select.select3{width:260px;}
.reservation .reserv-box .left .flex-box .inbox dl dd .input-box select.select4{width:360px;}
.reservation .reserv-box .left .flex-box .inbox dl dd .input-box a{position:relative;display: inline-block;padding-right: 16px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #057e54;}
.reservation .reserv-box .left .flex-box .inbox dl dd .input-box a:after{content: "";position: absolute;top:1px;right:0;background: url(/_public/images2/icon/ico_view5.svg) no-repeat;background-size: cover;display: block;width:15px;height:15px;}
.reservation .reserv-box .left .flex-box .inbox dl dd .checkbox-type2 label{padding-left: 25px; font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .reserv-box .left .flex-box .inbox dl dd .checkbox-type2 label:before{top:-3px;}
.reservation .reserv-box .left .flex-box .inbox dl dd .radio-type2 label{padding-left: 25px; font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .reserv-box .left .flex-box .inbox dl dd .radio-type2 label:before{top:0;}
.reservation .reserv-box .left .flex-box .inbox dl dd .radio-box{}
.reservation .reserv-box .left .flex-box .inbox dl dd .radio-box .radio-type2{display: block;}
.reservation .reserv-box .left .flex-box .inbox dl dd .radio-box .radio-type2 + .radio-type2{margin-top:5px;}
.reservation .reserv-box .left .flex-box .inbox dl dd .chk-box{display: flex;flex-direction: column;gap:5px;}
.reservation .reserv-box .left .flex-box .inbox dl dd input[type="text"],
.reservation .reserv-box .left .flex-box .inbox dl dd input[type="tel"],
.reservation .reserv-box .left .flex-box .inbox dl dd input[type="number"],
.reservation .reserv-box .left .flex-box .inbox dl dd input[type="email"],
.reservation .reserv-box .left .flex-box .inbox dl dd input[type="password"],
.reservation .reserv-box .left .flex-box .inbox dl dd input[type="date"]{width:100%;height:31px;border-radius: 5px;border: solid 1px #e5e5e5;background-color: #fff;padding:0 10px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #191919;}
.reservation .reserv-box .left .flex-box .inbox dl dd input[type="text"]::placeholder,
.reservation .reserv-box .left .flex-box .inbox dl dd input[type="tel"]::placeholder,
.reservation .reserv-box .left .flex-box .inbox dl dd input[type="number"]::placeholder,
.reservation .reserv-box .left .flex-box .inbox dl dd input[type="email"]::placeholder,
.reservation .reserv-box .left .flex-box .inbox dl dd input[type="password"]::placeholder,
.reservation .reserv-box .left .flex-box .inbox dl dd input[type="date"]::placeholder{color:#ccc;}
.reservation .reserv-box .left .flex-box .inbox .max{max-width:260px;}
.reservation .reserv-box .left .flex-box .inbox .max2{max-width:360px;}
.reservation .reserv-box .left .flex-box .inbox dl dd .txt-info{margin-top:5px;position: relative;padding:5px 5px 5px 35px;font-size: 12px;font-weight: 500;letter-spacing: -0.24px;color: #707070; border-radius: 5px;background: #fff;}
.reservation .reserv-box .left .flex-box .inbox dl dd .txt-info:before{content: "";position: absolute;left:14px;display:block;width:15px;height:15px;background: url(/_public/images2/icon/ico_info2.svg) no-repeat;background-size: cover;}
.reservation .reserv-box .left .flex-box .inbox dl dd .txt-info.none{padding:5px 15px;}
.reservation .reserv-box .left .flex-box .inbox dl dd .txt-info.none:before{display: none;}
.reservation .reserv-box .left .flex-box .inbox dl.case2 dt{width:113px;}
.reservation .reserv-box .left .flex-box .inbox dl.case2 dd{padding:0 0 25px 113px;}
.reservation .reserv-box .left .flex-box .inbox dl.case3 dt{width:120px;padding-left: 7px;top:9px;}
.reservation .reserv-box .left .flex-box .inbox dl.case3 dd{padding:0 0 10px 120px;}

.reservation .reserv-box .left .flex-box2{display: flex;gap:10px;}
.reservation .reserv-box .left .flex-box2 + .flex-box2{margin-top:10px;}
.reservation .reserv-box .left .flex-box2 .inbox{position:relative;flex:1;padding:20px;border-radius: 10px;background: #f8f8f8;}
.reservation .reserv-box .left .flex-box2 .inbox h4{display: flex;align-items: center;justify-content: space-between; font-size: 15px;font-weight: bold;letter-spacing: -0.3px;color: #202020;padding-bottom: 5px;border-bottom: 1px solid #ccc;}
.reservation .reserv-box .left .flex-box2 .list1{margin-top:15px;}
.reservation .reserv-box .left .flex-box2 .list1 li{position: relative;padding-left: 20px; font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .reserv-box .left .flex-box2 .list1 li:before{content: "";position: absolute;left:0;width:15px;height:15px;}
.reservation .reserv-box .left .flex-box2 .list1 li a{position: relative;display: inline-block;padding-right: 16px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #057e54;}
.reservation .reserv-box .left .flex-box2 .list1 li a:after{content: "";position: absolute;top: 1px;right: 0;background: url(/_public/images2/icon/ico_view5.svg) no-repeat;background-size: cover;display: block;width: 15px;height: 15px;}
.reservation .reserv-box .left .flex-box2 .list1 li .checkbox-type2{margin-left:10px;}
.reservation .reserv-box .left .flex-box2 .list1 li .checkbox-type2 label{font-sizE:13px;padding-left: 25px;}
.reservation .reserv-box .left .flex-box2 .list1 li .checkbox-type2 label:before{top:-3px;}
.reservation .reserv-box .left .flex-box2 .list1 li + li{margin-top:4px;}
.reservation .reserv-box .left .flex-box2 .list1 li.icon01:before{background: url(/_public/images2/icon/ico_day2.svg) no-repeat;background-size: cover;}
.reservation .reserv-box .left .flex-box2 .list1 li.icon02:before{background: url(/_public/images2/icon/ico_marker6.svg) no-repeat;background-size: cover;}
.reservation .reserv-box .left .flex-box2 .list1 li.icon03:before{background: url(/_public/images2/icon/ico_chk6.svg) no-repeat;background-size: cover;}
.reservation .reserv-box .left .flex-box2 dl{margin-top:15px;}
.reservation .reserv-box .left .flex-box2 dl dt{width:113px;font-size: 13px;font-weight: bold;letter-spacing: -0.26px;color: #202020;}
.reservation .reserv-box .left .flex-box2 dl dd{padding:0 0 5px 113px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .reserv-box .left .flex-box2 p{margin-top:15px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .reserv-box .left .flex-box2 .credit{margin-top:15px;display: flex;align-items: center;gap:40px;}
.reservation .reserv-box .left .flex-box2 .credit figcaption{font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #202020;}
.reservation .reserv-box .left .flex-box2 .credit figcaption span{color: #707070;}
.reservation .reserv-box .left .flex-box2.point p {font-size:14px;font-weight:700;text-align:right;}
.reservation .reserv-box .left .flex-box2.point dl dd {font-size:14px;font-weight:700;text-align:right;}


.reservation .reserv-box .left .view-tab{display: flex;margin-top:30px;}
.reservation .reserv-box .left .view-tab button{flex:1;display: flex;align-items: center;justify-content: center;height:52px; border: solid 1px #e5e5e5;background: #fff; font-size: 15px;font-weight: 500;line-height: normal;letter-spacing: -0.3px;text-align: center;color: #787878;}
.reservation .reserv-box .left .view-tab button:first-child{border-radius: 5px 0 0 5px;}
.reservation .reserv-box .left .view-tab button:last-child{border-radius:0 5px 5px 0;}
.reservation .reserv-box .left .view-tab button + button{margin-left: -1px;}
.reservation .reserv-box .left .view-tab button.on{background: #121212;color:#fff;font-weight: 600;}
.reservation .reserv-box .left .tab-cont{display: none;margin-top:20px;}

.reservation .reserv-box .left .coupon-box{}
.reservation .reserv-box .left .coupon-box .open-coupon{position:relative;border-radius: 10px;border: solid 1px #202020;display: flex;width:100%;height:50px;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #202020;padding:0 40px 0 20px;align-items: center;}
.reservation .reserv-box .left .coupon-box .open-coupon:after{content: "";position: absolute;right:20px;display:block;width:16px;height:16px;background: url(/_public/images2/icon/ico_view5.svg) no-repeat;background-size: cover;}
.reservation .reserv-box .left .coupon-box ul{margin-top:20px;}
.reservation .reserv-box .left .coupon-box ul li{position: relative;padding:15px 80px 15px 66px;border-radius: 10px;border: dashed 1px #057e54;background-color: #f2fbf8;}
.reservation .reserv-box .left .coupon-box ul li + li{margin-top:10px;}
.reservation .reserv-box .left .coupon-box ul li strong{display: block; font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #202020;}
.reservation .reserv-box .left .coupon-box ul li p{display: block;margin-top:5px; font-size: 15px;font-weight: 500;color: #787878;}
.reservation .reserv-box .left .coupon-box ul li:before{content: "";position: absolute;left:20px;top:15px;display:block;width:36px;height:36px;background: url(/_public/images2/icon/ico_coupon.svg) no-repeat;background-size: cover;}
.reservation .reserv-box .left .coupon-box ul li button{position: absolute;top:25px;right: 30px;padding-right: 19px;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #787878;}
.reservation .reserv-box .left .coupon-box ul li button:after{content: "";position: absolute;top:1px;right:0;width:14px;height:14px;background: url(/_public/images2/icon/ico_delete3.svg) no-repeat;background-size: cover;}
.reservation .reserv-box .left .coupon-box ul li i{display: inline-block;position: absolute;top:20px;right:20px;}
.reservation .reserv-box .left .coupon-box ul li i img{display:block;}


.reservation .reserv-box .left .chk-list{}
.reservation .reserv-box .left .chk-list li{position:relative;padding-left: 20px;  font-size: 14px;font-weight: normal;line-height: 1.64;letter-spacing: -0.28px;color: #202020;}
.reservation .reserv-box .left .chk-list li:before{content: "";position: absolute;top:3px;left:0;width:15px;height:15px;display: block;background: url(/_public/images2/icon/chk3.svg) no-repeat;background-size: cover;}


.reservation .reserv-box .right{width:100%;max-width:400px;}
.reservation .reserv-box .right .box{position: sticky;top:120px;}
.reservation .reserv-box .right .box .inbox{padding:15px 20px 10px;border-radius: 20px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);border: solid 1px #e5e5e5;background-color: #fff;}
.reservation .reserv-box .right .box .inbox h3{font-size: 18px;font-weight: 600;letter-spacing: -0.36px;color: #057e54;display: flex;justify-content: space-between;padding-bottom: 5px;border-bottom: 1px solid #e5e5e5;}
.reservation .reserv-box .right .box .inbox h3 a{display: flex;width:130px;height:32px;align-items: center;justify-content: center; border-radius: 5px;background-color: #057e54; font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #fff;}
.reservation .reserv-box .right .box .inbox dl{margin-top:10px;padding-bottom:5px;border-bottom: 1px solid #00442c;}
.reservation .reserv-box .right .box .inbox dl dt{width:80px;font-size: 13px;font-weight: bold;line-height: 1.38;letter-spacing: -0.26px;color: #202020;top:35px;}
.reservation .reserv-box .right .box .inbox dl dd{padding:0 0 5px 80px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .reserv-box .right .box .inbox dl dd ul{border-radius: 10px;background-color: #f8f8f8;padding:10px;}
.reservation .reserv-box .right .box .inbox dl dd ul li{position: relative;padding-left: 20px; font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .reserv-box .right .box .inbox dl dd ul li:before{content: "";position: absolute;left:0;width:15px;height:15px;}
.reservation .reserv-box .right .box .inbox dl dd ul li a{position: relative;display: inline-block;padding-right: 16px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #057e54;}
.reservation .reserv-box .right .box .inbox dl dd ul li a:after{content: "";position: absolute;top: 1px;right: 0;background: url(/_public/images2/icon/ico_view5.svg) no-repeat;background-size: cover;display: block;width: 15px;height: 15px;}
.reservation .reserv-box .right .box .inbox dl dd ul li .checkbox-type2{margin-left:10px;}
.reservation .reserv-box .right .box .inbox dl dd ul li .checkbox-type2 label{font-sizE:13px;padding-left: 25px;}
.reservation .reserv-box .right .box .inbox dl dd ul li .checkbox-type2 label:before{top:-3px;}
.reservation .reserv-box .right .box .inbox dl dd ul li + li{margin-top:2px;}
.reservation .reserv-box .right .box .inbox dl dd ul li.icon01:before{background: url(/_public/images2/icon/ico_day2.svg) no-repeat;background-size: cover;}
.reservation .reserv-box .right .box .inbox dl dd ul li.icon02:before{background: url(/_public/images2/icon/ico_marker6.svg) no-repeat;background-size: cover;}
.reservation .reserv-box .right .box .inbox dl dd ul li.icon03:before{background: url(/_public/images2/icon/ico_chk6.svg) no-repeat;background-size: cover;}
.reservation .reserv-box .right .box .inbox .cont-box{padding:7px 0 5px;}
.reservation .reserv-box .right .box .inbox .cont-box + .cont-box{border-top:1px dashed #ccc;}
.reservation .reserv-box .right .box .inbox .cont-box h4{position:relative;font-size: 13px;font-weight: 500;letter-spacing: -0.28px;color: #202020;}
.reservation .reserv-box .right .box .inbox .cont-box h4 span{display: inline-block;margin-left: 10px;  font-size: 13px;font-weight: 500;letter-spacing: -0.28px;color: #707070;}
.reservation .reserv-box .right .box .inbox .cont-box h4 em{position: absolute;right:0;text-align: right; font-size: 13px;font-weight: bold;letter-spacing: -0.28px;color: #202020;}
.reservation .reserv-box .right .box .inbox .cont-box p{margin-top:3px;position: relative;padding-left: 7px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.reservation .reserv-box .right .box .inbox .cont-box p:before{content: "";position: absolute;top:8px;left:0;width:3px;height:1px;background: #202020;}
.reservation .reserv-box .right .box .inbox .cont-box .toggle-panel{margin-top:5px;position:relative;border-radius: 10px;background-color: #f8f8f8;padding:8px 10px;overflow: hidden;max-height: 32px;}
.reservation .reserv-box .right .box .inbox .cont-box .toggle-panel button{position: absolute;top:8px;right:10px;width:15px;height:15px;background: url(/_public/images2/icon/ico_plus3.svg) no-repeat;background-size: cover;z-index: 10;}
.reservation .reserv-box .right .box .inbox .cont-box .toggle-panel p{margin-top:0;}
.reservation .reserv-box .right .box .inbox .cont-box .toggle-panel p + p{margin-top:3px;}
.reservation .reserv-box .right .box .inbox .cont-box .toggle-panel.on{max-height: initial;}
.reservation .reserv-box .right .box .inbox .cont-box .toggle-panel.on button{background: url(/_public/images2/icon/ico_minus3.svg) no-repeat;background-size: cover;}
.reservation .reserv-box .right .box .chk{margin-top:10px; border-radius: 20px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);border: dashed 1px #e5e5e5;background-color: #f8f8f8;padding:15px 20px;}
.reservation .reserv-box .right .box .chk .checkbox-type2 label{font-size: 13px;}
.reservation .reserv-box .right .box .chk .checkbox-type2 label:before{top:7px;}
.reservation .reserv-box .right .box .total{display: flex;align-items: flex-end;justify-content: space-between;border-top:1px solid #00442c;padding: 15px 0 10px;}
.reservation .reserv-box .right .box .total p{font-size: 16px;font-weight: 600;line-height: 1;letter-spacing: -0.32px;color: #202020;}
.reservation .reserv-box .right .box .total p span{display: inline-block;margin-left: 5px;  font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #707070;}
.reservation .reserv-box .right .box .total strong{display: inline-block;font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #057e54;line-height: 1;}
.reservation .reserv-box .right .box .total.total2 {display:flex;align-items:flex-end;justify-content:space-between;}
.reservation .reserv-box .right .box .total.total2 strong {display:flex;flex-direction:column;align-items:flex-end;}
.reservation .reserv-box .right .box .total.total2 strong em {display:block;position:relative;padding-left:23px;font-size:17px;font-weight:600;color:#202020;margin-bottom:6px;}
.reservation .reserv-box .right .box .total.total2 strong em:before {content:"";display:block;width:18px;height:18px;background:url(/_public/images2/icon/ico_won.svg) no-repeat;background-size:cover;position:absolute;top:0;left:0;}

.reservation .reserv-box .right .box .total-box{margin-top:20px;}
.reservation .reserv-box .right .box .total-box .yen-pay {display:flex;flex-wrap:wrap;padding:7px 15px 5px;border:1px solid #e5e5e5;border-radius:10px;margin:-10px 0 10px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);}
.reservation .reserv-box .right .box .total-box .yen-pay dt {width:50%;position:relative;padding-left:10px;color:#707070;}
.reservation .reserv-box .right .box .total-box .yen-pay dt:before {content:"";display:block;width:6px;height:2px;background:#707070;position:absolute;top:7px;left:0;}
.reservation .reserv-box .right .box .total-box .yen-pay dd {width:50%;text-align:right;font-weight:600;}
.reservation .reserv-box .right .box .total-box p{display: flex;justify-content: center;gap:5px;  font-size: 16px;font-weight: 600;line-height: 1;letter-spacing: -0.32px;color: #202020;align-items: center;}
.reservation .reserv-box .right .box .total-box p strong{display: inline-block;font-size: 22px;font-weight: bold;letter-spacing: -0.48px;color: #057e54;margin-left: 10px;}
.reservation .reserv-box .right .box .total-box p span{display: inline-block;font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #707070;}
.reservation .reserv-box .right .box .total-box .bb-txt {display:flex;justify-content:space-between;align-items:flex-end;padding:0 15px;}
.reservation .reserv-box .right .box .total-box .bb-txt p:nth-child(2) {flex-direction:column;align-items:flex-end;text-align:right;gap:6px;}
.reservation .reserv-box .right .box .total-box .bb-txt p:nth-child(2) em {display:block;position:relative;padding-left:23px;font-size:16px;}
.reservation .reserv-box .right .box .total-box .bb-txt p:nth-child(2) em:before {content:"";display:block;width:18px;height:18px;background:url(/_public/images2/icon/ico_won.svg) no-repeat;background-size:cover;position:absolute;top:-1px;left:0;}
.reservation .reserv-box .right .box .discount-box{margin-top:10px;border-radius: 10px;border: solid 1px #e5e5e5;background-color: #f8f8f8;padding:7px 15px 5px;}
.reservation .reserv-box .right .box .discount-box li{position: relative;display: flex;justify-content: space-between;font-size: 13px;font-weight: bold;letter-spacing: -0.28px;color: #e50000;}
.reservation .reserv-box .right .box .discount-box li em{position: relative;display: inline-block;color: #202020;}

.reservation .reserv-box .right .box .btn-box{margin-top:15px;}
.reservation .reserv-box .right .box .btn-box .txt{display: block;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #707070;padding: 0 10px;}

.reservation .reserv-box .right .box .btn-box button{margin-top:20px;display: flex;align-items:center;justify-content: center;width:100%;height:60px;border-radius: 10px;background-color: #f8e436; font-size: 20px;font-weight: bold;letter-spacing: -0.4px;text-align: center;color: #191919;}
.reservation .reserv-box .right .box .btn-box button strong{font-size: 26px;}
.reservation .reserv-box .right .box .btn-box button span{display: inline-block;font-size: 20px;font-weight: 500;margin-left: 15px;}
.reservation .reserv-box .right .box .btn-box a{margin-top:20px;display: flex;align-items:center;justify-content: center;width:100%;height:60px;border-radius: 10px;background-color: #057e54; font-size: 20px;font-weight: bold;letter-spacing: -0.4px;text-align: center;color: #fff;}

.reservation .reserv-box .right .box .inbox .cont-box.pb35 {padding-bottom:35px;}
.reservation .reserv-box .right .box .inbox .cont-box .yen-pay2 {display:flex;flex-wrap:wrap;padding:7px 15px 5px;border-radius:10px;background:#f8f8f8;margin-top:5px;border-bottom: none;}
.reservation .reserv-box .right .box .inbox .cont-box .yen-pay2 dt {width:50%;position:relative;padding-left:10px;color:#707070;top:0;}
.reservation .reserv-box .right .box .inbox .cont-box .yen-pay2 dt:before {content:"";display:block;width:6px;height:2px;background:#707070;position:absolute;top:7px;left:0;}
.reservation .reserv-box .right .box .inbox .cont-box .yen-pay2 dd {width:50%;text-align:right;font-weight:600;padding:0;}
.reservation .reserv-box .right .box .inbox .cont-box .yen-pay3 {display:inline-block;font-size:15px;font-weight:700;margin:8px 0 2px;position:absolute;padding-left:22px;right:20px;}
.reservation .reserv-box .right .box .inbox .cont-box .yen-pay3:before {content:"";display:block;width:18px;height:18px;background: url(/_public/images2/icon/ico_won.svg) no-repeat;background-size:cover;position:absolute;top:1px;left:0;}




@media all and (max-width:1280px) {

    .reservation .list .list-box .chk-list{overflow-x: auto;white-space: nowrap;padding:0;border:0;border-radius: 0; -ms-overflow-style: none;scrollbar-width: none;}
    .reservation .list .list-box .chk-list::-webkit-scrollbar{display: none;}
    .reservation .list .list-box .chk-list .inner{flex-wrap: nowrap;}
    .reservation .list .list-box .chk-list .checkbox-type6{width:auto;}
    .reservation .list .list-box .chk-list .checkbox-type6:last-child{width:auto;}

    .reservation .list .list-box ul li .title-box h3{font-size:20px;}

    .reservation .view .left{max-width:calc(100% - 420px);}
    .reservation .view .left .title-box h3{font-size:20px;}
    .reservation .view .left .box h3{font-size:18px;}
    .reservation .view .left .review-panel .review-top{padding:20px;}
    .reservation .view .left .review-panel .review-top .grade{padding:0;gap:20px;}
    .reservation .view .left .review-panel .review-top .grade .col .flex strong{font-size:28px;}
    .reservation .view .left .review-panel .review-top .grade .col .flex strong span{font-size:16px;}
    .reservation .view .left .review-panel .review-top .ct li i{width:80px;height:15px;}
    .reservation .view .left .review-panel .review-top .ct li em{font-size:14px;}

    .reservation .reserv-box .left{max-width:calc(100% - 420px);}
    .reservation .reserv-box .left .box h3{font-size:18px;}

    .reservation .reserv-box .left .title{font-size:24px;}
}

@media all and (max-width:1024px) {
    .reservation{padding-top:0; }
    .reservation .list{margin-top:30px;}
    .reservation .list .left{position: fixed;top:0;left:0;width:100%;height:100%;background: #fff;z-index: 999999;display: none;max-width: 100%;overflow-y: auto;}
    .reservation .list .left .close-filter{display: block;z-index: 1;}
    .reservation .list .option-box{position: relative;top:0;padding:20px;border-radius: 0;border:0;overflow-y: auto;height:100%;}
    .reservation .list .option-box .inner{max-height: 100%;}
    .reservation .list .filter-box .btn-more{display: none;}
    .reservation .list .filter-box{position: relative;top:0;}
    .reservation .list .list-box .sort{gap:10px;}
    .reservation .list .list-box .sort .btn-filter{display: flex;}
    .reservation .list .list-box .sort .inner{overflow-x: auto;white-space: nowrap;width:calc(100% - 115px); -ms-overflow-style: none;scrollbar-width: none;gap:5px;}
    .reservation .list .list-box .sort .inner::-webkit-scrollbar{display: none;}
    .reservation .list .list-box .sort .inner a{flex: none;height:36px;padding:0 20px;border-radius: 18px;font-sizE:14px;}
    .reservation .list .right{max-width:100%;}
    .reservation .list .list-box .list-top p{font-size:15px;}
    .reservation .list .list-box .list-top span{font-size:13px;}
    .reservation .list .list-box ul li .title-box h3{font-size:17px;}
    .reservation .list .list-box ul li .title-box h3 span{top:0;font-size: 14px;padding-left: 15px;}
    .reservation .list .list-box ul li .title-box h3 span:before{top:1px;width:14px;height:14px;}
    .reservation .list .list-box ul li .cont-box{flex-direction: column;}
    .reservation .list .list-box ul li .cont-box .l-cont{width:100%;}
    .reservation .list .list-box ul li .cont-box .r-cont{width:100%;display: flex;gap:10px;}
    .reservation .list .list-box ul li .cont-box .r-cont .alarm{margin:0;width:calc(60% - 30px);align-items: flex-start;}
    .reservation .list .list-box ul li .cont-box .r-cont .price{margin:0;width:calc(40% - 30px);}
    .reservation .list .list-box ul li .cont-box .r-cont a{margin:0;width:60px;height:50px;line-height:1.2;padding-top:2px;margin-left:3px;}
    .reservation .list .list-box ul li .cont-box .r-cont a br{display:inline;}

    .reservation .view{flex-direction: column;}
    .reservation .view .left{max-width:100%;}
    .reservation .view .left .title-box h3{font-size:18px;}
    .reservation .view .left .box{padding:20px;border-radius: 10px;}
    .reservation .view .left .box h3{font-size:16px;}
    .reservation .view .left .car-info1 li{font-size:14px;}
    .reservation .view .left .car-info2 li{font-sizE:14px;}
    .reservation .view .left .option-list span{width:calc(25% - 4px);font-size:12px;}
    .reservation .view .left .view-tab button{font-size:14px;height:45px;}
    .reservation .view .left .review-box .total-review{padding:20px;border-radius: 10px;}
    .reservation .view .left .review-box .total-review h3{font-size:16px;}
    .reservation .view .left .review-panel .review-top h3{font-size:16px;}
    .reservation .view .left .review-panel .review-top{border-radius: 10px;}
    .reservation .view .left .review-panel .review-list ul li{padding:20px;border-radius: 10px;}

    .reservation .view .right{max-width:100%;}

    .reservation .reserv-box{flex-direction: column;}
    .reservation .reserv-box .left .title{font-size:20px;}
    .reservation .reserv-box .left{max-width:100%;}
    .reservation .reserv-box .left .box{padding:20px;}
    .reservation .reserv-box .left .box h3{font-size:16px;}
    .reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box{flex-direction:column;}
    .reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box .list1{max-width:100%;}
    .reservation .reserv-box .left .box .car-info .cont1 .txt-box .list-box .list2{width:100%;}
    .reservation .reserv-box .right{max-width:100%;}
    .reservation .reserv-box .left .coupon-box .open-coupon{font-size: 14px;}
    .reservation .reserv-box .left .coupon-box ul li{padding:10px 70px 10px 50px;}
    .reservation .reserv-box .left .coupon-box ul li:before{width:30px;height:30px;top:10px;left:10px;}
    .reservation .reserv-box .left .coupon-box ul li strong{font-size: 15px;}
    .reservation .reserv-box .left .coupon-box ul li p{font-size:13px;}
    .reservation .reserv-box .left .coupon-box ul li button{top:23px;right:20px;}
}

@media all and (max-width:768px) {
    .reservation {}
    .reservation .search-area{position: relative;width:calc(100% + 40px);margin:0 -20px;}

    .reservation .re-info{display: block;cursor: pointer;}
    .reservation .list .list-box ul{margin:30px -20px 0;padding:15px 10px;background: #f5f5f5;}
    .reservation .list .list-box ul li{background: #fff;padding:15px 10px 10px !important;border-radius: 15px;}
    .reservation .list .list-box ul li + li{margin-top:10px;border-top:0;}
    .reservation .list .list-box ul li .title-box{align-items: flex-start;}
    .reservation .list .list-box ul li .cont-box {gap:15px;margin-top:5px;}
    .reservation .list .list-box ul li .cont-box .l-cont .cont1{gap:15px;}
    .reservation .list .list-box ul li .cont-box .l-cont .cont1 .img{width:150px}
    .reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation{width:calc(100% - 165px);}
    .reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation h4{font-size: 14px;border-bottom:none;padding:10px 0 0 0;}
    .reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation h4 em .car-nt {display:block;margin:2px 0 0 0;font-size:13px;}
    .reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation .office{padding-left: 0;font-size:13px;}
    .reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation .office span{display: block;position: relative;font-size:13px;padding-left: 0;}
    .reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation .office span:before{display: none;}
    .reservation .list .list-box ul li .cont-box .l-cont .cont1 .explanation .car-info{margin-left:-160px;margin-top:30px;max-height:23px;overflow:hidden;}
    .reservation .list .list-box ul li .cont-box .l-cont .cont1 .option-list{margin-left:-160px;max-height:24px;margin-top:5px;}
    .reservation .list .list-box ul li .cont-box .l-cont .cont1 .car-info span {padding:0 5px;}
    .reservation .list .list-box ul li .cont-box .l-cont .cont1 .car-info span strong{display: none;}
    .reservation .list .list-box ul li .cont-box .r-cont {gap: 5px;}
    .reservation .list .list-box ul li .cont-box .r-cont .alarm span {padding:2px 5px;}
    .reservation .list .list-box ul li .cont-box .r-cont .price strong{font-size:22px;}

    .reservation .list .list-viewmore {line-height:45px;font-size: 14px;}

    .reservation .view .left .title-box h3{max-width:calc(100% - 60px);}
    .reservation .view .left .title-box i{width:40px;}
    .reservation .view .left .carSwiper2 .swiper-slide{width:60px;}
    .reservation .view .left .car-info1 li{width:100%;}
    .reservation .view .left .car-info2 li{width:100%;}
    .reservation .view .left .option-list span{width:calc(33.3333% - 4px);}
    .reservation .view .left .license-box figure img {max-width:100%;width:auto;}
    .reservation .view .left .view-tab{overflow-x: auto;white-space: nowrap;  -ms-overflow-style: none;scrollbar-width: none;}
    .reservation .view .left .view-tab::-webkit-scrollbar{display: none;}
    .reservation .view .left .view-tab button{padding:0 10px;flex:none;width:90px;}
    .reservation .view .left .location-box{flex-direction: column;}
    .reservation .view .left .location-box .map{max-width: 100%;height:280px;}
    .reservation .view .left .location-box .map-info{max-width: 100%;}
    .reservation .view .left .review-box .total-review .inbox{flex-direction: column;align-items: center;}
    .reservation .view .left .review-box .total-review .inbox .grade{max-width: 100%;text-align: center;}
    .reservation .view .left .review-box .total-review .inbox .grade .star{justify-content: center;}
    .reservation .view .left .review-box .total-review .inbox .list-box ul li{width:100%;}
    .reservation .view .left .review-box .total-review .inbox .list-box ul li span{font-size:14px;}
    .reservation .view .left .review-box .total-review .inbox .list-box{max-width:100%;}
    .reservation .view .left .review-box .review-list ul li{padding:20px;border-radius: 10px;}
    .reservation .view .left .review-box .review-list ul li .review-top{flex-direction: column;gap:20px;align-items: flex-start;}
    .reservation .view .left .review-box .review-list ul li .review-top .list-box{top:0;padding:0;width:100%;gap:20px;}
    .reservation .view .left .review-box .review-list ul li .review-top .list-box > div{flex: 1;}
    .reservation .view .left .review-box .review-list ul li .review-top .list-box:before{display: none;}
    .reservation .view .left .license-box strong{font-size: 15px;}
    .reservation .view .left .license-box figure figcaption{font-size: 14px;}
    .reservation .view .left .license-box p{font-size:14px;}
    .reservation .view .left .license-box ol li{font-size:14px}
    .reservation .view .left .review-panel .review-top .grade{flex-direction: column;align-items:flex-start;}
    .reservation .view .left .review-panel .review-top .grade .col{flex: none;width:100%;}
    .reservation .view .left .review-panel .review-top .grade .col .flex strong{font-size:24px;}
    .reservation .view .left .review-panel .review-top .grade .col .flex i{width:130px;height:25px;}
    .reservation .view .left .review-panel .review-top .grade ul li .txt1{font-size:13px;}
    .reservation .view .left .review-panel .review-top .grade ul li .txt2{font-size:13px;}
    .reservation .view .left .review-panel .review-top .ct{flex-direction: column}
    .reservation .view .left .review-panel .review-list ul li .row1{flex-direction: column;gap:10px;}
    .reservation .view .left .review-panel .review-list ul li .row1 .ct{padding-left: 0;border: 0;gap:10px;}
    .reservation .view .left .review-panel .review-list ul li .row1 .ct em{font-size:13px;}
    .reservation .view .left .review-panel .review-list ul li .row1 .ct i{width: 70px;height: 13px;}
    .reservation .view .left .review-panel .review-list ul li .row2{margin-top:20px;}
    .reservation .view .left .review-panel .review-list ul li .row2 .cont-wrap{padding-right: 100px;}
    .reservation .view .left .review-panel .review-list ul li .row2 .thumnail-box{width:80px;height:80px;}
    .reservation .view .left .review-panel .review-list ul li .row2 .thumnail-box .mask{font-size:16px;}
    .reservation .view .left .review-panel .review-list ul li .row2 .thumnail-box .mask span{font-size:12px;}
    .reservation .view .left .review-panel .review-list ul li .row2 button{margin-top:10px;font-size:13px;height:38px;}
    .reservation .view .left .review-panel .review-list ul li .row2 .date{margin-top:10px;}

    .reservation .view .right .box .inbox{border-radius: 10px;}
    .reservation .view .right .box .inbox h3{font-size:16px;}
    .reservation .view .right .box .inbox dl dt{float: none;width:100%;top:0;}
    .reservation .view .right .box .inbox dl dd{margin-top:10px;padding:0;}
    .reservation .view .right .box .inbox dl dd + dt{margin-top:20px;}
    .reservation .view .right .box .inbox dl dd ul li + li {margin-top: 6px;}
    .reservation .view .right .box .inbox dl dd ul li.icon02:before {top:8px;}
    .reservation .view .right .box .inbox dl dd ul li select {padding: 8px 22px 8px 6px;width: calc(100% - 56px);max-width:none;}
    .reservation .view .right .box .inbox dl dd ul li a {line-height: 34px;}
    .reservation .view .right .box .btn-box p{font-size:15px;}
    .reservation .view .right .box .btn-box p strong{font-size:20px;}
    .reservation .view .right .box .btn-box button{height:50px;font-size:16px;}


    .reservation .reserv-box .left .box .car-info .cont1{flex-direction: column;}
    .reservation .reserv-box .left .box .car-info .cont1 figure{width:100%;}
    .reservation .reserv-box .left .box .car-info .cont1 figure img{width:100%;}
    .reservation .reserv-box .left .box .car-info .cont1 .txt-box{width:100%;}
    .reservation .reserv-box .left .box .car-info .cont2{padding-right:0;padding-bottom: 30px;}
    .reservation .reserv-box .left .box .car-info .cont2 button{top:initial;right:initial;bottom:0px;left:50%;transform: translateX(-50%);}
    .reservation .reserv-box .left .box{border-radius: 10px;}
    .reservation .reserv-box .left .flex-box .inbox {padding:15px;}
    .reservation .reserv-box .left .flex-box .inbox dl dt{float: none;width:100%;}
    .reservation .reserv-box .left .flex-box .inbox dl.case2 dt{float: none;width:100%;}
    .reservation .reserv-box .left .flex-box .inbox dl dd{padding:0;margin-top:10px;}
    .reservation .reserv-box .left .flex-box .inbox dl dd input[type="text"],
    .reservation .reserv-box .left .flex-box .inbox dl dd input[type="tel"],
    .reservation .reserv-box .left .flex-box .inbox dl dd input[type="number"],
    .reservation .reserv-box .left .flex-box .inbox dl dd input[type="email"],
    .reservation .reserv-box .left .flex-box .inbox dl dd input[type="password"],
    .reservation .reserv-box .left .flex-box .inbox dl dd input[type="date"] {height:36px;}
    .reservation .reserv-box .left .flex-box .inbox dl dd .input-box select {height:36px;}
    .reservation .reserv-box .left .flex-box .inbox dl dd + dt{margin-top:20px;}
    .reservation .reserv-box .left .flex-box .inbox dl.case2 dd{padding:0;margin-top:10px;}
    .reservation .reserv-box .left .flex-box .inbox dl dd .input-box{gap:5px;}
    .reservation .reserv-box .left .flex-box .inbox dl dd .input-box select{font-size:12px;}
    .reservation .reserv-box .left .flex-box .inbox dl dd .input-box select.select3{width:calc(100% - 70px);}
    .reservation .reserv-box .left .flex-box .inbox dl.case3 dt{width:100%;top:0;padding:0;margin-top:12px;}
    .reservation .reserv-box .left .flex-box .inbox dl.case3 dd{padding:0;margin-top:2px;}
    .reservation .reserv-box .left .flex-box .inbox dl dd .input-box select.select4{width:100%;}
    .reservation .reserv-box .left .flex-box .inbox .max{max-width:100%;}
    .reservation .reserv-box .left .flex-box2{flex-direction: column;}
    .reservation .reserv-box .left .flex-box2 dl dt{width:75px;}
    .reservation .reserv-box .left .flex-box2 dl dd{padding:0 0 5px 75px;}
    .reservation .reserv-box .left .flex-box2 .credit{gap:20px;}
    .reservation .reserv-box .left .flex-box2 .credit img{width:90px;}

    .reservation .reserv-box .left .flex-box .inbox .max2{max-width:100%;}
    .reservation .reserv-box .left .view-tab{overflow-x: auto;white-space: nowrap;  -ms-overflow-style: none;scrollbar-width: none;}
    .reservation .reserv-box .left .view-tab::-webkit-scrollbar{display: none;}
    .reservation .reserv-box .left .view-tab button{padding:0 10px}

    .reservation .reserv-box .right .box .inbox{border-radius: 10px;}
    .reservation .reserv-box .right .box .inbox h3{font-size:16px;}
    .reservation .reserv-box .right .box .inbox dl dt{float: none;width:100%;top:0;}
    .reservation .reserv-box .right .box .inbox dl dd{margin-top:10px;padding:0;}
    .reservation .reserv-box .right .box .inbox dl dd + dt{margin-top:20px;}
    .reservation .reserv-box .right .box .total p{font-size:14px;}
    .reservation .reserv-box .right .box .total p span{font-size:12px;}
    .reservation .reserv-box .right .box .total strong{font-size:20px;}
    .reservation .reserv-box .right .box .btn-box p{font-size:15px;}
    .reservation .reserv-box .right .box .btn-box p strong{font-size:20px;}
    .reservation .reserv-box .right .box .btn-box button{height:50px;font-size:16px;}
    .reservation .reserv-box .right .box .btn-box button strong{font-size:22px;}
    .reservation .reserv-box .right .box .btn-box button span{margin-left:5px;font-size:16px;}
    .reservation .reserv-box .right .box .btn-box a{height:50px;font-size:16px;}

    .reservation .reserv-box .right .box .chk {border-radius: 10px;}

    .search-panel2.sub-reservation {margin-top:-30px;}
    .search-panel2.sub-reservation .flex-box .field-wrap {display:flex;flex-wrap:wrap;gap:4px;}
    .search-panel2.sub-reservation .flex-box .field-wrap .field:nth-child(1),
    .search-panel2.sub-reservation .flex-box .field-wrap .field:nth-child(2) {width:calc(50% - 2px);}
    .search-panel2.sub-reservation .flex-box .field-wrap .field:nth-child(3) {width:100%;}
    .search-panel2.sub-reservation .flex-box .field + .field {margin:0;}
    .search-panel2.sub-reservation .flex-box .field .select-box:before {top:15px;left:8px;}
    .search-panel2.sub-reservation .flex-box .field .select-box select {font-size: 15px;padding:0 10px 0 28px;background-size:12px;}
    .search-panel2.sub-reservation .flex-box .field .select-box input {font-size: 15px;padding:0 10px 0 28px;}
    .search-panel2.sub-reservation.drop {padding:20px 10px;}

}

@media all and (max-width:460px) {
    .reservation .view .left .review-panel .review-list ul li .row2 .cont-wrap{height:130px;padding:0;}
    .reservation .view .left .review-panel .review-list ul li .row2 .thumnail-box{position: relative;right:initial;left:0;margin-bottom: 10px;}
}