@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp-dynamic-subset.min.css");

/* CD 고도화 */
html[lang="jpn"] body { font-family: "Pretendard JP", "Pretendard", "Apple SD Gothic Neo", sans-serif; }

/* 제주 지점선택 */
.form_box .form_inner .bottom_util .bottom_util_item .jeju_dropbox ul li:nth-child(1) { border-bottom: 1px solid #ddd; }

/* RENTACAR-2405 :: All-inclusive Pacakage 선택 옵션 추가 */
.reserv-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; padding: 1.1945rem 0.8532rem; border: 1px solid #ccc; border-radius: 0.6826rem; text-align: left; font-size: 1.244rem; font-weight: 500; color: #393939; line-height: 200%; box-sizing: border-box; }
.reserv-item.reserv-person { border: 0.1706rem solid #da291c; background: #FFFBFB; }
.reserv-item.reserv-person .cont { color: #da291c; font-weight: 700; }
.reserv-item~.reserv-item { margin-top: 0.8532rem; }
.reserv-item .tit { color: #3a3a3e; font-weight: 400; }
.reserv-item .tit-wrap { position: relative; display: flex;width: 100%;justify-content: flex-start; }
.reserv-item .tit.essential { position: relative; min-width: auto; padding-right: 0.8532rem; }
.reserv-item .cont { font-weight: 500; color: #2f2f2f; line-height: 22.4px; }
.reserv-item .arrow { display: inline-block; position: relative; width: 100%; height: auto; padding: 0; }
.reserv-item.on, .reserv-item.type2.on { border: .1706rem solid #da291c; /* 2023-12-22 2px로 수정 */background: #FFFBFB; /* kyr : 2024-01-26 추가 */ }
.reserv-item.type2 { flex-direction: column; align-items: flex-start; padding: 0.7679rem 1.1945rem 1.1945rem 1.4505rem; box-sizing: border-box; }
.reserv-item.type2 .tit { font-size: 1.2801rem; margin-right: 0; line-height: 200%; }
.reserv-item.type2 .tit-wrap+.cont-wrap { margin-top: 0.8532rem; }
.reserv-item.type2 .cont-wrap { display: flex; justify-content: space-between; width: calc(100% - 1.1092rem); padding-right: 1.1092rem; font-size: 1.4508rem; line-height: 22.4px; }
.reserv-item.type2 .cont-wrap+.cont-wrap { margin-top: 4px; }
.reserv-item.type2 .cont { font-weight: 400; color: #989898; }
.reserv-item.type2 + .price_txt{margin-top: 40px;}
.reserv-item.on.type2 .cont:nth-child(2) { font-weight: 700; }
.reserv-item.on .cont { color: #da291c; font-weight: 700; }
.reserv-item.type3 .tit-wrap { padding-left: 2.0478rem; background: url(/lrhp/mo/images/icons_uc/ico-checkoff2.png) no-repeat 0 50%; background-size: 1.1945rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reserv-item.type3.on .tit-wrap { background: url(/lrhp/mo/images/icons_uc/ico-check2.png) no-repeat 0 50%; background-size: 1.1945rem; }
.reserv-item.type3 .tit-wrap .tit { font-size: 1.3653rem; color: #2f2f2f; margin-right: 0.512rem; font-weight:500; }
.reserv-item.type3.on .tit-wrap .tit { font-weight: 700; color: #da291c; }
.reserv-item + .reserv-item{margin-top: 24px;}
    /* 체크해제 안됨 */
.reserv-item.type2.check { border: .1706rem solid #da291c; background: #FFFBFB; /* kyr : 2024-01-26 추가 */ }
.reserv-item.type2.check .cont { color: #da291c; font-weight: 700; }
.reserv-item.type2.check .cont:nth-child(2) { font-weight: 400; }
.reserv-item .arrow::after { content: ''; display: inline-block; position: absolute; right: 0; bottom: 6px; width: 6px; height: 1.0239rem; background: url(/lrhp/mo/images/icons_uc/ico_arrow_gray.svg) no-repeat; background-size: 6px; }
.reserv-item.on .arrow::after { content: ''; display: inline-block; position: absolute; right: 0; bottom: 6px; width: 6px; height: 1.0239rem; background: url(/lrhp/mo/images/icons_uc/ico_arrow_red.svg) no-repeat; background-size: 6px; }
.reserv-item.reserv-person .arrow::after { content: ''; display: inline-block; position: absolute; right: 0; bottom: 6px; width: 6px; height: 1.0239rem; background: url(/lrhp/mo/images/icons_uc/ico_arrow_red.svg) no-repeat; background-size: 6px; }
/* RENTACAR-2405 :: All-inclusive Pacakage 선택 옵션 추가 */
.reserv-item.type2.all-inclusive .tit-wrap .badge--blue.filled{padding: 2px 6px; margin-left: 8px; font-size: 1.067rem; line-height: 140%; border-radius: 100px;}
.reserv-item.type2.all-inclusive .list--bullet.size--medium{padding-top: 8px; margin-top: 8px; width: 100%; font-weight: 400; border-top: dashed 1px #D9D9D9;}
.reserv-item.type2.all-inclusive .list--bullet.size--medium li{padding-left: 12px; margin-left: 6px;}
.reserv-item.type2.all-inclusive + .txt-highlight-banner{justify-content: center; margin-top: 24px; padding: 10px; width: 100%;}
.txt-highlight-banner + .reserv-item{margin-top: 24px;}
.txt-highlight-banner + .price_txt{margin-top: 36px;}
/* RENTACAR-2405 :: Learn more about the All-Inclusive Package 팝업 */
.allInclusivePackage .popup--content .full-cont .disc-cont{padding: 20px;}
.allInclusivePackage .popup--content .full-cont .disc-cont .list--bullet--wrap .list--title{align-items: flex-start; margin-bottom: 22px; font-size: 1.422rem;}
.allInclusivePackage .popup--content .full-cont .disc-cont .list--bullet--wrap .list--title >img{width: 24px; height: auto;}
.allInclusivePackage .popup--content .full-cont .disc-cont .list--bullet--wrap .list--bullet.size--medium li{font-weight: 700; color: #5B5B5B;}
.allInclusivePackage .popup--content .full-cont .disc-cont .list--bullet--wrap .list--bullet.size--medium li + li{margin-top: 20px}
.allInclusivePackage .popup--content .full-cont .disc-cont .list--bullet--wrap .list--bullet.size--medium li .inner-text{font-weight: 400;}
.allInclusivePackage .popup--content .full-cont .notice-cont{padding: 20px; background-color: #FFFBFB; white-space: normal; word-break: break-all; overflow-wrap: break-word; box-sizing: border-box;}
.allInclusivePackage .popup--content .full-cont .notice-cont .list--title + .list--bullet{margin-top: 10px;}
.allInclusivePackage .popup--content .full-cont .notice-cont .list--title{padding-left: 16px; font-size: 14px; font-weight: 600; color: #5B5B5B;}
.allInclusivePackage .popup--content .full-cont .notice-cont .list--bullet{padding-left: 8px;}
.allInclusivePackage .popup--content .full-cont .notice-cont .list--bullet li{padding-left: 12px; color: #3B3B3B;}



/* 다국어 예약페이지 단독혜택 */
.exclusive-visual {display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;font-size:16px;font-weight:700;height:160px;margin-bottom:30px;text-shadow:0 4px 4px #000;background-repeat:no-repeat;background-position:center -10px;background-size:100% auto;}
.exclusive-visual--seoul {background-image:url('/lrhp/pc/images/exclusive-visual--seoul.png');}
#exclusive .exclusive-toggle {interpolate-size:allow-keywords;height:0;overflow:hidden;transition:all .3s ease;}
#exclusive:has(#exclusive-chk:checked) .exclusive-toggle {height:auto;}
#exclusive:has(#exclusive-chk:checked):has(#exclusive-address:invalid) .animate__shake {
	--range: 2px;
	animation: .3s shake .5s;
}
#exclusive #exclusive-address {display:none;padding-right:50px;}
#exclusive:has(#exclusive-chk:checked) #exclusive-address {display:block;}
#exclusive:has(#exclusive-chk:checked):has(#exclusive-address:invalid) #exclusive-address {transition:all .3s ease 3s;
	@starting-style {border-color:red;}
}
#exclusive [rel="exclusive-required"] {display:none;}
#exclusive [rel="exclusive-required"]:before {content:'Required';}
#exclusive:has(#exclusive-address:valid) [rel="exclusive-required"]:before {content:'Completed';}
html[lang="jpn"] #exclusive [rel="exclusive-required"]:before {content:'必須';}
html[lang="jpn"] #exclusive:has(#exclusive-address:valid) [rel="exclusive-required"]:before {content:'完了';}
html[lang="chn"] #exclusive [rel="exclusive-required"]:before {content:'必填';}
html[lang="chn"] #exclusive:has(#exclusive-address:valid) [rel="exclusive-required"]:before {content:'已完成';}
#exclusive:has(#exclusive-chk:checked) [rel="exclusive-required"] {display:block;margin-top:8px;color:#5B5B5B;}
#exclusive:has(#exclusive-chk:checked):has(#exclusive-address:invalid) [rel="exclusive-required"] {transition:all .3s ease 3s;
	@starting-style {color:red;}
}
#exclusive .exclusive-cont > p {position:relative;padding-left:28px;}
#exclusive .exclusive-cont > p [class^="svg--"] {position:absolute;left:0;top:0;}
#exclusive .exclusive-cont > p span {display:block;}

@keyframes shake {
	0% {transform: translateX(calc(-1 * var(--range)))}
	20% {transform: translateX(var(--range))}
	40% {transform: translateX(calc(-1 * var(--range)))}
	60% {transform: translateX(var(--range))}
	80% {transform: translateX(calc(-1 * var(--range)))}
	to {transform: translateX(var(--range))}
}