.reservation{}
.reservation .list{display: flex;gap:30px;}
.reservation .list .side{width:260px;}
.reservation .list .side .inner-wrap{position: sticky;top:125px;}
.reservation .list .side .inner-wrap .filter{padding:0 20px;overflow-y: auto;max-height: calc(100vh - 400px);}
.reservation .list .side .inner-wrap .filter.drop{max-height: calc(100vh - 150px);}
.reservation .list .side .inner-wrap .filter::-webkit-scrollbar{width:3px;}
.reservation .list .side .button-box{position:absolute;left:0;bottom:0;display: none;width:100%;background: #fff;padding:10px 20px;gap:5px;}
.reservation .list .side .button-box button{display: inline-block;width:100px;height:50px;border-radius: 5px;border: solid 1px #e0e4eb;background-color: #fff; font-size: 15px;font-weight: bold;letter-spacing: normal;text-align: center;color: #202020;}
.reservation .list .side .button-box button:first-child{width:calc(100% - 105px);color:#fff;background-color: #29c36b;border-color:#29c36b; }
.reservation .list .car-list{border-left:1px solid #dcdfe6;padding-left:30px;width:calc(100% - 260px);}
.reservation .list .car-list .car-filter{display: flex;gap:35px;padding-bottom: 17px;border-bottom: 1px solid #dcdfe6;}
.reservation .list .car-list .car-filter h3{margin-top:8px;font-size: 18px;font-weight: bold;color: #202020;}
.reservation .list .car-list .car-filter .chk-list{width:calc(100% - 65px);}
.reservation .list .car-list .car-filter .chk-list .inner-wrap{display: flex;gap:10px;flex-wrap: wrap;}
.reservation .list .car-list .select-filter{margin-top:25px;display: flex;gap:20px;}
.reservation .list .car-list .select-filter h4{width:46px;margin-top:7px;display:flex;gap:7px;font-size: 14px;font-weight: 500;color: #606060;}
.reservation .list .car-list .select-filter h4:before{content: "";display: inline-block;width:15px;height:15px;background: url(/_public/images2/icon/ico_filter.svg) no-repeat;background-size: cover;}
.reservation .list .car-list .select-filter .button-list{width:calc(100% - 66px);display: flex;flex-wrap: wrap;}
.reservation .list .car-list .select-filter .button-list .inner-wrap{display: flex;flex-wrap: wrap;gap:10px;}
.reservation .list .car-list .select-filter .button-list button{display: flex;gap:10px;align-items: center;height:32px;border-radius: 99px;background-color: #f3f4f8;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #424242;padding:0 15px;}
.reservation .list .car-list .select-filter .button-list button:after{content: "";display: block;width:19px;height:19px;background:url(/_public/images2/icon/ico_close_gy.svg) no-repeat;background-size: cover;}
.reservation .list .car-list .list-top{margin-top:25px;display: flex;align-items: center;justify-content: space-between;}
.reservation .list .car-list .list-top p{font-size: 14px;font-weight: 500;color: #787878;}
.reservation .list .car-list .list-top .sort{display: flex;gap:20px;}
.reservation .list .car-list .list-top .sort button{position:relative;font-size: 14px;font-weight: 500;color: #787878;}
.reservation .list .car-list .list-top .sort button.on{color:#202020;font-weight: bold;}
.reservation .list .car-list .list-top .sort button:before{content: "";position:absolute;top:2px;left:-10px;display: inline-block;width:1px;height:12px;background: #b9bfcc;}
.reservation .list .car-list .list-top .sort button:first-child:before{display: none;}
.reservation .list .car-list ul{margin-top:20px;}
.reservation .list .car-list ul li{position:relative;padding: 30px;border-radius: 10px;box-shadow: 0 5px 20px 0 rgba(160, 162, 175, 0.1);border: solid 1px #f3f4f8;background-color: #fff;}
.reservation .list .car-list ul li + li{margin-top:20px;}
.reservation .list .car-list ul li .top-box{display: flex;gap:40px;}
.reservation .list .car-list ul li .top-box figure{overflow:hidden;border-radius:10px;position:relative;width:310px;cursor: pointer;}
.reservation .list .car-list ul li .top-box figure img{display: block;width:100%;}
.reservation .list .car-list ul li .top-box figure:before{content: "";position:absolute;top:0;left:0;display: block;width:100%;height:100%;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
.reservation .list .car-list ul li .top-box figure:after{content: "";position:absolute;bottom:0;right:0;display: block;width:72px;height:72px;background: url(/_public/images2/icon/ico_zoom.svg) no-repeat;background-size: cover;opacity: 0;transition: all 0.3s;}
.reservation .list .car-list ul li .top-box figure figcaption{position: absolute;font-size: 16px;font-weight: 500;color: #fff;bottom:22px;left:20px;opacity: 0;transition: all 0.3s;}
.reservation .list .car-list ul li .top-box .car-info{width:calc (100% - 350px);}
.reservation .list .car-list ul li .top-box .car-info h4{display: flex;align-items: center;gap:20px; font-size: 15px;font-weight: bold;color: #202020;}
.reservation .list .car-list ul li .top-box .car-info h4 span{display: flex;align-items: center;justify-content: center; font-size: 14px;font-weight: 600;color: #2a3246;padding:0 10px; border-radius: 99px;background-color: #f1f4f9;height:30px;}
.reservation .list .car-list ul li .top-box .car-info .info-panel{margin-top:15px;}
.reservation .list .car-list ul li .top-box .car-info h3{font-size: 20px;font-weight: bold;color: #202020;}
.reservation .list .car-list ul li .top-box .car-info .option-box{margin-top:10px;display: flex;flex-wrap: wrap;gap:10px 20px;}
.reservation .list .car-list ul li .top-box .car-info .option-box span{display: flex;gap:5px;font-size: 15px;font-weight: 500;color: #2a3246;}
.reservation .list .car-list ul li .top-box .car-info .option-box span:before{content: "";display: inline-block;width:16px;height:16px;position: relative;top:2px;}
.reservation .list .car-list ul li .top-box .car-info .option-box span:nth-child(1):before{background: url(/_public/images2/contents/list_icon01.svg) no-repeat;background-size: cover;}
.reservation .list .car-list ul li .top-box .car-info .option-box span:nth-child(2):before{background: url(/_public/images2/contents/list_icon02.svg) no-repeat;background-size: cover;}
.reservation .list .car-list ul li .top-box .car-info .option-box span:nth-child(3):before{background: url(/_public/images2/contents/list_icon03.svg) no-repeat;background-size: cover;}
.reservation .list .car-list ul li .top-box .car-info .option-box span:nth-child(4):before{background: url(/_public/images2/contents/list_icon04.svg) no-repeat;background-size: cover;}
.reservation .list .car-list ul li .top-box .car-info .price{margin-top:25px;font-size: 22px;font-weight: bold;color: #202020;}
.reservation .list .car-list ul li .bottom-box{margin-top:25px;display: flex;gap:20px;}
.reservation .list .car-list ul li .bottom-box .left{width:calc(100% - 170px);border-radius: 10px;background-color: #f9f9f9;padding:14px 15px;display: flex;gap:15px;}
.reservation .list .car-list ul li .bottom-box .left h4{width:28px;margin-top:5px;font-size: 14px;font-weight: 600;color: #202020;}
.reservation .list .car-list ul li .bottom-box .left .option-list{width:calc(100% - 45px);}
.reservation .list .car-list ul li .bottom-box .left .option-list .inner-wrap{display: flex;flex-wrap:wrap;gap:6px;}
.reservation .list .car-list ul li .bottom-box .left .option-list span{display: flex;align-items: center;justify-content: center;height:28px;padding:0 8px; border-radius: 99px;border: solid 1px #dcdfe6;background-color: #fff;line-height:26px;font-size: 14px;font-weight: 600;color: #2a3246;}
.reservation .list .car-list ul li .bottom-box .left .option-list .disabled{background-color: #e9e9eb;border-color:#e9e9eb;color:#aaa;}
.reservation .list .car-list ul li .bottom-box a{display: flex;align-items:center;justify-content:center;width:150px;height:55px;  border-radius: 10px;border: solid 1px #29c36b;background-color: #fff;font-size: 17px;font-weight: bold;color: #1dbc61;}
.reservation .list .car-list ul li .bottom-box a:hover{background-color: #29c36b;color:#fff;}
.reservation .list .car-list ul li:hover figure figcaption{opacity: 1;}
.reservation .list .car-list ul li:hover figure:before{opacity: 1;}
.reservation .list .car-list ul li:hover figure:after{opacity: 1;}

.reservation .list .car-list .button-box{margin-top:60px;display: flex;justify-content: center;}
.reservation .list .car-list .button-box button{display: flex;align-items: center;justify-content: center;width:240px;height:55px;border-radius: 99px;background-color: #29c36b;font-size: 16px;font-weight: bold;color: #fff;}

.reservation .agreement{}
.reservation .agreement section{}
.reservation .agreement section + section{margin-top:60px;}
.reservation .agreement section .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 25px;}
.reservation .agreement section h3{font-size: 24px;font-weight: bold;color: #202020;}
.reservation .agreement section .top .step{display: inline-block;}
.reservation .agreement section .top .step img{display: block;}
.reservation .agreement .allchk-box{display:flex;align-items:center;padding:0 30px;height:60px; border-radius: 10px;background-color: #f5f5f5;}
.reservation .agreement .allchk-box.on{border: solid 1px #29c36b;background-color: #f4fcf4;}
.reservation .agreement ul{margin-top:20px;}
.reservation .agreement ul li{height:60px;display: flex;align-items:center;justify-content:space-between;padding:0 30px; border-radius: 10px;border: solid 1px #dcdfe6;background-color: #fff;}
.reservation .agreement ul li + li{margin-top:10px;}
.reservation .agreement ul li button{display: inline-block;text-decoration:underline;font-size: 14px;font-weight: 600;color: #787878;}
.reservation .agreement .button-box{margin-top:60px;display: flex;justify-content: center;gap:20px;}
.reservation .agreement .button-box button{display: flex;align-items: center;justify-content: center;width:260px;height:55px;border-radius: 5px;box-shadow: 4px 8px 15px 0 rgba(160, 162, 175, 0.12);background-image: linear-gradient(to right, #29c36b 2%, #2da585 96%);font-size: 16px;font-weight: 600;color: #fff;}
.reservation .agreement .button-box button:first-child{width:140px;border: solid 1px #dcdfe6;background: #fff;color:#202020;}


.reservation .form{display: flex;justify-content: space-between;gap:40px;}
.reservation .form .mobile-step{display: none;text-align: center;}
.reservation .form .left{width:100%;max-width:810px;}
.reservation .form .right{width:100%;max-width:260px;}
.reservation .form .left section{}
.reservation .form .left section + section{margin-top:80px;}
.reservation .form .left section h3{position:relative;display:flex;align-items:flex-end;font-size: 24px;font-weight: bold;color: #202020;margin-bottom: 20px;gap:10px;}
.reservation .form .left section h3 .checkbox-type5{position: absolute;right:0;}
.reservation .form .left section h3 span{position:relative;top:-3px;display:inline-block;font-size: 16px;font-weight: 600;color: #00cd4a;}
.reservation .form .left .noti-box{margin-top:80px;padding: 30px;border-radius: 10px;border: solid 1px #dcdfe6;background-color: #fff;font-size: 16px;font-weight: 500;text-align: center;}
.reservation .form .left .noti-box em{display: block;font-weight: bold;}
.reservation .form .left section .my-reservation{border-radius: 10px;border: solid 1px #dcdfe6;background-color: #fff;overflow: hidden;}
.reservation .form .left section .my-reservation h4{display: flex;align-items:center;height:60px;padding:0 30px;font-size: 16px;font-weight: 600;color: #fff;background: #29c36b;}
.reservation .form .left section .my-reservation .info-box{padding:20px 30px;display: flex;justify-content:space-between;}
.reservation .form .left section .my-reservation .info-box .car-name p{margin-top:10px;font-size: 16px;font-weight: bold;color: #202020;}
.reservation .form .left section .my-reservation .info-box .car-name em{display: inline-block;padding:0 10px;line-height: 30px; border-radius: 15px;background-color: #f1f4f9;font-size: 14px;font-weight: 600;color: #2a3246;}
.reservation .form .left section .my-reservation .info-box .date-wrap{position:relative;display: flex;align-items: center;gap:98px;}
.reservation .form .left section .my-reservation .info-box .date-wrap:after{content: "";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: block;width:calc(100% - 230px);height:1px;background: #dcdfe6;}
.reservation .form .left section .my-reservation .info-box .date-wrap li{display: flex;flex-direction: column;align-items: center;gap:5px;max-width:110px;}
.reservation .form .left section .my-reservation .info-box .date-wrap li > em{display:inline-block;font-size: 14px;font-weight: 600;text-align: center;color: #535e7c;word-break: auto-phrase;}
.reservation .form .left section .my-reservation .info-box .date-wrap li > span{display:inline-block; font-size: 16px;font-weight: 600;text-align: center;color: #202020;}
.reservation .form .left section .my-reservation .info-box .date-wrap li > strong{display:inline-block; font-size: 20px;font-weight: 600;text-align: center;color: #202020;}
.reservation .form .left section .my-reservation .info-box .date-wrap li > p{margin-top:20px;font-size: 14px;font-weight: 600;text-align: center;color: #787878;}
.reservation .form .left section .my-reservation .info-box .date-wrap li > p em{color:#202020;}
.reservation .form .left section .rental-box{overflow:hidden;border-radius: 10px;border: solid 1px #dcdfe6;}
.reservation .form .left section .rental-box h4{display:flex;align-items:center;height:60px;padding:0 30px;background-color: #29c36b;font-size: 16px;font-weight: 600;color:#fff;}
.reservation .form .left section .rental-box .box{padding:30px;display: flex;justify-content: space-between;}
.reservation .form .left section .rental-box .box ul{padding-left:20px;position:relative;display: flex;flex-direction: column;gap:30px;}
.reservation .form .left section .rental-box .box ul:before{content: "";position:absolute;top:6px;left:0;display: block;width:1px;height: calc(100% - 46px);background: #29c36b;}
.reservation .form .left section .rental-box .box ul li{position:relative;display: flex;flex-direction: column;gap:10px;  font-size: 16px;font-weight: normal;color: #202020;}
.reservation .form .left section .rental-box .box ul li strong{display: block;font-size: 16px;font-weight: bold;}
.reservation .form .left section .rental-box .box ul li span{font-size: 14px;font-weight: 600;}
.reservation .form .left section .rental-box .box ul li:before{content: "";position: absolute;top: 5px;
    left: -24px;width:10px;height:10px;border-radius: 100%;background: #29c36b;}
.reservation .form .left section .rental-box .box ul li:nth-child(2):before{display: none;}
.reservation .form .left section .rental-box .car-info {width:375px;}
.reservation .form .left section .rental-box .car-info .car-name p{margin-top:10px;font-size: 16px;font-weight: bold;color: #202020;}
.reservation .form .left section .rental-box .car-info .car-name em{display: inline-block;padding:0 10px;line-height: 30px; border-radius: 15px;background-color: #f1f4f9;font-size: 14px;font-weight: 600;color: #2a3246;}
.reservation .form .left section .rental-box .car-info .noc{padding:20px;border-radius: 10px;background-color: #f5f6f8;margin-top:30px;}
.reservation .form .left section .rental-box .car-info .noc h5{font-size: 15px;font-weight: bold;}
.reservation .form .left section .rental-box .car-info .noc p{position:relative;margin-top:5px;padding-left: 26px; font-size: 15px;font-weight: 600;}
.reservation .form .left section .rental-box .car-info .noc p:before{content: "";position:absolute;top:2px;left:0;display: block;background: url(/_public/images2/contents/list_icon04.svg) no-repeat;background-size: cover;width:16px;height:16px;}
.reservation .form .left section .noti-box{margin-top:0;padding:20px;border-radius: 10px;background-color: #f4fcf4; font-size: 14px;font-weight: 500;color: #2da585;}
.reservation .form .left section dl{border-top: 1px solid #b9bfcc;padding-top:20px;}
.reservation .form .left section dl dt{top:20px;width:140px;font-size: 16px;font-weight: bold;color:#202020;}
.reservation .form .left section dl dt em{margin-top:5px;display: flex;align-items:center;justify-content:center;font-size: 14px;font-weight: 600;color: #29c36b;width:69px;height:24px; border-radius: 5px;background-color: #e6f6e6;}
.reservation .form .left section dl dd{padding:0 0 15px 140px;}
.reservation .form .left section dl dd input[type="text"],
.reservation .form .left section dl dd input[type="tel"],
.reservation .form .left section dl dd input[type="number"],
.reservation .form .left section dl dd input[type="date"],
.reservation .form .left section dl dd input[type="email"],
.reservation .form .left section dl dd input[type="password"],
.reservation .form .left section dl dd textarea
{width:100%;height:55px;border-radius: 5px;border: solid 1px #dcdfe6;padding:0 20px; font-size: 16px;
    font-weight: 500;}
.reservation .form .left section dl dd input[type="text"]::placeholder,
.reservation .form .left section dl dd input[type="tel"]::placeholder,
.reservation .form .left section dl dd input[type="number"]::placeholder,
.reservation .form .left section dl dd input[type="date"]::placeholder,
.reservation .form .left section dl dd input[type="email"]::placeholder,
.reservation .form .left section dl dd input[type="password"]::placeholder,
.reservation .form .left section dl dd textarea::placeholder {color: #b9bfcc;;}
.reservation .form .left section dl dd textarea::placeholder {
    line-height: 1.5;
}
.reservation .form .left section dl dd textarea {
    padding-top: 5px;
    padding-left: 10px;
    line-height: 1.5;
}
.reservation .form .left section dl dd .input-wrap{display: flex;gap:20px;}
.reservation .form .left section dl dd .input-wrap input[name="first_name"]:first-child{width:240px;}
.reservation .form .left section dl dd input[name="first_name"],
.reservation .form .left section dl dd input[name="last_name"],
.reservation .form .left section dl dd input[name="operator_first_name"],
.reservation .form .left section dl dd input[name="operator_last_name"]{text-transform: uppercase;}
.reservation .form .left section dl dd input[name="email"]{text-transform: lowercase;}
.reservation .form .left section dl dd .radio-group{display: flex; flex-wrap: wrap; gap:10px 20px;}
.reservation .form .left section dl dd .box1{padding:20px;border-radius: 10px;border: solid 1px #dcdfe6;}
.reservation .form .left section dl dd .input-wrap2{display: flex;gap:10px;margin-top:15px;}
.reservation .form .left section dl dd .input-wrap2 .input[type="text"]{width:calc(100% - 117px);}
.reservation .form .left section dl dd .input-wrap2 textarea{width:100%;}
.reservation .form .left section dl dd .input-wrap2 .flight{position:relative;width:107px;}
.reservation .form .left section dl dd .input-wrap2 .flight button{display: flex;align-items:center;justify-content:center;width:100%; border-radius: 5px;border: solid 1px #29c36b;background-color: #fff;height:55px;font-size: 15px;font-weight: 600;color: #29c36b;}
.reservation .form .left section dl dd .input-wrap2 .flight .flight-list{display:none;position: absolute;top:0;right:100%;width:215px; border-radius: 5px;border: solid 1px #29c36b;background-color: #fff;z-index: 10;}
.reservation .form .left section dl dd .input-wrap2 .flight .flight-list h4{display:flex;align-items:center;height:55px;padding:0 20px;border-radius: 5px;color:#fff;border: solid 1px #29c36b;background-color: #29c36b;}
.reservation .form .left section dl dd .input-wrap2 .flight .flight-list ul{padding:10px 20px;}
.reservation .form .left section dl dd .input-wrap2 .flight .flight-list ul li{font-size: 14px;font-weight: normal;line-height: 2.14;color: #000;cursor: pointer;}
.reservation .form .left section dl dd .input-wrap2 .flight .flight-list p{font-size: 14px;font-weight: normal;color: #9661d2;padding:0px 20px 10px;}
.reservation .form .left section dl dd .txt{margin-top:5px;font-size: 14px;font-weight: 500;line-height: 1.43;color: #787878;}
.reservation .form .left section dl dd .email-box{position: relative;}
.reservation .form .left section dl dd .email-box .email-wrap{position: relative;display: flex;gap:10px;}
.reservation .form .left section dl dd .email-box .email-wrap select{width:180px;}
.reservation .form .left section dl dd .email-box .email-wrap .input-box{width:calc(100% - 190px);}
.reservation .form .left section dl dd .email-box .input-box{position: relative;}
.reservation .form .left section dl dd .email-box .input-box input[type="text"]{padding-right:50px;}
.reservation .form .left section dl dd .email-box .input-box button{position: absolute;top:19px;right:20px;width:16px;height:16px;display: none;}
.reservation .form .left section dl dd .email-box ul{display:none;position:absolute;left:0;width:100%;border-radius: 5px;box-shadow: 0 10px 15px 0 rgba(160, 162, 175, 0.16);border: solid 1px #dcdfe6;background-color: #fff;z-index: 10;padding:10px 20px;}
.reservation .form .left section dl dd .email-box ul li{font-size: 16px;font-weight: 500;line-height: 2.25;color: #202020;}
.reservation .form .left section dl dd select{width:100%;height:55px;max-width:167px; border-radius: 5px;border: solid 1px #dcdfe6;font-size: 16px;font-weight: 500;color: #202020;padding:0 20px;}
.reservation .form .left section dl dd .noc-box{padding: 20px;border-radius: 10px;border: solid 1px #dcdfe6;background-color: #fff;}
.reservation .form .left section dl dd .noc-box + .noc-box{margin-top:20px;}
.reservation .form .left section dl dd .noc-box .top-box{position: relative;padding-bottom: 15px;padding-right:100px;}
.reservation .form .left section dl dd .noc-box .top-box p{margin-top:5px;font-size: 14px;font-weight: normal;color: #202020;}
.reservation .form .left section dl dd .noc-box .top-box button{position: absolute;top:0;right:0;padding-right: 30px;font-size: 14px;font-weight: 500;color: #787878;}
.reservation .form .left section dl dd .noc-box .top-box button:after{content: "";position:absolute;top:-2px;right:0;display: inline-block;width:20px;height:20px;background: url(/_public/images2/icon/ico_togglearrow.svg) no-repeat;background-size: cover;}
.reservation .form .left section dl dd .noc-box .content-box{display:none;border-top:1px dashed #b9bfcc;padding:15px 0;}
.reservation .form .left section dl dd .noc-box .content-box .txt-list{display: flex;flex-wrap: wrap;gap:8px 10px;}
.reservation .form .left section dl dd .noc-box .content-box .txt-list span{position: relative;padding-left: 21px;font-size: 14px;font-weight: normal;color: #424242;}
.reservation .form .left section dl dd .noc-box .content-box .txt-list span:before{content: "";position:absolute;left:0;display: inline-block;width:18px;height:18px;background: url(/_public/images2/icon/ico_chk5.svg) no-repeat;background-size: cover;}
.reservation .form .left section dl dd .noc-box .price-box{display: flex;align-items: center;justify-content: space-between;}
.reservation .form .left section dl dd .noc-box .price-box span{display: inline-block;font-size: 15px;font-weight: 600;color: #787878;}
.reservation .form .left section dl dd .noc-box .price-box strong{display:inline-block;font-size: 18px;font-weight: bold;color: #ccc;}
.reservation .form .left section dl dd .noc-box .passenger{margin-top:30px;display: none;}
.reservation .form .left section dl dd .noc-box .passenger .noti-box{text-align: left;}
.reservation .form .left section dl dd .noc-box .passenger .register-box{margin-top:20px;}
.reservation .form .left section dl dd .noc-box .passenger .register-box ul{}
.reservation .form .left section dl dd .noc-box .passenger .register-box ul li{}
.reservation .form .left section dl dd .noc-box .passenger .register-box ul li + li{margin-top:20px;}
.reservation .form .left section dl dd .noc-box .passenger .register-box ul li .label{font-size: 16px;font-weight: bold;color: #202020;}
.reservation .form .left section dl dd .noc-box .passenger .register-box ul li .input-box{margin-top:10px;display: flex;gap:10px;}
.reservation .form .left section dl dd .noc-box .passenger .register-box ul li .input-box .k-name{max-width:150px;}
.reservation .form .left section dl dd .noc-box .passenger .register-box ul li .input-box .e-name{}
.reservation .form .left section dl dd .noc-box .passenger .register-box ul li .input-box input[type="date"]{}
.reservation .form .left section dl dd .noc-box .passenger .register-box ul li select{max-width:100px;background-position: 85% 50%;}

.reservation .form .left section dl dd .noc-box.checked {box-shadow: 0 10px 15px 0 rgba(160, 162, 175, 0.16);border-color:#29c36b;}
.reservation .form .left section dl dd .noc-box.checked .top-box p{color:#29c36b;}
.reservation .form .left section dl dd .noc-box.checked .price-box strong{color:#202020;}
.reservation .form .left section dl dd .noc-box.on .top-box button:after{transform: rotate(-180deg);}
.reservation .form .left section dl dd .check-group{display: flex;gap:30px;border-radius: 10px;border: solid 1px #dcdfe6;background-color: #fff;padding:20px;}
.reservation .form .left section dl dd .car-sheet{padding:20px;border-radius: 10px;border: solid 1px #dcdfe6;}
.reservation .form .left section dl dd .car-sheet ul{margin-top:20px;}
.reservation .form .left section dl dd .car-sheet ul li{padding: 20px;border-radius: 10px;border: solid 1px #dcdfe6;}
.reservation .form .left section dl dd .car-sheet ul li + li{margin-top:20px;}
.reservation .form .left section dl dd .car-sheet ul li h4{font-size: 16px;font-weight: bold;}
.reservation .form .left section dl dd .car-sheet ul li p{margin-top:10px; font-size: 15px;font-weight: 500;color: #787878;}
.reservation .form .left section dl dd .car-sheet ul li .select-wrap{margin-top:10px;display: flex;justify-content: space-between;align-items: center;}
.reservation .form .left section dl dd .car-sheet ul li .select-wrap select{max-width:300px;}
.reservation .form .left section dl dd .car-sheet ul li .select-wrap span{display: inline-block; font-size: 16px;font-weight: bold;}
.reservation .form .left section dl dd .car-sheet figure{margin-top:20px;text-align: center;padding:20px; border-radius: 10px;background-color: #f9f9f9;}
.reservation .form .left section dl dd .txt-between{margin-top:30px;display: flex;align-items: center;justify-content: space-between;}
.reservation .form .left section dl dd .txt-between span{display: inline-block;font-size: 15px;font-weight: 600;color: #787878;}
.reservation .form .left section dl dd .txt-between strong{display: inline-block; font-size: 16px;font-weight: bold;color:#202020;}
.reservation .form .left section dl dd .box1 figure{margin-top:20px;text-align: center;padding:20px; border-radius: 10px;background-color: #f9f9f9;}
.reservation .form .left section dl dd .box1 select{width:100%; max-width: none !important;}
.reservation .form .left section dl dd .policy-box{}
.reservation .form .left section dl dd .policy-box .allchk{padding:20px 30px;border-radius: 10px;background-color: #f5f5f5;}
.reservation .form .left section dl dd .policy-box ul{margin-top:20px;}
.reservation .form .left section dl dd .policy-box ul li{display: flex;align-items: center;justify-content: space-between; border-radius: 10px;border: solid 1px #dcdfe6;padding:20px 30px;}
.reservation .form .left section dl dd .policy-box ul li button{display: inline-block;font-size:14px;font-weight: 600;text-decoration: underline;color:#787878;}
.reservation .form .left section dl dd .policy-box ul li + li{margin-top:10px;}
.esim-option-ui-wrapper .select-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.esim-option-ui-wrapper .select-wrap .select-content {
    min-width: 140px;
    flex: 1 1 180px;
    padding: 6px 8px;
    font-size: 14px;
}

.esim-option-ui-wrapper .select-wrap .select-day {
    min-width: 100px;
    flex: 1 1 140px;
    padding: 6px 8px;
    font-size: 14px;
}

.esim-option-ui-wrapper .select-wrap .select-count {
    min-width: 80px;
    flex: 1 1 140px;
    padding: 6px 8px;
    font-size: 14px;
}

.esim-option-ui-wrapper .select-wrap .selected-price {
    font-weight: 600;
    min-width: 60px;
    text-align: right;
    flex: 0 0 auto;
}

.esim-option-ui-wrapper .select-wrap .esim-add-button {
    background-color: #29c36b;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.2s ease;
    flex: 0 0 auto;
}

.esim-option-ui-wrapper .select-wrap .esim-add-button:hover {
    background-color: #2da585;
}

.esim-added-list {
    display: flex;
    flex-direction: column;
    list-style: none; /* ● 기호 제거 */
    border: none !important;
    gap: 6px;
    margin-top: 12px;
}

.esim-added-item > div {
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #ddd;
    border-radius: 5px;
    min-width: 120px;
    background-color: #fff;
    text-align: center;
    white-space: nowrap;
    flex-shrink: 0;
    height: 48px; /* 셀렉트 박스 높이랑 맞추기 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.esim-added-item .selected-price {
    min-width: 60px;
    border: none;
    font-weight: bold;
    text-align: right;
    flex: 0 0 auto;
    margin-left: auto;
}

.esim-added-item .esim-remove-btn {
    background: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 48px;
    height: 48px;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: right;
    flex: 0 0 auto;
}

.esim-added-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    flex-wrap: nowrap;
    border: none; !important;
    min-width: 80px;
    font-weight: 600;
}

.esim-added-item .esim-remove-btn:hover {
    background-color: #f0f0f0;
}

.esim-selection {
    margin-top: 20px;
}

/*
.reservation .form .left section dl dd .coupon-box{}
.reservation .form .left section dl dd .coupon-box .input-wrap{gap:10px;}
.reservation .form .left section dl dd .coupon-box .input-wrap input[type="text"]{width:calc(100% - 117px);}
.reservation .form .left section dl dd .coupon-box .input-wrap button{display: flex;align-items: center;justify-content: center;width:107px;height:55px;font-size: 15px;font-weight: 600;border-radius: 5px;border:1px solid transparent;}
.reservation .form .left section dl dd .coupon-box .input-wrap .btn-conform{border-color:#29c36b;color:#29c36b;}
.reservation .form .left section dl dd .coupon-box .input-wrap .btn-cancel{border-color:#f94040;color:#f94040;}
.reservation .form .left section dl dd .coupon-list{margin-top:15px;}
.reservation .form .left section dl dd .coupon-list li{border-radius: 5px;background-color: #f5f6f8;display: flex;}
.reservation .form .left section dl dd .coupon-list li .col1{padding:20px;width:calc(100% - 106px);border-right:1px solid #dcdfe6;}
.reservation .form .left section dl dd .coupon-list li .col1 .date{display:flex;font-size: 15px;font-weight: normal;color: #202020;align-items: center;gap:5px;}
.reservation .form .left section dl dd .coupon-list li .col1 .date em{position:relative;top:-1px;display: flex;padding:0 5px;height:18px;line-height:18px;border-radius: 9px;background-color: #29c36b;color:#fff;font-size: 12px;font-weight: 500;}
.reservation .form .left section dl dd .coupon-list li .col1 strong{display: block;margin-top:5px;font-size: 21px;font-weight: bold;color: #202020;}
.reservation .form .left section dl dd .coupon-list li span{width:106px;display:flex;flex-direction:column;align-items: center;justify-content: center;font-size: 15px;font-weight: 600;color: #b9bfcc;}
.reservation .form .left section dl dd .coupon-list li span:before{content: "";display: inline-block;width:15px;height:15px;background: url(/_public/images2/icon/ico_chk_gray.svg) no-repeat;background-size: cover;}
.reservation .form .left section dl dd .coupon-list li.expiration .col1 .date em{background: #424242;}
.reservation .form .left section dl dd .coupon-list li.expiration span:before{display: none;}
*/

.reservation .form .left section dl dd .coupon-box{padding: 20px;border-radius: 10px;border: solid 1px #dcdfe6;}
.reservation .form .left section dl dd .coupon-box + .coupon-box{margin-top: 20px;}
.reservation .form .left section dl dd .coupon-box h4{font-size: 16px;font-weight: bold;color:#202020;display: flex;justify-content: space-between;}
.reservation .form .left section dl dd .coupon-box h4 span{display: inline-block;font-size: 14px;font-weight: 500;}
.reservation .form .left section dl dd .coupon-box p{margin-top:5px; font-size: 15px;font-weight: 500;color: #787878;}
.reservation .form .left section dl dd .coupon-box .open-coupon{margin-top:10px;display: flex;width:100%;justify-content:space-between;align-items: center;height: 55px;  border-radius: 5px;border: solid 1px #202020;background-color: #fff;padding:0 20px;font-size: 16px;font-weight: 600;color: #202020;text-align: left;}
.reservation .form .left section dl dd .coupon-box .open-coupon:after{content: "";display: block;width:20px;height:20px;background: url(/_public/images2/icon/modal_arrow.svg) no-repeat;background-size: cover;}

.reservation .form .left section dl dd .coupon-code{border-radius: 10px;border: solid 1px #dcdfe6;background-color: #fff;padding:20px;}
.reservation .form .left section dl dd .coupon-code .input-wrap{gap:10px;}
.reservation .form .left section dl dd .coupon-code .input-wrap input[type="text"]{width:calc(100% - 117px);}
.reservation .form .left section dl dd .coupon-code .input-wrap button{display: flex;align-items: center;justify-content: center;width:107px;height:55px;font-size: 15px;font-weight: 600;border-radius: 5px;border:1px solid transparent;}
.reservation .form .left section dl dd .coupon-code .input-wrap .btn-conform{border-color:#29c36b;color:#29c36b;}
.reservation .form .left section dl dd .coupon-code .input-wrap .btn-cancel{border-color:#f94040;color:#f94040;}
.reservation .form .left section dl dd .coupon-list{margin-top:20px;}
.reservation .form .left section dl dd .coupon-list li{position:relative;display:flex;border-radius: 5px;border: dashed 1px #b9bfcc;background-color: #f9f9f9;padding-left: 100px;}
.reservation .form .left section dl dd .coupon-list li + li{margin-top:15px;}
.reservation .form .left section dl dd .coupon-list li i{position: absolute;top:20px;left:20px;max-width:82px;}
.reservation .form .left section dl dd .coupon-list li i img{display: block;border-radius: 100%;}
.reservation .form .left section dl dd .coupon-list li .col1{width:calc(100% - 105px);padding:20px;}
.reservation .form .left section dl dd .coupon-list li .col1 em{display: block;font-size: 15px;font-weight: bold;color: #202020;}
.reservation .form .left section dl dd .coupon-list li .col1 strong{display: block;margin-top:5px;  font-size: 21px;font-weight: bold;color: #202020;}
.reservation .form .left section dl dd .coupon-list li .col1 p{margin-top:5px;font-size: 15px;font-weight: 500;color: #787878;}
.reservation .form .left section dl dd .coupon-list li .col2{width:105px;border-left:1px solid #dcdfe6;display: flex;align-items: center;justify-content: center;}
.reservation .form .left section dl dd .coupon-list li .col2 button{display:inline-block;font-size: 15px;font-weight: 600;color: #202020;text-decoration:underline;}
.reservation .form .left section dl dd .coupon-list2{margin-top:15px;}
.reservation .form .left section dl dd .coupon-list2 li{border-radius: 5px;border: dashed 1px #b9bfcc;background-color: #f9f9f9;display: flex;}
.reservation .form .left section dl dd .coupon-list2 li + li{margin-top:15px;}
.reservation .form .left section dl dd .coupon-list2 li .col1{padding:20px;width:calc(100% - 106px);border-right:1px solid #dcdfe6;}
.reservation .form .left section dl dd .coupon-list2 li .col1 .date{display:flex;font-size: 15px;font-weight: normal;color: #202020;align-items: center;gap:5px;}
.reservation .form .left section dl dd .coupon-list2 li .col1 .date em{position:relative;top:-1px;display: flex;padding:0 5px;height:18px;line-height:18px;border-radius: 9px;background-color: #29c36b;color:#fff;font-size: 12px;font-weight: 500;}
.reservation .form .left section dl dd .coupon-list2 li .col1 strong{display: block;margin-top:5px;font-size: 21px;font-weight: bold;color: #202020;}
.reservation .form .left section dl dd .coupon-list2 li span{width:106px;display:flex;flex-direction:column;align-items: center;justify-content: center;font-size: 15px;font-weight: 600;color: #b9bfcc;}
.reservation .form .left section dl dd .coupon-list2 li span:before{content: "";display: inline-block;width:15px;height:15px;background: url(/_public/images2/icon/ico_chk_gray.svg) no-repeat;background-size: cover;}
.reservation .form .left section dl dd .coupon-list2 li.expiration .col1 .date em{background: #424242;}
.reservation .form .left section dl dd .coupon-list2 li.expiration span:before{display: none;}



.reservation .form .right .close-price{display: none;position: absolute;left: 50%;transform: translateX(-50%);top: 19px;width: 25px;height: 10px;background: url(/_public/images2/icon/ico_side_close_m.svg) no-repeat;background-size: cover;}
.reservation .form .right .fee-box{position: sticky;top:40px;}
.reservation .form .right .fee-box .step{text-align: right;}
.reservation .form .right .fee-box .inbox{border-radius: 10px;box-shadow: 0 15px 20px 0 rgba(160, 162, 175, 0.12);border: solid 1px #2da585;margin-top:15px;padding:20px;}
.reservation .form .right .fee-box .inbox h3{font-size: 18px;font-weight: 800;color: #202020;}
.reservation .form .right .fee-box .inbox .price-box{padding:16px 0;}
.reservation .form .right .fee-box .inbox .price-box + .price-box{border-top:1px dashed #b9bfcc;}
.reservation .form .right .fee-box .inbox .price-box dl{}
.reservation .form .right .fee-box .inbox .price-box dl dt{width:90px;font-size: 16px;font-weight: bold;color:#202020;}
.reservation .form .right .fee-box .inbox .price-box dl dd{padding:0 0 0 90px;font-size: 16px;font-weight: bold;color:#202020;text-align: right;}
.reservation .form .right .fee-box .inbox .price-box dl dd strong{font-size: 18px;font-weight: bold;}
.reservation .form .right .fee-box .inbox .price-box dl dd .total-cap {display:block;font-size:14px;font-weight:400;color:#787878;}
.reservation .form .right .fee-box .inbox .price-box dl.small{margin-bottom: 10px;}
.reservation .form .right .fee-box .inbox .price-box dl.small dt{font-size: 14px;font-weight: 600;color: #787878;}
.reservation .form .right .fee-box .inbox .price-box dl.small dd{font-size: 14px;font-weight: 600;text-align: right;color: #202020;padding: 0 0 5px 80px;}
.reservation .form .right .fee-box .inbox .price-box ul{margin-top:12px;}
.reservation .form .right .fee-box .inbox .price-box ul li{font-size: 14px;font-weight: 500;color: #787878;}
.reservation .form .right .fee-box .inbox .price-box ul li span{color: #202020;}
.reservation .form .right .fee-box .inbox .price-box ul li + li{margin-top:5px;}
.reservation .form .right .fee-box .inbox .price-box .noti-box{margin-top:10px;display: flex;justify-content: flex-end;}
.reservation .form .right .fee-box .inbox .price-box .noti-box button{display: flex;gap:5px;align-items:center; font-size: 15px;font-weight: 500;color: #535e7c;text-decoration: underline;}
.reservation .form .right .fee-box .inbox .price-box .noti-box button i{display: inline-block;}
.reservation .form .right .fee-box .inbox .price-box .noti-box button i img{display:block;}
.reservation .form .right .fee-box .button-box{margin-top:30px;}
.reservation .form .right .fee-box .button-box button{display: flex;width:100%;align-items: center;justify-content: center;height:55px; border-radius: 5px;box-shadow: 4px 8px 15px 0 rgba(160, 162, 175, 0.12);background-image: linear-gradient(to right, #29c36b 2%, #2da585 96%);color:#fff;font-size:17px;font-weight: bold;}
.reservation .button-box2 {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;}
.reservation .button-box2 button{display: flex;width:8%;align-items: center;justify-content: center;height:55px; border-radius: 5px;box-shadow: 4px 8px 15px 0 rgba(160, 162, 175, 0.12);background-image: linear-gradient(to right, #29c36b 2%, #2da585 96%);color:#fff;font-size:17px;font-weight: bold;}
.reservation .form .right .fee-box .txt{position:relative;margin-top:20px;font-size: 14px;font-weight: 500;line-height: 1.71;color: #787878;padding-left: 9px;word-break:keep-all;line-height:1.3;}
.reservation .form .right .fee-box .txt:before{content: "";display: inline-block;position: absolute;top:10px;left:0;width:3px;height:3px;background: #787878;border-radius: 100%;}
.reservation .form .right .fee-box .txt + .txt{margin-top:5px;}
.reservation .open-price{display: none;position: fixed;left:0;bottom:0;width:100%;padding:20px;background: #fff;z-index: 10;}
.reservation .open-price button{display: flex;align-items: center;justify-content: center;width:100%;height:55px; border-radius: 5px;box-shadow: 4px 8px 15px 0 rgba(160, 162, 175, 0.12);background-image: linear-gradient(to right, #29c36b 2%, #2da585 96%);font-size: 18px;font-weight: bold;color:#fff;}
.reservation .form .right .button-box2{margin-top:30px;display: flex;gap:10px;}
.reservation .form .right .button-box2 .button{flex: 1;display: flex;align-items: center;justify-content: center;height:55px;border-radius: 5px;border: solid 1px #dcdfe6;background-color: #fff;background-image:none; font-size: 16px;font-weight: 600;color:#202020;}
.reservation .form .right .button-box2 .button:first-child{  background-color: #29c36b;border:0;color:#fff;}
.reservation .form .right .fee-box .inbox2{border-radius: 10px;box-shadow: 0 15px 20px 0 rgba(160, 162, 175, 0.12);border: solid 1px #2da585;margin-top:15px;padding:20px;}
.reservation .form .right .inbox2 h4{color:#202020;font-size: 18px;font-weight: 800;}
.reservation .form .right .inbox2 dl{margin-top:20px;}
.reservation .form .right .inbox2 dl + dl{margin-top:10px;padding-top:20px;border-top:1px dashed #b9bfcc;}
.reservation .form .right .inbox2 dl dt{width:80px;font-size: 16px;font-weight: bold;color:#202020}
.reservation .form .right .inbox2 dl dd{padding:0 0 10px 80px;font-size: 16px;font-weight: bold;color:#202020;text-align: right;}
.reservation .form .right .inbox2 dl dd strong{position:relative;top:-2px;font-size: 18px;font-weight: bold;}
.reservation .form .right .inbox2 dl.type2{}
.reservation .form .right .inbox2 dl.type2 dt{width:100%;}
.reservation .form .right .inbox2 dl.type2 dd{padding:0;margin-top:5px;font-size: 14px;font-weight: 500;color: #787878;text-align: left;}


.reservation .complete{display: flex;justify-content: space-between;gap:40px;}
.reservation .complete .mobile-step{display: none;text-align: center;}
.reservation .complete .left{width:100%;max-width:810px;}
.reservation .complete .left figure{margin-bottom:50px;display: flex;flex-direction: column;align-items: center;gap:25px;}
.reservation .complete .left figure figcaption{text-align:center;font-size: 24px;font-weight: bold;}
.reservation .complete .left figure figcaption > em {display:block;font-size:18px;font-weight:500;margin-top:8px;}
.reservation .complete .left .noti-box{margin-top:40px;padding: 30px;border-radius: 10px;border: solid 1px #dcdfe6;background-color: #fff;font-size: 16px;font-weight: 500;text-align: center;}
.reservation .complete .left .noti-box em{display: block;font-weight: bold;}
.reservation .complete .left section{}
.reservation .complete .left section + section{margin-top: 80px;}
.reservation .complete .left section h3{font-size: 24px;font-weight: bold;color: #202020;margin-bottom: 20px;}
.reservation .complete .left section .status-box{padding:20px 30px;border-radius: 10px;border: solid 1px #dcdfe6;background-color: #f7f7fa;}
.reservation .complete .left section .status-box dl{}
.reservation .complete .left section .status-box dl dt{width:100px;font-size: 16px;font-weight: normal;color: #202020;}
.reservation .complete .left section .status-box dl dd{padding:0 0 10px 100px;text-align: right; font-size: 16px;font-weight: normal;color: #202020;}
.reservation .complete .left section .status-box ul{margin-top:10px;padding-top:20px;border-top:1px dashed #707070;}
.reservation .complete .left section .status-box ul li{font-size: 15px;font-weight: 500;line-height: 1.6;color: #787878;}
.reservation .complete .left section .status-box .txtarea{margin-top:10px;margin-bottom:20px;position:relative;padding:20px 20px 20px 46px; border-radius: 10px;background-color: #fff;font-size: 16px;font-weight: 500;line-height: 1.63;color: #787878;word-break: keep-all;}
.reservation .complete .left section .status-box .txtarea:before{content: "";position:absolute;top:23px;left:20px;display: block;background: url(/_public/images2/icon/ico_cancel.svg) no-repeat;background-size: cover;width:16px;height:16px;}
.reservation .complete .left section .rental-box{overflow:hidden;border-radius: 10px;border: solid 1px #dcdfe6;}
.reservation .complete .left section .rental-box h4{display:flex;align-items:center;height:60px;padding:0 30px;background-color: #29c36b;font-size: 16px;font-weight: 600;color:#fff;}
.reservation .complete .left section .rental-box .box{padding:30px;display: flex;justify-content: space-between;}
.reservation .complete .left section .rental-box .box ul{padding-left:20px;position:relative;display: flex;flex-direction: column;gap:30px;}
.reservation .complete .left section .rental-box .box ul:before{content: "";position:absolute;top:6px;left:0;display: block;width:1px;height: calc(100% - 46px);background: #29c36b;}
.reservation .complete .left section .rental-box .box ul li{position:relative;display: flex;flex-direction: column;gap:10px;  font-size: 16px;font-weight: normal;color: #202020;}
.reservation .complete .left section .rental-box .box ul li strong{display: block;font-size: 16px;font-weight: bold;}
.reservation .complete .left section .rental-box .box ul li span{font-size: 14px;font-weight: 600;}
.reservation .complete .left section .rental-box .box ul li:before{content: "";position: absolute;top: 5px;
    left: -24px;width:10px;height:10px;border-radius: 100%;background: #29c36b;}
.reservation .complete .left section .rental-box .box ul li:nth-child(2):before{display: none;}
.reservation .complete .left section .rental-box .car-info {width:375px;}
.reservation .complete .left section .rental-box .car-info .car-name p{margin-top:10px;font-size: 16px;font-weight: bold;color: #202020;}
.reservation .complete .left section .rental-box .car-info .car-name em{display: inline-block;padding:0 10px;line-height: 30px; border-radius: 15px;background-color: #f1f4f9;font-size: 14px;font-weight: 600;color: #2a3246;}
.reservation .complete .left section .rental-box .car-info .noc{padding:20px;border-radius: 10px;background-color: #f5f6f8;margin-top:30px;}
.reservation .complete .left section .rental-box .car-info .noc h5{font-size: 15px;font-weight: bold;}
.reservation .complete .left section .rental-box .car-info .noc p{position:relative;margin-top:5px;padding-left: 26px; font-size: 15px;font-weight: 600;}
.reservation .complete .left section .rental-box .car-info .noc p:before{content: "";position:absolute;top:2px;left:0;display: block;background: url(/_public/images2/contents/list_icon04.svg) no-repeat;background-size: cover;width:16px;height:16px;}
.reservation .complete .left section .box2{padding:30px;border-radius: 10px;background-color: #f5f6f8;}
.reservation .complete .left section .box2 .flex-box{display: flex;flex-wrap: wrap;gap:20px;}
.reservation .complete .left section .box2 .flex-box .txt-box{width:calc(50% - 10px);padding:20px;  border-radius: 5px;border: solid 1px #dcdfe6;background-color: #fff;}
.reservation .complete .left section .box2 .flex-box .txt-box h4{font-size: 16px;font-weight: 500;color: #787878;}
.reservation .complete .left section .box2 .flex-box .txt-box p{margin-top:10px;font-size: 16px;font-weight: 600;color: #202020;display: flex;align-items: center;gap:5px;}
.reservation .complete .left section .box2 .flex-box .txt-box p.t-upper {text-transform:uppercase;}
.reservation .complete .left section .box2 .flex-box .txt-box p em{font-size: 16px;font-weight: bold;color: #b9bfcc;}
.reservation .complete .left section .box2 .flex-box .txt-box.code{width:100%;}
.reservation .complete .left section .box2 .flex-box .txt-box.code h4{color:#202020;}
.reservation .complete .left section .box2 .flex-box .txt-box.code p{font-size: 20px;font-weight: 600;}
.reservation .complete .left section .box2 .button-box{margin-top:20px;}
.reservation .complete .left section .box2 .button-box a{display: flex;align-items: center;justify-content: center; border-radius: 5px;border: solid 1px #29c36b;background-color: #fff;width:100%;height:55px; font-size: 15px;font-weight: 600;color: #29c36b;}
.reservation .complete .left section .box2 .txt{margin-top:30px;font-size: 14px;font-weight: 500;color: #787878;}
.reservation .complete .left section .box2 dl{padding:20px; border-radius: 5px;border: solid 1px #dcdfe6;background-color: #fff;}
.reservation .complete .left section .box2 dl dt{width:195px;font-size: 15px;font-weight: bold;color: #202020;}
.reservation .complete .left section .box2 dl dt strong{display: inline-block;margin-left: 5px;}
.reservation .complete .left section .box2 dl dd{padding:0 0 10px 195px;text-align: right;font-size: 15px;font-weight: normal;color: #202020;}
.reservation .complete .left section .box2 .txtarea{    font-size: 15px;
    font-weight: normal;
    color: #202020;}
.reservation .complete .left section + .noti-box{margin-top:80px;}

.reservation .complete .left section .noc-box{padding: 20px;border-radius: 10px;border: solid 1px #dcdfe6;background-color: #fff;}
.reservation .complete .left section .noc-box + .noc-box{margin-top:20px;}
.reservation .complete .left section .noc-box .top-box{position: relative;padding-bottom: 15px;display: flex;align-items: center;justify-content: space-between;}
.reservation .complete .left section .noc-box .top-box h4{font-size: 16px;font-weight: 600;color: #202020;}
.reservation .complete .left section .noc-box .top-box p{font-size: 16px;font-weight: 600;color: #202020;}

.reservation .complete .left section .noc-box .content-box{border-top:1px dashed #b9bfcc;padding:15px 0;}
.reservation .complete .left section .noc-box .content-box .txt-list{display: flex;flex-wrap: wrap;gap:8px 10px;}
.reservation .complete .left section .noc-box .content-box .txt-list span{position: relative;padding-left: 21px;font-size: 14px;font-weight: normal;color: #424242;}
.reservation .complete .left section .noc-box .content-box .txt-list span:before{content: "";position:absolute;left:0;display: inline-block;width:18px;height:18px;background: url(/_public/images2/icon/ico_chk5.svg) no-repeat;background-size: cover;}
.reservation .complete .left section .noc-box .passenger{margin-top:30px;}
.reservation .complete .left section .noc-box .passenger .noti-box2{padding: 20px;border-radius: 10px;background-color: #f4fcf4;font-size: 14px;font-weight: 500;color: #2da585;}
.reservation .complete .left section .noc-box .passenger .register-box{margin-top:20px;}
.reservation .complete .left section .noc-box .passenger .register-box ul{}
.reservation .complete .left section .noc-box .passenger .register-box ul li{display: flex;align-items: center;}
.reservation .complete .left section .noc-box .passenger .register-box ul li + li{margin-top:20px;}
.reservation .complete .left section .noc-box .passenger .register-box ul li .label{font-size: 16px;font-weight: bold;color: #202020;width:110px;}
.reservation .complete .left section .noc-box .passenger .register-box ul li .input-txt{height:55px;width:calc(100% - 110px); border-radius: 5px;border: solid 1px #dcdfe6;background-color: #fff;display: flex;align-items: center;padding:0 20px;font-size: 16px;font-weight: 500;color: #202020;}




.reservation .complete .right{width:100%;max-width:260px;}
.reservation .complete .right .box{position: sticky;top:140px;}
.reservation .complete .right .box .step{text-align: right;}
.reservation .complete .right .inbox{margin-top:15px;border-radius: 10px;box-shadow: 0 15px 20px 0 rgba(160, 162, 175, 0.12);border: solid 1px #2da585;background-color: #fff;padding:20px;}
.reservation .complete .right .inbox h4{color:#202020;font-size: 18px;font-weight: 800;}
.reservation .complete .right .inbox dl{margin-top:20px;}
.reservation .complete .right .inbox dl + dl{margin-top:10px;padding-top:20px;border-top:1px dashed #b9bfcc;}
.reservation .complete .right .inbox dl dt{width:80px;font-size: 16px;font-weight: bold;color:#202020}
.reservation .complete .right .inbox dl dd{padding:0 0 10px 80px;font-size: 16px;font-weight: bold;color:#202020;text-align: right;}
.reservation .complete .right .inbox dl dd strong{position:relative;top:-2px;font-size: 18px;font-weight: bold;}
.reservation .complete .right .inbox dl dd .total-cap {display:block;font-size:14px;font-weight:400;color:#787878;}
.reservation .complete .right .inbox dl.type2{}
.reservation .complete .right .inbox dl.type2 dt{width:100%;}
.reservation .complete .right .inbox dl.type2 dd{padding:0;margin-top:5px;font-size: 14px;font-weight: 500;color: #787878;text-align: left;}
.reservation .complete .right .button-box{margin-top:30px;}
.reservation .complete .right .button-box a{display: flex;align-items: center;justify-content: center;width:100%;height:55px; border-radius: 5px;box-shadow: 4px 8px 15px 0 rgba(160, 162, 175, 0.12);background-image: linear-gradient(to right, #29c36b 2%, #2da585 96%);color:#fff;font-size:17px;font-weight:bold;}
.reservation .complete .right .button-box2{margin-top:30px;display: flex;gap:10px;}
.reservation .complete .right .button-box2 .button{flex: 1;display: flex;align-items: center;justify-content: center;height:55px;border-radius: 5px;border: solid 1px #dcdfe6;background-color: #fff; font-size: 16px;font-weight: 600;color:#202020;}
.reservation .complete .right .button-box2 .button:first-child{  background-color: #29c36b;border:0;color:#fff;}
.reservation .complete.type2 .left section .rental-box h4{background-color: #9661d2;}
.reservation .complete.type2 .left section .rental-box .box ul:before{background: #9661d2;}
.reservation .complete.type2 .left section .rental-box .box ul li:before{background: #9661d2;}
.reservation .complete.type2 .left section .box2 .button-box a{color:#9661d2;border-color:#9661d2;}
.reservation .complete.type2 .right .button-box2 .button:first-child{background-color:#9661d2;}
.reservation .complete.type2 .right .inbox{border-color:#9661d2;}

.reservation .cancel{display: flex;justify-content: space-between;gap:40px;}
.reservation .cancel .left{width:100%;max-width:810px;}
.reservation .cancel .right{width:100%;max-width:260px;}
.reservation .cancel .left section{}
.reservation .cancel .left section + section{margin-top:80px;}
.reservation .cancel .left section h3{position:relative;display:flex;align-items:flex-end;font-size: 24px;font-weight: bold;color: #202020;margin-bottom: 20px;gap:10px;}
.reservation .cancel .left section dl{border-top: 1px solid #b9bfcc;padding-top:20px;}
.reservation .cancel .left section dl dt{top:20px;width:140px;font-size: 16px;font-weight: bold;color:#202020;}
.reservation .cancel .left section dl dt em{margin-top:5px;display: flex;align-items:center;justify-content:center;font-size: 14px;font-weight: 600;color: #29c36b;width:69px;height:24px; border-radius: 5px;background-color: #e6f6e6;}
.reservation .cancel .left section dl dd{padding:0 0 15px 140px;}
.reservation .cancel .left section dl dd textarea{width:100%;height:250px;border-radius: 5px;border: solid 1px #dcdfe6;padding:18px 20px;resize:none;font-size: 16px;font-weight: 500;}
.reservation .cancel .left section dl dd textarea::placeholder{color: #b9bfcc;;}
.reservation .cancel .left section ul{margin-top:20px;}
.reservation .cancel .left section ul li{font-size: 14px;font-weight: 500;line-height: 1.43;color: #787878;}
.reservation .cancel .left section .noti-box{padding:20px;border-radius: 10px;background-color: #f4fcf4; font-size: 14px;font-weight: 500;color: #2da585;}
.reservation .cancel .right .box{position: sticky;top:140px;}
.reservation .cancel .right .box .step{text-align: right;}
.reservation .cancel .right .inbox{margin-top:15px;border-radius: 10px;box-shadow: 0 15px 20px 0 rgba(160, 162, 175, 0.12);border: solid 1px #dcdfe6;background-color: #fff;padding:20px;}
.reservation .cancel .right .inbox h4{color:#202020;font-size: 18px;font-weight: 800;}
.reservation .cancel .right .inbox dl{margin-top:20px;}
.reservation .cancel .right .inbox dl + dl{margin-top :10px;padding-top:20px;border-top:1px dashed #b9bfcc;}
.reservation .cancel .right .inbox dl dt{width:80px;font-size: 16px;font-weight: bold;color:#202020}
.reservation .cancel .right .inbox dl dd{padding:0 0 10px 80px;font-size: 16px;font-weight: bold;color:#202020;text-align: right;}
.reservation .cancel .right .inbox dl dd strong{position:relative;top:-2px;font-size: 18px;font-weight: bold;}
.reservation .cancel .right .inbox dl.type2{}
.reservation .cancel .right .inbox dl.type2 dt{width:100%;}
.reservation .cancel .right .inbox dl.type2 dd{padding:0;margin-top:5px;font-size: 14px;font-weight: 500;color: #787878;text-align: left;}
.reservation .cancel .right .button-box{margin-top:30px;display: flex;gap:10px;}
.reservation .cancel .right .button-box .button{flex: 1;display: flex;align-items: center;justify-content: center;height:55px;border-radius: 5px;border: solid 1px #dcdfe6;background-color: #fff; font-size: 16px;font-weight: 600;color:#202020;}
.reservation .cancel .right .button-box .button:first-child{  background-color: #29c36b;border:0;color:#fff;}

.reservation .reserv-list{}
.reservation .reserv-list h3{font-size: 24px;font-weight: bold;padding-bottom: 20px;border-bottom: 1px solid #dcdfe6;}
.reservation .reserv-list .info-txt{margin-top:20px;padding:20px;border-radius: 10px;background-color: #f4fcf4;font-size: 14px;font-weight: 500;color: #2da585;}
.reservation .reserv-list .list-box{padding-left: 180px;position: relative;}
.reservation .reserv-list .list-box h4{position: absolute;top:22px;left:0;font-size: 16px;font-weight: bold;color: #202020;}
.reservation .reserv-list .list-wrap{margin-top:60px;}
.reservation .reserv-list .list-wrap + .list-wrap{margin-top:60px;padding-top:60px;border-top:1px dashed #b9bfcc;}
.reservation .reserv-list .list-box > div{position: relative;}
.reservation .reserv-list .list-box > div + div{margin-top:20px;}

.reservation .reserv-list .list-box > div .box{overflow:hidden;border-radius: 10px;border: solid 1px #dcdfe6;}
.reservation .reserv-list .list-box > div .box .box-top{display: flex;align-items: center;justify-content: space-between;height:60px;padding:0 30px;background: #f5f6f8;}
.reservation .reserv-list .list-box > div .box .box-top h5{font-size: 16px;font-weight: 600;display: flex;gap:20px;align-items: center;}
.reservation .reserv-list .list-box > div .box .box-top h5 em{display:inline-block;font-size: 14px;font-weight: 500;}
.reservation .reserv-list .list-box > div .box .box-top span{display: flex;align-items: center;justify-content: center;width:88px;height:30px; border-radius: 10px;color:#fff;font-size: 14px;font-weight: 600;}
.reservation .reserv-list .list-box > div .box .box-top span.status1{background: #29c36b;}
.reservation .reserv-list .list-box > div .box .box-top span.status2{background: #9661d2;}
.reservation .reserv-list .list-box > div .box .box-top span.status3{background: #f94040;}
.reservation .reserv-list .list-box > div .box .box-bottom{border-top:1px solid #dcdfe6;padding:20px 30px;display: flex;align-items: center;justify-content:space-between}
.reservation .reserv-list .list-box > div .box .box-bottom .car-name{width:196px;}
.reservation .reserv-list .list-box > div .box .box-bottom .car-name p{margin-top:10px;font-size: 16px;font-weight: bold;color: #202020;}
.reservation .reserv-list .list-box > div .box .box-bottom .car-name em{display: inline-block;padding:0 10px;line-height: 30px; border-radius: 15px;background-color: #f1f4f9;font-size: 14px;font-weight: 600;color: #2a3246;}
.reservation .reserv-list .list-box > div .box .box-bottom .date-wrap{position:relative;display: flex;align-items: center;gap:98px;}
.reservation .reserv-list .list-box > div .box .box-bottom .date-wrap:after{content: "";position:absolute;top:56%;left:50%;transform:translate(-50%, -50%);display: block;width:calc(100% - 185px);height:1px;background: #dcdfe6;}
.reservation .reserv-list .list-box > div .box .box-bottom .date-wrap li{display: flex;flex-direction: column;align-items: center;gap:5px;}
.reservation .reserv-list .list-box > div .box .box-bottom .date-wrap li > em{display:inline-block;font-size: 14px;font-weight: 600;text-align: center;color: #535e7c;height:40px;}
.reservation .reserv-list .list-box > div .box .box-bottom .date-wrap li > em i{display:block;}
.reservation .reserv-list .list-box > div .box .box-bottom .date-wrap li > span{display:inline-block; font-size: 16px;font-weight: 600;text-align: center;color: #202020;}
.reservation .reserv-list .list-box > div .box .box-bottom .date-wrap li > strong{display:inline-block; font-size: 20px;font-weight: 600;text-align: center;color: #202020;}
.reservation .reserv-list .list-box > div .box .box-bottom .date-wrap li > p{margin-top:20px;font-size: 14px;font-weight: 600;text-align: center;color: #787878;}
.reservation .reserv-list .list-box > div .box .box-bottom .date-wrap li > p em{color:#202020;}
.reservation .reserv-list .list-box > div .box .box-bottom a{display: flex;align-items: center;justify-content: center;width:160px;height:55px; border-radius: 10px; font-size: 17px;font-weight: 600;}
.reservation .reserv-list .list-box > div .box .box-bottom a.case1{border:1px solid #29c36b;color:#29c36b;}
.reservation .reserv-list .list-box > div .box .box-bottom a.case2{border:1px solid #9661d2;color:#9661d2;}
.reservation .reserv-list .list-box > div .box .box-bottom a.case3{border:1px solid #b9bfcc;color:#424242;}





















/*esim 반응형 css*/
@media screen and (max-width: 768px) {
    .esim-added-list {
        flex-direction: column;
    }

    .esim-added-item {
        flex-wrap: wrap;
        gap: 5px;
    }

    .esim-added-item > div,
    .esim-added-item .esim-remove-btn {
        flex: 1 1 45%; /* 반반 나누어 정렬 */
        min-width: auto;
        font-size: 14px;
        height: auto;
        padding: 8px 10px;
    }

    .esim-added-item .selected-price {
        text-align: left;
        justify-content: flex-start;
    }

    .esim-added-item .esim-remove-btn {
        width: auto;
        height: auto;
        font-size: 16px;
        padding: 6px 10px;
    }
}


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

}


@media all and (max-width:1024px) {
    .reservation .list .side{display:block;position: fixed;top:-100%;left:0;z-index: 99999;background: #fff;width:100%;height:100%;transition: all 0.3s;}
    .reservation .list .side .inner-wrap{position: relative;top:inherit;padding:30px 25px 90px;overflow-y: auto;height:100%;}
    .reservation .list .side .inner-wrap .filter{padding:0;overflow-y: initial;max-height: initial; }
    .reservation .list .side.on{top:0;;}
    .reservation .list .side dl{max-height: calc(100% - 50px);overflow-y: auto;  -ms-overflow-style: none;scrollbar-width: none; }
    .reservation .list .side dl::-webkit-scrollbar {display: none;}
    .reservation .list .side .button-box{display: flex;}
    .reservation .list .car-list{width:100%;border:0;padding:0;}
    .reservation .list .car-list .select-filter .button-list{overflow-x: auto; -ms-overflow-style: none;scrollbar-width: none;display: block;}
    .reservation .list .car-list .select-filter .button-list::-webkit-scrollbar{display: none;}
    .reservation .list .car-list ul li .bottom-box .left h4{width:25px;}
    .reservation .list .car-list ul li .bottom-box .left .option-list{width:calc(100% - 50px);}
    .reservation .list .car-list .car-filter .chk-list{    width: calc(100% - 70px);}
    .hgroup{padding:30px 0;}

    .reservation .agreement section .top{flex-direction: column-reverse;align-items: flex-start;gap:30px;margin-bottom: 20px;}
    .reservation .agreement section .top .step{width:100%;display: flex;justify-content: center;}
    .reservation .agreement section h3{font-size: 20px;}
    .reservation .agreement section + section{margin-top:40px;}
    .reservation .agreement .button-box{margin-top:50px;flex-direction: column;gap:15px;}
    .reservation .agreement .button-box button{width:100%;}
    .reservation .agreement .button-box button:first-child{width:100%;}


    .reservation .form{display: block;}
    .reservation .form .left{max-width:100%;}
    .reservation .form .right{position:fixed;left:0;bottom:-100%;max-width:100%;top:auto;transition: all 0.3s;z-index: 99999;background: #fff;padding:49px 20px 20px;height:calc(100% - 90px);}
    .reservation .form .right.on{bottom:00px;}
    .reservation .form .right .fee-box .txt{display: none;}
    .reservation .form .right .fee-box{position: relative;top:0;}
    .reservation .form .mobile-step{display: block;}
    .reservation .form .right .fee-box .step{display: none;}
    .reservation .form .right .close-price{display: block;}
    .reservation .form .right .fee-box .inbox{margin-top: 0;height: calc(100vh - 325px);overflow-y: auto;}
    .reservation .form .left section{margin-top:30px;}
    .reservation .form .left section + section{margin-top:60px;}
    .reservation .form .left section h3{font-size:20px;margin-bottom:10px;gap:5px;}
    .reservation .form .left section h3 span{font-size:14px;top:-1px;}
    .reservation .form .left section .my-reservation h4{height:50px;padding:0 20px;}
    .reservation .form .left section .my-reservation .info-box .date-wrap li{}
    .reservation .form .left section .my-reservation .info-box .date-wrap li > em{font-size:12px;}
    .reservation .form .left section .my-reservation .info-box .date-wrap li > span{font-size:15px;}
    .reservation .form .left section .my-reservation .info-box .date-wrap li > strong{font-size:18px;}
    .reservation .form .left section .rental-box h4{height:50px;padding:0 20px;}
    .reservation .form .left section .rental-box .box{flex-direction: column-reverse;padding:20px;gap:30px;}
    .reservation .form .left section .rental-box .car-info{width:100%;}
    .reservation .form .left section .rental-box .car-info .noc{margin-top:20px;}
    .reservation .form .left section dl dt{font-size:15px;top:17px;width:110px;}
    .reservation .form .left section dl dd{padding-left: 110px;}
    .reservation .form .left section dl dd input[type="text"],
    .reservation .form .left section dl dd input[type="tel"],
    .reservation .form .left section dl dd input[type="number"],
    .reservation .form .left section dl dd input[type="date"],
    .reservation .form .left section dl dd input[type="email"],
    .reservation .form .left section dl dd input[type="password"]{height:50px;font-size:14px;}
    .reservation .form .left section dl dd .input-wrap2 .flight button{height:50px;font-size:15px;}
    .reservation .form .left section dl dd select{height:50px;font-size:14px;max-width:100%;}
    .reservation .form .left .noti-box{margin-top:40px;padding:20px;font-size:15px;word-break: keep-all;}
    .reservation .form .left section dl dd .coupon-box .input-wrap button{height:50px;}
    .reservation .open-price{display: block;}

    .reservation .complete{display: block;}
    .reservation .complete .mobile-step{display: block;}
    .reservation .complete .left{max-width: 100%;}
    .reservation .complete .left figure{margin-top:30px;margin-bottom:40px;gap:20px;}
    .reservation .complete .left figure figcaption{font-size:22px;word-break: keep-all;text-align: center;}
    .reservation .complete .left figure figcaption > em {font-size: 16px;}
    .reservation .complete .left .noti-box{margin-top:20px;padding:20px;font-size:15px;word-break: keep-all;}
    .reservation .complete .left section{}
    .reservation .complete .left section + section{margin-top:60px;}
    .reservation .complete .left section h3{font-size:20px;margin-bottom: 10px;}
    .reservation .complete .left section .status-box{padding:20px;}
    .reservation .complete .left section .status-box dl dt{font-size:15px;width:85px;}
    .reservation .complete .left section .status-box dl dd{font-size:15px;padding-left: 85px;}
    .reservation .complete .left section .status-box .txtarea{padding:20px 18px 20px 36px;font-size:15px;}
    .reservation .complete .left section .status-box .txtarea:before{left:10px;}
    .reservation .complete .left section .rental-box h4{height:50px;padding:0 20px;}
    .reservation .complete .left section .rental-box h4{height:50px;padding:0 20px;}
    .reservation .complete .left section .rental-box .box{flex-direction: column-reverse;padding:20px;gap:30px;}
    .reservation .complete .left section .rental-box .car-info{width:100%;}
    .reservation .complete .left section .rental-box .car-info .noc{margin-top:20px;}
    .reservation .complete .left section .box2{padding:20px;}
    .reservation .complete .left section .box2 .flex-box{gap:10px;}
    .reservation .complete .left section .box2 .flex-box .txt-box{width:100%;}
    .reservation .complete .left section .box2 .flex-box .txt-box h4{font-size:14px;}
    .reservation .complete .left section .box2 .flex-box .txt-box p{font-size:15px;}
    .reservation .complete .left section .box2 .flex-box .txt-box p em{font-size:15px;}
    .reservation .complete .left section .box2 .button-box{margin-top: 10px;}
    .reservation .complete .left section .box2 .txt{margin-top:10px;}
    .reservation .complete .left section .box2 dl dt{float: none;width:100%;font-size:15px;}
    .reservation .complete .left section .box2 dl dd{padding:0;font-size:14px;margin-top:5px;text-align: left;}
    .reservation .complete .left section .box2 dl dd + dt{margin-top:20px;}
    .reservation .complete .left section .box2 .flex-box .txt-box.code p{font-size:17px;}
    .reservation .complete .left section + .noti-box{margin-top:40px;}
    .reservation .complete .left section .noc-box .passenger .register-box ul li{flex-direction: column;gap:10px;align-items: flex-start;}
    .reservation .complete .left section .noc-box .passenger .register-box ul li .label{width:100%;}
    .reservation .complete .left section .noc-box .passenger .register-box ul li .input-txt{width:100%;height:auto;padding:15px 15px;font-size:15px;word-break: keep-all;}
    .reservation .form .left section dl dd .coupon-list{}
    .reservation .form .left section dl dd .coupon-list li{padding-left: 80px;}
    .reservation .form .left section dl dd .coupon-list li i{width:60px;}

    .reservation .complete .right{margin-top:40px;}
    .reservation .complete .right .box .step{display: none;}
    .reservation .complete .right .box{position: relative;top:0;}
    .reservation .complete .right .inbox{margin-top: 0;}
    .reservation .complete .right{max-width: 100%;}

    .reservation .cancel{display: block;}
    .reservation .cancel .left{max-width:100%;}
    .reservation .cancel .left section .noti-box{margin-top:20px;}
    .reservation .cancel .right{max-width:100%;margin-top:40px;}

    .reservation .reserv-list h3{font-size :20px;padding-bottom: 10px;}
    .reservation .reserv-list .list-wrap{margin-top:40px;}
    .reservation .reserv-list .list-wrap + .list-wrap{margin-top:40px;padding-top:40px;}
    .reservation .reserv-list .list-box{padding:0;position: relative;}
    .reservation .reserv-list .list-box h4{position: relative;top:0;margin-bottom: 10px;}
    .reservation .reserv-list .list-box > div .box .box-top{height:50px;padding:0 20px;}
    .reservation .reserv-list .list-box > div .box .box-bottom{padding:20px;}
    .reservation .reserv-list .list-box > div .box .box-bottom .date-wrap li > em{font-size:12px;height:32px;}
    .reservation .reserv-list .list-box > div .box .box-bottom .date-wrap li > span{font-size:15px;}
    .reservation .reserv-list .list-box > div .box .box-bottom .date-wrap li > strong{font-size:18px;}

    .reservation .form .left section dl dd .coupon-box .open-coupon{height:50px;font-size:14px;}
    .reservation .form .left section dl dd .coupon-list li .col1 em{font-size:14px;}
    .reservation .form .left section dl dd .coupon-list li .col1 strong{font-size:19px;}
    .reservation .form .left section dl dd .coupon-list li .col1 p{font-size:14px;}
    .reservation .form .left section dl dd .coupon-code .input-wrap button{height:50px;}
    .reservation .form .left section dl dd .coupon-list2 li .col1 .date{font-size:14px;}
    .reservation .form .left section dl dd .coupon-list2 li .col1 strong{font-size:19px;}
}


@media all and (max-width:768px) {
    .reservation .list .car-list .car-filter{margin:0 -20px;padding:0 20px 10px;}
    .reservation .list .car-list .car-filter h3{display: none;}
    .reservation .list .car-list .car-filter .chk-list{width:100%;overflow-x: auto; -ms-overflow-style: none;scrollbar-width: none; }
    .reservation .list .car-list .car-filter .chk-list::-webkit-scrollbar {display: none;}
    .reservation .list .car-list .car-filter .chk-list .inner-wrap{width:430px;}
    .reservation .list .car-list .select-filter{margin:0 -20px;border-bottom:1px solid #dcdfe6;align-items: center;gap:0;}
    .reservation .list .car-list .select-filter h4{margin:0;width:86px;align-items:center;justify-content: center;height:44px;border-right:1px solid #dcdfe6;}
    .reservation .list .car-list .select-filter h4:before{width:16px;height:16px;background: url(/_public/images2/icon/ico_filter_m.svg) no-repeat;background-size: cover;}
    .reservation .list .car-list .select-filter .button-list{width: calc(100% - 87px);padding:0 0 0 10px;}
    .reservation .list .car-list .list-top{margin-top:20px;flex-direction:column;align-items: flex-start;gap:15px;}
    .reservation .list .car-list ul{margin: 5px -20px 0;}
    .reservation .list .car-list ul li{border:0;padding:30px 20px;box-shadow: none;}
    .reservation .list .car-list ul li + li{margin:0;border-top:10px solid #f3f4f8;}
    .reservation .list .car-list ul li .top-box{flex-direction: column;position: relative;gap:15px;padding-top:45px;}
    .reservation .list .car-list ul li .top-box figure{width:100%;text-align: center;}
    .reservation .list .car-list ul li .top-box .car-info{width:100%;}
    .reservation .list .car-list ul li .top-box .car-info h4{position:absolute;top:0;left:0;gap:6px;font-size:14px;}
    .reservation .list .car-list ul li .top-box .car-info h4 span{font-size: 13px;}
    .reservation .list .car-list ul li .top-box .car-info .info-panel{border-radius: 10px;background-color: #f5f6f8;padding:20px;}
    .reservation .list .car-list ul li .top-box .car-info h3{font-size:18px;}
    .reservation .list .car-list ul li .top-box .car-info .option-box{flex-wrap: wrap;gap:10px;}
    .reservation .list .car-list ul li .top-box .car-info .option-box span{width:calc(50% - 5px);}
    .reservation .list .car-list ul li .top-box .car-info .price{margin-top:20px;}
    .reservation .list .car-list ul li .bottom-box{flex-direction: column;margin-top:20px;}
    .reservation .list .car-list ul li .bottom-box .left{width:100%;background: none;padding:0;}
    .reservation .list .car-list ul li .bottom-box a{width:100%;height:45px;font-size: 16px;}
    .reservation .list .car-list ul li .bottom-box .left h4{display: none;}
    .reservation .list .car-list ul li .bottom-box .left .option-list{width:100%;overflow-x: auto;}
    .reservation .list .car-list ul li .bottom-box .left .option-list::-webkit-scrollbar {display: none;}
    .reservation .list .car-list ul li .bottom-box .left .option-list .inner-wrap{width:670px;}
    .reservation .list .car-list ul li .bottom-box .left .option-list span{font-size:13px;-ms-overflow-style: none;scrollbar-width: none; }
    .reservation .list .car-list .button-box{margin-top:30px;}
    .reservation .list .car-list .button-box button{width:160px;height:50px;font-size: 16px;}

    .reservation .form .left section .my-reservation .info-box{flex-direction: column;align-items: flex-start;padding:20px;}
    .reservation .form .left section .my-reservation .info-box .date-wrap{margin-top:20px;padding-top:20px;gap:10px;justify-content: space-between;width:100%;border-top:1px dashed #707070;}
    .reservation .form .left section .my-reservation .info-box .date-wrap:after{top:56%;}
    .reservation .form .left section .my-reservation .info-box .date-wrap li{max-width:85px;}
    .reservation .form .left section .my-reservation .info-box .date-wrap li > strong{font-size:16px;}
    .reservation .form .left section dl dt{float: none;width:100%;top:0;display: flex;gap:10px;}
    .reservation .form .left section dl dt em{margin-top:0;font-size:13px;height:23px;}
    .reservation .form .left section dl dd{width:100%;padding:0;margin-top:10px;}
    .reservation .form .left section dl dd + dt{margin-top:25px;}
    .reservation .form .left section dl dd .input-wrap{gap:10px;}
    /*.reservation .form .left section dl dd .input-wrap input[type="text"]:first-child{max-width:100px;}*/
    .reservation .form .left section dl dd .input-wrap input[name="first_name"]{width:100px;}
    .reservation .form .left section dl dd .input-wrap input[name="coupon_code"]{max-width:calc(100% - 117px);}
    .reservation .form .left section dl dd .input-wrap2{flex-direction: column;}
    .reservation .form .left section dl dd .input-wrap2 .flight{width:100%;}
    .reservation .form .left section dl dd .input-wrap2 .flight .flight-list{right:auto;left:0;top:50px;width:100%;}
    .reservation .form .left section dl dd .check-group{flex-direction: column;}
    .reservation .form .left section dl dd .check-group .checkbox-type5{}
    .reservation .form .left section .noti-box{margin-top: 25px;}
    .reservation .form .left section dl dd .car-sheet .noti-box{margin-top:0;}
    .reservation .form .left section dl dd .car-sheet ul li h4{font-size:14px;}
    .reservation .form .left section dl dd .car-sheet ul li p{font-size:13px;}
    .reservation .form .left section dl dd .car-sheet ul li .select-wrap select{max-width:150px;}
    .reservation .form .left section dl dd .txt-between{margin-top:18px;flex-direction: column;align-items: flex-start;}
    .reservation .form .left section dl dd .txt-between strong{display: block;width:100%;text-align: right;}
    .reservation .form .left section dl dd .email-box .email-wrap{flex-direction: column;}
    .reservation .form .left section dl dd .email-box .email-wrap .input-box{width:100%;}
    .reservation .form .left section dl dd .email-box .email-wrap select{width:100%;}
    .reservation .form .left section dl dd .policy-box .allchk{padding:20px;}
    .reservation .form .left section dl dd .policy-box ul li{padding:20px;}
    .reservation .form .left section dl dd .coupon-box{padding:15px;}
    .reservation .form .left section dl dd .coupon-box p{font-size:14px;}
    .reservation .form .left section dl dd .coupon-box .open-coupon{height:45px;}
    .reservation .form .left section dl dd .coupon-list{margin-top:15px;}
    .reservation .form .left section dl dd .coupon-list li{padding-left: 50px;}
    .reservation .form .left section dl dd .coupon-list li i{width:40px;left:10px;}
    .reservation .form .left section dl dd .coupon-list li .col1{padding:10px;width: calc(100% - 70px);}
    .reservation .form .left section dl dd .coupon-list li .col1 em{font-size:13px;}
    .reservation .form .left section dl dd .coupon-list li .col1 strong{font-size:16px;}
    .reservation .form .left section dl dd .coupon-list li .col1 p{font-size:13px;}
    .reservation .form .left section dl dd .coupon-list li .col2{width:70px;}
    .reservation .form .left section dl dd .coupon-list li .col2 button{font-size:12px;}
    .reservation .form .left section dl dd .coupon-list2 li .col1{width:calc(100% - 70px);}
    .reservation .form .left section dl dd .coupon-list2 li .col1 .date{flex-direction: column-reverse;align-items: flex-start;}
    .reservation .form .left section dl dd .coupon-list2 li span{width:70px;font-size:14px;}
    .reservation .form .left section dl dd .coupon-list2 li .col1 strong{font-size:16px;}
    .reservation .form .left section dl dd .input-wrap input[name="first_name"]:first-child{width:100px;}

    /*
    .reservation .form .left section dl dd .coupon-box .input-wrap{flex-direction: column;}
    .reservation .form .left section dl dd .coupon-box .input-wrap input[type="text"]{width:100%;max-width:100%;}
    .reservation .form .left section dl dd .coupon-box .input-wrap button{width:100%;}
    .reservation .form .left section dl dd .coupon-list li .col1{padding:15px;width:calc(100% - 80px);}
    .reservation .form .left section dl dd .coupon-list li .col1 .date{flex-direction: column-reverse;align-items: flex-start;font-size:14px;}
    .reservation .form .left section dl dd .coupon-list li .col1 strong{font-size:18px;}
    .reservation .form .left section dl dd .coupon-list li span{width:80px;}
    */

    .reservation .form .left section dl dd .noc-box .passenger{}
    .reservation .form .left section dl dd .noc-box .passenger .register-box ul li .input-box{flex-wrap: wrap;}
    .reservation .form .left section dl dd .noc-box .passenger .register-box ul li .input-box .k-name{max-width: 100px;}
    .reservation .form .left section dl dd .noc-box .passenger .register-box ul li .input-box .e-name{width:calc(100% - 110px);}
    .reservation .form .left section dl dd .noc-box .passenger .register-box ul li .input-box input[type="date"]{width:calc(100% - 100px);}
    .reservation .form .left section dl dd .noc-box .passenger .register-box ul li .input-box select{max-width: 90px;}

    .reservation .cancel .left section dl dt{float: none;width:100%;top:0;display: flex;gap:10px;}
    .reservation .cancel .left section dl dd{width:100%;padding:0;margin-top:10px;}
    .reservation .cancel .left section dl dd textarea{font-size:14px;}



    .reservation .reserv-list .list-box > div .box .box-top{height:auto;padding:15px 20px;}
    .reservation .reserv-list .list-box > div .box .box-top h5{flex-direction: column;align-items: flex-start;gap:5px;}
    .reservation .reserv-list .list-box > div .box .box-bottom{flex-direction: column;align-items: flex-start;gap:25px;}
    .reservation .reserv-list .list-box > div .box .box-bottom .car-name{width:100%;padding-bottom: 25px;border-bottom: 1px dashed #707070;}
    .reservation .reserv-list .list-box > div .box .box-bottom .date-wrap{width: 100%;justify-content: space-between;gap:20px;}
    .reservation .reserv-list .list-box > div .box .box-bottom .date-wrap:after{top:52%;}
    .reservation .reserv-list .list-box > div .box .box-bottom a{width:100%;}



}