.rent-wrapper {
    max-width: unset;
    margin: unset;
}

#car{
    width: 100%;
    height: 100%;
    position: relative;
}

.rentcar_list span,
.rentcar_list strong,
.rentcar_list p:not(.model) {
    white-space: nowrap;
}
p {
    word-break: keep-all;
}
.type_list>li,
.fuel_list>li,
.option_list>li{
    cursor: pointer;
}
.rent-header {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 7.8125rem;
}

.rent-header>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 0;
}

.car-wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.rent-header-text {
    padding-top: calc(12.15rem + var(--header-height));
    z-index: 1;
    position: relative;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: .8125rem;
}

.rent-header-text>p {
    font-size: var(--font-size-24);
    font-weight: 500;
    line-height: 100%; /* 1.5rem */
    letter-spacing: -0.03125rem;
}

.rent-header-text>strong {
    font-size: var(--font-size-36);
    font-weight: 700;
    line-height: 100%; /* 2.25rem */
    letter-spacing: -0.03125rem;
}

.rent-header::after {
    content: '';
    display: block;
    width: 100%;
    height: .6875rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #000 0%, #5B1EE8 41.83%, #F1E5FF 97.6%);
}
.rent-content {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    padding: 5rem 19.625rem 7.5rem;
}
.rent-content > div {
    min-width: 70rem;
    max-width: 70rem;
    margin: 0 auto;
}
.rent-content>.reservation-search {
    display: flex;
    flex-direction: column;
    gap: 2.6875rem;
    position: relative;
}
.rent-content>.reservation-search>.reservation-header {
    display: flex;
    gap: 1.0625rem;
    flex-direction: column;
}

.rent-content>.reservation-search>.reservation-header>p {
    font-size: var(--font-size-24);
    font-weight: 700;
    line-height: 100%; /* 1.5rem */
    letter-spacing: -0.03125rem;
}

.point>p {
    font-size: var(--font-size-16);
    font-weight: 500;
    line-height: 150%; /* 1.5rem */
    letter-spacing: -0.03125rem;
    color: var(--primary-color);
}

.point {
    display: flex;
    align-items: center;
    gap: .4375rem;
}

.point>img {
    width: 1.5rem;
    height: 1.5rem;
}
.reservation-date {
    display: flex;
    flex-direction: column;
    gap:1.875rem;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    padding: 2.5625rem 5rem;
    position: relative;
}
.reservation-date>h2 {
    color: var(--primary-color);
    font-size: var(--font-size-22);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.03125rem;
}
.reservation-date>div{
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    align-items: center;
}
.reservation-date>div.mobile {
    display: none;
}

.reservation-date .reservation-arrow{
    align-items: center;
}
.reservation-date .mobile > ul.st-date {
    flex-direction: column;
}
.reservation-date ul.udate{
    display: flex;
    flex-direction: row;
    gap : .5rem;
}
.reservation-date ul.ed-date{
    width: 100%;
}
.reservation-date ul.udate>li{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    
    color : #000;
    font-family: var(--font-sans);
    font-size: var(--font-size-16);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.03125rem;
    white-space: nowrap;
    
    cursor: pointer;
    gap: .375rem;
    border-radius: 5px;
    color:#515151;
}
.reservation-date ul>li.location-point{
    width: 12.5rem;
}
.location-point > a > div > div {
    display: flex;
    gap: .5rem;
}
.reservation-date ul>li:not(.select-btn):not(.location){
    padding: .6125rem 1rem;
    background-color: #FFF;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
}
.reservation-date ul>li svg:not(.point-area){
    width: 1.5rem;
    height: 1.5rem;
}
.reservation-date ul>li:not(.select-btn)>a{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
}
.reservation-date ul>li p{
    color: #000;
    font-size: var(--font-size-16);
    font-weight: 500;
    line-height: 150%; /* 1.5rem */
    letter-spacing: -0.03125rem;
    text-align: start;
}
.reservation-date ul>li>div {
    display: flex;
    position: relative;
    width: 100%;
}
.reservation-date ul>li.date>div{
    gap: 1.0625rem;
}

.reservation-date ul>li:not(.location-point) svg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: .5rem;
}

.reservation-date ul>li input {
    outline: none;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 140%; /* 1.5rem */
    letter-spacing: -0.03125rem;
    width: 100%;
    padding: .39306rem 0 .39306rem 2.5rem;
    border : 1px solid #DEDEDE;
    border-radius: 5px;
    background: #FFF;
}

.reservation-date ul>li.date-total{
    white-space: nowrap;
    width: 100%;
}

.reservation-date ul.st-date>li:first-child>a{
    width: 100%;
    border-radius: 5px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    color: #515151;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 1.5rem */
    letter-spacing: -0.03125rem;
    white-space: nowrap;
    gap: .375rem;
    align-items: start;
}
.reservation-date ul.st-date>li:first-child>a>div:not(.location-point-list){
    display: flex;
    gap: 0.5rem;
    width: 100%;
    position: relative;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}
.location-point .location-point-list {
    position: absolute;
    display: none;
    flex-direction: column;
    width: 100%;
    top: 5.5rem;
    left: 0;
}
.location-point .location-point-list.active {
    display: flex;
}
.location-point .location-point-list p{
    margin-left: 1.5rem;
    color: #000;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 100%; /* 0.875rem */
    letter-spacing: -0.03125rem;
}
.reservation-date ul.st-date>li:first-child>a>div.active.location-point-list{
    display: flex;
}

.location-point .location-point-list>ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    z-index: 999;
}
.location-point .location-point-list>ul>li {
    position: relative;
    padding: 0.9375rem;
    color: #000;
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 140%; /* 1.225rem */
    letter-spacing: -0.03125rem;
    align-items: start;
    display: flex;
    gap: 0.9375rem;
    width: 100%;
}
.location-point .location-point-list>ul>li:not(:first-child) {
    border-radius: unset;
    border-top: 1px solid #DEDEDE;
}

.reservation-date ul.st-date>li:nth-child(4){
    justify-content: end;
}
.reservation-date ul.st-date>li:nth-child(4)>svg{
    height: 2.625rem;
}

.reservation-date ul>li.select-btn {
    margin-left: .4725rem;
}
.reservation-date ul>li.select-btn>a {
    padding: 1.4375rem 2.4125rem;
    border-radius: 5.502px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color, #5B1EE8);
    color: var(--white-color, #FFFFFF);

    font-family: var(--font-sans);
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.03125rem;
    height: 100%;
}
.arrow>img {
    width: 3.6875rem;
    height: 3rem;
}

.rentcar_wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.rentcar_wrap>.rentcar_header {
    display: flex;
    flex-direction: column;
    gap: 1.0625rem;
}

.rentcar_wrap>.rentcar_header>p {
    font-size: var(--font-size-24);
    font-weight: 700;
    line-height: 100%; /* 1.5rem */
    letter-spacing: -0.03125rem;
}

.rentcar_wrap>.rentcar_type {
    width: 100%;
    align-items: center;
    display: flex;
    padding: 1.25rem 1.875rem;
    gap: 1.625rem;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
}

.rentcar_wrap>.rentcar_type>.type_list {
    display: flex;
    height: 100%;
    gap: 0.625rem;
    align-items: center;
}
.rentcar_wrap>.rentcar_type>.type_list::-webkit-scrollbar{
    display: none;
}
.rentcar_wrap>.rentcar_type>.type_list{
    scrollbar-width: none;
}
.rentcar_wrap>.rentcar_type>.type_list>li {
    font-size: var(--font-size-14);
    font-weight: 400;
    line-height: 140%; /* 1.225rem */
    letter-spacing: -0.03125rem;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    height: 1.875rem;
    padding: 0 1.5625rem;
    display: flex;
    color: var(--primary-color);
    align-items: center;
    cursor: pointer;
}
.rentcar_wrap>.rentcar_type>.type_list>li.mobile{
    display: none;
}

.rentcar_wrap>.rentcar_type>.type_list>li.active {
    background-color: var(--primary-color);
    color: #FFF;
}

.rentcar_wrap>.rentcar_type>p {
    font-size: var(--font-size-18);
    font-weight: 700;
    line-height: 150%; /* 1.6875rem */
    letter-spacing: -0.03125rem;
}
.rentcar_container {
    width: 100%;
    display: flex;
    gap: 1.875rem;
}

.rentcar_container>.rentcar_option {
    display: flex;
    max-width: 270px;
    flex-direction: column;
    gap: 1.25rem;
}

.rentcar_container>.rentcar_option .option-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5625rem 1.3125rem;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
}
.rentcar_container > .rentcar_option .option-list > div {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}
.rentcar_container>.rentcar_option .option-list .under_line {
    width: 100%;
    height: 1px;
    background-color: #AFAFAF;
}
.rentcar_container>.rentcar_option .option-list p {
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 140%; /* 1.6875rem */
    letter-spacing: -0.03125rem;
}
#price_range p {
    color : var(--primary-color);
}
.rentcar_container > .rentcar_option .option-list > .mo-name {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}

.rentcar_container > .rentcar_option .option-list > .mo-name input {
    border: 1px solid #515151;
    border-radius: 5px;
    color: #515151;
    font-size: var(--font-size-14);
    font-weight: 400;
    line-height: 140%; /* 1.225rem */
    letter-spacing: -0.03125rem;
    padding: 0 1.4125rem;
    height: 1.875rem;
    width: 80%;
}

.rentcar_container>.rentcar_option .option-list>.mo-name input::placeholder {
    color: #515151;
}

.rentcar_container>.rentcar_option .option-list>.mo-name>div {
    display: flex;
    gap: .5rem;
}

.rentcar_container>.rentcar_option .option-list>.mo-name button {
    border: none;
    background-color: var(--primary-color);
    color: #FFF;
    border-radius: 5px;
    padding: .3125rem 0;
    font-size: var(--font-size-14);
    font-weight: 400;
    line-height: 140%; /* 1.225rem */
    letter-spacing: -0.03125rem;
    white-space: nowrap;
    width: 20%;
}
.rentcar_container>.rentcar_option .option-list ul {
    display: flex;
    flex-direction: row;
    gap: .75rem;
    flex-wrap: wrap;
}
.rentcar_container>.rentcar_option .option-list>.mo-type .type_list>li {
    display: flex;
    gap: .125rem;
    white-space: nowrap;
    align-items: center;
}
.rentcar_container > .rentcar_option .option-list li.active circle {
    stroke: var(--primary-color);
    stroke-width: 3px;
    cx: 7.1;
    cy: 7.1;
    r:4;
}
.rentcar_container > .rentcar_option .option-list ul > li {
    color: #000;
    font-size: var(--font-size-14);
    font-weight: 400;
    line-height: 140%; /* 1.225rem */
    letter-spacing: -0.03125rem;
}
.rentcar_container>.rentcar_option .option-list svg {
    width: .75rem;
    height: .75rem;
}
button.option-reset > svg {
    width: 1.1875rem;
    height: 1.1875rem;
}
button.option-reset > svg > path{
    fill: #FFF;
}
button.option-reset {
    display: flex;
    padding: .3125rem 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    border-radius: 5px;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
}


button.option-reset>p {
    color: #FFF;
    font-size: var(--font-size-18);
    line-height: 150%; /* 1.6875rem */
    letter-spacing: -0.03125rem;
}
.rentcar_list {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 51.4375rem;
    position: relative;
}
.rentcar_list>div{
    width: 100%;
}
.rentcar_container .paging {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

.rentcar_container .paging > a {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 1.5rem */
    letter-spacing: -0.03125rem;
    align-items: center;
    display: flex;
    padding: .45rem 1rem;
}

.rentcar_container .paging > a.active {
    color: #FFF;
    background-color: var(--primary-color);
    border-radius: 5px;
}
.rentcar_list .no_list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-top: 11.25rem;
}

.rentcar_list .no_list>div {
    display: flex;
    align-items: center;
}
.rentcar_list .no_list>div:not(.option-reset) {
    flex-direction: column;
    gap: 1rem;
}

.rentcar_list .no_list>div:not(.option-reset) svg {
    width: 3rem;
    height: 3rem;
}

.rentcar_list .no_list>div:not(.option-reset) p {
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 1.6875rem */
    letter-spacing: -0.03125rem;
}

.rentcar_list .no_list>div.option-reset {
    cursor: pointer;
    display: flex;
    gap: .5rem;
    align-items: center;
    background-color: #F4EFFF;
    border-radius: 3px;
    padding: .435rem .625rem;
}

.rentcar_list .no_list>div.option-reset svg {
    width: 1.1875rem;
    height: 1.1875rem;
}

.rentcar_list .no_list>div.option-reset span {
    color: var(--primary-color);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 1.5rem */
    letter-spacing: -0.03125rem;
}

.rentcar_list ul.list {
    display: flex;
    gap: 2.125rem;
    flex-direction: column;
    width: 100%;
}

.rentcar_list ul.list>li {
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    padding: 0 1.875rem;
    align-items: center;
    gap: 1.375rem;
    width: 100%;
    justify-content: space-between;
}

.rentcar_list ul.list>li>img {
    min-width: 11.5rem;
    height: 6.5rem;
    object-fit: cover;
}

.rentcar_list ul.list>li>.rentcar_info {
    display: flex;
    gap: 1.5rem;
    padding : 2.5625rem 0;
    height: 100%;
    width: 100%;
    justify-content: center;
}
.rentcar_list ul.list .line {
    width: 1px;
    height: 4rem;
    background-color: #AFAFAF;
    top: 2.5625rem;
    transform: translateY(-50%);
    position: relative;
}


.rentcar_list ul.list>li>.rentcar_info>div:first-child {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    text-align: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.rentcar_list ul.list>li>.rentcar_info>div:first-child.mobile{
    display: none;
}

.rentcar_list ul.list>li>.rentcar_info>div:first-child>p.brand {
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 140%; /* 1.225rem */
    letter-spacing: -0.03125rem;
}

.rentcar_list ul.list>li>.rentcar_info>div:first-child>p.model {
    font-size: var(--font-size-18);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.03125rem;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 5.9375rem;
}

.rentcar_list ul.list>li>.rentcar_info>div>.rating {
    display: flex;
    flex-direction: row;
    gap: .5rem;
}

.rentcar_list ul.list>li>.rentcar_info>div>.rating>svg {
    width: 1rem;
    height: 1rem;
}

.rentcar_list ul.list>li>.rentcar_info>div>.rating>p {
    color: #AFAFAF;
    font-size: var(--font-size-14);
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 1.225rem */
    letter-spacing: -0.03125rem;
}
.rentcar_list ul.list>li>.rentcar_info>div.rentcar_detail {
    display: flex;
    justify-content: center;
}

.rentcar_list ul.list>li>.rentcar_info>div.rentcar_detail>div {
    display: flex;
    flex-direction: column;
    gap: .3125rem;
    justify-content: center;
    align-items: center;
}

.rentcar_list ul.list>li>.rentcar_info>div.rentcar_detail>div>p {
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 140%; /* 1.225rem */
    letter-spacing: -0.03125rem;
}
.rentcar_list ul.list>li>.rentcar_info>div.rentcar_detail>div>span {
    margin-top: .4375rem;
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 140%; /* 1.225rem */
    letter-spacing: -0.03125rem;
    padding: .3125rem .625rem;
    background-color: rgba(222,222,222, 0.50);
    border-radius: 5px;
    white-space: nowrap;
    color:#515151;
}
.rentcar_list ul.list>li>.rentcar_info>div.rentcar_detail.active>div>span {
    color: var(--primary-color);
    background-color: #F4EFFF;
}

.rentcar_list ul.list>li>.rentcar_info>div:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

.rentcar_list ul.list>li>.rentcar_info>div:last-child>p.price {
    color: #000;
    font-size: var(--font-size-20);
    font-weight: 700;
    line-height: 100%; /* 1.25rem */
    letter-spacing: -0.03125rem;
}

.rentcar_list ul.list>li>.rentcar_info>div:last-child>span {
    font-size: var(--font-size-12);
    font-weight: 500;
    line-height: 140%; /* 1.05rem */
    letter-spacing: -0.03125rem;
}

.rentcar_list ul.list>li>.rent_btn {
    font-size: var(--font-size-16);
    font-weight: 500;
    line-height: 150%; /* 1.5rem */
    letter-spacing: -0.03125rem;
    background-color: #FFF;
    border: 1px solid #515151;
    border-radius: 3px;
    padding: .435rem .625rem;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    color:#515151;
}
.rentcar_list ul.list>li>.rent_btn:hover {
    background-color: var(--primary-color);
    color: #FFF;
    border: 1px solid var(--primary-color);

}
#price_range>div {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* 선택된 범위만 보라색 위로 덮기 */
#slidebar .ui-slider-range {
    background: var(--primary-color); /* 보라색 */
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.ui-widget.ui-widget-content{
    border:1.5px solid #AFAFAF;
    height: 1px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: unset;
    background: unset;
    font-weight: unset;
    color: unset;
}
.ui-slider-horizontal .ui-slider-handle{
    top:-.35rem;
}
#slidebar .ui-slider-handle:focus,
#slidebar .ui-slider-handle:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

#modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%,-50%);
}

#modal>.modal-wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
    background: var(--White, #FFF);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    padding: 2.5rem 2.1875rem;
}

#modal>.modal-wrap strong {
    font-size: var(--font-size-18);
    font-weight: 700;
    line-height: 150%; /* 1.6875rem */
    letter-spacing: -0.03125rem;
}

#modal>.modal-wrap>div {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

#modal>.modal-wrap p {
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 140%; /* 1.225rem */
    letter-spacing: -0.03125rem;
}

#modal>.modal-wrap span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size-16);
    font-weight: 500;
    line-height: 150%; /* 1.5rem */
    letter-spacing: -0.03125rem;
    padding: .3125rem .625rem;
    background-color: #F4EFFF;
    border-radius: 5px;
    color: var(--primary-color);
}

#modal>.modal-wrap a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3125rem .625rem;
    background-color: var(--primary-color);
    color: #FFF;
    border-radius: 3px;
}



@media screen and (max-width: 767.9px) {
    .rent-header{
        padding-bottom: 2.5rem;
    }
    .rent-header-text{
        padding-top: calc(2.8125rem + var(--header-height));
        gap: 0;
    }
    .rent-header-text>p{
        font-size: var(--font-size-16);
        line-height: 150%;
    }
    .rent-header-text>strong{
        font-size: var(--font-size-25);
        line-height: 140%;
    }
    .rent-content{
        padding: 1.875rem 1rem;
        gap: 3.75rem;
    }
    .rent-content > div {
        min-width: 100%;
        max-width: 100%;
        margin:0;
    }
    .reservation-date .mobile > ul.st-date{
        width: 100%;
    }
    .reservation-inquiry {
        padding: 3.75rem 0;
    }
    .rent-content>.reservation-search {
        gap: 2rem;
        margin: 0;
    }
    .rent-content>.reservation-search>.reservation-header>p {
        font-size: var(--font-size-20);
    }

    .rent-content>.reservation-search>.reservation-header {
        gap: .625rem;
    }

    .point>img {
        width: 1rem;
        height: 1rem;
    }

    .point>p {
        font-size: var(--font-size-12);
        font-weight: 400;
    }


    .reservation-date {
        width: 100%;
        box-shadow: none;
        padding: 0;
    }
    .reservation-date>div.pc{
        display: none;
    }
    .reservation-date>div.mobile{
        display: flex;
    }
    .reservation-date ul.udate {
        flex-direction: column;
        gap: .5rem;
    }
    .reservation-date ul>li:not(.select-btn)>a {
        flex-direction: column;
        gap: .25rem;
        align-items: start;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 0.75rem */
        letter-spacing: -0.03125rem;
        color: var(--primary-color);
        padding: .5625rem 0.75rem;
    }

    .reservation-date ul>li svg:not(.point-area) {
        width: 1.041rem;
        height: 1.041rem;
    }
    .reservation-date ul.st-date>li:first-child>a>div:first-child {
        justify-content: space-between;
    }

    .reservation-date ul.st-date>li:first-child>a>div:first-child>div {
        display: flex;
        align-items: center;
        gap: .26025rem;
    }
    .reservation-date ul>li{
        height: 3.75rem;
    }
    .reservation-date ul>li p {
        font-size: var(--font-size-14);
        line-height: 100%;
    }
    .reservation-date ul.udate > li {
        position: unset;
    }
    .reservation-date ul.st-date>li {
        border-radius: 2px;
        border: 1.041px solid var(--primary-color);
        box-shadow: none;
        font-weight: 400;
        line-height: 100%;
    }
    .reservation-date ul.st-date>li:first-child>a{
        border:none;
        padding: 0;
        font-size: .75rem;
        font-weight: 400;
        line-height: 100%;
        color:var(--primary-color);
        gap: .25rem;
    }
    .reservation-date ul>li:not(.select-btn):not(.location),
    .reservation-date ul>li.date-total,
    .reservation-date ul>li.location-point
     {
        padding: .5625rem .75rem;
        color: var(--primary-color);
        gap: .6875rem;
        width: 100%;
    }
    .reservation-date ul>li.date{
        padding: .64rem .75rem;
        color: var(--primary-color);
        gap: .6875rem;
    }
    .reservation-date ul>li svg.point-area{
        width: .8435rem;
        height: 1.62423rem;
    }
    .reservation-date ul>li svg.point-area path{
        fill :var(--primary-color);
        stroke : var(--primary-color)
    }
    .reservation-date ul>li {
        font-size: var(--font-size-12)!important;
        font-weight: 400;
        line-height: 100%;
    }
    .reservation-date ul > li > div {
        gap: .375rem;
        align-items: center;
        white-space: nowrap;
    }
    .reservation-date ul > li.date > div{
        gap: .375rem;
    }
    .reservation-date ul > li.date > div > .st_date {
        display: flex;
        align-items: center;
        gap: .26025rem;
    }

    .reservation-date ul>li.date svg {
        width: .78075rem;
        height: .78075rem;
        position: relative;
        top: 0;
        transform: unset;
        margin-left: 0;
    }

    .reservation-date ul>li>div>.ed_date {
        display: flex;
        gap: .25rem;
    }

    .reservation-date ul>li>div>.st_date img {
        width: 1.041rem;
        height: 1.041rem;
    }
    .search-btn-area {
        margin-top: .5rem;
        display: flex;
        width: 100%;
        background-color: var(--primary-color);
        justify-content: center;
        border-radius: 5px;
    }

    .search-btn-area>a {
        color: #FFF;
        padding: .8125rem 0;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -0.03125rem;
    }
    .rentcar_wrap>.rentcar_header>p {
        font-size: var(--font-size-20);
        line-height: 140%;
    }

    .rentcar_wrap>.rentcar_header {
        gap: .625rem;
    }
    .point{
        gap: .375rem;
    }
    .rentcar_wrap{
        gap: 1.25rem;
    }
    .rentcar_container>.rentcar_option {
        display: none;
    }
    .rentcar_container>.rentcar_option.active{
        display: flex;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        max-width: 100%;
        z-index: 1001;
        background-color: #FFF;
        overflow-y: scroll;
    }
    .rentcar_container>.rentcar_option .option-list {
        box-shadow: unset;
        padding: 1.25rem 1rem;
        gap: 2.5rem;
    }
    .rentcar_container>.rentcar_option .option-list p {
        font-size: 1.25rem;
        font-weight: 700;
    }
    .rentcar_container > .rentcar_option .option-list > .mo-name {
        gap: 1.25rem;
    }
    .rentcar_container>.rentcar_option .option-list .under_line {
        display: none;
    }
    .rentcar_container > .rentcar_option .option-list li.active circle {
        cx : 6.1;
    }
    .rentcar_container > .rentcar_option .option-list ul > li {
        font-weight: 500;
    }
    .rentcar_wrap>.rentcar_type {
        box-shadow: none;
        padding: 0;
        padding-bottom: .75rem;
    }

    .rentcar_wrap>.rentcar_type>.type_list {
        gap: .75rem;
        overflow-x: scroll;
    }

    .rentcar_wrap>.rentcar_type>.type_list>li:not(:first-child) {
        padding: .625rem 1rem;
        white-space: nowrap;
    }

    .rentcar_wrap>.rentcar_type>.type_list>li:first-child {
        padding: .3125rem;
        border: 1px solid #AFAFAF;
    }
    .rentcar_wrap>.rentcar_type>.type_list>li:first-child.active {
        border: 1px solid var(--primary-color);
    }

    .rentcar_wrap>.rentcar_type>.type_list>li {
        border-radius: 4px;
        height: 2.125rem;
    }
    .rentcar_list > div{
        width: unset;
    }
    .rentcar_list ul.list>li{
        padding: 1.25rem 1rem;
        height: auto;
        flex-direction: column;
        gap: 1rem;
    }
    .rentcar_list ul.list>li>.rentcar_info>div:first-child.pc{
        display: none;
    }
    .rentcar_list ul.list>li>div:first-child {
        display: flex;
        width: 100%;
        gap: 1rem;
    }
    .rentcar_list ul.list>li>div:first-child img {
        min-width: 11.38306rem;
        max-height: 6.50481rem;
        object-fit: cover;
    }
    .car-detail-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        gap: .625rem;
    }

    .car-detail-info>.rating {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: .25rem;
    }

    .car-detail-info p.brand {
        color: #000;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 150%; /* 1.125rem */
        letter-spacing: -0.03125rem;
    }

    .car-detail-info p.model {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 100%; /* 1.125rem */
        letter-spacing: -0.03125rem;
    }

    .car-detail-info>.rating svg {
        width: 1rem;
        height: 1rem;
    }

    .car-detail-info>.rating p {
        color: #AFAFAF;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 150%; /* 1.3125rem */
        letter-spacing: -0.03125rem;
    }
    .car-detail-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        gap: .625rem;
    }

    .car-detail-info>.rating {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: .25rem;
    }

    .car-detail-info p.brand {
        color: #000;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 150%; /* 1.125rem */
        letter-spacing: -0.03125rem;
    }

    .car-detail-info p.model {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 100%; /* 1.125rem */
        letter-spacing: -0.03125rem;
    }

    .car-detail-info>.rating svg {
        width: 1rem;
        height: 1rem;
    }

    .car-detail-info>.rating p {
        color: #AFAFAF;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 150%; /* 1.3125rem */
        letter-spacing: -0.03125rem;
    }

    .rentcar_list ul.list>li>.rentcar_info {
        flex-direction: column;
        padding: 0;
        gap: 1rem;
    }

    
    .rentcar_list ul.list>li>.rentcar_info>div.rentcar_detail {
        flex-direction: column;
        gap: .375rem;
    }
    .rentcar_list ul.list>li>.rentcar_info>div.rentcar_detail>div {
        flex-direction: row;
        width: 100%;
        align-items: start;
        border-radius: 3px;
        background-color: rgba(222, 222, 222, 0.30);
        padding: .25rem .5rem;
        justify-content: start;
        gap: 1rem;
    }
    .rentcar_list ul.list>li>.rentcar_info>div.rentcar_detail>div>p{
        color:#515151;
        font-size: .75rem;
        line-height: 150%;
    }
    .rentcar_list ul.list>li>.rentcar_info>div:last-child>span {
        display: flex;
        width: 100%;
        justify-content: center;
        color: #515151;
        padding: .3125rem .625rem;
        border-radius: 5px;
        background-color: rgba(222, 222, 222, 0.50);
        line-height: 150%;
    }
    .rentcar_list ul.list>li>.rentcar_info>div.active:last-child>span {
        color: var(--primary-color);
        background-color: #F4EFFF;
    }
    .rentcar_list .no_list{
        padding-top: 1.5rem;
    }
    .pay-info>div {
        display: flex;
        flex-direction: column;
        gap: .25rem;
    }

    .pay-info {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: end;
    }

    .pay-info>div p {
        color: #000;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 140%; /* 1.75rem */
        letter-spacing: -0.03125rem;
    }

    .pay-info>div span {
        color: #000;
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 150%; /* 1.125rem */
        letter-spacing: -0.03125rem;
    }

    .pay-info a {
        display: flex;
        padding: .75rem 1rem;
        border: 1.041px solid #515151;
        border-radius: 2px;
        align-items: center;
        color: #515151;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 0.875rem */
        letter-spacing: -0.03125rem;
        height: 100%;
    }
    .reservation-inquiry>div>strong {
        font-size: 1.25rem;
        line-height: 140%;
    }

    .reservation-inquiry>div>p {
        font-size: .875rem;
    }

    .reservation-inquiry>div>a {
        font-size: .875rem;
        line-height: 100%;
    }

    .reservation-inquiry>div {
        gap: .75rem;
    }
    .location-point .location-point-list{
        top: 4rem;
    }
    .location-point .location-point-list>ul>li svg {
        top: unset;
        transform: unset;
        left: .5rem;
        margin-left: 0;
    }
    .location-point .location-point-list>ul>li {
        padding: .5rem 1rem;
        align-items: center;
    }
    .location-point .location-point-list>ul>li>p{
        margin-left: 1rem;
    }
    .rentcar_wrap>.rentcar_type>.type_list>li.mobile{
        display: flex;
    }
    .rentcar_wrap>.rentcar_type>.type_list>li.mobile.active svg>path{
        fill: #FFF;
    }
    #modal>.modal-wrap {
        width: 280px;
        padding: 2.5rem 0;
        gap: 1rem;
    }

    #modal>.modal-wrap strong {
        font-size: .875rem;
    }

    #modal>.modal-wrap p {
        font-size: .75rem;
        line-height: 150%;
    }

    #modal>.modal-wrap span {
        font-size: .75rem;
    }

    #modal>.modal-wrap a {
        font-size: .875rem;
    }

    .rentcar_container > .rentcar_option  .option-header {
        display: flex;
        padding: 1.3125rem 1rem;
        align-items: center;
        justify-content: space-between;
    }

    .rentcar_container > .rentcar_option .option-header > h2 {
        color: #000;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 0.875rem */
        letter-spacing: -0.03125rem;
    }

    .rentcar_container > .rentcar_option .option-header > button {
        background-color: #FFF;
        border: none;
    }

    .rentcar_container > .rentcar_option .option-header > button svg {
        width: 1.5rem;
        height: 1.5rem;
    }
    .rentcar_container > .rentcar_option .option-list > .mo-name input {
        width: 100%;
        height: 100%;
        padding: .875rem 1rem;
        border-radius: 2px;
        box-shadow: none;
    }
    .rentcar_container > .rentcar_option .option-list > .option-btn-area {
        gap: 1.875rem;
        flex-direction: row;
        justify-content: space-between;
    }
    .option-btn-area > button.option-reset {
        background-color: #FFF;
        box-shadow: none;
        border: none;
        justify-content: flex-start;
        width: auto;
    }
    .option-btn-area > button.option-reset > p {
        color: #515151;
        font-size: 1.125rem!important;
        font-weight: 500!important;
    }
    .option-btn-area > button.option-reset svg {
        order: 1;
        width: 1rem!important;
        height: 1rem!important;
    }
    .rentcar_container>.rentcar_option .option-list svg > path {
        fill: #515151;
    }
    .option-btn-area > a.option-search {
        width: 100%;
        background-color: var(--primary-color);
        padding: .8125rem 0;
        text-align: center;
        border-radius: 5px;
        color: #FFF;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -0.03125rem;
    }
}