.book-step3 .choices__inner{padding: 12px 16px !important; border: 1px solid var(--graydeepColor); border-radius: 0;}
ul.formUl .intl-tel-input .selected-flag{top: 26px;}
ul.formUl .intl-tel-input .country-list{top: 52px; max-height: 150px !important;}
ul.option_detail li {overflow:visible !important;} 

.book-step3 section.chf_index_top{height: auto; background: none;}
.step3container {padding: 48px calc((100% - 1100px) / 2) 0; width: 100%; min-width: 1140px;}
.step3container h1{margin-bottom: 28px;}
.step3container .titleBox{display: flex; align-items: flex-end;}
.step3container .titleBox h1{margin-bottom: 0;}

/* 여정정보 & 선택 차량 정보 */
.modiftBtn, .modiftBtn:hover, .modiftBtn:focus{padding: 8px 24px; border: 1px solid var(--grayColor) !important; text-align: center; line-height: unset; height: auto; font-size: 14px !important; margin-left: 12px;}
.step3container._Itinerary{position: relative; display: flex; flex-wrap: wrap;}
.itineraryWrapper{width: 60%; padding-right: 16px; border-right: 1px dotted var(--grayColor);}
.itineraryWrapper ul.book-summary-box{padding: 28px 0 0;}
.selectCarWrapper{padding-left: 16px; width: 40%;}
.vehicle_items{padding: 28px 0 0 0; text-align: center;}
.carImg{margin: 0 auto; width: 80%;}
.vehicle_items > div{display: flex; justify-content: center; margin-top: 20px;}
.vehicle_items > div > p{display: flex; align-items: center; justify-content: center; text-align: center;}
.vehicle_items > div > p:first-child{margin-right: 32px;}
.vehicle_items > div > p img{margin: 0 4px;}
/* 예약폼 스위치 래퍼 */
.switchWrapper{display: flex; align-items: center; margin-top: 48px; padding: 12px 48px; width: 100%; border-radius: 60px; background-color: var(--bgGray);}
.userfromTgl {position: relative; display: inline-block; padding: 4px; margin-left: 12px; width: 48px; height: 24px;}
.userfromTgl input.formtglCheck {opacity: 0; width: 0; height: 0;}
/* 추가상품 관련 */
.selectAddoptBox{margin-top: 24px; width: 100%; padding-bottom: 48px; padding: 10px 16px; background-color: #f7f8fa;}
.selectAddoptBox ul{display: flex; justify-content: space-between; padding: 8px 8px 0;}
.selectAddoptBox ul li{display: flex; align-items: center; padding-right: 12px; margin-bottom: 8px; width: 33.3333%;}
.selectAddoptBox ul li > .dot{width: 4px; height: 4px; border-radius: 4px; background-color: #000; margin-right: 8px;}
.selectAddoptBox ul li .addoptNum{color: var(--pointRed);}

/* 예약자정보 */
form.step3Form .form-control{padding: 12px 16px !important;}
form.step3Form .form-control.validateBorder{border: 1px solid var(--pointRed);}
form.step3Form ul.formUl > li .form-control.mobileInput{padding: 12px 16px 12px 52px !important;}
form.step3Form ul.formUl > li .form-control.codeInput{width: calc(100% - 141px);}

ul.formUl{display: flex; flex-wrap: wrap; padding: 52px 48px; background-color: var(--bgGray);}
ul.formUl > li{position: relative; float: unset; width: 50%; margin-bottom: 24px; margin-left: 0 !important; margin-right: 0 !important;}
ul.formUl > li:nth-child(odd){padding-right: 8px;}
ul.formUl > li:nth-child(even){padding-left: 8px;}
ul.formUl > li.addNoteLi{padding-right: 0; margin-bottom: 0; width: 100%;}
ul.formUl > li.addNoteLi textarea{width: 100%; padding: 12px 16px; height: 200px; resize: none; border-radius: 0; font-size: 16px;}
ul.formUl > li:nth-last-child(1), ul.formUl > li:nth-last-child(2){margin-bottom: 0;}
ul._form2 > li.mobileLi{margin-bottom: 24px;}
ul.formUl > li p{margin-bottom: 4px;}
ul.formUl > li .input-group{margin: 0; width: 100%;}
.alertMsg, .confirmMsg{position: absolute; bottom: -25px; left: 0px;}
ul.formUl > li.emailLi .alertMsg, ul.formUl > li.emailLi .confirmMsg{left: 8px;}
ul.formUl > li .d_input > .help-block{position: absolute !important; top: unset; right: unset; bottom: -25px; left: 0;}
.cetifyInput-group{display: flex; flex-wrap: wrap; align-items: center;}
.cetifyInput-group .intl-tel-input{width: 100%;}
.cetifyInput-group .intl-tel-input .flag-container{padding: 0;}
.cetifyInput-group .form-control{width: calc(100% - 141px) !important;}
.cetifyInput-group .form-control.inputFull{width: 100% !important;}
.certifyBtn, .certifyCodeBtn, .certifyBtn:focus, .certifyCodeBtn:focus{padding: 12px; margin-left: 8px; width: 133px; height: 48px; border: 1px solid var(--grayColor); background-color: var(--grayColor); color: #fff; pointer-events: none; text-align: center; font-size: 14px;}
.certifyBtn.active, .certifyBtn.active:focus{border: 1px solid var(--pointRed); background-color: #fff; color: var(--pointRed); pointer-events: auto;}
.certifyBtn.active.cssBlack, .certifyBtn.active.cssBlack:focus{border: 1px solid #000; background-color: #fff; color: #000;}
.certifyCodeBtn.active, .certifyCodeBtn.active:focus{background-color: var(--pointRed); border: 1px solid var(--pointRed); color: #fff; pointer-events: auto;}
.certifyBtn._mobile{position: absolute; top: 0; right: 0;}
.cetifyCodeInput-group{display: none; padding: 0; margin-top: 8px !important; background-color: transparent;}
.cetifyCodeInput-group.block{display: flex;}
form.bookUser_form .cetifyCodeInput-group .form-control{width: calc(100% - 141px);}
form.bookUser_form .cetifyCodeInput-group .form-control.inputFull{width: 100%;}

/* 사용자 정보 */
.bookFormWrapper._bookForm2{padding: 48px 0;}
.bookFormWrapper._bookForm2 h1{margin-bottom: 12px;}
.user_form{margin: 0; padding: 0;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; transition: .4s; border-radius: 34px;}
.slider:before {position: absolute; content: ""; height: 14px; width: 14px; left: 6px; bottom: 4px; background-color: var(--grayColor); transition: .4s; border-radius: 50%;}
.slider:after{content: 'No'; position: absolute; top: 3px; right: 8px; font-size: 12px; color: #fff;}
input.formtglCheck:checked + .slider{background-color: var(--pointRed);}
input.formtglCheck:checked + .slider:before {transform: translateX(24px); background-color: #fff;}
input.formtglCheck:checked + .slider:after{content: 'Yes'; right: unset; left: 8px;}

/* 페이지 하단 버튼 박스 */
.step3container.chf_cont_button_wrap{padding-bottom: 0;}
.step3container.chf_cont_button_wrap a{margin-right: 0 !important;}

/* laptop */
@media screen and (max-width: 1140px) {
    .step3container {padding: 48px calc((100% - 950px) / 2) 0; min-width: 990px;}
    .switchWrapper{margin-top: 36px;}
}

/* tablet */
@media screen and (max-width: 990px) {
    .step3container {padding: 40px calc((100% - 728px) / 2) 0; min-width: 768px;}
    .switchWrapper{margin-top: 28px; padding: 12px 32px;}
    .bookFormWrapper._bookForm2{padding: 40px 0;}
    .step3container h1{margin-bottom: 24px;}
    ul.book-summary-box li:first-child{padding-bottom: 20px;}
    .carImg{width: 90%;}
    ul.formUl{padding: 40px 36px;}
    ul.formUl._booker > li:nth-child(3){padding-right: 0; width: 100%;}
    ul.formUl._booker > li:nth-child(4){padding-left: 0; width: 100%;}
    .cetifyInput-group .form-control{width: 100% !important;}
    form.step3Form ul.formUl > li .form-control.codeInput{width: 100%;}
    .certifyBtn, .certifyBtn:focus, .certifyCodeBtn, .certifyCodeBtn:focus{margin-left: 0px; margin-top: 8px; width: 100%;}
    .certifyBtn._mobile{position: unset;}
    ul._booker > li.emailLi .alertMsg, ul._booker > li.emailLi .confirmMsg{left: 0;}
}
@media screen and (max-width: 768px) {
    .step3container {padding: 36px 20px 0; min-width: unset;}
    .step3container._Itinerary > div{width: 100%;}
    .itineraryWrapper{padding-right: 0; border-right: none;}
    ul.book-summary-box{padding: 0;}
    ul.book-summary-box li{padding-bottom: 16px;}
    ul.book-summary-box li:first-child{padding-bottom: 16px;}
    .trip_stopper_items{padding-bottom: 16px;}
    .stopNum{width: 20px; height: 20px; line-height: 18px;}
    .selectCarWrapper{display: flex; flex-wrap: wrap; padding-left: 0; padding-top: 36px;}
    .selectCarWrapper h1{width: 100%;}
    .vehicle_items{padding-right: 0; width: 100%;}
    .carImg{width: 60%;}
    .vehicle_items > div{margin-top: 12px;}
    .bookFormWrapper._bookForm2{padding: 36px 0;}
    ul.formUl{padding: 32px 28px;}
    .certifyBtn, .certifyCodeBtn{height: 46px !important; line-height: 20px !important;}
    /* 추가상품 관련 */
    .selectAddoptBox{margin-top: 16px; width: 100%; padding-left: 0;}
    .selectAddoptBox ul{padding: 12px 8px; background-color: var(--bgGray); margin-top: 12px;}
    .selectAddoptBox ul li{margin-top: 0 !important; width: auto;}
}
@media screen and (max-width: 580px) {
    .step3container h1{margin-bottom: 16px;}
    .step3container .titleBox{justify-content: space-between; width: 100%;}
    .itineraryWrapper ul.book-summary-box{padding: 20px 0;}
    .selectCarWrapper{padding-top: 28px;}
    .switchWrapper{justify-content: space-between; margin-top: 20px; padding: 12px 24px; border-radius: 0;}
    .switchWrapper p{width: calc(100% - 60px);}
    .vehicle_items{padding: 20px 0; width: 100%;}
    .carImg{width: 70%;}
    ul.formUl{padding: 24px 20px;}
    ul.formUl._form1{padding: 24px 20px 32px;}
    ul.formUl > li:nth-child(even){padding-left: 4px;}
    ul.formUl > li:nth-child(odd){padding-right: 4px;}
    .step3container.chf_cont_button_wrap{justify-content: center;}
    .bookFormWrapper._bookForm2 h1{margin-bottom: 8px;}
    /* 추가상품 관련 */
    .selectAddoptBox ul{margin-top: 16px; background-color: var(--bgGray);}
}

/* mobile */
@media screen and (max-width: 480px) {
    .step3container{padding: 24px 20px 0;}
    .itineraryWrapper ul.book-summary-box{padding: 16px 0;}
    .selectCarWrapper{padding-top: 20px;}
    .vehicle_items{padding: 16px 0;}
    .vehicle_items > div{margin-top: 12px;}
    .carImg{width: 80%;}
    ul.formUl > li{margin-top: 12px; margin-bottom: 8px; width: 100%;}
    ul._form2 > li.mobileLi{margin-bottom: 8px;}
    ul.formUl > li:first-child{margin-top: 0;}
    ul.formUl > li:nth-child(odd){padding-right: 0;}
    ul.formUl > li:nth-child(even){padding-left: 0;}
    .booker_form ul.formUl > li:nth-last-child(2) {margin-bottom: 8px;}
    .cetifyInput-group .form-control{width: 100% !important;}
    form.step3Form ul.formUl > li .form-control.mobileInput{margin-bottom: 52px !important;}
    form.step3Form ul.formUl > li .form-control.mobileInput.inputFull{margin-bottom: 0 !important;}
    .certifyBtn._mobile{position: absolute; top: unset; bottom: 0;}
    .bookFormWrapper._bookForm2{padding: 24px 0;}
    .certifyBtn{margin-left: 0 !important; margin-top: 8px; width: 100% !important;}
    form.bookUser_form .cetifyCodeInput-group .form-control{width: calc(100% - 68px);}
    form.step3Form ul.formUl > li .form-control.codeInput{width: calc(100% - 68px);}
    .certifyCodeBtn, .certifyCodeBtn:focus{margin-left: 8px; margin-top: 0; width: 60px !important;}
    .alertMsg, .confirmMsg{left: 0;}
    ul.formUl > li.emailLi .alertMsg, ul.formUl > li.emailLi .confirmMsg{left: 0;}
    .step3container.chf_cont_button_wrap a{width: 100%;}
    /* 추가상품 관련 */
    .selectAddoptBox{margin-top: 28px;}
    .selectAddoptBox ul{padding: 24px 20px;}
    .selectAddoptBox ul li{margin-top: 12px !important; width: 100%;}
    .selectAddoptBox ul li:first-child{margin-top: 0 !important;}
}
@media screen and (max-width: 360px) {
    .carImg{width: 100%;}
    ul.formUl{padding: 20px 16px;}
    ul.formUl._form1{padding: 20px 16px 32px;}
    /* 추가상품 관련 */
    .selectAddoptBox ul{padding: 20px 16px;}
    .selectAddoptBox ul li{margin-top: 8px;}
}
@media screen and (max-width: 320px) {
    .switchWrapper p{font-size: 14px;}
    ul.book-summary-box li:first-child{padding-bottom: 12px;}
    /* 추가상품 관련 */
    .selectAddoptBox ul{margin-top: 12px;}
}