@charset "utf-8";
/* 공통 */
.subtit { line-height: 1.2em; color: #333; font-size: 24px; font-weight: 700; margin-bottom: 15px; position: relative; }
.subtit.mg {margin-bottom: 30px; }
.subtit::before { content: ""; display: block; width: 24px; height: 11px; margin-bottom: 5px; background: url(../images/sub/tit-bf.png) center no-repeat; background-size: contain; }
.subbox { margin-bottom: 75px; }
.subbox.mg { margin-bottom: 0; }

/* 실시간예약 상세페이지 */
.rv { display: flex; gap: 50px; flex-wrap: wrap; padding-bottom: 45px; border-bottom: 1px solid #ccc;}
.rv>div { width: calc(100%/2 - 25px);}
.rv .info-wrap { border: 1px solid #ccc; border-radius: 6px; padding: 30px; padding-bottom: 45px; }
.rv .info-wrap .thumb {position:relative; padding-bottom:75%; overflow:hidden; border-radius: 8px; margin-bottom: 25px; background: #f2f2f2; }
.rv .info-wrap .thumb img {position:absolute; top:50%; left:50%; transition:.4s ease-in-out; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:auto; height:auto !important; object-fit:contain;}
.rv .info-wrap .hash { display: flex; gap: 5px 0; flex-wrap: wrap;}
.rv .info-wrap .hash span { display: inline-block; font-size: 14px; line-height: 1em; color: #fff; letter-spacing: -.025em; border-radius: 4px; background: #2eb353; padding: 6px 8px; margin-right: 5px; }
.rv .info-wrap .hash span:last-child { margin-right: 0; }
.rv .info-wrap .info { margin: 8px 0 12px;}
.rv .info-wrap .info span { display: inline-block; font-size: 14px; line-height: 1em; position: relative; padding-right: 20px; }
.rv .info-wrap .info span::after { content: ""; position: absolute; right: 9px; width: 1px; height: 12px; background: #ccc; top:1px; }
.rv .info-wrap .info span:last-child { padding-right: 0; }
.rv .info-wrap .info span:last-child::after { display: none; }
.rv .info-wrap .tit { line-height: 1.2em; color: #333; font-weight: 700; font-size: 20px; margin-bottom: 15px; }
.rv .info-wrap .price { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.rv .info-wrap .price span { line-height: 1.2em; display: flex; align-items: center; gap: 10px; } 
.rv .info-wrap .price span strong { color: #019899; font-size: 28px; font-weight: 700; }
.rv .form { display: flex; flex-wrap: wrap; gap: 20px 30px; margin-top: 30px; }
.rv .form dl { width: calc(100%/2 - 15px);}
.rv .form dl.w100 { width: 100%; }
.rv .form dl dt { line-height: 1em; margin-bottom: 6px; font-weight: 500; color: #333; }
.rv .form dl dd .input { height: 50px; border: 1px solid #ccc; border-radius: 4px; color: #999; }
.rv .form dl dd .input::placeholder { color: #999; }
.rv .form dl dd.fx { display: flex; align-items: center; height: 50px; border-radius: 4px; background: #fff; overflow: hidden; border: 1px solid #ccc;}
.rv .form dl dd.fx .input { border-radius: 0; border: none; }
.rv .form dl dd.fx .input:focus { outline: none;}
.rv .form dl dd.fx .input.datepicker3 { padding-right: 0; padding-left: 42px; background: #fff url(/images/main/main-datepicker.png) left 22px center no-repeat; padding-top: 7px; }
.rv .form dl dd.fx .select-wrap {position: relative; }
.rv .form dl dd.fx .select-wrap::before { content: ""; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; width: 14px; height: 14px; background: url(../images/main/main-time.png) center no-repeat; background-size: contain;}
.rv .form dl dd.fx .select-wrap select { padding-left: 30px; }
.rv-btn-wrap { display: flex; justify-content: center; margin-top: 55px; gap: 10px; }
.rv-btn-wrap .btn { width: 160px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 8px; line-height: 1em; font-size: 20px; font-weight: 700; }
.rv-btn-wrap .btn.contact-btn { color: #fff; background: #007cc2; border: none; }
.rv-btn-wrap .btn.cancel-btn { color: #242424; background: #f2f2f2;}

/* 실시간예약 완료 */
.rv-complete-tit { font-size: 24px; font-weight: 700; line-height: 1.2em; color: #333; margin-bottom: 35px; text-align: center; }
.rv-com-fx {display: flex; gap: 40px; flex-wrap: wrap;  border-bottom: 1px solid #ccc;}
.rv-com-fx>div { width: calc(100%/2 - 20px); border-top: 1px solid #ccc;}
.rv-com-fx>div h4 { line-height: 1em; font-size: 20px; font-weight: 700; color: #333; border-bottom: 1px solid #ccc; background: #f2f2f2; padding: 20px ;}
.rv-com-fx .info-wrap { padding: 25px 20px; padding-bottom: 60px; }
.rv-com-fx .info-wrap .hash span { display: inline-block; font-size: 14px; line-height: 1em; color: #fff; letter-spacing: -.025em; border-radius: 4px; background: #2eb353; padding: 6px 8px; margin-right: 5px; }
.rv-com-fx .info-wrap .hash span:last-child { margin-right: 0; }
.rv-com-fx .info-wrap .info { margin: 8px 0 40px;}
.rv-com-fx .info-wrap .info span { display: inline-block; font-size: 14px; line-height: 1em; position: relative; padding-right: 20px; }
.rv-com-fx .info-wrap .info span::after { content: ""; position: absolute; right: 9px; width: 1px; height: 12px; background: #ccc; top:1px; }
.rv-com-fx .info-wrap .info span:last-child { padding-right: 0; }
.rv-com-fx .info-wrap .info span:last-child::after { display: none; }
.rv-com-fx .info-wrap .tit { line-height: 1.2em; color: #333; font-weight: 700; font-size: 20px; margin-bottom: 15px; }
.rv-com-fx .info-wrap .price { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.rv-com-fx .info-wrap .price span { line-height: 1.2em; display: flex; align-items: center; gap: 10px; } 
.rv-com-fx .info-wrap .price span strong { color: #019899; font-size: 28px; font-weight: 700; }
.rv-com-list li { display: flex; align-items: flex-start; margin-bottom: 10px; }
.rv-com-list li:last-child { margin-bottom: 0; }
.rv-com-list li .title { width: 155px; }
.rv-com-list li .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-weight: 700; color: #333; }

/* 대여자격 */
.lc-list { display: flex; flex-wrap: wrap; gap: 28px; }
.lc-list li { width: calc(100%/4 - 21px); text-align: center; border-radius: 16px; overflow: hidden; position: relative; }
.lc-list li::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 16px; border: 1px solid #ccc;}
.lc-list li .tit { color: #fff; font-size: 20px; font-weight: 700; padding: 18px 10px; background: linear-gradient(to left, #007cc2, #30b44e);}
.lc-list li .txt { padding: 27px 10px; line-height: 1.5em; font-weight: 700; }
.lc-list2 { display: flex; flex-wrap: wrap; border: 1px solid #ccc; border-radius: 16px; }
.lc-list2 li { width: calc(100%/4); text-align: center; padding: 60px 40px;}
.lc-list2 li .tit { line-height: 1.2em; font-size: 18px; font-weight: 700; color: #333; margin: 23px 0 10px;}
.lc-list2 li .txt { font-weight: 300; }
.lc-info { padding-top: 40px; padding-left: 20px; }
.lc-info.pd { padding-top: 0; }
.lc-txt { font-weight: 300; margin-bottom: 28px; }
.lc-group { margin-bottom: 28px; }
.lc-group:last-child { margin-bottom: 0; }
.lc-group.mg { margin-bottom: 0; }
.lc-group strong { display: block; color: #333; margin-bottom: 3px;}
.lc-txtbox p { position: relative; padding-left: 12px; }
.lc-txtbox p::before { content: ""; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 3px; background: #555; }

/* 보험안내 */
.sub3-tbl-wrap { overflow: auto; margin-bottom: 20px; }
.sub3-tbl { width: 100%; border-collapse: collapse; border-top: 1px solid #ccc;}
.sub3-tbl tr { border-bottom: 1px solid #ccc; }
.sub3-tbl tr th { border-right: 1px solid #ccc; line-height: 1em; font-weight: 700; padding: 20px 10px; background: #f2f2f2; }
.sub3-tbl tr th:last-child { border-right: none; }
.sub3-tbl tr td { border-right: 1px solid #ccc; line-height: 1.5em; font-weight: 400; padding: 17px 10px; text-align: center; }
.sub3-tbl tr td:last-child { border-right: none; }

/* 지점안내 */
.sub5-box { margin-bottom: 100px; }
.sub5-box.mg { margin-bottom: 0; }
.lct { display: flex; margin-top: 40px; align-items: center;}
.lct .tit { border-radius: 20px; color: #fff; line-height: 1em; display: inline-flex; align-items: center; justify-content: center; background: #007cc2; font-size: 20px; font-weight: 600; margin-right: 64px; padding: 10px 24px;}
.lct-info { flex: 1 1 auto; min-width: 0; width: 1%; display: flex; gap: 10px 50px; flex-wrap: wrap;}
.lct-info span { display: flex; align-items: center; gap: 18px; font-size: 24px; font-weight: 600; color: #333; line-height: 1.2em; }

/* 인사말 */
.gt { display: flex; align-items: center; flex-wrap: wrap;}
.gt>div { width: calc(100%/2); }
.gt .left { padding-right: 100px; }
.gt .left img { border-radius: 16px; }
.gt .right h2 { font-size: 30px; line-height: 1.25em; font-weight: 700; letter-spacing: -.02em;}
.gt .right h2 .clr1 { color: #30b44e; }
.gt .right h2 .clr2 { color: #007cc2; }
.gt .right p { line-height: 1.666em; margin-top: 25px; }
.gt .right strong { display: block; text-align: right; font-weight: 700; color: #333; margin-top: 30px; }

/* 오시는 길 */
.dr { display: flex; margin-bottom: 100px; }
.dr:last-child { margin-bottom: 0; }
.dr .left { width: 43%; padding-right: 100px; }
.dr .left h2 { font-size: 30px; font-weight: 700; line-height: 1em; color: #333; position: relative; margin-bottom: 50px; }
.dr .left h2::before { content: ""; display: block; width: 50px; height: 4px; background: #007cc2; margin-bottom: 32px; }
.dr-list { border-top: 1px solid #ccc;}
.dr-list li { border-bottom: 1px solid #ccc; display: flex; align-items: center; padding: 20px 0; gap: 18px; }
.dr-list li .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-weight: 600; color: #333; }
.dr-list li .txt a { text-decoration: underline; display: inline-block; text-underline-position: under; color: #007cc2; }
.dr .right { width: 57%; }

/* 중고,신차 장기렌트 */
.sub2-txt { margin-bottom: 25px; }
.sub2-txt p { position: relative; padding-left: 12px; }
.sub2-txt p::before { content: ""; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 3px; background: #007cc2; }