.main-slideBox {
    position: relative;
    height: 100%;
    max-height: 400px;
}

.main-slideBox div:first-child {
    position: relative;
    max-width: min(1200px, 90%);
    margin: 0 auto;
}

.main-slideBox div:first-child input {
    position: absolute;
    z-index: 3;
    top: 175px;
    opacity: 0;
    cursor: pointer;
    appearance: none;
    display: block;
    background-color: var(--white);
    text-indent: -9999;
    width: 50px;
    height: 50px;
    border: 0.12rem solid var(--mainColor);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 20px;
}

.main-slideBox div:first-child input.active {
    opacity: 1;
    transition: var(--ttionBG), var(--ttionopac2);
}

.main-slideBox div:first-child input:hover {
    background-color: var(--mainColor);
}

.main-slideBox div:first-child .nextBtn {
    right: -5%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%2354C3FE' d='M305 239c9.4 9.4 9.4 24.6 0 33.9L113 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L79 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L305 239z'/%3E%3C/svg%3E");
}

.main-slideBox div:first-child .nextBtn:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23FFFFFF' d='M305 239c9.4 9.4 9.4 24.6 0 33.9L113 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L79 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L305 239z'/%3E%3C/svg%3E");
}

.main-slideBox div:first-child .prevBtn {
    left: -5%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%2354C3FE' d='M15 239c-9.4 9.4-9.4 24.6 0 33.9l192 192c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L66 256l175-175c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L15 239z'/%3E%3C/svg%3E");
}

.main-slideBox div:first-child .prevBtn:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23FFFFFF' d='M15 239c-9.4 9.4-9.4 24.6 0 33.9l192 192c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L66 256l175-175c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L15 239z'/%3E%3C/svg%3E");
}

.main-slideBox ul li {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    transition: var(--ttionopac1);
}

.main-slideBox ul li.active {
    opacity: 1;
    z-index: 2;
}

.main-slideBox .slide01 {
    background-color: #d9e9ff;
}

.main-slideBox .slide02 {
    background-color: #f1efff;
}

.main-slideBox .slide03 {
    background-color: #ecf0dc;
}

.main-slideBox li[class^="slide0"]>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--maxWh);
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 var(--pd20) var(--pd90);
}

.main-slideBox li[class^="slide0"] p {
    font-size: var(--ftS01rem);
    text-align: left;
    line-height: 1.2;
    font-weight: var(--ftW700);
    padding: var(--pd10) 0;
}

.main-slideBox li.slide01 p {
    color: #0981c1;
}

.main-slideBox li.slide02 p {
    color: #8585c9;
}

.main-slideBox li.slide03 p {
    color: #65844c;
}

.main-slideBox li[class^="slide0"] p small {
    display: block;
    margin-bottom: var(--mg10);
    font-size: var(--ftS03rem);
    font-weight: var(--ftW600);
}

.main-slideBox li[class^="slide0"] p b {
    color: #004468;
    display: block;
}

.main-slideBox li.slide01 p b {
    color: #004468;
}

.main-slideBox li.slide02 p b {
    color: #8585c9;
}

.main-slideBox li.slide03 p b {
    color: #8bb06e;
}

.main-slideBox li[class^="slide0"] p mark {
    background-color: transparent;
    font-style: normal;
}

.main-slideBox li.slide02 p mark {
    color: #40407c;
}

.main-slideBox li[class^="slide0"] p a {
    display: inline-block;
    font-size: var(--ftS03rem);
    margin-top: var(--mg20);
    padding: var(--pd5) var(--pd30);
    color: var(--white);
    text-align: center;
    display: block;
    max-width: fit-content;
    font-weight: var(--ftW600);
    border-radius: var(--size4);
}

.main-slideBox li.slide01 p a {
    background-color: #7cb1ec;
}

.main-slideBox li.slide02 p a {
    background-color: #a79afc;
}

.main-slideBox li.slide03 p a {
    background-color: #8bb06e;
}

.main-slideBox li[class^="slide0"] .imgBox {
    height: 100%;
}

.main-slideBox li[class^="slide0"] .imgBox img {
    width: 100%;
    object-fit: contain;
}

/* * */

.main-cover {
    max-width: var(--maxWh);
    margin: 0 auto;
    position: relative;
}

.main-cover .quick-sear,
.reser-cover .quick-sear {
    position: absolute;
    box-shadow: var(--shadow1);
    border-radius: var(--size8);
    z-index: 5;
    width: 100%;
    background-color: var(--white);
    top: -87px;
    padding: var(--pd50) var(--pd100);
}

.main-cover .quick-sear .top-Qsr ul,
.reser-cover .quick-sear .top-Qsr ul {
    display: flex;
    align-items: center;
    padding-bottom: var(--pd20);
}

.main-cover .quick-sear .top-Qsr ul li,
.reser-cover .quick-sear .top-Qsr ul li {
    cursor: pointer;
    font-size: var(--ftS03rem);
    line-height: 1.5;
    font-weight: var(--ftW600);
    margin-right: var(--mg30);
    transition: var(--ttionFtC);
}

.main-cover .quick-sear .top-Qsr ul li,
.reser-cover .quick-sear .top-Qsr ul li {
    padding-left: var(--pd25);
    background-size: var(--ftS03rem);
    background-position: left center;
    background-repeat: no-repeat;
}

.main-cover .quick-sear .top-Qsr ul li:nth-child(1),
.reser-cover .quick-sear .top-Qsr ul li:nth-child(1) {
    background-image: url("../../branch/images/icon/main-navCate-01.png");
}

.main-cover .quick-sear .top-Qsr ul li:nth-child(2),
.reser-cover .quick-sear .top-Qsr ul li:nth-child(2) {
    background-image: url("../../branch/images/icon/main-navCate-02.png");
}

.main-cover .quick-sear .top-Qsr ul li:nth-child(3),
.reser-cover .quick-sear .top-Qsr ul li:nth-child(3) {
    background-image: url("../../branch/images/icon/main-navCate-03.png");
}

.main-cover .quick-sear .top-Qsr ul li:nth-child(4),
.reser-cover .quick-sear .top-Qsr ul li:nth-child(4) {
    background-image: url("../../branch/images/icon/main-navCate-04.png");
}

.main-cover .quick-sear .top-Qsr ul li:hover,
.main-cover .quick-sear .top-Qsr ul li.active,
.main-cover .quick-sear .top-Qsr ul li a:hover,
.reser-cover .quick-sear .top-Qsr ul li:hover,
.reser-cover .quick-sear .top-Qsr ul li.active,
.reser-cover .quick-sear .top-Qsr ul li a:hover {
    color: var(--mainColor);
}

.main-cover .quick-sear .top-Qsr ul li:last-child,
.reser-cover .quick-sear .top-Qsr ul li:last-child {
    margin-left: auto;
    margin-right: 0;
}

.main-cover .quick-sear .top-Qsr ul li a,
.reser-cover .quick-sear .top-Qsr ul li a {
    color: var(--b888);
    transition: var(--ttionFtC);
}

.main-cover .quick-sear .mid-Qsr,
.reser-cover .quick-sear .mid-Qsr {
    border-bottom: 0.06rem solid var(--bD9);
    border-top: 0.06rem solid var(--bD9);
    padding: var(--pd40) 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: var(--mg20);
    margin-bottom: var(--mg30);
}

.main-cover .quick-sear .mid-Qsr>*,
.reser-cover .quick-sear .mid-Qsr>* {
    appearance: none;
    border: none;
    background: none;
    border-radius: var(--size4);
    font-weight: var(--ftW600);
    background-color: var(--bf2);
    font-size: var(--ftS04rem);
    cursor: pointer;
    line-height: 3.33;
    min-height: 60px;
}

.main-cover .quick-sear .mid-Qsr input:first-child,
.main-cover .quick-sear .mid-Qsr button[type="button"],
.reser-cover .quick-sear .mid-Qsr input:first-child,
.reser-cover .quick-sear .mid-Qsr button[type="button"] {
    text-align: left;
    padding: 0 var(--pd30) 0 var(--pd50);
    background-repeat: no-repeat;
    background-position: left var(--pd25) center;
}

.main-cover .quick-sear .mid-Qsr input:first-child,
.reser-cover .quick-sear .mid-Qsr input:first-child {
    width: 23%;
    color: var(--baseColor);
    background-size: 0.88rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23555' d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/%3E%3C/svg%3E");
}

.main-cover .quick-sear .mid-Qsr button[type="button"],
.reser-cover .quick-sear .mid-Qsr button[type="button"] {
    display: flex;
    align-items: center;
    width: 55%;
    padding: 0 var(--pd30) 0 var(--pd50);
    background-size: 0.93rem;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V4C0 3.45 0.195833 2.97917 0.5875 2.5875C0.979167 2.19583 1.45 2 2 2H3V0H5V2H13V0H15V2H16C16.55 2 17.0208 2.19583 17.4125 2.5875C17.8042 2.97917 18 3.45 18 4V18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0208 19.8042 16.55 20 16 20H2ZM2 18H16V8H2V18ZM2 6H16V4H2V6ZM9 12C8.71667 12 8.47917 11.9042 8.2875 11.7125C8.09583 11.5208 8 11.2833 8 11C8 10.7167 8.09583 10.4792 8.2875 10.2875C8.47917 10.0958 8.71667 10 9 10C9.28333 10 9.52083 10.0958 9.7125 10.2875C9.90417 10.4792 10 10.7167 10 11C10 11.2833 9.90417 11.5208 9.7125 11.7125C9.52083 11.9042 9.28333 12 9 12ZM5 12C4.71667 12 4.47917 11.9042 4.2875 11.7125C4.09583 11.5208 4 11.2833 4 11C4 10.7167 4.09583 10.4792 4.2875 10.2875C4.47917 10.0958 4.71667 10 5 10C5.28333 10 5.52083 10.0958 5.7125 10.2875C5.90417 10.4792 6 10.7167 6 11C6 11.2833 5.90417 11.5208 5.7125 11.7125C5.52083 11.9042 5.28333 12 5 12ZM13 12C12.7167 12 12.4792 11.9042 12.2875 11.7125C12.0958 11.5208 12 11.2833 12 11C12 10.7167 12.0958 10.4792 12.2875 10.2875C12.4792 10.0958 12.7167 10 13 10C13.2833 10 13.5208 10.0958 13.7125 10.2875C13.9042 10.4792 14 10.7167 14 11C14 11.2833 13.9042 11.5208 13.7125 11.7125C13.5208 11.9042 13.2833 12 13 12ZM9 16C8.71667 16 8.47917 15.9042 8.2875 15.7125C8.09583 15.5208 8 15.2833 8 15C8 14.7167 8.09583 14.4792 8.2875 14.2875C8.47917 14.0958 8.71667 14 9 14C9.28333 14 9.52083 14.0958 9.7125 14.2875C9.90417 14.4792 10 14.7167 10 15C10 15.2833 9.90417 15.5208 9.7125 15.7125C9.52083 15.9042 9.28333 16 9 16ZM5 16C4.71667 16 4.47917 15.9042 4.2875 15.7125C4.09583 15.5208 4 15.2833 4 15C4 14.7167 4.09583 14.4792 4.2875 14.2875C4.47917 14.0958 4.71667 14 5 14C5.28333 14 5.52083 14.0958 5.7125 14.2875C5.90417 14.4792 6 14.7167 6 15C6 15.2833 5.90417 15.5208 5.7125 15.7125C5.52083 15.9042 5.28333 16 5 16ZM13 16C12.7167 16 12.4792 15.9042 12.2875 15.7125C12.0958 15.5208 12 15.2833 12 15C12 14.7167 12.0958 14.4792 12.2875 14.2875C12.4792 14.0958 12.7167 14 13 14C13.2833 14 13.5208 14.0958 13.7125 14.2875C13.9042 14.4792 14 14.7167 14 15C14 15.2833 13.9042 15.5208 13.7125 15.7125C13.5208 15.9042 13.2833 16 13 16Z' fill='%23555555'/%3E%3C/svg%3E%0A");
}

.main-cover .quick-sear .mid-Qsr button[type="button"]>span,
.reser-cover .quick-sear .mid-Qsr button[type="button"]>span {
    margin-left: auto;
    font-weight: var(--ftW400);
}

.main-cover .quick-sear .mid-Qsr button[type="button"] div span,
.reser-cover .quick-sear .mid-Qsr button[type="button"] div span {
    font-weight: var(--ftW400);
}

.main-cover .quick-sear .mid-Qsr button[type="button"] div span b,
.reser-cover .quick-sear .mid-Qsr button[type="button"] div span b {
    font-weight: var(--ftW600);
    margin-right: var(--mg5);
}

.main-cover .quick-sear .mid-Qsr button[type="button"] div i,
.reser-cover .quick-sear .mid-Qsr button[type="button"] div i {
    padding: 0 var(--pd10);
}

/* 차량 예약하기 버튼 타입!! */
.main-cover .quick-sear .mid-Qsr button[type="submit"],
.reser-cover .quick-sear .mid-Qsr button[type="submit"] {
    /* all: unset !important; */
    transition: var(--ttionBG);
    width: 18%;
    font-size: var(--ftS04rem);
    background-color: var(--mainColor);
    color: var(--white);
}

.main-cover .quick-sear .mid-Qsr button[type="submit"]:hover,
.reser-cover .quick-sear .mid-Qsr button[type="submit"]:hover {
    background-color: var(--hovColor);
}

.main-cover .quick-sear .bott-Qsr {
    display: flex;
    gap: var(--mg40);
}

.main-cover .quick-sear .bott-Qsr {
    font-size: var(--ftS06rem);
    line-height: 1.8;
}

.main-cover .quick-sear .bott-Qsr b {
    display: block;
    color: var(--black);
    font-weight: var(--ftW500);
    margin-bottom: var(--mg10);
}

.main-cover .quick-sear .bott-Qsr>div div {
    display: flex;
}

.main-cover .quick-sear .bott-Qsr span {
    font-weight: var(--ftW400);
    background-color: var(--bf2);
    border-radius: var(--size4);
    padding: var(--pd5) var(--pd10);
    cursor: pointer;
    transition: var(--ttionFtC), var(--ttionBG);
    line-height: 1.3;
}

.main-cover .quick-sear .bott-Qsr span.active,
.main-cover .quick-sear .bott-Qsr span:hover {
    background-color: var(--mainColor);
    color: var(--white);
}

.main-cover .quick-sear .bott-Qsr span:not(:last-child) {
    margin-right: var(--mg10);
}

.main-cover .navCategory {
    padding: 235px 0 var(--pd70);
    gap: 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-cover .navCategory li {
    background-color: var(--bf2);
    border-radius: var(--size8);
    width: 23.5%;
    /* margin-top: var(--mg90); */
    padding: var(--pd20) var(--pd20) var(--pd120);
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: right var(--pd20) bottom var(--pd20);
}

.main-cover .navCategory li p {
    font-size: var(--ftS03rem);
    line-height: 1.5;
}

.main-cover .navCategory li b {
    font-size: var(--ftS03rem);
    display: block;
}

.main-cover .navCategory li:nth-child(1) {
    background-image: url("../../branch/images/icon/main-navCate-01.png");
}

.main-cover .navCategory li:nth-child(2) {
    background-image: url("../../branch/images/icon/main-navCate-02.png");
}

.main-cover .navCategory li:nth-child(3) {
    background-image: url("../../branch/images/icon/main-navCate-03.png");
}

.main-cover .navCategory li:nth-child(4) {
    background-image: url("../../branch/images/icon/main-navCate-04.png");
}

.main-cover .top-ban {
    background-color: #e5f2fa;
    margin-bottom: var(--mg60);
    border-radius: var(--size8);
}

.main-cover .top-ban a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-cover .top-ban p {
    background: url("../../branch/images/icon/main-topBan-01.png") right center / 14% no-repeat;
    padding: 2% 20% 2% 0;
    font-size: var(--ftS03rem);
    color: var(--b333);
    font-weight: var(--ftW600);
    line-height: 1.5;
    max-height: 100px;
}

.main-cover .top-ban mark {
    background-color: transparent;
    font-style: normal;
    color: var(--subColor);
    font-weight: var(--ftW500);
    font-size: var(--ftS05rem);
    display: block;
}

.main-cover .popular {
    position: relative;
    margin-bottom: var(--mg70);
}

.main-cover .popular .slide-container ul {
    display: flex;
}

.main-cover .popular .slide-container ul .slick-list {
    padding: var(--pd15) 0;
}

.main-cover .popular .slide-container ul li {
    box-shadow: var(--shadow1);
    padding: var(--pd20);
    border-radius: var(--size8);
    margin: 0 var(--mg10);
}

.main-cover .popular .slide-container ul li img {
    display: block;
    object-fit: contain;
    width: 100%;
}

.main-cover .popular .slide-container ul li dl dt {
    font-weight: var(--ftW600);
    font-size: var(--ftS03rem);
    line-height: 1.5;
    color: var(--b333);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
}

.main-cover .popular .slide-container ul li dl dd {
    font-weight: var(--ftW500);
    font-size: var(--ftS04rem);
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
}

.main-cover .event {
    position: relative;
    margin-bottom: var(--mg70);
}

.main-cover .event .title01 {
    display: flex;
    align-items: center;
}

.main-cover .event .title01 span {
    display: flex;
    gap: var(--mg10);
    margin-left: auto;
}

.main-cover .event .title01 .sldie-button-next,
.main-cover .event .title01 .sldie-button-prev {
    position: static;
    width: 30px;
    height: 30px;
    background-size: 10px 20px;
}

.main-cover .event .slide-wrapper .slick-list {
    margin-right: -20px;
}

.main-cover .event .slide-wrapper li {
    height: auto;
    margin-right: 20px;
}

.main-cover .event .slide-wrapper li a {
    display: block;
}

.main-cover .event .slide-wrapper li img {
    width: 100%;
    border-radius: var(--size8);
    max-height: 219px;
    object-fit: cover;
    aspect-ratio: 27 / 10;
}

.main-cover .new {
    margin-bottom: var(--mg30);
}

.main-cover .new .slide-container {
    position: relative;
}

.main-cover .new .slide-container ul {
    display: flex;
}

.main-cover .new .slick-dotted.slick-slider {
    margin-bottom: 10px;
}

.main-cover .new .slide-container ul .slick-list {
    padding: var(--pd15) 0;
}

.main-cover .new .slide-container ul .slick-slide {
    position: relative;
    border-radius: var(--size8);
    margin: 0 var(--mg10);
}

.main-cover .new .slide-container ul .slick-slide span {
    position: absolute;
    top: var(--pd20);
    left: var(--pd20);
}

.main-cover .new .slide-container ul .slick-slide div:has(img) {
    margin-bottom: var(--mg10);
}

.main-cover .new .slide-container ul .slick-slide img {
    display: block;
    object-fit: contain;
    width: 100%;
    border-radius: var(--size8);
}

.main-cover .new .slide-container ul .slick-slide dl dt {
    font-weight: var(--ftW600);
    font-size: var(--ftS03rem);
    line-height: 1.5;
    color: var(--b333);
}

.main-cover .new .slide-container ul .slick-slide dl dd {
    font-weight: var(--ftW500);
    font-size: var(--ftS04rem);
    line-height: 1.5;
}

.main-cover .new .sldie-button-next,
.main-cover .new .sldie-button-prev {
    top: calc(100% - 69.5%);
}

.main-cover .bottom-ban {
    background-color: #eaf6de;
    margin-bottom: var(--mg70);
    border-radius: var(--size8);
}

.main-cover .bottom-ban a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-cover .bottom-ban p {
    background: url("../../branch/images/icon/main-bottomBan-01.png") right center / 14% no-repeat;
    padding: 2% 20% 2% 0;
    font-size: var(--ftS03rem);
    color: var(--b333);
    font-weight: var(--ftW600);
    line-height: 1.5;
    max-height: 100px;
}

.main-cover .bottom-ban mark {
    color: #136f1b;
    background-color: transparent;
    font-style: normal;
    font-weight: var(--ftW500);
    font-size: var(--ftS05rem);
    display: block;
}

.main-cover .moreSee div:first-child {
    margin: var(--mg70) 0 var(--mg30);
    display: flex;
    align-items: center;
    gap: 2%;
}

.main-cover .moreSee div:first-child a {
    display: block;
    background-color: var(--bf2);
    font-weight: var(--ftW500);
    line-height: 3;
    font-size: var(--ftS03rem);
    border-radius: var(--size8);
    flex-grow: 1;
    text-align: center;
    display: flex;
    align-items: center;
    gap: var(--mg10);
    justify-content: center;
}

.main-cover .union {
    position: relative;
    margin-bottom: var(--mg30);
}

.main-cover .union .sldie-button-next,
.main-cover .union .sldie-button-prev {
    top: calc(100% - 49%);
}

.main-cover .union .title01 span {
    display: block;
    font-weight: var(--ftW500);
    font-size: var(--ftS03rem);
}

.main-cover .union .slide-container ul {
    display: flex;
}

.main-cover .union .slide-container ul .slick-list {
    padding: var(--pd15) 0;
}

.main-cover .union .slide-container ul .slick-slide {
    box-shadow: var(--shadow1);
    border-radius: var(--size8);
    margin: 0 var(--mg10);
    background-repeat: no-repeat;
    background-size: 24%;
    background-position: right var(--pd20) bottom var(--pd20);
}

.main-cover .union .slide-container ul .slick-slide.slide01 {
    background-image: url("../../branch/images/icon/main-union-01.png");
}

.main-cover .union .slide-container ul .slick-slide.slide02 {
    background-image: url("../../branch/images/icon/main-union-02.png");
}

.main-cover .union .slide-container ul .slick-slide.slide03 {
    background-image: url("../../branch/images/icon/main-union-03.png");
}

.main-cover .union .slide-container ul .slick-slide.slide04 {
    background-image: url("../../branch/images/icon/main-union-04.png");
}

.main-cover .union .slide-container ul .slick-slide.slide05 {
    background-image: url("../../branch/images/icon/main-union-05.png");
}

.main-cover .union .slide-container ul .slick-slide.slide06 {
    background-image: url("../../branch/images/icon/main-union-06.png");
}

.main-cover .union .slide-container ul .slick-slide.slide07 {
    background-image: url("../../branch/images/icon/main-union-07.png");
}

.main-cover .union .slide-container ul .slick-slide.slide08 {
    background-image: url("../../branch/images/icon/main-union-08.png");
}

.main-cover .union .slide-container ul .slick-slide.slide09 {
    background-image: url("../../branch/images/icon/main-union-09.png");
}

.main-cover .union .slide-container ul .slick-slide.slide10 {
    background-image: url("../../branch/images/icon/main-union-10.png");
}

.main-cover .union .slide-container ul .slick-slide.slide11 {
    background-image: url("../../branch/images/icon/main-union-11.png");
}

.main-cover .union .slide-container ul .slick-slide.slide12 {
    background-image: url("../../branch/images/icon/main-union-12.png");
}

.main-cover .union .slide-container ul .slick-slide.slide13 {
    background-image: url("../../branch/images/icon/main-union-13.png");
}

.main-cover .union .slide-container ul .slick-slide a {
    min-height: 220px;
    display: block;
    padding: var(--pd20) var(--pd20) var(--pd120);
}

.main-cover .union .slide-container ul .slick-slide p {
    font-weight: var(--ftW500);
    line-height: 1.2;
    font-size: var(--ftS04rem);
}

.main-cover .union .slide-container ul .slick-slide b {
    display: block;
    margin-bottom: var(--mg5);
    font-weight: var(--ftW600);
    font-size: var(--ftS03rem);
}

/* mainCon */

.reserContainer {
    background-color: var(--bf9);
    padding-bottom: var(--pd80);
}

.reser-cover {
    max-width: var(--maxWh);
    margin: var(--mg40) auto 0;
    position: relative;
}

.reser-cover .quick-sear {
    margin-bottom: var(--mg30);
    padding: var(--pd50) var(--pd100);
    position: absolute;
    z-index: 5;
    top: -126px;
}

.reser-cover .quick-sear .mid-Qsr {
    margin-bottom: 0;
}

.reser-cover .prod-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2%;
    padding-top: 200px;
}

.reser-cover .prod-box aside {
    position: sticky;
    overflow-y: scroll;
    top: 114px;
    width: 32%;
    background-color: var(--white);
    padding: var(--pd25) var(--pd10) var(--pd40);
    border-radius: var(--size8);
}

.reser-cover .prod-box aside .sideBox [class^="filter"] {
    margin-bottom: var(--mg20);
    padding-bottom: var(--pd20);
    border-bottom: 0.12rem solid var(--bf2);
}

.reser-cover .prod-box aside [class^="filter"] * {
    font-size: var(--ftS06rem);
    font-weight: var(--ftW500);
    appearance: none;
    color: var(--b777);
}

.reser-cover .prod-box aside [class^="filter"]>div {
    padding: 0 var(--pd5);
}

.reser-cover .prod-box aside .filTitle {
    font-weight: var(--ftW600);
    font-size: var(--ftS04rem);
    line-height: 1.2;
    margin-bottom: var(--mg15);
    padding: 0 var(--pd5);
}

.reser-cover .prod-box aside *:not(.filTitle) {
    cursor: pointer;
}

.reser-cover .prod-box aside .closeBtn {
    display: none;
}

.reser-cover .prod-box aside .filter01 div {
    display: flex;
    gap: 2%;
    align-items: center;
}

.reser-cover .prod-box aside .filter01 button {
    width: 100%;
    border: none;
    line-height: 2.7;
    border-radius: var(--size4);
    background-color: var(--bEEE);
}

.reser-cover .prod-box aside .filter01 button:hover,
.reser-cover .prod-box aside .filter01 button.active {
    color: var(--white);
    background-color: var(--mainColor);
    transition: var(--ttionBG);
}

.reser-cover .prod-box aside .filter02>div {
    display: flex;
    gap: 2%;
}

.reser-cover .prod-box aside .filter02 input {
    line-height: 2.7;
    border: 0.12rem solid var(--bf2);
    background-color: transparent;
    border-radius: var(--size4);
    padding: 0 var(--pd15);
    width: 77%;
}

.reser-cover .prod-box aside .filter02 button {
    line-height: 2.7;
    border: none;
    background-color: var(--mainColor);
    border-radius: var(--size4);
    color: var(--white);
    width: 21%;
}

.reser-cover .prod-box aside .filter02 button:hover {
    background-color: var(--hovColor);
    transition: var(--ttionBG);
}

.reser-cover .prod-box aside .filter03>div,
.reser-cover .prod-box aside .filter05>div,
.reser-cover .prod-box aside .filter04>div,
.reser-cover .prod-box aside .filter09>div {
    display: flex;
    gap: 3%;
}

.reser-cover .prod-box aside .filter03 span,
.reser-cover .prod-box aside .filter06 span,
.reser-cover .prod-box aside .filter08 span {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.reser-cover .prod-box aside .filter06>div,
.reser-cover .prod-box aside .filter04>div,
.reser-cover .prod-box aside .filter08>div {
    display: grid;
    grid-column-gap: 2%;
    grid-row-gap: var(--mg15);
    grid-template-columns: repeat(3, 1fr);
}

.reser-cover .prod-box aside .filter05>div,
.reser-cover .prod-box aside .filter09>div {
    flex-wrap: wrap;
    row-gap: var(--mg15);
}

.reser-cover .prod-box aside .filter05 span {
    max-width: 127px;
}

.reser-cover .prod-box aside .filter09 span {
    max-width: 147px;
}

.reser-cover .prod-box aside .filter05 span,
.reser-cover .prod-box aside .filter09 span {
    padding: 0 var(--pd10);
    line-height: 2.1;
    background-color: var(--bEEE);
    border-radius: var(--pd20);
    text-align: center;
    flex-grow: 1;
}

.reser-cover .prod-box aside .filter05 span:hover,
.reser-cover .prod-box aside .filter09 span:hover,
.reser-cover .prod-box aside .filter05 span.active,
.reser-cover .prod-box aside .filter09 span.active,
.reser-cover .prod-box aside>button:hover,
.reser-cover .prod-box aside>button:hover i {
    background-color: var(--mainColor);
    color: var(--white);
    transition: var(--ttionBG), var(--ttionFtC);
}

.reser-cover .prod-box aside .filter07 .filTitle {
    margin-bottom: var(--mg30);
}

.reser-cover .prod-box aside .filter07 .multi-range {
    position: relative;
    padding: 0;
}

.reser-cover .prod-box aside .filter07 .multi-range .viewRange {
    position: relative;
    z-index: 1;
}

.reser-cover .prod-box aside .filter07 .multi-range .viewRange .track {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(var(--size4) + 1px);
    background-color: var(--bEEE);
    border-radius: var(--size4);
}

.reser-cover .prod-box aside .filter07 .multi-range .viewRange .range {
    left: 0%;
    right: 0%;
    top: 0;
    bottom: 0;
    position: absolute;
    height: calc(var(--size4) + 1px);
    z-index: 2;
    border-radius: var(--size4);
    background-color: var(--mainColor);
}

.reser-cover .prod-box aside .filter07 .multi-range .viewRange .thumb {
    position: absolute;
    z-index: 3;
    top: -10px;
    width: var(--pd25);
    height: var(--pd25);
    background-color: var(--white);
    border: 0.12rem solid var(--bEEE);
    border-radius: 50%;
}

.reser-cover .prod-box aside .filter07 .multi-range .viewRange .thumb.left {
    left: 0%;
}

.reser-cover .prod-box aside .filter07 .multi-range .viewRange .thumb.right {
    right: 0%;
}

.reser-cover .prod-box aside .filter07 .multi-range input[type="range"] {
    position: absolute;
    pointer-events: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    z-index: 2;
    height: 10px;
    width: 100%;
    margin: 0;
    opacity: 0;
}

.reser-cover .prod-box aside .filter07 .multi-range input[type="range"]::-webkit-slider-thumb {
    background-color: #004468;
    pointer-events: all;
    width: var(--pd25);
    height: var(--pd25);
    border-radius: 0;
    border: 0 none;
    cursor: pointer;
    -webkit-appearance: none;
}

.reser-cover .prod-box aside .filter07>p {
    margin-top: var(--pd60);
    text-align: right;
    color: var(--mainColor);
    padding: 0 var(--pd5);
}

.reser-cover .prod-box aside .filter07>p span {
    color: var(--mainColor);
}

.reser-cover .prod-box aside .filterBott button {
    background-color: var(--bEEE);
    line-height: 3;
    display: block;
    border-radius: var(--size4);
    border: none;
    width: 100%;
    font-weight: var(--ftW500);
    margin-top: var(--mg40);
}

.reser-cover .prod-box aside .filterBott button:first-child {
    transition: transform 0.1s linear;
}

.reser-cover .prod-box aside .filterBott button:last-child {
    display: none;
}

.reser-cover .prod-box aside>button i {
    margin-right: var(--mg5);
}

.reser-cover .prod-box .prod-right {
    width: 66%;
}

.reser-cover .prod-box .prod-right .prodRTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--mg20);
    background-color: var(--white);
    padding: var(--pd15) var(--pd20);
    border-radius: var(--size8);
}

.reser-cover .prod-box .prod-right .prodRTop h2 {
    font-size: var(--ftS04rem);
    font-weight: var(--ftW600);
    color: var(--black);
}

.reser-cover .prod-box .prod-right .prodRTop div[data-pop="filter-pop"] {
    display: none;
}

.reser-cover .prod-box .prod-right .prodRTop div {
    position: relative;
    z-index: 1;
}

.reser-cover .prod-box .prod-right .prodRTop div>span {
    display: none;
}

.reser-cover .prod-box .prod-right .prodRTop ul {
    display: flex;
}

.reser-cover .prod-box .prod-right .prodRTop ul li {
    position: relative;
    cursor: pointer;
}

.reser-cover .prod-box .prod-right .prodRTop ul li span.active {
    color: var(--mainColor);
}

.reser-cover .prod-box .prod-right .prodRTop ul li:first-child {
    padding-right: var(--pd15);
}

.reser-cover .prod-box .prod-right .prodRTop ul li:nth-child(2) {
    padding-right: var(--pd15);
}

.reser-cover .prod-box .prod-right .prodRTop ul li:not(:first-child) {
    padding-left: var(--pd15);
}

.reser-cover .prod-box .prod-right .prodRTop ul li:not(:first-child)::after {
    display: block;
    content: "|";
    color: var(--bD9);
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
}

.reser-cover .prod-box .prod-right .prodRBott>li {
    background-color: var(--white);
    border-radius: var(--size8);
    padding: var(--pd20);
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 3%;
    cursor: pointer;
}

.reser-cover .prod-box .prod-right .prodRBott>li:not(:first-child) {
    margin-top: var(--mg20);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-L {
    width: 35%;
    text-align: center;
    padding-bottom: var(--pd25);
    position: sticky;
    top: 110px;
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-L img {
    width: 100%;
    object-fit: contain;
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-L h2 {
    font-size: var(--ftS03rem);
    line-height: 1.2;
    margin-bottom: var(--mg15);
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    position: relative;
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-L h2 span {
    border-radius: var(--size4);
    margin-right: var(--mg5);
    font-size: var(--ftS08rem);
    padding: 0 var(--pd10);
    line-height: 1.7;
    vertical-align: middle;
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-L div i {
    color: var(--bD9);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-L div>span {
    color: var(--b777);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-L div i,
.reser-cover .prod-box .prod-right .prodRBott>li .prBott-L div>span {
    font-size: var(--ftS06rem);
    font-weight: var(--ftW600);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-L div i,
.reser-cover .prod-box .prod-right .prodRBott>li .prBott-L div>span:first-child {
    margin-right: var(--mg5);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R {
    width: 62%;
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R a {
    display: block;
    background-color: var(--bf2);
    border-radius: var(--size8);
    padding: var(--pd20);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R a:not(:first-child) {
    margin-top: var(--mg20);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R h3 {
    font-size: var(--ftS03rem);
    color: var(--b333);
    display: flex;
    align-items: center;
    margin-bottom: var(--mg15);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R h3 i {
    font-size: var(--ftS07rem);
    margin: 0 var(--mg5) 0 var(--mg10);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R h3 span {
    font-size: var(--ftS08rem);
    color: var(--baseColor);
    font-weight: var(--ftW600);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R ol {
    margin-bottom: var(--mg20);
    display: flex;
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R ol li {
    font-size: var(--ftS06rem);
    font-weight: var(--ftW500);
    padding-right: var(--mg10);
    position: relative;
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R ol li:not(:first-child) {
    padding-left: var(--mg10);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R ol li:not(:first-child)::after {
    content: "|";
    position: absolute;
    color: var(--bD9);
    left: -2.5px;
    top: 50%;
    transform: translateY(-50%);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R p {
    text-align: right;
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R p span {
    font-size: var(--ftS08rem);
    color: var(--subColor);
    margin-bottom: var(--mg5);
    line-height: 1.2;
    display: block;
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R p del {
    font-weight: var(--ftW600);
    color: var(--b777);
    margin-left: var(--mg5);
}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R strong {
    font-size: var(--ftS02rem);
    line-height: 1.2;
}

.reser-cover .prod-box .prod-right #moreBtn {
    position: relative;
    color: var(--white);
    font-weight: var(--ftW600);
    left: 50%;
    transform: translateX(-50%);
    border: none;
    border-radius: var(--pd30);
    margin: var(--mg40) 0 0;
    padding: 0 var(--pd60);
    background-color: var(--mainColor);
    font-weight: var(--ftW600);
    font-size: var(--ftS04rem);
    cursor: pointer;
    line-height: 3.33;
}

.reser-cover .prod-box .prod-right #moreBtn:hover {
    background-color: var(--hovColor);
}

.reser-cover .prod-box .prod-right section {
    display: none;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding-top: var(--pd100);
}

.reser-cover .prod-box .prod-right section h2 {
    font-size: var(--ftS03rem);
    color: var(--b333);
    line-height: 1.2;
    margin-bottom: var(--mg5);
}

.reser-cover .prod-box .prod-right section>i {
    font-size: var(--pd90);
    margin-bottom: var(--mg30);
    opacity: 0.3;
}

.reser-cover .prod-box .prod-right section p {
    font-size: var(--ftS06rem);
    line-height: 1.2;
}

.reser-cover .prod-box .prod-right #reSerBtn {
    color: var(--white);
    font-weight: var(--ftW600);
    border: none;
    border-radius: var(--pd30);
    margin: var(--mg20) 0 0;
    padding: 0 calc(var(--pd40) - 5px);
    background-color: var(--mainColor);
    font-weight: var(--ftW600);
    font-size: var(--ftS04rem);
    cursor: pointer;
    /* line-height: 3.33; */
}

.reser-cover .prod-box .prod-right #reSerBtn i {
    color: inherit;
    font-size: var(--ftS05rem);
    margin-right: var(--pd5);
}

.reser-cover .prod-box .prod-right #reSerBtn:hover {
    background-color: var(--hovColor);
}

/* reserCon */
.reCheckContainer,
.prodDeContainer {
    background-color: var(--bf9);
    padding-bottom: calc(var(--pd140) + var(--pd20));
}

.reCheck-cover,
.prodDe-cover {
    max-width: var(--maxWh);
    margin: var(--mg40) auto 0;
    position: relative;
    display: flex;
    gap: 2%;
}

.prodDeTitle {
    display: none;
}

.reCheck-cover .reCheck-R>div,
.reCheck-cover .reCheck-L,
.prodDe-cover .prodDe-R>figure,
.prodDe-cover .prodDe-R>div,
.prodDe-cover .prodDe-L {
    background-color: var(--white);
    border-radius: var(--size8);
}

.reCheck-cover .reCheck-R,
.prodDe-cover .prodDe-R {
    width: 67%;
}

.prodDe-cover .prodDe-R>figure {
    margin-bottom: var(--mg20);
    display: flex;
    gap: 2%;
    padding: var(--pd30) var(--pd20);
    align-items: flex-start;
}

.prodDe-cover .prodDe-R>figure>div,
.prodDe-cover .prodDe-R>figure figcaption {
    width: 48%;
    flex-grow: 1;
}

.prodDe-cover .prodDe-R>figure>div {
    position: relative;
    /* padding-top: var(--pd20); */
}

/* .prodDe-cover .prodDe-R>figure>div::after {
    content: "차량 이미지는 이해를 돕기 위한 예시입니다. 실제 배차 차량과 다를 수 있습니다.";
    display: block;
    width: 58%;
    position: absolute;
    color: var(--b999);
    font-size: var(--ftS08rem);
    font-weight: var(--ftW500);
    line-height: 1.2;
    text-align: center;
    bottom: -15%;
    left: 50%;
    transform: translateX(-50%);
} */

.car-image-notice {
    width: 58%;
    color: var(--b999);
    font-size: var(--ftS08rem);
    font-weight: var(--ftW500);
    line-height: 1.2;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}


.prodDe-cover .prodDe-R>figure>div img {
    display: block;
    width: 100%;
}

.reCheck-cover .reChtop dt,
.prodDe-cover .prodDe-R>figure figcaption dt {
    font-size: var(--ftS03rem);
    font-weight: var(--ftW600);
    color: var(--b333);
    line-height: 1.2;
    margin-bottom: var(--mg30);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
}

.reCheck-cover .reChtop span[class^="carType"],
.prodDe-cover .prodDe-R>figure figcaption dt span {
    border-radius: var(--size4);
    margin-right: var(--mg5);
    font-size: var(--ftS08rem);
    padding: 0 var(--pd10);
    line-height: 1.9;
    vertical-align: middle;
}

.reCheck-cover .reChtop dd.de-1,
.prodDe-cover .prodDe-R>figure figcaption .de-1 {
    font-size: var(--ftS06rem);
    font-weight: var(--ftW600);
    color: var(--b333);
    line-height: 1.4;
    display: flex;
    align-items: center;
    margin-bottom: var(--mg10);
}

.reCheck-cover .reChtop dd.de-1 i,
.prodDe-cover .prodDe-R>figure figcaption .de-1 i {
    font-size: var(--ftS07rem);
    margin: 0 var(--mg5) 0 var(--mg10);
}

.reCheck-cover .reChtop dd.de-1 span,
.prodDe-cover .prodDe-R>figure figcaption .de-1 span {
    font-size: var(--ftS08rem);
    color: var(--baseColor);
    font-weight: var(--ftW600);
}

.prodDe-cover .prodDe-R>figure figcaption .de-2 {
    margin-bottom: var(--mg20);
}

.reCheck-cover .reChtop dd.de-2 ul,
.prodDe-cover .prodDe-R>figure figcaption .de-2 ul {
    display: flex;
    gap: 3%;
}

.reCheck-cover .reChtop dd.de-2 .ul1 {
    margin-bottom: var(--mg10);
}

.reCheck-cover .reCheck-R .reChtop .de-2 ul li,
.prodDe-cover .prodDe-R>figure figcaption .de-2 ul li {
    font-size: var(--ftS06rem);
    font-weight: var(--ftW600);
    color: var(--b777);
}

.reCheck-cover .reChtop dd.de-2 ul li i,
.prodDe-cover .prodDe-R>figure figcaption .de-2 ul li i {
    color: var(--bD9);
    margin-right: var(--mg5);
}

.reCheck-cover .reChtop .de-3,
.prodDe-cover .prodDe-R>figure figcaption .de-3 {
    background-color: var(--bf2);
    border-radius: var(--size4);
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--pd20);
    display: flex;
    margin-bottom: var(--mg40);
}

.reCheck-cover .reChtop .de-3 span,
.prodDe-cover .prodDe-R>figure figcaption .de-3 span {
    font-size: var(--ftS06rem);
    line-height: 4;
}

.reCheck-cover .reChtop .de-3 span b,
.prodDe-cover .prodDe-R>figure figcaption .de-3 span b {
    color: var(--black);
    margin-right: 3px;
}

.reCheck-cover .reChtop .de-3 span:nth-of-type(2),
.prodDe-cover .prodDe-R>figure figcaption .de-3 span:nth-of-type(2) {
    font-size: var(--ftS08rem);
    font-weight: var(--ftW500);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    max-width: 50px;
    color: var(--subColor);
}

.prodDe-cover .prodDe-R>figure figcaption .de-4 {
    text-align: right;
}

.prodDe-cover .prodDe-R>figure figcaption .de-4 span {
    display: block;
    color: var(--subColor);
    font-size: var(--ftS08rem);
    margin-bottom: var(--mg5);
}

.prodDe-cover .prodDe-R>figure figcaption .de-4 span del {
    font-weight: var(--ftW600);
    margin-left: var(--mg5);
    color: var(--b777);
}

.prodDe-cover .prodDe-R>figure figcaption .de-4 strong {
    font-size: var(--ftS02rem);
    line-height: 1.2;
}

.prodDe-cover .prodDe-R>div {
    padding: var(--pd20) var(--pd20) var(--pd90);
}

.prodDe-cover .prodDe-R>div>ul {
    display: flex;
    position: sticky;
    top: var(--pd80);
    background-color: var(--white);
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--mg40);
    z-index: 1;
}

.prodDe-cover .prodDe-R>div>ul li {
    flex-grow: 1;
    position: relative;
    text-align: center;
    font-weight: var(--ftW600);
    font-size: var(--ftS04rem);
    color: var(--b777);
    line-height: 3.3;
    display: block;
    cursor: pointer;
}

.prodDe-cover .prodDe-R>div>ul li::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.15rem;
    transition: all 0.3s ease-out;
    transform: scaleX(0);
}

.prodDe-cover .prodDe-R>div>ul li.active,
.prodDe-cover .prodDe-R>div>ul li:hover {
    color: var(--mainColor);
    transition: 0.1s ease-out;
}

.prodDe-cover .prodDe-R>div>ul li.active::after {
    background-color: var(--mainColor);
    transform: scaleX(1);
}

.prodDe-cover .prodDe-R>div>ul li span {
    color: inherit;
}

.prodDe-cover .prodDe-R>div #prodInfo [class^="reIn"]:not(:first-of-type) {
    margin-top: var(--mg40);
}

.prodDe-cover .prodDe-R>div #prodInfo [class^="reIn"] h3 {
    margin-bottom: var(--mg20);
    color: var(--b333);
    font-size: var(--ftS03rem);
    line-height: 1.2;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 tbody td,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 tbody td,
.prodDe-cover .prodDe-R>div #prodInfo .reIn1 ul li,
.prodDe-cover .prodDe-R>div #prodInfo .reIn1 ul li i,
.prodDe-cover .prodDe-R>div #prodInfo .reIn2 ul li,
.prodDe-cover .prodDe-R>div #prodInfo .reIn3 ul li,
.prodDe-cover .prodDe-R>div #prodInfo .reIn4 p,
.prodDe-cover .prodDe-R>div #prodInfo .reIn5 p,
.prodDe-cover .prodDe-R>div #prodInfo .reIn6 p,
.prodDe-cover .prodDe-R>div #prodInfo .reIn8 tbody td,
.prodDe-cover .prodDe-R>div #prodInfo .reIn8 table+p,
.prodDe-cover .prodDe-R>div #prodInfo .reIn9 h4,
.prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:first-of-type span {
    font-size: var(--ftS06rem);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn2 ul li,
.prodDe-cover .prodDe-R>div #prodInfo .reIn3 ul li {
    background-color: var(--bf9);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 h4,
.prodDe-cover .prodDe-R>div #prodInfo .reIn5 h4,
.prodDe-cover .prodDe-R>div #prodInfo .reIn6 h4,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 h4 {
    margin-bottom: var(--mg20);
    font-size: var(--ftS04rem);
    font-weight: var(--ftW600);
    padding-left: var(--pd30);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 h4 span,
.prodDe-cover .prodDe-R>div #prodInfo .reIn6 h4 span {
    color: var(--mainColor);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4>div:nth-of-type(1) h4 {
    background-image: url("../images/icon/prodDe-in04-01.png");
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4>div:nth-of-type(2) h4 {
    background-image: url("../images/icon/prodDe-in04-02.png");
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4>div:nth-of-type(3) h4 {
    background-image: url("../images/icon/main-navCate-01.png");
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 ul,
.prodDe-cover .prodDe-R>div #prodInfo .reIn6 ul,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 ul {
    margin-bottom: var(--mg40);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 ul li,
.prodDe-cover .prodDe-R>div #prodInfo .reIn6 ul li,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 ul li {
    list-style: disc;
    font-weight: var(--ftW600);
    color: var(--b777);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn6 ul li,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 ul li {
    margin-left: var(--mg25);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 ul li:not(:first-of-type),
.prodDe-cover .prodDe-R>div #prodInfo .reIn6 ul li:not(:first-of-type),
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 ul li:not(:first-of-type) {
    margin-top: var(--mg15);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn6>div:last-child ul li,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7>div:first-of-type ul li {
    list-style: none;
    position: relative;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn6>div:last-child ul li::before,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7>div:first-of-type ul li::before {
    content: "-";
    position: absolute;
    margin-left: -20px;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 div:has(> table),
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 div:has(> table) {
    border-radius: var(--size4);
    border: 0.12rem solid var(--bf2);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 table,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 table {
    width: 100%;
    border-collapse: collapse;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 tbody td,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 tbody td {
    width: 50%;
    font-weight: var(--ftW600);
    color: var(--b777);
    padding: var(--pd10) var(--pd20);
    border-left: 0.12rem solid var(--bf2);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 tbody tr:not(:last-child) td,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 tbody tr:not(:last-child) td {
    border-bottom: 0.12rem solid var(--bf2);
    border-left: none;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 tbody td:first-child,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 tbody td:first-child {
    background-color: var(--bf9);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 tbody td:last-child,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 tbody td:last-child {
    text-align: right;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn6 h4,
.prodDe-cover .prodDe-R>div #prodInfo .reIn7 h4 {
    padding-left: 0;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 h3,
.prodDe-cover .prodDe-R>div #prodInfo .reIn6>div:has(p b) h4 {
    margin-bottom: var(--mg10);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn1 ul {
    display: flex;
    align-items: center;
    gap: 2%;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn1 ul li {
    font-weight: var(--ftW600);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn1 ul li i {
    margin-right: var(--mg10);
    color: var(--bD9);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn2 ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--mg10);
    row-gap: var(--mg10);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn2 ul li {
    font-weight: var(--ftW500);
    color: var(--b777);
    line-height: 2.3;
    border-radius: var(--size4);
    width: 100%;
    text-align: center;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn2 ul li.checkOP {
    color: var(--mainColor);
    border: 0.12rem solid var(--mainColor);
    background-color: var(--white);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn3 ul {
    display: flex;
    align-items: center;
    gap: 2%;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn3 ul li {
    width: 32%;
    display: flex;
    align-items: center;
    text-align: center;
    line-height: 1.4;
    min-height: 84px;
    padding: var(--pd20) var(--pd20) var(--pd20) var(--pd100);
    font-weight: var(--ftW600);
    border-radius: var(--size4);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: left var(--pd20) center;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn3 ul li:has(span) {
    flex-direction: column;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn3 ul li span {
    display: block;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn3 ul li:nth-of-type(1) {
    background-image: url("../images/main-navCate-03.png");
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn3 ul li:nth-of-type(2) {
    background-image: url("../images/main-navCate-01.png");
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn3 ul li:nth-of-type(3) {
    background-image: url("../images/main-navCate-05.png");
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 ul li {
    margin-left: var(--mg50);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn4 p,
.prodDe-cover .prodDe-R>div #prodInfo .reIn6 p b {
    color: #f77d7d;
    font-weight: var(--ftW600);
    margin-bottom: var(--mg30);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn5 div {
    background-color: #fff1f1;
    border-radius: var(--size8);
    padding: var(--pd20);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn5 h4 {
    line-height: 1.35;
    font-size: var(--ftS06rem);
    background-image: url("../images/icon/prodDe-in05-01.png");
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn5 p {
    color: var(--b777);
    font-weight: var(--ftW600);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn5 p:not(:first-child) {
    margin-top: var(--mg15);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn6 p {
    margin-bottom: var(--mg20);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn8 figure {
    display: flex;
    gap: 2%;
    align-items: center;
    margin-bottom: var(--mg20);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn8 figure img {
    border-radius: var(--size4);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn8 figure dt {
    font-size: var(--ftS04rem);
    font-weight: var(--ftW600);
    line-height: 1.2;
    margin-bottom: var(--mg5);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn8 figure dd i {
    font-size: var(--ftS07rem);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn8 figure dd span {
    font-size: var(--ftS08rem);
    color: var(--baseColor);
    font-weight: var(--ftW600);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn8 .map {
    height: 200px;
    border-radius: var(--size8);
    background-color: #d9d9d9;
    margin-bottom: var(--mg20);
    z-index: 0;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn8 table {
    border-collapse: collapse;
    width: 100%;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn8 table:last-of-type {
    margin-top: var(--mg20);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn8 tbody td {
    font-weight: var(--ftW600);
    line-height: 1.2;
    margin-bottom: var(--mg20);
    display: inline-block;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn8 tbody td:first-child {
    width: 25%;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn8 tbody td:last-child {
    width: 75%;
    color: var(--b777);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn8 table+p {
    background-color: var(--bf9);
    border-radius: var(--size4);
    text-align: center;
    color: var(--b777);
    line-height: 3.5;
    margin-top: var(--mg20);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 h4 {
    font-weight: var(--ftW600);
    margin-bottom: var(--mg10);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .riviewNone {
    text-align: center;
    padding-top: var(--pd40);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .riviewNone i {
    font-size: calc(var(--ftS01rem) + var(--ftS06rem));
    margin-bottom: var(--mg15);
    color: var(--mainColor);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .riviewNone p {
    font-weight: var(--ftW600);
    font-size: var(--ftS04rem);
    line-height: 1.5;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:first-of-type {
    margin-bottom: var(--mg20);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:first-of-type span {
    font-weight: var(--ftW600);
    color: var(--b777);
    margin-bottom: var(--mg20);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:first-of-type>span:last-child {
    position: relative;
    padding-left: var(--mg20);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:first-of-type>span:last-child::after {
    content: "|";
    left: var(--mg5);
    position: absolute;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:nth-of-type(2) {
    display: flex;
    align-items: center;
    gap: 2%;
    margin-bottom: var(--mg40);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:nth-of-type(2) i {
    font-size: var(--ftS02rem);
}
.rating_star i:not(.starCol),
.prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:nth-of-type(2) i:not(.starCol) {
    color: var(--bD9);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:nth-of-type(2)>span:last-child {
    font-size: var(--ftS03rem);
    font-weight: var(--ftW600);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:nth-of-type(2)>span:last-child span {
    font-weight: var(--ftW700);
    cursor: pointer;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:nth-of-type(3) h4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewPhoto {
    display: flex;
    align-items: center;
    gap: 2%;
    margin-bottom: var(--mg40);
    overflow-x: scroll;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewPhoto:-webkit-scrollbar,
.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewPhoto::-webkit-scrollbar {
    display: none;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewPhoto li img {
    display: block;
    border-radius: var(--size4);
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>label {
    vertical-align: middle;
    font-size: var(--ftS06rem);
    font-weight: var(--ftW600);
    cursor: pointer;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>ul {
    margin-top: var(--mg25);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>ul li {
    border: 0.12rem solid var(--bf2);
    border-radius: var(--size8);
    padding: var(--pd20);
    display: flex;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>ul li:not(:first-child) {
    margin-top: var(--mg15);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewTop img {
    width: 30px;
    height: 30px;
    border-radius: var(--pd20);
    object-fit: cover;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid {
    margin-left: var(--mg10);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid h5 {
    font-size: var(--ftS06rem);
    font-weight: var(--ftW600);
    line-height: 2;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid #divClock {
    font-size: var(--ftS08rem);
    font-weight: var(--ftW500);
    color: var(--b777);
    line-height: 1.4;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid .reStar {
    margin-bottom: var(--mg20);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid .reStar i {
    font-size: var(--ftS07rem);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid .reStar i:not(.starCol) {
    color: var(--bD9);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid .reStar span:last-child {
    font-weight: var(--ftW600);
    font-size: var(--ftS09rem);
    color: var(--b777);
    margin-left: var(--mg5);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid .reStar span:last-child span {
    font-weight: var(--ftW600);
    font-size: var(--ftS06rem);
    color: inherit;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid p {
    font-weight: var(--ftW600);
    color: var(--b777);
    font-size: var(--ftS06rem);
    line-height: 1.3;
}

.review_btn{
    margin-top: 24px;
    display: flex;
    gap: 10px;
}
.review_btn a,
.review_btn button{
    padding: 5px 13px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
.review_btn .edit_btn{
    background-color: #54C3FE;
    border: none;
    color: #fff;
}
.review_btn button.delete_btn{
    color: #FA4718;
    border: 1px solid #FA4718;
    background-color: #fff;
    cursor: pointer;
}
.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewBott {
    margin: auto 0 auto var(--mg120);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewBott img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: var(--size8);
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>button {
    width: 100%;
    display: block;
    background-color: var(--white);
    color: var(--mainColor);
    appearance: none;
    border: 0.12rem solid var(--mainColor);
    border-radius: var(--size4);
    margin-top: var(--mg40);
    font-size: var(--ftS06rem);
    font-weight: var(--ftW600);
    line-height: 3.5;
    text-align: center;
    cursor: pointer;
}

.prodDe-cover .prodDe-R>div #prodInfo .reIn9>button:hover {
    color: var(--white);
    background-color: var(--mainColor);
    transition: 0.2s linear;
}

.reCheck-cover .reCheck-L,
.prodDe-cover .prodDe-L {
    width: 31%;
    padding: var(--pd25) var(--pd30);
    height: fit-content;
    position: sticky;
    top: var(--pd120);
    box-shadow: var(--shadow1);
}

.reCheck-cover .reCheck-L h2,
.prodDe-cover .prodDe-L h2 {
    color: var(--b333);
    font-size: var(--ftS03rem);
    line-height: 1.2;
    margin-bottom: var(--mg20);
}

.info_radio,
.reCheck-cover .reCheck-L [class^="info"]:not(:first-of-type),
.prodDe-cover .prodDe-L [class^="info"]:not(:first-of-type) {
    margin-top: var(--mg25);
    padding-top: var(--pd25);
    border-top: 0.12rem solid var(--bf2);
}

.info_radio .receive_box{
    font-size: var(--ftS07rem);
    font-weight: var(--ftW500);
    color: var(--b777);
    line-height: 2;
}
.receive_box{
  display: flex;
  gap: 16px;
}
.info_radio h3{
  margin-bottom: 12px !important;
}
.reCheck-cover .reCheck-L h3{
    font-size: 18px;
    font-weight: var(--ftW600);
}
.reCheck-cover .reCheck-L h3 strong{
    font-size: 20px;
}

.reCheck-cover .reCheck-L .infoTop span,
.prodDe-cover .prodDe-L h3,
.prodDe-cover .prodDe-L .infoTop span{
    font-size: var(--ftS06rem);
    font-weight: var(--ftW600);
}
strong.fw600{
    font-weight: var(--ftW600);
}
.reCheck-cover .reCheck-L .infoTop span,
.prodDe-cover .prodDe-L .infoTop span {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.reCheck-cover .reCheck-L .infoTop span i,
.prodDe-cover .prodDe-L .infoTop span i {
    font-size: var(--ftS09rem);
    font-weight: var(--ftW600);
    margin-left: var(--mg5);
    line-height: initial;
    transform: rotateZ(180deg);
}

.reCheck-cover .reCheck-L .infoTop:has(ul.active) span i,
.prodDe-cover .prodDe-L .infoTop:has(ul.active) span i {
    transform: rotateZ(0deg);
}

.reCheck-cover .reCheck-L .infoTop span strong,
.prodDe-cover .prodDe-L .infoTop span strong {
    color: var(--b333);
    margin: 0 0 0 auto;
}

.reCheck-cover .reCheck-L .infoTop ul,
.prodDe-cover .prodDe-L .infoTop ul {
    background-color: var(--bf2);
    border-radius: var(--size4);
    width: 100%;
    overflow: hidden;
    height: 0;
    padding: 0;
    opacity: 0;
    transition: opacity 0.3s ease-out, height 0.3s ease-out,
        padding 0.3s ease-out, margin-top 0.3s ease-out;
}

.reCheck-cover .reCheck-L .infoTop ul.active,
.prodDe-cover .prodDe-L .infoTop ul.active {
    height: auto;
    padding: var(--pd5) 0;
    margin-top: var(--mg10);
    opacity: 1;
}

.reCheck-cover .reCheck-L .infoTop ul li,
.prodDe-cover .prodDe-L .infoTop ul li {
    font-size: var(--ftS08rem);
    font-weight: var(--ftW600);
    color: var(--b777);
    line-height: 2;
    padding: 0 var(--pd10);
}

.reCheck-cover .reCheck-L h3,
.prodDe-cover .prodDe-L h3 {
    margin-bottom: var(--mg25);
}

.reCheck-cover .reCheck-L input,
.prodDe-cover .prodDe-L input {
    cursor: pointer;
    appearance: none;
    text-align: center;
}

.reCheck-cover .reCheck-L .infoMid input,
.prodDe-cover .prodDe-L .infoMid input {
    color: var(--mainColor);
    border: 0.12rem solid var(--mainColor);
    border-radius: var(--size4);
    width: 100%;
    line-height: 2.7;
    background-color: transparent;
    font-size: var(--ftS06rem);
    font-weight: var(--ftW600);
}

.reCheck-cover .reCheck-L .infoMid input:hover,
.prodDe-cover .prodDe-L .infoMid input:hover {
    background-color: var(--mainColor);
    color: var(--white);
    transition: 0.1s linear;
}

.reCheck-cover .reCheck-L .infoBott h3,
.prodDe-cover .prodDe-L .infoBott h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reCheck-cover .reCheck-L .infoBott h3 strong,
.prodDe-cover .prodDe-L .infoBott h3 strong {
    color: var(--mainColor);
}

.reCheck-cover .reCheck-L .infoBott h3 span,
.prodDe-cover .prodDe-L .infoBott h3 span {
    color: var(--mainColor);
}

.reCheck-cover .reCheck-L .infoBott input,
.prodDe-cover .prodDe-L .infoBott input {
    color: var(--white);
    border: none;
    border-radius: var(--size4);
    width: 100%;
    line-height: 2.95;
    background-color: var(--mainColor);
    font-size: var(--ftS03rem);
    font-weight: var(--ftW700);
}

.prodDe-cover .prodDe-L .infoBott input:hover {
    background-color: var(--hovColor);
    transition: 0.1s linear;
}

/* prodDeCon */


.customerInfoContainer,
.eventContainer {
    background-color: var(--bf9);
    padding-bottom: var(--pd60);
    min-height: calc(100vh - 530px);
}

.customerInfo-cover,
.event-cover,
.event-win-cover,
.event-winWrite-cover,
.event-write-cover {
    max-width: var(--maxWh);
    margin: var(--mg60) auto 0;
    display: flex;
    gap: 2%;
}

.customerInfo-cover aside h2,
.event-cover h2,
.event-win-cover h2,
.event-winWrite-cover h2,
.event-write-cover h2 {
    background-color: var(--white);
    border-radius: var(--size8);
    font-weight: var(--ftW600);
    font-size: var(--ftS04rem);
    padding: 0 var(--pd20);
    margin-bottom: var(--mg20);
    line-height: 2.25;
}

.infoPage .adminMode,
.event-cover .adminMode,
.event-win-cover .adminMode {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: var(--mg20);
}

.infoPage .adminMode *,
.event-cover .adminMode *,
.event-win-cover .adminMode * {
    cursor: pointer;
}

.infoPage .adminMode label,
.event-cover .adminMode label,
.event-win-cover .adminMode label {
    font-size: var(--ftS06rem);
    line-height: 1.5;
    color: var(--b999);
    font-weight: var(--ftW500);
    margin: 0 var(--mg5) 0 auto;
}


.infoPage .adminMode button,
.event-cover .adminMode button,
.event-win-cover .adminMode button {
    border: none;
    background-color: var(--mainColor);
    font-weight: var(--ftW500);
    font-size: var(--ftS07rem);
    color: var(--white);
    border-radius: var(--size4);
    line-height: 2.25;
    padding: 0 var(--pd15);
    margin-left: var(--mg10);
}

.infoPage .adminMode button:first-child,
.event-cover .adminMode button:first-child,
.event-win-cover .adminMode button:first-child{
    margin-left: 0;
}


.infoPage .adminMode button:hover,
.event-cover .adminMode button:hover,
.event-win-cover .adminMode button:hover {
    background-color: var(--hovColor);
    transition: 0.2s linear;
}

.infoPage .adminMode input,
.event-cover .adminMode input {
    margin: 0;
}

.event-win-cover .adminMode input {
    margin: 0 var(--mg20) 0 0;
}

.customerInfo-cover aside,
.event-cover aside,
.event-win-cover aside,
.event-winWrite-cover aside,
.event-write-cover aside {
    width: 15%;
}

.customerInfo-cover aside ol,
.event-cover aside ol,
.event-win-cover aside ol,
.event-winWrite-cover aside ol,
.event-write-cover aside ol {
    border-radius: var(--size8);
    background-color: var(--white);
    padding: var(--pd10) var(--pd20);
}

.customerInfo-cover aside ol li,
.event-cover aside ol li,
.event-win-cover aside ol li,
.event-winWrite-cover aside ol li,
.event-write-cover aside ol li {
    font-weight: var(--ftW600);
    color: var(--b777);
    line-height: 2.5;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.customerInfo-cover aside ol li i,
.event-cover aside ol li i,
.event-win-cover aside ol li i,
.event-winWrite-cover aside ol li i,
.event-write-cover aside ol li i {
    margin: 0 0 0 auto;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}

.customerInfo-cover aside ol li.active,
.event-cover aside ol li.active,
.event-win-cover aside ol li.active,
.event-winWrite-cover aside ol li.active,
.event-write-cover aside ol li.active {
    color: var(--mainColor);
}

.customerInfo-cover>[class^="infoPage"],
.event-cover>div,
.event-win-cover>div,
.event-winWrite-cover>div,
.event-write-cover>div {
    width: 83%;
}

.event-cover>div ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--mg20);
    row-gap: var(--mg20);
}

.event-cover>div ul li.eventFin {
    position: relative;
}

.event-cover>div ul li.eventFin::after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    border-radius: var(--size8);
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
}

.event-cover>div ul li a {
    display: flex;
    position: relative;
    flex-direction: column;
}

.event-cover>div ul li a input {
    position: absolute;
    right: var(--pd10);
    top: var(--pd10);
    z-index: 3;
}

.event-cover>div ul .imgBox img {
    border-top-left-radius: var(--size8);
    border-top-right-radius: var(--size8);
    width: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 27 / 10;
}

.event-cover>div ul li a p {
    border-bottom-left-radius: var(--size8);
    border-bottom-right-radius: var(--size8);
    background-color: var(--white);
    padding: 0 var(--pd20);
    color: var(--b777);
    font-weight: var(--ftW500);
    font-size: var(--ftS06rem);
    line-height: 2.7;
    position: relative;
}

.event-cover>div ul li a p i {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    position: absolute;
    right: var(--pd20);
    top: 50%;
    transform: translateY(-50%);
}

div.event-win-cover {
    margin-top: 0;
}

.event-win-cover .winList ul {
    background-color: var(--white);
    border-radius: var(--size8);
    padding: var(--pd5) var(--pd20);
    margin-bottom: var(--mg30);
}

.event-win-cover .winList ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.event-win-cover .winList ul li:not(:first-child) {
    border-top: 0.12rem solid var(--bf2);
}

.event-win-cover .winList ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--ftS05rem);
    line-height: 3.2;
    flex-grow: 1;
    width: 100%;
}

.event-win-cover .winList ul li a div {
    font-size: var(--ftS07rem);
    color: var(--b999);
    margin-left: auto;
}

.event-win-cover .winList ul li i {
    color: #e7e6e6;
    margin-left: var(--mg15);
    z-index: 1;
}

.infoPage .custInfobott i.fa-pen:hover,
.event-win-cover .winList ul li i:hover {
    color: var(--mainColor);
    transition: 0.15s ease-in;
}

.event-win-cover .winList ul li input {
    margin: 0 0 0 var(--mg10);
    z-index: 1;
}

.event-win-cover .winList ul li a h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
}

.event-win-cover .winList ol li a i {
    font-size: inherit;
    color: inherit;
    line-height: 2.69;
    cursor: pointer;
}

.event-win-cover .winList ol li a.pagerArw2 {
    margin-right: var(--pd10);
}

.event-win-cover .winList ol li a.pagerArw3 {
    margin-left: var(--pd10);
}


/* eventCon */


.reCheck-cover .reCheck-R>div {
    padding: var(--pd30) var(--pd20);
}

.reCheck-cover .reCheck-R>div:not(:last-of-type) {
    margin-bottom: var(--mg20);
}

.reCheck-cover .reChtop {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.reCheck-cover .reChtop .de-3,
.reCheck-cover .reChtop dl {
    width: 50%;
}

.reCheck-cover .reChtop .de-3 {
    margin-bottom: 0;
}

.reCheck-cover .reCheck-R .disBott li:not(:last-child),
.reCheck-cover .reCheck-R .distop>*,
.reCheck-cover .reCheck-R .drinfo>div>*:not(:last-child) {
    margin-bottom: var(--mg10);
}

.reCheck-cover .reCheck-R :is(input:not([type="checkbox"]), button) {
    appearance: none;
    border: 0.12rem solid var(--bD9);
    border-radius: var(--size4);
    font-size: var(--ftS08rem);
    line-height: 3.2;
    padding: 0 var(--pd20);
    background: none;
}

.reCheck-cover .reCheck-R :is(input:not([type="checkbox"]), button)::placeholder {
    color: var(--b999);
}

.reCheck-cover .reCheck-R h2 {
    font-size: var(--ftS04rem);
    padding-bottom: var(--pd20);
    margin-bottom: var(--mg20);
    position: relative;
    border-bottom: 0.12rem solid var(--bf2);
}

.reCheck-cover .reCheck-R h2>button,
.reCheck-cover .reCheck-R h2>span {
    right: 0;
    bottom: var(--mg10);
}

.reCheck-cover .reCheck-R h2>button {
    padding: 0 !important;
    position: absolute;
    line-height: 1.5 !important;
    border: none !important;
    font-weight: var(--ftW500);
    cursor: pointer;
    color: var(--mainColor);
}

.reCheck-cover .reCheck-R h2>button i {
    color: inherit;
    font-size: var(--ftS09rem);
    /* font-weight: inherit; */
    line-height: inherit;
    margin-left: var(--mg5);
}

.reCheck-cover .reCheck-R h2>span {
    position: absolute;
}

.reCheck-cover .reCheck-R h2>span label {
    line-height: 1.5;
    cursor: pointer;
    font-size: var(--ftS08rem);
    font-weight: var(--ftW500);
}

.reCheck-cover .reCheck-R h2>span input[type="checkbox"] {
    width: var(--ftS08rem);
    height: var(--ftS08rem);
}

.reCheck-cover .reCheck-R .reChinfoT {
    font-size: var(--ftS06rem);
    font-weight: var(--ftW600);
    width: 13%;
    min-width: 100px;
}

.reCheck-cover .reCheck-R .drinfo>div:nth-of-type(2) {
    padding-top: var(--pd20);
    margin-top: var(--mg20);
    border-top: 0.12rem solid var(--bf2);
}


.reCheck-cover .reCheck-R .drinfo>div input,
.reCheck-cover .reCheck-R .reserPinfo>div span input {
    flex-grow: 1;
}
.reCheck-cover .reCheck-R .reserPinfo h2 span {
    justify-content: flex-end;
}
.reCheck-cover .reCheck-R .reserPinfo h2 span input {
    flex-grow: 0;
}

.reCheck-cover .reCheck-R .drinfo>div>*,
.reCheck-cover .reCheck-R .reserPinfo>div span {
    width: 100%;
    align-items: center;
    display: flex;
}

.reCheck-cover .reCheck-R .reserPinfo>div span{
    margin-top: var(--mg10);
}
.reCheck-cover .reCheck-R .reserPinfo>div span:nth-child(1){
    margin-top: 0;
}

.reCheck-cover .reCheck-R .drinfo .drType ul {
    display: flex;
    align-items: center;
    gap: 0;
}
.mt_label {
    align-self: start;
    margin-top: 13px;
}
.address_input_box{
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.address_input_box input{
    width: 100%;
}
.address_btn_box {
    display: flex; 
    gap: 10px; 
    width: 100%;
}

.address_btn_box input{
    flex: 2;
}
.address_btn_box button{
    flex: 0.5;
    color: #54C3FE;
    border: 1px solid #54C3FE !important;
    cursor: pointer;
}
.reCheck-cover .reCheck-R .drinfo .drType ul li {
    font-size: var(--ftS08rem);
    line-height: 3.2;
    padding: 0 var(--pd20);
    background: none;
    text-align: center;
    min-width: 90px;
    color: var(--b999);
    cursor: pointer;
    border-radius: var(--size4);
}

.reCheck-cover .reCheck-R .drinfo .drType ul li:first-of-type {
    border-top: 0.12rem solid var(--bD9);
    border-left: 0.12rem solid var(--bD9);
    border-bottom: 0.12rem solid var(--bD9);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.reCheck-cover .reCheck-R .drinfo .drType ul li:last-of-type {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top: 0.12rem solid var(--bD9);
    border-right: 0.12rem solid var(--bD9);
    border-bottom: 0.12rem solid var(--bD9);
}

.reCheck-cover .reCheck-R .drinfo .drType ul li.active {
    border: 0.12rem solid #CDEEFF;
    color: var(--mainColor);
    background-color: #F7FDFF;
}

.reCheck-cover .reCheck-R .drinfo .drType ul li:last-child.active {
    border-top-right-radius: var(--size4);
    border-bottom-right-radius: var(--size4);
}

.reCheck-cover .reCheck-R .birthBox {
    display: flex;
    flex-grow: 1;
    gap: var(--mg10);
    align-items: center;
}

.reCheck-cover .reCheck-R .birthBox>span {
    position: relative;
    flex-grow: 1;
    border: 0.12rem solid var(--bD9);
    border-radius: var(--size4);
    font-size: var(--ftS08rem);
    line-height: 3.2;
    background: none;
    width: 33.33%;
}

.reCheck-cover .reCheck-R .birthBox span input {
    width: 100%;
}
.email_select_box>span,
.reCheck-cover .reCheck-R .birthBox span span {
    padding: 0 var(--pd20);
    position: relative;
    display: block;
    color: var(--b999);
    cursor: pointer;
}
.inq_type_select_box>span::after,
.email_select_box>span::after,
.reCheck-cover .reCheck-R .birthBox span span::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: block;
    width: var(--ftS08rem);
    height: var(--ftS08rem);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    font-size: var(--ftSre12);
    line-height: 1;
    color: #232323;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--pd20);
}
.reCheck-cover .reCheck-R .birthBox .birthText.active span::after {
    transform: translateY(-50%) rotateZ(180deg);
}
.inq_type_select_box>ul,
.email_select_box>ul,
.reCheck-cover .reCheck-R .birthBox ul {
    position: absolute;
}
.email_select_box>span::after{
    background-image: url(/branch/images/ic_down_g555.svg) !important;
    width: 16px;
    height: 16px;
}
.inq_type_select_box>span::after{
    background-image: url(/branch/images/ic_down_g777.svg) !important;
    width: 16px;
    height: 16px;
}



/* r
.reCheck-cover .reCheck-R .birthBox i {
    color: var(--b777);
    font-size: var(--ftS08rem);
    padding: 0 var(--pd20);
    right: 0;
    top: 56%;
    line-height: 3.2;
    z-index: 1;
    transform: translateY(-50%);
    cursor: pointer;
} */
.inq_type_select_box>ul,         /* 마이페이지>문의작성>문의유형 선택 박스 */
.email_select_box>ul,           /* 마이페이지>회원정보수정>이메일 선택 박스 */
.reCheck-cover .reCheck-R .birthBox ul {
    width: 100%;
    left: 0;
    background-color: var(--white);
    border: 0.12rem solid var(--bD9);
    margin-top: var(--mg5);
    border-radius: var(--size4);
    z-index: 1;
    max-height: 200px;
    overflow-y: auto;
    display: none;
}

.select-list { display:none; }
.select-list.open { display:block; }


.email_select_box>ul::-webkit-scrollbar,
.reCheck-cover .reCheck-R .birthBox ul::-webkit-scrollbar {
    width: calc(var(--size8) + 5px);
    background-color: transparent;
}
.email_select_box>ul::-webkit-scrollbar-thumb,
.reCheck-cover .reCheck-R .birthBox ul::-webkit-scrollbar-thumb {
    background-color: var(--bD9);
    border-radius: calc(var(--size8) + 10px);
    border: 4px var(--white) solid;
}
.email_select_box>ul::-webkit-scrollbar-track,
.reCheck-cover .reCheck-R .birthBox ul::-webkit-scrollbar-track {
    background-color: transparent;
}
.inq_type_select_box>ul li,
.email_select_box>ul li,
.reCheck-cover .reCheck-R .birthBox ul li {
    font-size: var(--ftS08rem);
    padding: var(--pd5) var(--pd20);
    line-height: 2;
    cursor: pointer;
}
.inq_type_select_box>ul li:hover,
.email_select_box>ul li:hover,
.reCheck-cover .reCheck-R .birthBox ul li:hover {
    background-color: var(--bEEE);
}

.reCheck-cover .reCheck-R .disBott>button,
.reCheck-cover .reCheck-R .drinfo>button {
    width: 100%;
    border-color: var(--mainColor);
    color: var(--mainColor);
    margin-top: var(--mg20);
}

.reCheck-cover .reCheck-R .distop>div {
    display: flex;
    align-items: center;
}

.reCheck-cover .reCheck-R .uesRPoint,
.reCheck-cover .reCheck-R .distop>div *:not(.reChinfoT) {
    font-size: var(--ftS08rem);
}

.reCheck-cover .reCheck-R .distop>div p {
    font-weight: var(--ftW600);
    width: 45%;
    text-overflow: ellipsis;
    color: var(--mainColor);
    white-space: nowrap;
    /* overflow-x: hidden; */
}

.reCheck-cover .reCheck-R .distop>div div {
    margin-left: auto;
    width: 35%;
    display: flex;
    align-items: center;
    gap: var(--mg5);
    justify-content: space-between;
    color: var(--b999);
}

.reCheck-cover .reCheck-R .distop>div div input,
.reCheck-cover .reCheck-R .distop>div div button {
    flex-grow: 1;
    text-align: right;
}

.reCheck-cover .reCheck-R .disBott li label,
.reCheck-cover .reCheck-R .distop>div div button {
    cursor: pointer;
}

.reCheck-cover .reCheck-R .distop>div div button span {
    display: inline-block !important;
    font-weight: var(--ftW600);
    margin-left: var(--mg5);
}

.reCheck-cover .reCheck-R .distop>div div input::-webkit-inner-spin-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.reCheck-cover .reCheck-R .distop>div div button i {
    margin-left: var(--mg5);
    display: inline-block !important;
    font-size: var(--ftS09rem) !important;
}

.reCheck-cover .reCheck-R .distop .allPoint {
    cursor: pointer;
    border-radius: var(--size4);
}

.reCheck-cover .reCheck-R .distop .allPoint {
    background-color: var(--mainColor);
    color: var(--white);
    border-color: var(--mainColor);
}

#couponList .coupTop span button:hover,
.reCheck-cover .reCheck-R .disBott>button:hover,
.reCheck-cover .reCheck-R .distop .allPoint:hover {
    transition: 0.2s ease-in;
    background-color: var(--hovColor);
    border-color: var(--hovColor);
}

.reCheck-cover .reCheck-R .uesRPoint strong span,
.reCheck-cover .reCheck-R .uesRPoint {
    text-align: right;
    color: var(--mainColor);
    margin-bottom: var(--mg40);
}

.reCheck-cover .reCheck-R .disBott li {
    display: flex;
    gap: var(--mg10);
    align-items: center;
}

.reCheck-cover .reCheck-R .disBott li label {
    color: var(--b999);
    font-size: var(--ftS06rem);
    font-weight: var(--ftW600);
}

.reCheck-cover .reCheck-R .disBott li button {
    margin-left: auto;
    line-height: 1.83;
    padding: 0 var(--pd10);
    cursor: pointer;
}

.reCheck-cover .reCheck-R .disBott>button {
    color: var(--white);
    background-color: var(--mainColor);
    cursor: pointer;
    font-size: var(--ftS06rem);
    font-weight: var(--ftW500);
}

#couponList {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

#couponList.active {
    display: flex;
    align-items: center;
    justify-content: center;
    animation: popAni2 0.5s ease forwards;
}

#couponList .listBox {
    padding: var(--pd20);
    border-radius: var(--size8);
    max-height: 600px;
    max-width: 600px;
    height: 90%;
    width: 90%;
    background-color: var(--white);
    z-index: 1;
    box-shadow: var(--shadow1);
    animation: popAni 0.5s ease forwards;
}

.reserPop .reserPopBox div,
#couponList .coupTop,
#couponList .listBox>div:first-of-type {
    padding-bottom: var(--pd20);
    margin-bottom: var(--mg20);
    position: relative;
    border-bottom: 0.12rem solid var(--bf2);
}

.reserPop .reserPopBox div button,
#couponList .listBox>div:first-of-type button {
    z-index: 1;
    right: 0;
    top: 0;
}

.reserPop .reserPopBox div b,
#couponList .listBox>div:first-of-type b {
    font-size: var(--ftS04rem);
    line-height: 1.2;
}

#couponList .coupTop h2 {
    margin-bottom: var(--mg10);
    font-size: var(--ftS06rem);
}

#couponList .coupTop span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--mg10);
}

#couponList .coupTop span * {
    appearance: none;
    border: 0.12rem solid var(--bD9);
    border-radius: var(--size4);
    font-size: var(--ftS08rem);
    line-height: 3;
    padding: 0 var(--pd15);
    background: none;
}

#couponList .coupTop span input {
    flex-grow: 1;
}

#couponList .coupTop span button {
    min-width: 70px;
    color: var(--white);
    border-color: var(--mainColor);
    background-color: var(--mainColor);
    cursor: pointer;
}

#couponList .coupMid {
    text-align: right;
    font-size: var(--ftS08rem);
    color: var(--mainColor);
    margin-bottom: var(--mg20)
}

#couponList .coupMid b {
    color: inherit;
}

#couponList .coupBott ul {
    overflow-y: auto;
    max-height: calc(100% - 35.5%);
    -ms-overflow-style: none;
    scrollbar-width: none;
    background-color: var(--bf9);
    padding: var(--pd10);
    border-radius: var(--size4);
}

#couponList .coupBott ul::-webkit-scrollbar {
    display: none;
}

#couponList .coupBott ul li {
    border: 0.12rem solid var(--bD9);
    border-radius: var(--size4);
    background-color: var(--white);
    padding: var(--pd15);
    cursor: pointer;
}

#couponList .coupBott ul li.notAvailable dl * {
    color: var(--bEEE);
}

#couponList .coupBott ul li:not(:last-child) {
    margin-bottom: var(--mg10);
}

#couponList .coupBott ul li dl {
    position: relative;
}

#couponList .coupBott ul li dt {
    margin-bottom: var(--mg20);
    font-size: var(--ftS05rem);
    font-weight: var(--ftW600);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#couponList .coupBott ul li dt::-webkit-scrollbar {
    display: none;
}

#couponList .coupBott ul li .coupBd1 {
    font-size: var(--ftS02rem);
    color: var(--mainColor);
    font-weight: var(--ftW700);
    margin-bottom: var(--mg10);
    color: var(--mainColor);
}

#couponList .coupBott ul li .coupBd1 strong {
    color: inherit;
}

#couponList .coupBott ul li .coupBd2 {
    font-size: var(--ftS07rem);
    font-weight: var(--ftW500);
    color: var(--b999);

}

#couponList .coupBott ul li .coupBd3 {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: var(--ftS07rem);
    font-weight: var(--ftW500);
    color: var(--b999);
}

#couponList .coupBott ul li .coupBd3 mark {
    font-style: normal;
    background-color: transparent;
    color: inherit;
}

.mb_10{
    margin-bottom: var(--mg10);
}

.mt_10{
    margin-top: var(--mg10);
}



/* .reserPop::backdrop {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: none !important;
    inset: 0px;
} */
.reserPop .reserPopBox {
    position: fixed;
    left: 50%;
    top: 50%;
    padding: var(--pd20);
    border-radius: var(--size8);
    max-height: 420px;
    max-width: 520px;
    height: 90%;
    width: 90%;
    background-color: var(--white);
    z-index: 1;
    box-shadow: var(--shadow1);
    animation: popAni3 0.5s ease forwards;
}

.reserPop .reserPopBox textarea {
    resize: none;
    width: 100%;
    height: calc(100% - 61px);
    padding: var(--pd15);
    border-color: var(--bf2);
    font-size: var(--ftS06rem);
    border-radius: var(--size4);
    line-height: 1.4;
}

.reCheck-cover .reCheck-L .infoBott input {
    /* background-color: var(--bD9); */
}


/* myPageCon */

.myContainer {
    max-width: var(--maxWh);
    margin: 0 auto var(--mg60);
    position: relative;
}

.myContainer>h2 {
    margin: var(--mg50) 0 var(--mg30);
    font-size: calc(var(--ftS01rem) - 2px);
}

.myContainer>span {
    display: none;
}

.myContainer .myBox {
    display: flex;
    align-items: flex-start;
    gap: var(--mg25);
}

.myContainer .myBox aside {
    width: 22%;
}

.myContainer .myBox aside [class^="myAside"] {
    background-color: var(--bf8);
    border-radius: var(--size8);
    position: relative;
    overflow: hidden;
}

.myContainer .myBox aside [class^="myAside"].active {
    background-color: var(--white);
    border: 0.12rem solid var(--mainColor);
}

.myContainer .myBox aside [class^="myAside"]:not(:nth-child(1)) {
    margin-top: var(--mg20);
}

.myContainer .myBox aside [class^="myAside"] * {
    font-size: var(--ftS04rem);
    font-weight: var(--ftW600);
    color: var(--b777);
    line-height: 3.2;
    cursor: pointer;
}

.myContainer .myBox aside [class^="myAside"] i {
    font-size: var(--ftS06rem);
}

.myContainer .myBox aside [class^="myAside"].active i {
    transform: rotate(180deg);
}

.myContainer .myBox aside .deg270.active i {
    transform: rotate(270deg);
}

.myContainer .myBox aside [class^="myAside"] span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--pd20);
}

.myContainer .myBox aside [class^="myAside"].active :is(span, i) {
    color: var(--mainColor);
}

.myContainer .myBox aside [class^="myAside"] ul {
    display: none;
    overflow-y: hidden;
}


.myContainer .myBox aside [class^="myAside"] ul li a {
    padding: 0 var(--pd20);
    display: block;
    transition: 0.15s ease-in;

}
.myContainer .myBox aside [class^="myAside"] ul li.active,
.myContainer .myBox aside [class^="myAside"] ul li:hover {
    background-color: #E7F6FE;
}

.menu_ab{
    position: relative;
}

.menu_ab ul{
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.myContainer .myBox .myR {
    width: 77%;
}

.myContainer .myBox .myR .topR {
    background-color: var(--bf8);
    border-radius: var(--size8);
    padding: var(--pd20);
    margin-bottom: var(--mg30);
}

.myContainer .myBox .myR .topR>div:first-of-type {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--mg30);
    gap: var(--pd20);
}

.myContainer .myBox .myR .topR .myImg {
    position: relative;
}

.myContainer .myBox .myR .topR .myImg::after {
    content: '+';
    font-weight: 600;
    font-size: var(--ftS04rem);
    color: var(--b999);
    background-color: var(--bf2);
    border: 0.1rem solid var(--white);
    border-radius: 50%;
    line-height: 0.85;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: 0 0 2px;
}

.myContainer .myBox .myR .topR .myImg img {
    display: block;
    max-width: 80px;
    max-height: 80px;
    object-fit: contain;
}

.myContainer .myBox .myR .topR .myImg input {
    display: none;
}

.myContainer .myBox .myR .topR .myImg label {
    text-indent: -9999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
}

.myContainer .myBox .myR .topR h3 {
    margin: 0 auto 0 0;
    font-size: var(--ftS02rem);
    line-height: 1.2;
}

.myContainer .myBox .myR .topR b {
    color: var(--b333);
}

.myContainer .myBox .myR .topR mark {
    font-style: normal;
    background-color: transparent;
    color: var(--mainColor);
}

.myContainer .myBox .myR .topR .checkMy * {
    appearance: none;
    font-size: var(--ftS06rem);
    font-weight: var(--ftW600);
    border: 0.12rem solid var(--mainColor);
    border-radius: var(--pd30);
    line-height: 2.5;
    background-color: transparent;
    padding: 0 var(--pd20);
    color: var(--mainColor);
    display: inline-block;
    cursor: pointer;
    margin-left: var(--mg5);
    min-width: 120px;
    text-align: center;
}

.myContainer .myBox .myR .topR .checkMy a:hover,
.myContainer .myBox .myR .topR .checkMy button:hover {
    background-color: var(--mainColor);
    color: var(--white);
    transition: 0.15s ease-in;
}

.myContainer .myBox .myR .topR ul {
    background-color: var(--white);
    border-radius: var(--size8);
    padding: var(--pd20);
    display: flex;
    align-items: center;
    gap: 10%;
    justify-content: center;
    margin-bottom: var(--mg20);
    flex-wrap: wrap;
    row-gap: 18px;
}

.myContainer .myBox .myR .topR ul li {
    text-align: center;
}

.myContainer .myBox .myR .topR ul li>a {
    display: flex;
    align-items: center;
    gap: var(--pd20);
}

.myContainer .myBox .myR .topR ul li img {
    display: block;
    max-width: 30px;
    max-height: 30px;
    object-fit: contain;
}

.myContainer .myBox .myR .topR ul li p,
.myContainer .myBox .myR .topR ul li p * {
    color: var(--b777);
    font-size: var(--ftS04rem);
}

.myContainer .myBox .myR .topR ul li p {
    display: flex;
    align-items: center;
    font-weight: var(--ftW600);
}

.myContainer .myBox .myR .topR ul li p strong,
.myContainer .myBox .myR .topR ul li p b {
    margin-left: var(--mg5);
    font-weight: var(--ftW700);
}

.myContainer .myBox .myR .topR ul li p i {
    font-size: var(--ftS08rem);
    font-weight: var(--ftW700);
    padding: 2px 0 0;
    margin-left: var(--mg10);
}

.myContainer .myBox .myR .topR div:has(ol) {
    background-color: var(--mainColor);
    position: relative;
    width: calc(100% + var(--pd40));
    right: var(--pd20);
    bottom: calc(-1* var(--pd20));
    border-bottom-right-radius: var(--size8);
    border-bottom-left-radius: var(--size8);
    height: 50px;
    overflow: hidden;
}

.myContainer .myBox .myR .topR ol {
    position: absolute;
    width: 100%;
}

.myContainer .myBox .myR .topR ol li {
    display: flex;
    gap: var(--pd25);
    padding: var(--pd10) var(--pd20);
    align-items: center;
    justify-content: space-between;
}

.myContainer .myBox .myR .topR ol li * {
    color: var(--white);
    font-weight: var(--ftW600);
    font-size: var(--ftS06rem);
}

.myContainer .myBox .myR .topR ol li span {
    display: block;
    color: var(--mainColor);
    background-color: var(--white);
    line-height: 1.6;
    padding: 0 var(--pd15);
    border-radius: var(--size8);
    min-width: max-content;

}

.myContainer .myBox .myR .topR ol li p {
    margin-right: auto;
    line-height: 1.97;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    width: 70%;
}

.myContainer .myBox .myR .topR ol li a {
    display: block;
    min-width: max-content;
    border-radius: var(--size8);
    border: 0.06rem solid var(--white);
    font-size: var(--ftS08rem);
    padding: 0 var(--pd15);
    line-height: 2;
}

.myContainer .myBox .myR .midR,
.myContainer .myBox .myR .bottR div:first-child,
.myContainer .myBox .myR .bottR div:nth-child(2) {
    margin-bottom: var(--mg40);
}

.myContainer .myBox .myR .myTitle {
    font-size: var(--ftS03rem);
    color: var(--b333);
    margin-bottom: 20px;
    font-weight: 600;
}

/* .myContainer .myBox .myR .midR>div, */
.myContainer .myBox .myR .bottR li a {
    border: 0.1rem solid var(--bD9);
    padding: var(--pd20);
    border-radius: var(--size8);
}

/* .myContainer .myBox .myR .midR>div {
    min-height: 220px;
} */

/* .myContainer .myBox .myR .midR p {
    font-size: var(--ftS04rem);
    font-weight: var(--ftW500);
    color: var(--b777);
    line-height: 1.5;
} */

.myContainer .myBox .myR .midR p b,
.myContainer .myBox .myR .midR p a {
    display: block;
}

.myContainer .myBox .myR .midR p a {
    color: var(--white);
    padding: 0 var(--pd30);
    border-radius: var(--size8);
    background-color: var(--mainColor);
    max-width: 160px;
    line-height: 2.25;
    margin-top: var(--mg20);
    text-align: center;
}

.myContainer .myBox .myR .midR p a:hover {
    background-color: var(--hovColor);
    transition: 0.1s linear;
}

.myContainer .myBox .myR .bottR ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--pd20);
}

.myContainer .myBox .myR .bottR li {
    width: 33.33%;
    text-align: center;
}

.myContainer .myBox .myR .bottR li a {
    display: block;
    font-size: var(--ftS04rem);
    font-weight: var(--ftW600);
}

.myContainer .myBox .myR .bottR li a:hover {
    border-color: var(--mainColor);
    color: var(--mainColor);
    transition: 0.15s ease-in;
}


.myContainer .gray_border_box{  /* 마이페이지 공통 */
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.myContainer .gray_border_box.empty_box{ 
    min-height: 220px;
}

.myContainer .myBox .myR .midR p.no_content_txt{
    color: #777;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 35px; /* 194.444% */
}

/* 마이페이지 > 포인트 */
.point_list_box{
    padding: 12px 27px;
}
.point_list{
    width: 100%;
}
.point_list li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #F2F2F2;
}
.point_list li:last-of-type{
    border-bottom: none;
}
.point_list li h6{
    color: #000;
    font-size: 14px;
    line-height: 140%; 
    font-weight: 500;
}
.point_list li p,
.point_list li p span{
    color: #7A7A7A;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
}  
.point_list li>span{
    font-size: 18px;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
}
.point_list li>span.blue{
    color: #005BFF;
}
.point_list li>span.red{
    color: #FA4718;
}

/* 마이페이지 > 쿠폰 */
.coupon_list_box{
    padding: 20px;
}
.coupon_list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
}
.coupon_list li{
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
    padding: 16px;
    border-radius: 2px;
    border: 1px solid #F2F2F2;
    background: #FFF;
}
.coupon_list li h6{
    color: #FA4718;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
    margin-bottom: 4px;
}
.coupon_list li p{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
}
.coupon_list li span{
    color: #7A7A7A;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
}

/*  마이페이지 > 회원정보 수정 */
.modify_box{
    padding: 30px 28px;
}
.modify_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: #555;

}

.modify_list .label{
    min-width: 102px;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
}

.modify_list .txt_value{
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    height: 40px;
}

.modify_list li>div{
    display: flex;
    width: 100%;
    align-items: center;
    row-gap: 10px;
}
.modify_list li>div>div{
    width: 100%;
}
.modify_box .modify_list :is(input,button){
    appearance: none;
    border: 0.12rem solid var(--bD9);
    border-radius: var(--size4);
    padding: 13px 16px;
    background: none;
    width: 100%;
}

.modify_box .modify_list button{
    font-size: 14px;
    white-space: nowrap;
}
.password_input_box{
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 12px;
    font-weight: 500;
}

.modify_box .modify_list :is(input)::placeholder {
    color: var(--b999);
    font-size: 12px;
    font-weight: 500;
}

.email_input_box{
    display: flex;
    align-items: center;
    gap: 12px;
}

.email_select_box{
    display: inline-flex;
    height: 44px;
    justify-content: center;
    align-items: center;
    gap: 58px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #D9D9D9;  
    position: relative;
}
.email_input_box>span{
    font-size: 12px;
}
.modify_list .address_btn_box button{
    flex: 0.7;
}

.btn_box{
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 30px;
}
.btn_box button{
    padding: 13px;
    width: 110px;
    border-radius: 8px;
    font-size: 18px;
    border: 1px solid #54C3FE;
    font-weight: 600;
    cursor: pointer;
}

.btn_box button.btn_register,
.btn_box button.btn_modify{
    color: #FFF;
    background-color: #54C3FE;
}
.btn_box button.btn_red_cancel{
    color: #FA4718;
    background-color: #fff;
    border: 1px solid #FA4718;
    white-space: nowrap;
}
.btn_box button.btn_cancel,
.btn_box button.btn_list{
    color: #54C3FE;
    background-color: #FFF;
}

.email_select_box>span{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    /* display: inline-block; */
    width: 100%;
    height: 100%;
    padding: 13px 16px;
}
.email_select_box>span::after{
    right: 16px;
}
.inq_type_select_box>ul,
.email_select_box>ul{
    top: 44px;
}



.regiEm.email_input_box input{
    flex-grow: 1;
    width: 100%;
}
 .regiEm.email_input_box span span input {
    min-width: 170px;
}
 .regiEm.email_input_box>span {
    display: block;
    position: relative;
    width: 100%;
}

.regiEm.email_input_box>span span i {
    position: absolute;
    text-align: right;
    width: 15%;
    top: 48%;
    right: var(--pd20);
    transform: translateY(-50%) rotateZ(0deg);
    cursor: pointer;
}
.regiEm.email_input_box>span ul {
    position: absolute;
    margin-top: var(--mg10);
    background-color: var(--white);
    font-size: var(--ftS06rem);
    border: none;
    border-radius: var(--size8);
    width: 100%;
    height: 150px;
    max-height: 0px;
    overflow-y: auto;
    transition: 0.3s ease-in-out;

}
.regiEm.email_input_box>span ul.open {
    max-height: 150px;
    border: 0.12rem solid var(--bf2);
    transition: 0.3s ease-in-out;
}
.regiEm.email_input_box>span ul li {
    line-height: 2.2;
    cursor: pointer;
    padding: var(--pd5) var(--pd20);
}
.regiEm.email_input_box>span span i.regimailin {
    position: absolute;
    text-align: right;
    width: 15%;
    right: var(--pd20);
    top: 48%;
    transform: translateY(-50%) rotateZ(0deg);
    cursor: pointer;
}




/* 마이페이지 > 예약 내역 > 진행중 예약 */
.reserve_list_box{
    padding: 20px;
}
.reserve_list{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.reserve_list li{
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
}
.reserve_list li .reserve_list_item{
    display: flex;
    gap: 24px;
    align-items: center;
    padding: 20px 20px 32px 20px;
    border: 1px solid #F2F2F2;
    border-bottom: none;
    position: relative;
}
.reserve_list .reservation-button{
    padding: 20px;
    font-size: 20px;
    text-align: center;
}
.reserve_list li .reserve_list_item figure{
    border-radius: 8px;
    overflow: hidden;
    width: 200px;
    /* height: 200px; */
}
.reserve_list li .reserve_list_item figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.reserve_list_item .badge_box{
    display: flex;
    gap: 8px;
}
.reserve_list_item .badge_box span{
    display: inline-block;
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 12px;
    border-radius: 4px;
    line-height: normal;
}
.reserve_list_item .badge_box span.green{
    background-color: #69CD6D;
}
.reserve_list_item .badge_box span.blue{
    background-color: #54C3FE;
}
.reserve_list_item h6{
    margin: 8px 0 16px 0;
    font-size: 20px;
    font-weight: 600;
    color: #333;
}
.reserve_info{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.reserve_info>div{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 500;
}
.reserve_info>div>dt{
        display: flex;
    align-items: center;
    gap: 8px;
}
.reserve_info>div::before{
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #54C3FE;
    border-radius: 50%;
}

/*  마이페이지 > 예약 내역 > 완료된 예약 */
.complete_r.review_btn{
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding: 11px 20px;
    border: none;
    cursor: pointer;
    margin-top: 0;
}
.review_btn.blue{
    background: #54C3FE;
    border: 1px solid #54C3FE;
    color: #FFF;
}
.review_btn.line{
    background: #FFF;
    color: #54C3FE;
    border: 1px solid #54C3FE;
}

/* 마이페이지 > 예약 상세 */
.notice_txt{
    margin-left: 8px;
    color: #999;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%; /* 12px */
}
.reserve_detail_box{
    padding: 20px;
    position: relative;
    justify-content: start !important;
}
.midR .reserve_detail_box:not(:last-of-type){
    margin-top: 20px;
}
.reserve_detail_box>div{
    display: flex;
    gap: 7%;
    position: relative;
    width: 100%;
    margin: 45px 0 16px 0;
    width: 86%;
}
.reserve_detail_box>div>figure{
    flex: 1;
    border-radius: 8px;
    overflow: hidden;
}
.reserve_detail_box>div>figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 3 / 2;
}
.reserve_detail_box>span{
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-flex;
    padding: 8px 12px;
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    border-radius: 4px;
    background: #545454;
}

.reserve_detail_info dt{
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
}
.reserve_detail_info{
    flex: 1.2;
}
.reserve_detail_info dt span{
    display: inline-block;
    padding: 3px 10px 3px 9px;
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    background: #13568D;
}
.f_15_600{
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
}
b.endDay,
b.startDay{
    color: #000;
}
.reserve_detail_info .dd_1 p{
    display: inline-flex;
    align-items: center;
}
.reserve_detail_info .dd_1 .fa-solid:before{
    margin: 0 4px 0 13px;
    font-size: 14px;
}
.reserve_detail_info .dd_1 span:not(.f_15_600){
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
}
.reserve_detail_info .dd_2 ul{
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 11px 0 20px 0;
}
.reserve_detail_info .dd_2 ul li{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #777;
}
.reserve_detail_info .dd_2 ul li i{
    color: #D9D9D9;
}
.reserve_detail_info .dd_3{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3%;
    padding: 21px 20px;
    border-radius: 8px;
    background: #F2F2F2;
    /* width: fit-content; */
}
.reserve_detail_info .dd_3 span{
    white-space: nowrap;
}
.reserve_detail_info .dd_3 [class*="_time"]{
    font-size: 15px;
    font-weight: 400;
}
.reserve_detail_info .dd_3 .betweenTime{
    color: #135;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}

.reserve_info_box{
    padding: 30px;
    margin-top: 20px;
    display: block !important;
}
.reserve_info_box h4{
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 22px;
    width: 100%;
    margin-bottom: 31px;
}
.reserve_info_box .reserve_info_list{
    display: flex;
    flex-direction: column;
    gap: 23px;
}
.reserve_info_box .reserve_info_list:not(:last-of-type){
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 24px;
    margin-bottom: 24px;
}
.reserve_info_box .reserve_info_list li{
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
}
.reserve_info_box .reserve_info_list li span.label{
    display: inline-block;
    min-width: 130px;
}

.reserve_info_box .reserve_info_list.discount_info li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.discount_txt{
    color: #FA4718;
    margin-right: 8px;
}
.final_price{
    color: #54C3FE;
}

/* 리뷰 내역 페이지 */
.review_list{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.review_list li{
    display: flex;
    align-items: center;
    gap: 5%;
    border-radius: 8px;
    border: 1px solid #F2F2F2;
    padding: 20px;
}
.review_left{
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1.8;
}
.review_left>span{
    color: #777;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}
.review_left .rating_star{
    display: flex;
    align-items: center;
    gap: 20px;
}
.review_left .rating_star i{
    font-size: 12px;
}
.review_left .rating_star p{
    color: #777;
    font-size: 10px;
    font-weight: 600;
    line-height: normal;
}
.review_left .rating_star p>span{
    font-size: 15px;
}
.review_left>p{
    margin-top: 20px;
    color: #777;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
}
.review_right{
    border-radius: 8px;
    overflow: hidden;
    flex: 0.45;
}
.review_right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

/* 리뷰 작성 페이지 */
.review_box{
    margin-top: 20px;
    padding: 38px 28px ;
    justify-content: start !important;
}
.rating_box{
    display: flex;
    align-items: center;
    gap: 12px;
}
.write_list{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.write_list li{
    display: flex;
}
.review_box span.label{
    display: inline-block;
    min-width: 115px;
    color: #555;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
}
    /* 텍스트에리아 공통 스타일 */
.textarea_h236{
    width: 100%;
    height: 236px;
    border-radius: 4px;
    border: 1px solid #F2F2F2;
    padding: 13px 16px;
    resize: none;
    color: #555;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}
.textarea_h236::placeholder{
    color: #999;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}

.minus_btn{
    display: inline-block;
    background: url(/branch/images/minus.svg) no-repeat center center;
    background-size: contain;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.plus_btn{
    display: inline-block;
    background: url(/branch/images/plus.svg) no-repeat center center;
    background-size: contain;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.image_list{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.image_list label{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    background: url(/branch/images/img_add.svg) no-repeat center center;
}

.image_list li input[type="file"]{
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    cursor: pointer;
    
}
.image_list li{
    position: relative;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    width: 120px;
    height: 120px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.image_list li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.myContainer .ic_delete_btn{
    position: absolute;
    top: 6px;
    right: 6px;
    width: 20px;
    height: 20px;
    background: url(/branch/images/delete.svg) no-repeat center center;
    background-size: contain;
    border: none;
    cursor: pointer;
}
.image_list_info {
    margin-top: 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}
.image_list_info span{
    color: #999 !important;
}
.image_list_info span:not(:last-of-type){
    display: block;
    margin-bottom: 4px;
}

/* 마이페이지 문의내역 페이지 */
.inq_list_box{
    justify-content: start !important;
    padding: 24px 27px;
}
.myTitle_btn_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}
.myContainer .myBox .myR .myTitle_btn_box .myTitle{
    margin-bottom: 0;
}
.myTitle_btn_box .inq_btn{
    background: #54C3FE;
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    padding: 11px 20px;
    border-radius: 24px;
    border: none;
    cursor: pointer;
}
.inq_list{
    width: 100%;
}
.inq_list li a{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inq_list li:not(:last-of-type){
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #F2F2F2;
}
.inq_left{
    width: 76%;
}
.inq_title{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
    /* max-width: 651px; */
}
.inq_info{
    color: #7A7A7A;
    font-size: 13px;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
}
.inq_info span:nth-child(1)::after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 9px;
    border-radius: 50%;
    background-color: #7A7A7A;
    margin: 0 8px;
}
.inq_right span{
    color: #54C3FE;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    padding: 3px 12px;
    border-radius: 4px;
    border: 1px solid #54C3FE;
}
.inq_status{
    background: #FFF;
}
.inq_answer{
    background: #E6F7FF;
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 마이페이지 문의 작성 페이지 */
.inq_write_box{
    padding: 30px 28px;
    justify-content: start !important;
}
.inq_write_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.inq_write_list li{
    display: flex;
    gap: 7%;
}
.inq_write_list li:not(:last-of-type){
    align-items: center;
}
.inq_write_list .label{
    display: inline-block;
    min-width: 64px;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
}
.inq_type_box{
    position: relative;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    width: 200px;
}
.inq_write_list input[type="text"]{
    width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    border: 1px solid #F2F2F2;
    padding: 13px 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}
.inq_write_list input[type="text"]::placeholder{
    color: #999;
}


.inq_type_select_box span{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    padding: 13px 16px;

}
.inq_delete_btn{
    color: #FA4718;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    padding: 9px 20px;
    border-radius: 4px;
    border: 1px solid #FA4718;
    background: #FFF;
    cursor: pointer;
}

.inq_type_box.disabled{
    background: #F9F9F9;
}
input[type="text"]:read-only,
textarea:read-only{
    background: #F9F9F9;
    color: #999;
}
.textarea_fit{
    height: auto;
    min-height: 83px;
    padding: 16px;
    overflow-y: auto;
}



/* customerinfo con*/
.customerInfo-cover .custInfoTop {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: var(--pd40);
    margin-bottom: var(--pd40);
    border-bottom: 0.12rem solid var(--bD9);
}

.customerInfo-cover .custInfoTop h3 {
    font-size: calc(var(--ftS01rem) - 0.01rem);
    font-weight: var(--ftW600);
}

.customerInfo-cover .custInfoTop h3 span {
    display: block;
    margin-top: var(--mg10);
    font-weight: var(--ftW600);
    font-size: var(--ftS04rem);
}

.customerInfo-cover .custInfoTop .sear-Box {
    position: relative;
    width: 35%;
}

.customerInfo-cover .custInfoTop .sear-Box input {
    width: 100%;
    border: none;
    padding: 0 var(--pd20);
    font-size: var(--ftS05rem);
    font-weight: var(--ftW500);
    line-height: 3;
    border-radius: var(--size8);
    padding-right: var(--pd50);
}

.customerInfo-cover .custInfoTop .sear-Box button {
    appearance: none;
    border: none;
    background: transparent;
    position: absolute;
    top: 50%;
    right: 0;
    padding-right: var(--pd20);
    height: 100%;
    transform: translateY(-50%);
    font-size: var(--ftS05rem);
    cursor: pointer;
}

.customerInfo-cover .custInfoMid {
    margin-bottom: var(--mg25);
}

.customerInfo-cover .custInfoMid span {
    display: none;
}

.customerInfo-cover .custInfoMid ul {
    display: flex;
    gap: var(--pd15);
}

.customerInfo-cover .custInfoMid ul li {
    cursor: pointer;
    background-color: var(--white);
    border-radius: 50px;
    font-size: var(--ftS04rem);
    font-weight: var(--ftW600);
    text-align: center;
    width: 20%;
    line-height: 2.46;
    border: 0.12rem solid var(--white);
}

.customerInfo-cover .custInfoMid ul li.active {
    border-color: var(--mainColor);
    color: var(--mainColor);
}

.infoPage .custInfobott i.fa-pen {
    color: #e7e6e6;
}

.infoPage .custInfobott i.fa-pen:hover {
    color: var(--mainColor);
    transition: 0.15s ease-in;
}

.infoPage .custInfobott input[type="checkbox"] {
    margin: 0 0 0 10px;
}

.customerInfo-cover .custInfobott:not(.qnaType) {
    background-color: var(--white);
    border-radius: var(--size8);
    padding: var(--pd20) var(--pd20);
    margin-bottom: var(--mg30);
}

.customerInfo-cover .qnpBott li:not(:last-child),
.customerInfo-cover .custInfobott:not(.qnaType) li:not(:last-child) {
    border-bottom: 0.12rem solid var(--bf2);
}

.customerInfo-cover .qnpBott li {
    position: relative;
}


.customerInfo-cover .qnpBott li .adbox {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.customerInfo-cover .custInfobott:not(.qnaType, .faqType) li {
    display: flex;
    align-items: center;
}

.customerInfo-cover .custInfobott>ol li>p {
    font-size: var(--ftS05rem);
    color: var(--b777);
    text-align: center;
    font-weight: var(--ftW500);
    width: 100%;
    line-height: 1.25;
}
.customerInfo-cover .custInfobott:is(.qnaType)>ol li>p {
    line-height: 1.33;
    padding: var(--pd15) var(--pd10);
}

.customerInfo-cover .custInfobott:not(.qnaType) li .qBox,
.customerInfo-cover .custInfobott:not(.qnaType) li a {
    display: flex;
    position: relative;
    align-items: center;
    gap: var(--pd10);
    width: 100%;
    padding: var(--pd15) var(--pd10);
    cursor: pointer;
}
.customerInfo-cover .custInfobott:not(.qnaType) li:first-child:nth-last-child(1) .qBox,
.customerInfo-cover .custInfobott:not(.qnaType) li:first-child:nth-last-child(1) a {
    padding: 0 var(--pd10);
}

.customerInfo-cover .custInfobott:not(.qnaType) li .qBox *,
.customerInfo-cover .custInfobott:not(.qnaType) li a * {
    line-height: var(--pd20);
}

.customerInfo-cover .custInfobott:not(.qnaType) li .qBox span,
.customerInfo-cover .custInfobott:not(.qnaType) li a span {
    font-size: var(--ftS03rem);
    font-weight: var(--ftW700);
    color: var(--b999);
}

.customerInfo-cover .custInfobott:not(.qnaType) li .qBox p,
.customerInfo-cover .custInfobott:not(.qnaType) li a p {
    font-size: var(--ftS05rem);
    font-weight: var(--ftW500);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    max-width: 760px;
}

.customerInfo-cover .custInfobott:not(.qnaType) li .qBox i.fa-chevron-down,
.customerInfo-cover .custInfobott:not(.qnaType) li a div {
    margin-left: auto;
    font-weight: var(--ftW400);
    font-size: var(--ftS07rem);
    color: var(--b999);
}

.customerInfo-cover .custInfobott:not(.qnaType) li:has(.answerBox.active) .qBox i.fa-chevron-down {
    transform: rotate(180deg);
}

.customerInfo-cover .custInfobott:not(.qnaType) li .answerBox {
    background-color: var(--bf2);
    padding: var(--pd15) var(--pd40);
    font-weight: var(--ftW400);
    font-size: var(--ftS06rem);
    line-height: 1.5;
    display: none;
}

.customerInfo-cover .custInfobott:not(.qnaType) li:has(.answerBox.active) .qBox *:not(.fa-pen, input),
.customerInfo-cover .custInfobott:not(.qnaType) li:has(.answerBox.active) a * {
    color: var(--mainColor);
}

.infoPage .custInfobott .qBox input[type="checkbox"] {
    margin: 0;
}

.customerInfo-cover .qnaSearType {
    display: flex;
    align-items: center;
    width: 55% !important;
    gap: var(--pd10);
}

.customerInfo-cover .qnaSearType .serOp {
    position: relative;
    width: 32%;
    background-color: var(--white);
    border-radius: var(--size8);
    cursor: pointer;
}

.customerInfo-cover .qnaSearType .serOp span {
    padding: 0 var(--pd20);
    width: 100%;
    display: block;
    line-height: 3;
    font-weight: var(--ftW500);
    font-size: var(--ftS05rem);
}

.customerInfo-cover .qnaSearType .serOp::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: block;
    width: var(--ftS08rem);
    height: var(--ftS08rem);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: top right;
    font-size: var(--ftSrem12);
    line-height: 1;
    color: #232323;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--pd20);

}

.customerInfo-cover .qnaSearType:has(ul.open) .serOp::after {
    transform: rotate(180deg) translateY(50%);
}

.customerInfo-cover .qnaSearType .serOp ul {
    position: absolute;
    width: 100%;
    background-color: var(--white);
    border-radius: var(--size8);
    left: 0;
    margin-top: var(--mg5);
    max-height: 0;
    overflow: hidden;
    z-index: 1;
}

.customerInfo-cover .qnaSearType .serOp ul.open {
    max-height: 300px;
    transition: 0.3s ease-in;
}

.customerInfo-cover .qnaSearType .serOp ul li {
    line-height: 3;
    font-weight: var(--ftW500);
    font-size: var(--ftS05rem);
    padding: 0 var(--pd20);
    cursor: pointer;
}

.customerInfo-cover .qnaSearType .serOp ul li:hover {
    color: var(--mainColor);
    transition: 0.1s linear;
}

.customerInfo-cover .qnaType * {
    text-align: center;
    flex-grow: 1;
    font-size: var(--ftS07rem);
    line-height: var(--pd20);
}

.customerInfo-cover .qnaTop,
.customerInfo-cover .qnpBott a {
    display: flex;
    align-items: center;
    width: 100%;
}

.customerInfo-cover .qnaTop,
.customerInfo-cover .qnpBott {
    background-color: var(--white);
    padding: 0 var(--pd20);
    border-radius: var(--size8);
}

.customerInfo-cover .qnaTop li,
.customerInfo-cover .qnpBott {
    width: 100%;
}

.customerInfo-cover .qnpBott a .qnaName,
.customerInfo-cover .qnpBott a .qnaStep,
.customerInfo-cover .qnpBott a .qnaCate,
.customerInfo-cover .qnaTop li:nth-child(5),
.customerInfo-cover .qnaTop li:first-child,
.customerInfo-cover .qnaTop li:nth-child(3) {
    width: 10%;
}

.customerInfo-cover .qnpBott a .qnaDate,
.customerInfo-cover .qnaTop li:nth-child(4) {
    width: 15%;
}

.customerInfo-cover .qnpBott a .qnaTitle,
.customerInfo-cover .qnaTop li:nth-child(2) {
    width: 55%;
}

.customerInfo-cover .qnaTop {
    margin-bottom: var(--mg10);
}

.customerInfo-cover .qnaTop li {
    font-weight: var(--ftW600);
    padding: var(--pd10);
}

.customerInfo-cover .qnpBott {
    margin-bottom: var(--mg30);
}

.customerInfo-cover .qnpBott a .qnaDate,
.customerInfo-cover .qnpBott a .qnaStep {
    color: var(--b999);
    font-weight: var(--ftW500);
}

.customerInfo-cover .qnpBott a {
    padding: var(--pd15) 0;
}

.customerInfo-cover .qnpBott a .qnaCate p {
    font-weight: var(--ftW500);
    color: var(--mainColor);
    border: 0.06rem solid var(--mainColor);
    border-radius: var(--size4);
    padding: 0 var(--pd10);
    width: max-content;
    margin: 0 auto;
}

.customerInfo-cover .qnpBott a .qnaTitle {
    font-weight: var(--ftW600);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
}

.customerInfo-cover .qnpBott a .qnaTitle i {
    color: var(--b999);
    margin-right: var(--mg5);
    font-size: var(--ftS09rem);
    vertical-align: middle;
}

.customerInfo-cover .qnpBott a .qnaName {
    font-weight: var(--ftW500);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
}

.customerInfo-cover .qnaPgWb{
    position: relative;
}

.customerInfo-cover .qnaPgWb button {
    position: absolute;
    right: 0;
    top: 0;
    appearance: none;
    border: none;
    background-color: var(--mainColor);
    color: var(--white);
    font-size: var(--ftS07rem);
    font-weight: var(--ftW600);
    line-height: 2.3;
    padding: 0 var(--pd15);
    border-radius: var(--size4);
    cursor: pointer;
}

/* 마이페이지 예약내역 스타일 */
.reservation-list {
    padding: 20px;
    background: #FFFFFF;
}

.reservation-item {
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
}

.reservation-item-inner {
    display: flex;
    padding: 20px;
    gap: 16px;
}

.car-image-container {
    width: 120px;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    background: #F8F8F8;
    flex-shrink: 0;
}

.car-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.car-info {
    flex: 1;
    min-width: 0; /* 텍스트 오버플로우 방지 */
}

.car-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #4B7BE5;
    color: white;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 12px;
}

.car-details {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

.car-details p {
    margin: 0;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reservation-button {
    width: 100%;
    background: #54c3f1;
    color: white;
    border: none;
    padding: 16px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    margin-top: auto;
}


/* 추가 */
.cmt_btm{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.file_box{
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: var(--ftW500);
  font-size: var(--ftS07rem);
  word-spacing: 1;
  line-height: 1.3;
}
.file_box span,
.file_box span i{
  color: #777 !important;
  display: block;
  margin: auto;
}



/* 태블릿 대응 */
@media screen and (max-width: 1200px) {
    .reserve_detail_box>div{
        width: 100%;
        gap: 5%;
    }
    .reserve_detail_info{
        flex: 1.4;
    }
    .receive_box{
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .reserve_detail_info dt{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .reserve_detail_box>div{
        flex-direction: column;
        gap: 32px;
        margin:36px 0 0 0;
    }
    .reserve_detail_box>div>figure{
        width: 100%;
        height: unset;
    }
    .reserve_detail_box{
        padding: 16px;
    }
    .reserve_detail_box>span{
        font-size: 13px;
        padding: 6px 10px;
        top: 16px;
        left: 16px;
    }
    .receive_box{
        margin-top: 10px;
        margin-bottom: 10px;
    }
}


/* 모바일 대응 */
@media screen and (max-width: 768px) {
    .reservation-list {
        padding: 16px;
    }

    .reservation-item-inner {
        padding: 16px;
        flex-direction: row;
        align-items: center;
    }

    .car-image-container {
        width: 80px;
        height: 80px;
    }

    .car-details {
        font-size: 13px;
    }

    .car-badge {
        font-size: 12px;
        padding: 3px 10px;
    }
    .mt_label {
        margin-top: 0;
    }
    .address_btn_box,
    .address_input_box{
        gap: 6px;
    }
    .myContainer .myBox .myR .midR p.no_content_txt{
        font-size: 14px;
    }
    .myContainer .gray_border_box.empty_box{ 
        min-height: 150px;
    }
    .modify_box,
    .coupon_list_box,
    .point_list_box{
        padding: 12px 15px;
    }
    .coupon_list li h6,
    .point_list li>span{
        font-size: 16px;
    }

    .coupon_list{
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }
    .modify_list li>div{
        flex-direction: column;
        align-items: flex-start;
    }
    .email_input_box{
        flex-wrap: wrap;
    }
    .email_input_box :is(input,div){
        min-width: 100%;
        max-width: 100%;
    }
    .modify_list .label,
    .modify_list .txt_value{
        font-size: 14px;
    }
    .reserve_info_box h4{
        font-size: 16px;
        padding-bottom: 18px;
        margin-bottom: 20px;
    }
    .review_list,
    .reserve_info_box .reserve_info_list {
        gap: 16px;
    }
    .reserve_info_box .reserve_info_list li{
        font-size: 14px;
    }
    .email_select_box>span,
    .modify_box .modify_list :is(input,button){
        padding: 11px 10px;
    }
    .modify_list .txt_value{
        height: unset;
    }

    .reserve_list li .reserve_list_item figure{
        width: 160px;
    }
    .reserve_list li .reserve_list_item{
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
    }
    .reserve_list .reservation-button{
        font-size: 16px;
        padding: 15px;
    }
    .complete_r.review_btn{
        top: 16px;
        right: 16px;
        padding: 10px 18px;
        font-size: 14px;
    }
    .reserve_info_box{
        margin-top: 16px;
    }
    .reserve_info_box{
        padding: 20px 16px;
    }
    .image_list li{
        width: 100px;
        height: 100px;
    }
    .review_box{
        padding: 16px;
    }
    .review_box span.label{
        font-size: 13px;
        min-width: 80px;
    }
    .review_list li{
        flex-direction: column;
        align-items: flex-start;
        row-gap: 20px;
        padding: 16px;
    }
    .review_right{
        width: 100px;
        height: 100px;
    }
    .inq_write_box{
        padding: 16px;
    }
    .inq_write_list .label{
        font-size: 14px;     
    }
    .btn_box button{
        width: 100px;
        padding: 10px;
        font-size: 16px;
    }
    .reserve_list_box{
        padding: 16px;

    }
    .reserve_list_item h6{
        font-size: 18px;
    }
    .inq_list_box{
        padding: 20px;
    }
    .receive_box{
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 480px) {
    .reserve_list li .reserve_list_item figure{
        width: 140px;
    }
    .reserve_info>div{
        font-size: 14px;
        flex-wrap: wrap;
        row-gap: 2px;
    }

    .image_list li{
        width: 90px;
        height: 90px;
    }
    .inq_write_list{
        gap: 20px;
    }
    .inq_write_list li{
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 12px;
    }
    .inq_write_list li:not(:last-of-type){
        align-items: flex-start;
    }
    .reserve_detail_info .dd_2 ul{
        flex-wrap: wrap;
        gap: 10px;
    }
    .reserve_detail_info .dd_3{
        flex-wrap: wrap;
        row-gap: 10px;
    }

}

@media screen and (max-width: 360px) {
    .reserve_info_box .reserve_info_list li span.label{
        min-width: 100px;
    }
    .reserve_list li .reserve_list_item figure {
        width: 120px;
    }
    .complete_r.review_btn{
        padding: 8px 16px;
        font-size: 12px;
    }
    .reserve_list .reservation-button{
        font-size: 14px;    
        padding: 13px;
    }
}






/* 0115 수정 */
.reser-cover .prod-box {padding-top: 16px; justify-content: center;}
.reser-cover .prod-box aside {display: none;}
.reser-cover .prod-box .prod-right {width: 100%; margin-top: 10px; border-top: 1px solid #d9d9d9; padding-top: 10px; box-sizing: border-box;}

.vt_mid {display: inline-block; vertical-align: middle;}

.renew {white-space: nowrap;}
.main-cover .navCategory {padding-top: 0;}

@media screen and (max-width: 1279px) {
    /* .quick-sear .radio_wrap {display: block; width: 100%;} */
    .reser-cover .quick-sear .mid-Qsr {display: block;}
    .quick-sear .radio_wrap {width: 260px; display:inline-block; margin-right: 20px;}
    .reser-cover .quick-sear .mid-Qsr button[type="button"] {width: calc(100% - 284px); display:inline-block; white-space: nowrap; vertical-align: bottom;}
    .reser-cover .quick-sear .mid-Qsr button[type="button"] > div {display: inline-block; padding-right: 16px;}
    .renew {margin-bottom: 20px;}
    #search_car {margin-top: 20px;}
}
@media screen and (max-width: 767px) {
    .reserContainer .main-slideBox {display:block!important;}
    .reser-cover .quick-sear .mid-Qsr>* {width: 100%; margin-bottom: 16px; line-height: 50px;}
    .reser-cover .quick-sear .mid-Qsr button[type="button"] {width: 100%; display: block;}
        #search_car {margin-top: 0px;}
        .quick-sear .radio_wrap {margin-right:0;}
        .quick-sear .radio_wrap .block {padding: 0 10px; font-size: 14px;}
        .reser-cover .quick-sear .top-Qsr ul li:last-child::before {display:none;}
        .prBott-L {justify-content: center;}
        .reser-cover .quick-sear .mid-Qsr>* {line-height: 50px;}
}


/* 0115 임시 */
.main-slideBox li[class^="slide0"]>div {width: 90%;}

.option .de-2-1 {margin-bottom: 10px;}
.option .de-2-1 ul li {padding: 0 6px; display: inline-block; vertical-align: middle; font-size: 14px; color: #777777; position: relative; margin-bottom: 8px;}
.option .de-2-1 ul li::after {display: inline-block; width: 1px; height: 12px; background: #d9d9d9; content: ""; position: absolute; top: 50%; right: 0; transform: translate(50%, -50%);}
.option .de-2-1 ul li:last-child::after {display: none;}

.prodDe-cover .img_area {position: relative;}
.prodDe-cover .car-image-notice {position: absolute; margin: 0; top: 10px; left: 10px; text-align: left; color: rgba(255,255,255,0.6);}
.prodDe-cover .option {margin-top: 10px; text-align: center;}

.new_filter_wrap {white-space:nowrap;}
.quick-sear .new_class.mid-Qsr button.addActi {width: calc(100% - 200px); margin-right: 20px;}
.quick-sear .new_class.mid-Qsr button.search_car {width: 180px;}
.quick-sear .new_class.mid-Qsr button {border:none; outline:none;}

.quick-sear .new_class.mid-Qsr {display:block;}
.quick-sear .new_class.mid-Qsr .n_flex {display:flex; background: #fff;}



/* 

.reser-cover .prod-box {padding-top: 300px;}
#carDetailContainer .carType-bun {display:none;}
.main-cover .quick-sear .mid-Qsr>*, .reser-cover .quick-sear .mid-Qsr>* {background: #fff;}
.main-cover .quick-sear .mid-Qsr, .reser-cover .quick-sear .mid-Qsr {display:block;}
.new_filter_wrap {}
.new_filter_wrap .nf_left {width: calc(100% - 205px);}
.new_filter_wrap .nf_left .nf_half {width: 49%; margin-right:1.2%;}
.new_filter_wrap .nf_left .nf_half:last-child {margin-right: 0;}
.new_filter_wrap .nf_left .title {width: 87px; line-height: 50px;}
.new_filter_wrap .nf_left .gray_box {width: calc(100% - 92px); background: #F2F2F2; text-align: center; font-size: 0; height: 50px; line-height: 50px; border-radius: 4px;}
.new_filter_wrap .nf_left .gray_box.radio_wrap {display: inherit; font-size: 18px;}

.new_filter_wrap .nf_right {width: 100%; max-width: 200px; padding-left: 20px;}
.main-cover .quick-sear .mid-Qsr button[type="submit"], .reser-cover .quick-sear .mid-Qsr button[type="submit"] {width: 100%; border:none; height: 180px;}
input[name="insuranceAge"] {display:none;}
input[name="insuranceAge"]:checked + .ins_label {background: #54c3f1; color: #fff;}
.ins_label {width: 45%; background:#fff; font-size: 16px; line-height: 1.8;}
.ins_label.young {border-radius: 4px 0 0 4px;}
.ins_label.basic {border-radius: 0 4px 4px 0;}
.new_filter_wrap .nf_left .gray_box.address {max-width: 140px;}
.new_filter_wrap .nf_left .gray_box.address .selectbox {background: transparent; width: 100%; height: 100%; font-size: 18px; border:none; padding: 0 15px;}
.new_filter_wrap .nf_left .gray_box.price {max-width: 140px;}
.new_filter_wrap .nf_left .nf_delivery1 {width: calc(100% - 239px);}
.new_filter_wrap .nf_left .nf_delivery2 {width: 240px;}
#deliveryPrice.input {appearance: none; width: 100%; height: 100%; background: transparent; border:none; font-size: 18px; font-weight: bold; color: #A62D0E; padding: 0; text-align: center;}

.addActi {border:none; width: 100%; height: 100%; font-size: 16px;}
.reser-cover .quick-sear .mid-Qsr button[type="button"] {width: 100%;}
#search_car {border-radius: 4px;}

.labb {font-size: 18px;}
.row {margin-bottom: 6px;}
.no_enter {white-space: nowrap;}

.reser-cover .prod-box .prod-right .prodRBott>li .prBott-L h2 {margin-top: 20px;}

.prodDeTitle {z-index: 5;}
.prodDe-cover .prodDe-R>div>ul {z-index: 5;} */



.quick-sear .new_class.mid-Qsr button[type="button"].detail_btn {background: #fff; background: none; padding: 20px; width: 100%; text-align: center; color: #54C3F1; display: block; font-size: 18px; font-weight: bold;}
.new_class.mid-Qsr .detail_filter {background: #fff;}
.new_class.mid-Qsr .detail_filter .gray_border {border: 1px solid #DDDDDD; border-radius: 12px; padding: 40px; display:none;}
.new_class.mid-Qsr .detail_filter .gray_border.on {display:block;}
.new_class.mid-Qsr .detail_filter .gray_border * {line-height: 1.5;}
.new_class.mid-Qsr .detail_filter .gray_border .ot_section {margin-bottom: 40px;}
.new_class.mid-Qsr .detail_filter .gray_border .ot_section:last-child {margin-bottom: 0;}
.new_class.mid-Qsr .detail_filter .gray_border .ot_section .ot_title {border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 16px; font-size: 18px;}
.new_class.mid-Qsr .detail_filter .gray_border .ot_cont {width: 100%; font-size: 0;}
.new_class.mid-Qsr .detail_filter .gray_border .ot_half {width: 50%;}
.new_class.mid-Qsr .detail_filter .gray_border .ot_half:last-child {padding-left: 50px;}

.new_class.mid-Qsr .detail_filter .gray_border .ot_left {width: 70px; position: relative; font-size: 16px;}
.new_class.mid-Qsr .detail_filter .gray_border .ot_left::after {content: ""; display: inline-block; position: absolute; width: 1px; height: 10px; background: #ddd; right: 0; top: 50%; transform: translate(50%, -50%);}
.new_class.mid-Qsr .detail_filter .gray_border .ot_right {width: calc(100% - 70px); padding-left: 16px;}

.new_class.mid-Qsr .detail_filter .gray_border input[name="insuranceAge"] {display:none;}
.new_class.mid-Qsr .detail_filter .gray_border .ins_label {font-size: 14px; width: 130px; border: 1px solid #ddd; font-size: 14px; text-align: center; display: inline-block; padding: 8px 0;}
.new_class.mid-Qsr .detail_filter .gray_border input[name="insuranceAge"]:checked+.ins_label {background: #54C3F1; color: #fff;}
.new_class.mid-Qsr .detail_filter .gray_border .ins_label.young {border-radius: 4px 0 0 4px;}
.new_class.mid-Qsr .detail_filter .gray_border .ins_label.basic {border-radius: 0 4px 4px 0;}

.new_class.mid-Qsr .detail_filter .gray_border input[name="receive_type"] { padding:0!important; background: url(/branch/images/icon/btn-radioOff.svg) center / contain no-repeat!important; width: 20px!important; height: 20px;}
.new_class.mid-Qsr .detail_filter .gray_border input[name="receive_type"]:checked {background: url(/branch/images/icon/btn-radioOn.svg) center / contain no-repeat!important;}
.new_class.mid-Qsr .detail_filter .gray_border .labb {font-size: 16px; padding: 8px 10px 8px 6px; vertical-align: middle;}
.new_class.mid-Qsr .detail_filter .gray_border .block {margin-right: 10px}
.new_class.mid-Qsr .detail_filter .gray_border .block:last-child {margin-right: 0;}

.new_class.mid-Qsr .detail_filter .gray_border .no_enter {white-space: nowrap; width: 100%;}
.new_class.mid-Qsr .detail_filter .gray_border .gray_box {width: calc((100% - 20px) / 3); margin-right: 10px;} 
.new_class.mid-Qsr .detail_filter .gray_border .gray_box:last-child {margin-right: 0;}
.new_class.mid-Qsr .detail_filter .gray_border .selectbox {background: url("/branch/images/icon_blackdown.svg") no-repeat center right 10px / 16px; font-size: 14px; border:none; width: 100%; border: 1px solid #ddd; height: 40px; border-radius: 4px; border-radius: 4px; padding-left: 15px; appearance: none;}

.new_class.mid-Qsr .detail_filter .gray_border .gray_box.price {margin-right: 0; max-width: inherit; width: 140px;}
.new_class.mid-Qsr .detail_filter .gray_border #deliveryPrice {width: 140px; background: #F2F2F2; border: 1px solid #ddd; height: 40px; padding: 0; text-align: center; font-size: 16px; color: #555; font-weight: 600; border-radius: 4px; vertical-align: middle;}

.new_class.mid-Qsr .detail_filter .gray_border .won {font-size: 14px; display: inline-block; margin-left: 6px; vertical-align: middle;}
.main-cover .quick-sear .mid-Qsr, .reser-cover .quick-sear .mid-Qsr {display:block;}

.quick-sear .new_class.mid-Qsr button[type="button"].detail_btn img {width: 24px; margin-left: 2px; vertical-align: middle; padding-bottom: 2px; transform: rotate(180deg);}
.quick-sear .new_class.mid-Qsr button[type="button"].detail_btn img.on {transform: rotate(0deg);}

/* 푸터 */
.reser-cover {max-width: inherit;}
.quick-sear {max-width: 1200px; width: 100%; left: 50%; transform: translateX(-50%);}
#footer {padding: 0; max-width: inherit;}
.inner1200 {width: 100%; max-width: 1200px; margin: 0 auto}
#footer .ft_top {padding: 40px 0; border-bottom: 1px solid #ddd; font-size: 0;}
#footer .ft_top .ft_left {width: calc(100% - 334px);}
#footer .ft_top .ft_left .logo_area {margin-bottom: 12px;}
#footer .ft_top .ft_left .text_area {font-size: 16px; color: #555;}
#footer .ft_top .ft_left .text_area .text_p {margin-bottom: 8px; font-size: 16px;}

#footer .ft_top .ft_right {width: 334px;}
#footer .ft_top .ft_right .gray_box {background: #F9F9F9; padding: 24px; font-size: 0}
#footer .ft_top .ft_right .gray_box .cs_left {width: 50px;}
#footer .ft_top .ft_right .gray_box .cs_left img {width: 100%;}
#footer .ft_top .ft_right .gray_box .cs_right {width: calc(100% - 50px); padding-left: 30px;}
#footer .ft_top .ft_right .gray_box .cs_right .cs1 {font-size: 14px; margin-bottom: 10px;}
#footer .ft_top .ft_right .gray_box .cs_right .cs2 {font-size: 24px; margin-bottom: 10px; font-weight: bold;}
#footer .ft_top .ft_right .gray_box .cs_right .cs3 {font-size: 14px; line-height: 1.3}

#footer .ft_bot {padding: 30px 0 120px; text-align: center;}
/* #footer .ft_bot .bot_ul {margin-bottom: 16px; font-size: 0;}
#footer .ft_bot .bot_ul .bot_li {display:inline-block; vertical-align: middle; position: relative;}
#footer .ft_bot .bot_ul .bot_li .bot_a {display:inline-block; font-size: 14px; font-weight: 500; position: relative; padding: 10px 14px;}
#footer .ft_bot .bot_ul .bot_li .bot_a::after {content: ""; display: inline-block; width: 1px; height: 10px; background: #DDDDDD; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%);}
#footer .ft_bot .bot_ul .bot_li .bot_a.bold {font-weight: bold;} */

#footer .ft_bot .cha_1 {margin-bottom: 12px; font-size: 14px;}
#footer .ft_bot .cha_1 .ch1 {margin-right: 6px; font-size: 12px;}
#footer .ft_bot .cha_2 {margin-bottom: 20px; font-size: 11px; line-height: 1.3;}
#footer .ft_bot .cha_3 {font-size: 13px;}
.underline {text-decoration: underline;}
#footer .ft_bot .cha_2 .underline {font-size: 11px!important;}


@media (max-width: 1279px){
    .quick-sear .new_class.mid-Qsr button[type="button"].detail_btn {width: 100%;}

}
@media (max-width: 1050px) {
    .quick-sear .new_class.mid-Qsr button[type="button"].detail_btn {padding: 10px 0;}
}
@media (max-width: 767px) {
    .quick-sear .new_class.mid-Qsr button[type="button"].addActi {margin: 0 20px 0 0;}
}




.main-cover .quick-sear .mid-Qsr button[type="button"] div span b, .reser-cover .quick-sear .mid-Qsr button[type="button"] div span b {font-size: 16px;}
.main-cover .quick-sear .mid-Qsr button[type="button"] div span, .reser-cover .quick-sear .mid-Qsr button[type="button"] div span {font-size: 14px;}
.quick-sear .new_class.mid-Qsr button[type="button"] .betweenTime {font-size: 14px;}
.main-cover .quick-sear .mid-Qsr button[type="submit"], .reser-cover .quick-sear .mid-Qsr button[type="submit"] {border-radius: 4px;}
.main-cover .quick-sear .mid-Qsr button[type="submit"], .reser-cover .quick-sear .mid-Qsr button[type="submit"] {border-radius: 4px;}



/* 260317 */
.main-cover .quick-sear .mid-Qsr.new_class, .reser-cover .quick-sear .mid-Qsr.new_class {padding: 25px 0;}
.main-cover .quick-sear .mid-Qsr>*, .reser-cover .quick-sear .mid-Qsr>* {line-height: 1.5; background: #fff;}
.vt_top {display: inline-block; vertical-align: top;}
.prodRBott, .prod-box {background: #fff;}
.main-cover .quick-sear .mid-Qsr .filter_wrap, .reser-cover .quick-sear .mid-Qsr .filter_wrap {background: #fff; font-size: 0;}
.new_class .filter_wrap .fil_left {width: calc(100% - 128px);}
.new_class .filter_wrap .fil_left .block {position: relative; padding: 0 20px; box-sizing: border-box; height: 60px;}
.new_class .filter_wrap .fil_left .block::after {content: ""; display: inline-block; width: 1px; height: 40px; background: #D9D9D9; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%);}

.new_class .filter_wrap .fil_left .f_title {font-size: 14px; color: #A1A1A1; margin-bottom: 10px; white-space: nowrap;}
.new_class .filter_wrap .fil_left .fil_1 {width: calc((100% - 230px) / 2);}
.new_class .filter_wrap .fil_left .fil_2 {width: calc((100% - 230px) / 2);}
.new_class .filter_wrap .fil_left .fil_3 {width: 230px;}

.new_class .filter_wrap .fil_left .fil_1 .ttext {width: calc(100% - 60px); font-size: 16px; font-weight: 600;}
.new_class .filter_wrap .fil_left .fil_1 .btn_area {width: 60px;}
.new_class .filter_wrap .fil_left .fil_1 .btn_area .location_btn {width: 100%; background: #54C3F1; color: #fff; font-size: 12px; border-radius: 4px; height: 24px; padding: 0; font-weight: 600; display: block; text-align: center;}

.new_class .filter_wrap .fil_left .block .ellip {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.quick-sear .new_class.mid-Qsr button.addActi {background: #fff; padding: 0; display: block; width: 100%;}
.quick-sear .new_class.mid-Qsr button.addActi .flex {display: flex; align-items: center; gap: 5px; white-space: nowrap;}
.quick-sear .new_class.mid-Qsr button.addActi .flex span {min-width: 0;}

.new_class .filter_wrap .fil_left .fil_3 .f_half {width: 50%;}
.new_class .filter_wrap .fil_left .fil_3 input[name="insuranceAge"] {display:none;}
.new_class .filter_wrap .fil_left .fil_3 .ins_label {font-size: 14px; border: 1px solid #ddd; font-size: 14px; text-align: center; display: inline-block; width: 100%; line-height: 2; cursor: pointer;}
.new_class .filter_wrap .fil_left .fil_3 input[name="insuranceAge"]:checked+.ins_label {background: #54C3F1; color: #fff;}
.new_class .filter_wrap .fil_left .fil_3 .ins_label.young {border-radius: 4px 0 0 4px;}
.new_class .filter_wrap .fil_left .fil_3 .ins_label.basic {border-radius: 0 4px 4px 0;}

.new_class .filter_wrap .fil_right {width: 128px; text-align: center;}
.new_class .filter_wrap .fil_right #search_car {width: 100%; width: 90px; height: 50px;}

.main-cover .quick-sear .mid-Qsr button[type="button"] div span b, .reser-cover .quick-sear .mid-Qsr button[type="button"] div span b {color: #555;}
.main-cover .quick-sear .mid-Qsr button[type="button"] div span, .reser-cover .quick-sear .mid-Qsr button[type="button"] div span {font-size: 16px; color: #555555; font-weight: 600;}

#rent_schedule, .location_btn {cursor: pointer;}


/* 탁송지 주소 팝업 */
.new_pop {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 11; display: none;  transition:300ms; animation: pop 200ms linear;}
.new_pop.on {display: block;}
@keyframes pop {0% {opacity: 0;} 100% {opacity: 100%};}
.new_pop .black_bg {background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.new_pop .white_bg {width: 92%; max-width: 520px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 28px 24px; border-radius: 10px;}
.new_pop .white_bg .pop_title {padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #ddd;}
.new_pop .white_bg .pop_title .left {width: calc(100% - 24px); font-size: 18px; font-weight: 600; margin-top: 2px;}
.new_pop .white_bg .pop_title .closeBtn {width: 20px; cursor: pointer; z-index: 11;}
.new_pop .white_bg .pop_text {margin-bottom: 12px;}
.new_pop .white_bg .pop_text .opt {width: 80px; position: relative;}
.new_pop .white_bg .pop_text .select_wrap {width: calc(100% - 84px); white-space: nowrap;}
.new_pop .white_bg .pop_text .select_wrap .gray_box {width: calc((100% - 8px) / 3);}
.new_pop .white_bg .pop_text .select_wrap .gray_box .selectbox {border: 1px solid #ddd; width: 100%; height: 40px; margin-right: 2px; border-radius: 4px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url("../images/icon/icon_selectdown.png") no-repeat center right 4px / 18px; padding-left: 10px;}
.new_pop .white_bg .pop_text .select_wrap .gray_box .selectbox:last-child {margin-right: 0;}
.new_pop .white_bg .btn_area .pop_btn {width: 100%; height: 40px; border-radius: 8px; font-size: 16px; background: #54C3F1; color: #fff; font-weight: bold; border: none; cursor: pointer;}

#reservation_address {margin-bottom: 10px;}
#reservation_address .add_top {margin-bottom: 10px; font-size: 0; white-space: nowrap;}
#reservation_address .add_btn {background: #54C3F1; color: #fff; font-size: 14px; border: none; border-radius: 4px; padding: 0 10px; font-weight: bold; height: 40px; width: 108px; white-space: nowrap;}
#reservation_address .input {width: 100%;}
#reservation_address input[type="text"] {border: 1px solid #ddd; height: 40px; border-radius: 4px; padding-left: 16px; font-size: 14px;} 
#reservation_address .inputread {width: calc(100% - 118px); margin-right: 10px;}

#reservation_address .sub_wrap {font-size: 14px; margin-bottom: 20px; color: #555;}
#reservation_address .sub_wrap p {margin-bottom: 4px; font-weight: 500; line-height: 1.4;}
#reservation_address .sub_wrap p:last-child {margin-bottom: 0;}
#reservation_address .sub_wrap p.red {color: #D95151;}

#reservation_address .price {margin-top: 10px; font-weight: bold; display: block; padding: 10px 16px; box-sizing: border-box; color: #555; background: #f5f5f5; font-size: 16px;}

.main-cover .quick-sear .mid-Qsr button[type="button"].indi,
.reser-cover .quick-sear .mid-Qsr button[type="button"].indi {padding: 4px!important; background-image: none;}

@media (max-width: 500px) {
    #reservation_address input[type="text"] {padding-left: 10px}
    #reservation_address .price {padding: 10px;}
    #reservation_address .add_btn {font-size: 14px;}
    .new_pop .white_bg .pop_text .select_wrap .gray_box .selectbox {padding-left: 6px; font-size: 12px; background-size: 16px}
}



/* 차량옵션 */
.reser-cover .prod-box .prod-right .prodRBott>li .prBott-R ol {margin-bottom: 6px;}
.prBott-R .car_option {font-size: 12px; color: #AEAEAE; word-break: keep-all; margin-bottom: 20px;}

.reserContainer {padding-bottom: 0;}
.min_height {height: 20vh;}

/* 푸터 */
#footer .bot_ul {font-size: 0;}
#footer .bot_ul .bot_li {display:inline-block; vertical-align: middle; position: relative;}
#footer .bot_ul .bot_li .bot_a {display:inline-block; font-size: 16px; font-weight: 500; position: relative; padding: 10px 14px;}
#footer .bot_ul .bot_li .bot_a::after {content: ""; display: inline-block; width: 1px; height: 10px; background: #DDDDDD; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%);}
#footer .bot_ul .bot_li .bot_a.bold {font-weight: bold;}
#footer .bot_ul .bot_li:first-child .bot_a {padding-left: 0;}
#footer .bot_ul .bot_li:last-child .bot_a::after {display: none;}


/* 모바일에서 화면깨짐 */
@media screen and (max-width: 1024px) {
    .reserve_detail_box>div>figure {height: 150px;}
}


.pick_area {position: relative;}
.pick_area::after {content: ""; display: block; width: 100%; height: 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: rgba(84,195,241,0.16); border-radius: 4px;}

/* 블럭 */
#datepop .time_block {
    margin-bottom: 20px;
}
#datepop .time_block .time_p {font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.return_block {
    display: block;
}

/* ================= */
/* 휠 picker */
/* ================= */

#datepop .picker {
    display: flex;
    position: relative;
}

/* 컬럼 */
#datepop .col {
    flex: 1;
    height: 120px;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
    text-align: center;
}

/* 중앙 선택 영역 (하이라이트) */
#datepop .picker::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 40px;
    transform: translateY(-50%);
    pointer-events: none;
}



/* 스크롤바 제거 */
#datepop .col {
    scrollbar-width: none; /* firefox */
}
#datepop .col::-webkit-scrollbar {
    display: none; /* chrome */
}

/* 기본 아이템 */
#datepop .item {
    color: #999;
    transition: 0.2s;
    height: 40px;
    line-height: 40px;
    scroll-snap-align: center;
    font-size: 16px;
}

/* 선택된 아이템 */
#datepop .item.active {
    color: #54C3F1!important;
    font-weight: 600;
    font-size: 16px;
}



/* 모바일: 하단 시트 */
/* @media (max-width: 540px) {
    #datepop .white_bg {
        width: 100%;
        border-radius: 20px 20px 0 0;
        bottom: 0;
        top: auto;
        left: 0;
        transform: translateY(0);
        transition: 0.3s;
    }
} */


#deliveryPop .radio_block {margin-right: 10px;}
#deliveryPop .radio_block:last-child {margin-right: 0;}
#deliveryPop .radio_block .deli_radio { padding:0!important; background: url(/branch/images/radio_off.png) center / contain no-repeat!important; width: 22px!important; height: 22px; margin: 0;}
#deliveryPop .radio_block .deli_radio:checked {background: url(/branch/images/radio_on.png) center / contain no-repeat!important;}
#deliveryPop .radio_block .labb {font-size: 16px;}
#deliveryPop .line {margin-bottom: 14px;}
#deliveryPop .line:last-child {margin-bottom: 0;}
@media (max-width: 540px) {#deliveryPop .radio_block .labb {font-size: 14px;} #deliveryPop .radio_block .deli_radio {width: 20px!important; height: 20px;}}
#reservation_location {padding-right: 4px;}
.new_class .filter_wrap .fil_left .f_title.lessmargin {margin-bottom: 4px;}



/* ===================260413 AI 시안으로======================== */

.filter_wrap .location_btn {background: none;}
#reservation_location {width: 100%; display: block;}
.main-cover .quick-sear .mid-Qsr button[type="button"], .reser-cover .quick-sear .mid-Qsr button[type="button"] {background-image: none; width: 100%; padding: 4px 0; font-size: 14px;}

.result_date, .select_date {display: none;}
.result_date.on, .select_date.on {display: block;}
.filter_wrap .location_btn, .filter_wrap .select_date  {color: #bdc3c7; font-weight: 600;}

.bluebox {background: #f1f5f9; border-radius: 8px; padding: 15px; font-size: 15px; box-sizing: border-box; margin-bottom: 20px;}
.bluebox .top {color: #54c3f1; font-weight: bold; margin-bottom: 10px;}
.bluebox .bot {color: #7f8c8d; line-height: 1.5;}

.new_pop .white_bg .pop_text .opt {width: 100%; display: block; font-weight: bold; margin-bottom: 10px; font-size: 15px;}
.new_pop .white_bg .pop_text .select_wrap {width: 100%; display: block;}

.loc-divider { border-top: 1px dashed #bdc3c7; margin: 30px 0; position: relative; margin-bottom: 20px;}
.loc-divider span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 0 10px; font-size: 15px; color: #7f8c8d; font-weight: bold;}

#reservation_address_return {margin-bottom: 10px;}
#reservation_address_return .add_top {margin-bottom: 10px; font-size: 0; white-space: nowrap;}
#reservation_address_return .add_btn {background: #54C3F1; color: #fff; font-size: 14px; border: none; border-radius: 4px; padding: 0 10px; font-weight: bold; height: 40px; width: 108px; white-space: nowrap;}
#reservation_address_return .input {width: 100%;}
#reservation_address_return input[type="text"] {border: 1px solid #ddd; height: 40px; border-radius: 4px; padding-left: 16px; font-size: 14px;} 
#reservation_address_return .inputread {width: calc(100% - 118px); margin-right: 10px;}

#reservation_address_return .sub_wrap {font-size: 14px; margin-bottom: 20px; color: #555;}
#reservation_address_return .sub_wrap p {margin-bottom: 4px; font-weight: 500; line-height: 1.4;}
#reservation_address_return .sub_wrap p:last-child {margin-bottom: 0;}
#reservation_address_return .sub_wrap p.red {color: #D95151;}

#reservation_address_return .price {margin-top: 10px; font-weight: bold; display: block; padding: 10px 16px; box-sizing: border-box; color: #555; background: #f5f5f5; font-size: 16px;}

.main-cover .quick-sear .mid-Qsr button[type="button"].indi,
.reser-cover .quick-sear .mid-Qsr button[type="button"].indi {padding: 4px!important; background-image: none;}

@media (max-width: 500px) {
    #reservation_address_return input[type="text"] {padding-left: 10px}
    #reservation_address_return .price {padding: 10px;}
    #reservation_address_return .add_btn {font-size: 14px;}
    .new_pop .white_bg .pop_text .select_wrap .gray_box .selectbox {padding-left: 6px; font-size: 12px; background-size: 16px}
}

.new_pop .white_bg {max-height: 90vh;}
.new_pop .white_bg .scroll_area {overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; max-height: 64vh;}
.new_pop .white_bg .scroll_area::-webkit-scrollbar {display: none;}
.new_pop .btn_area {padding-top: 20px;}
.new_pop .white_bg .pop_text {margin-bottom: 0;}
#reservation_address .sub_wrap, #reservation_address_return .sub_wrap {margin-top: 10px;}


/* 모달 공통 */
.modal-overlay { display: none; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; padding: 15px;}
.modal-content { background: white; border-radius: 12px; padding: 25px; width: 100%; max-width: 480px; max-height: 90vh; overflow-y: auto;}
.modal-title { font-size: 16px; font-weight: bold; color: #2c3e50; border-bottom: 2px solid #ecf0f1; padding-bottom: 10px; margin-bottom: 20px; display: flex; justify-content: space-between; }
.close-btn { cursor: pointer; color: #95a5a6; font-size: 20px; background: none; border: none; }
.loc-input-wrap { display: flex; gap: 8px; margin-bottom: 10px; }
.loc-input { flex: 1; padding: 12px; border: 1px solid #bdc3c7; border-radius: 6px; font-size: 13px; outline: none; }
.btn-search-addr { background: #55b2e4; color: white; border: none; padding: 0 15px; border-radius: 6px; font-weight: bold; cursor: pointer; font-size: 12px; white-space: nowrap; }
.btn-confirm-addr { background: #55b2e4; color: white; border: none; width: 100%; padding: 14px; border-radius: 6px; font-size: 15px; font-weight: bold; cursor: pointer; margin-top: 10px; }
.date-time-row { display: flex; align-items: center; gap: 8px; margin-bottom: 15px; }
.date-time-row input[type="date"], .date-time-row select { flex: 1; padding: 10px; border: 1px solid #bdc3c7; border-radius: 6px; font-size: 13px; color: #2c3e50; font-weight: bold; outline: none; }
.op-hours-notice { font-size: 12px; color: #FA4718; background: #fdf2e9; padding: 10px; border-radius: 6px; margin-bottom: 20px; line-height: 1.4; }
.btn-confirm-time { background: #54c3f1; color: white; border: none; width: 100%; padding: 12px; border-radius: 6px; font-size: 14px; font-weight: bold; cursor: pointer; margin-top:10px;}
.loc-divider { border-top: 1px dashed #bdc3c7; margin: 20px 0; position: relative; }
.loc-divider span { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: white; padding: 0 10px; font-size: 11px; color: #7f8c8d; font-weight: bold; }

.ins-card { border: 1px solid #bdc3c7; border-radius: 8px; padding: 15px; margin-bottom: 10px; cursor: pointer; display: flex; flex-direction: column; gap: 5px; }
.ins-card.active { border-color: #54c3f1; background: #ebf5fb; }
.ins-header { display: flex; justify-content: space-between; font-weight: bold; font-size: 15px; color: #2c3e50; align-items: center; }
.ins-desc { display: flex; justify-content: space-between; font-size: 14px; color: #7f8c8d; margin-top: 8px;}
.ins-card input[type="radio"] { margin-right: 8px; accent-color: #54c3f1;}

.ins-card input[type="radio"] {width: 16px; height: 16px; appearance: auto; background: none;}
.ins-card input[type="radio"]:checked {background: none;}

.login-nudge-banner { background: #ebf5fb; border: 1px solid #54c3f1; color: #2980b9; padding: 15px; border-radius: 8px; font-size: 14px; font-weight: bold; display: flex; flex-direction: column; gap: 5px; cursor: pointer; margin-bottom: 15px;}
@media(min-width: 768px) { .login-nudge-banner { flex-direction: row; justify-content: space-between; align-items: center; } }


/* 카카오톡 하단 배너 버튼 */
.kakao-banner {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 400px;
    background-color: #FEE500;
    color: #3A1D1D;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
    cursor: pointer;
    z-index: 5;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: -0.5px;
    transition: transform 0.2s, box-shadow 0.2s;
}
.kakao-banner:hover {
    transform: translateX(-50%) translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.kakao-banner-icon { width: 24px; height: 24px; margin-right: 10px; }

@media(max-width: 768px) {.kakao-banner {bottom: 70px}}


@media(max-width: 768px) {

}



.nav-links { display: flex; gap: 15px; font-weight: bold; font-size: 14px; align-items: center; }
.nav-links span { cursor: pointer; color: #34495e; }
.nav-links span.active { color: #54c3f1; }

/* .container { max-width: 600px; margin: 0 auto; padding: 20px;} */

/* 공통 박스 패널 */
.box-panel { background: white; border-radius: 12px; padding: 20px; border: 1px solid #ecf0f1; box-shadow: 0 4px 15px rgba(0,0,0,0.03); margin-bottom: 20px; }
.section-title { font-size: 18px; font-weight: 900; color: #2c3e50; margin-bottom: 15px;
    /* display: flex; justify-content: space-between; align-items: center; */
}

/* 상태 트래커 */
.status-tracker { display: flex; justify-content: space-between; margin-bottom: 25px; position: relative; padding: 0 10px; }
.status-tracker::before { content: ''; position: absolute; top: 15px; left: 15%; right: 15%; height: 2px; background: #ecf0f1; z-index: 1; }
.status-step { flex: 1; text-align: center; position: relative; z-index: 2; font-size: 11px; font-weight: bold; color: #bdc3c7; transition: 0.3s; }
.status-dot { width: 30px; height: 30px; background: #ecf0f1; border-radius: 50%; margin: 0 auto 8px auto; display: flex; justify-content: center; align-items: center; font-size: 14px; color: white; border: 3px solid white; box-shadow: 0 0 0 2px #ecf0f1; transition: 0.3s; }

.status-step.done .status-dot { background: #54c3f1; box-shadow: 0 0 0 2px #54c3f1; }
.status-step.done { color: #54c3f1; }
.status-step.active .status-dot { background: #54c3f1; box-shadow: 0 0 0 2px #54c3f1; animation: pulse 2s infinite; }
.status-step.active { color: #54c3f1; }

.status-step.in-use-active .status-dot { background: #54c3f1; box-shadow: 0 0 0 2px #54c3f1; animation: pulse 2s infinite; }
.status-step.in-use-active { color: #54c3f1; }

@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }

/* 상태별 안내 메시지 박스 */
.notice-text { font-size: 13px; color: #2c3e50; background: #f8fafc; border: 1px solid #e2e8f0; padding: 14px; border-radius: 8px; line-height: 1.3; margin-bottom: 10px; }
.usage-notice { background: #f8fafc; border: 1px solid #e2e8f0; padding: 15px; border-radius: 8px; margin-bottom: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); display: none; }
.usage-notice h4, .notice-text h4 { color: #54c3f1; font-size: 16px; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
.usage-notice h4 .check-icon, .notice-text h4 .check-icon { background: #54c3f1; color: white; padding: 0 4px; border-radius: 4px; font-size: 12px; }
.usage-notice p, .check-icon { font-size: 13px; color: #34495e; line-height: 1.5; }

/* 예약번호 강조 뱃지 */
.reservation-badge { font-size: 12px; color: #2980b9; font-weight: bold; background: #ebf5fb; padding: 5px 10px; border-radius: 6px; border: 1px solid #bce0fd; }

/* 차량 정보 카드 */
.car-info-card { display: flex; gap: 15px; align-items: center; margin-bottom: 20px; }
.car-img { width: 100px; height: 70px; object-fit: contain; border-radius: 6px; background: #f8fafc; border: 1px solid #ecf0f1; }
.car-text .name { font-size: 18px; font-weight: 900; }
.car-text .desc { font-size: 12px; color: #7f8c8d; margin-top: 3px; margin-bottom: 5px; }
.car-text .badges { display: flex; gap: 5px; }
.car-text .fuel-type { background: #FA4718; color: white; padding: 2px 6px; border-radius: 4px; font-size: 12px; font-weight: bold; }
.car-text .plate { background: #34495e; color: white; padding: 2px 6px; border-radius: 4px; font-size: 12px; }

/* 대여 상세 정보 */
.info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; border-top: 1px dashed #f1f5f9; padding-top: 15px; }
.info-item label { display: block; font-size: 11px; color: #95a5a6; margin-bottom: 2px; }
.info-item span { font-size: 14px; font-weight: bold; color: #2c3e50; }

/* 기사 업로드 사진 갤러리 */
.photo-gallery { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 10px; margin-bottom: 20px; }
.photo-gallery img { width: 120px; height: 90px; object-fit: cover; border-radius: 8px; border: 1px solid #bdc3c7; cursor: pointer; }

/* 버튼류 */
.btn-primary { background: #54c3f1; color: white; border: none; width: 100%; padding: 16px; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; transition: 0.2s; margin-bottom: 16px;}
.btn-primary:active { background: #54c3f1; }

/* 컨트롤 버튼 그룹 (이용중 상태) */
.return_tab {display: none;}
.control-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-width: 500px; margin: 0 auto;}
.btn { border: none; border-radius: 8px; padding: 16px; font-size: 15px; font-weight: bold; cursor: pointer; transition: 0.2s; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.btn-extend { background: #54c3f1; color: white; }
.btn-return { background: #FA4718; color: white; }
.btn-return.req {width:100%; border:none; padding:16px; border-radius:8px; font-weight:bold; font-size:16px;}
.btn-contract { background: white; color: #7f8c8d; border: 1px solid #bdc3c7; grid-column: span 2; margin-top: 5px; padding: 12px; font-size: 13px; }
.btn-icon { font-size: 20px; }

/* 서명 패드 */
.signature-pad-wrap { border: 2px dashed #bdc3c7; border-radius: 8px; background: #f8fafc; margin-bottom: 15px; position: relative; }
canvas#signaturePad { width: 100%; height: 200px; touch-action: none; }
.sign-clear { position: absolute; top: 10px; right: 10px; background: #95a5a6; color: white; border: none; padding: 5px 10px; border-radius: 4px; font-size: 11px; cursor: pointer; }

/* 카카오톡 최하단 배너 */
.kakao-bottom-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #FEE500; color: #3A1D1D; display: flex; justify-content: center; align-items: center; padding: 15px; z-index: 1000; font-size: 15px; font-weight: 900; cursor: pointer; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); }
.kakao-top-icon { width: 22px; height: 22px; margin-right: 8px; }

/* 모달 공통 */
.modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 2000; align-items: flex-end; justify-content: center; }
.modal-overlay.center { align-items: center; padding: 20px; }
.modal-sheet { background: white; width: 100%; max-width: 600px; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 30px 20px; max-height: 90vh; overflow-y: auto; position: relative; }
.modal-sheet.rounded { border-radius: 12px; }
.modal-title { font-size: 18px; font-weight: 900; margin-bottom: 20px; text-align: center; color: #2c3e50; }
.close-modal-btn { width: 100%; background: #ecf0f1; color: #7f8c8d; border: none; padding: 15px; border-radius: 8px; margin-top: 15px; font-weight: bold; font-size: 15px; cursor: pointer; }
.close-icon-top { position: absolute; top: 20px; right: 20px; font-size: 24px; color: #95a5a6; background: none; border: none; cursor: pointer; }

/* 연장/반납 모달 내부 UI */
.photo-upload-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 25px; }
.photo-upload-box { border: 1px dashed #bdc3c7; background: #f8fafc; padding: 12px 10px; text-align: center; border-radius: 8px; font-size: 13px; color: #34495e; font-weight: bold; cursor: pointer; }
.photo-upload-box span.sub { display:block; font-size: 11px; color: #95a5a6; font-weight: normal; margin-top:3px; }
.photo-upload-box.full { grid-column: span 2; background: #ebf5fb; border-color: #54c3f1; color: #2980b9; }

.extension-rules { background: #fdf2e9; padding: 15px; border-radius: 8px; margin-bottom: 20px; }
.extension-rules h5 { color: #d35400; font-size: 14px; margin-bottom: 8px; display: flex; align-items: center; gap: 5px; }
.extension-rules ul {margin: 0; font-size: 13px; color: #34495e; line-height: 1.5; }
.extension-rules b { color: #c0392b; }

.extend-scroll-list { max-height: 250px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px; padding-right: 5px; }
.extend-scroll-list::-webkit-scrollbar { width: 4px; }
.extend-scroll-list::-webkit-scrollbar-thumb { background-color: #bdc3c7; border-radius: 4px; }
.extend-option { padding: 16px 20px; border: 1px solid #e2e8f0; border-radius: 8px; background: white; font-size: 15px; font-weight: bold; color: #2c3e50; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.extend-option .price { color: #54c3f1; font-size: 14px; }
.extend-option .cost-hint { font-size: 13px; color: #7f8c8d; margin-left: 8px; font-weight: normal; }

.location-input-wrap { border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; margin-bottom: 20px; }
.location-address { background: #f8fafc; padding: 15px; text-align: center; font-size: 13px; color: #34495e; border-bottom: 1px solid #e2e8f0; }
.location-input { width: 100%; border: none; padding: 15px; font-size: 14px; color: #2c3e50; outline: none; }
.location-input::placeholder { color: #bdc3c7; }

.org_title {color: #FA4718; font-size: 14px; margin-bottom: 10px; font-weight: 600;}
.org_text {color: #FA4718; font-size: 12px;}

.reser-cover .prod-box .prod-right #reSerBtn {height: 50px; max-width: 200px; margin: 20px auto 120px; justify-content: center; text-align: center;}


/* ==================== 고객 예약확인 ==================== */

:root { --key-color: #54C3FE; }
.upload-wrapper { width: 100%; max-width: 500px; margin: 0 auto; font-family: sans-serif; }

/* 섹션 타이틀 */
.section-container { margin-bottom: 40px; }
.section-title { font-size: 16px; font-weight: bold; margin-bottom: 12px; color: #333; display: flex; align-items: center; }
.section-title::before { content: ""; width: 4px; height: 16px; background: var(--key-color); margin-right: 8px; border-radius: 2px; display: none;}

/* 사진 그리드 */
.photo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 15px; }

/* 사진 박스 및 카메라 버튼 */
.photo-box { 
    position: relative; aspect-ratio: 1 / 1; border: 2px dashed #ddd; border-radius: 10px; 
    overflow: hidden; display: flex; align-items: center; justify-content: center; background: #f9f9f9; cursor: pointer;
}
.photo-box img { width: 100%; height: 100%; object-fit: cover; }
.camera-btn-box { border: 2px solid var(--key-color); background: #fff; }
.camera-btn-box svg { width: 40%; height: 40%; fill: var(--key-color); }

/* 삭제 버튼 */
.remove-btn { 
    position: absolute; top: 4px; right: 4px; background: rgba(0,0,0,0.6); color: #fff; 
    border-radius: 50%; width: 22px; height: 22px; text-align: center; line-height: 20px; font-size: 14px;
}

/* 섹션별 등록 버튼 (가로로 길게) */
.btn-submit { 
    width: 100%; height: 50px; background-color: var(--key-color); color: white; 
    border: none; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer;
    margin-top: 5px;
}
.btn-submit:active { opacity: 0.8; }
.btn-submit.border {background: #fff; color: var(--key-color); border: 1px solid var(--key-color);}
.custom_img_file{
    position: relative; aspect-ratio: 1 / 1; border: 2px dashed #ddd; border-radius: 10px; 
    overflow: hidden; display: flex; align-items: center; justify-content: center; background: #f9f9f9;
}
/* 1. 이미지 박스 공통 (정사각형 유지 및 리사이즈) */
.photo-box { 
    position: relative; aspect-ratio: 1 / 1; border: 1px solid #eee; border-radius: 10px; 
    overflow: hidden; display: flex; align-items: center; justify-content: center; background: #fff;
}
/* 이미지 짧은 쪽 기준으로 꽉 차게 리사이즈 (object-fit) */
.photo-box img { width: 100%; height: 100%; object-fit: cover; cursor: pointer; }

/* 2. 갤러리 모드 전용 (업로드용과 시각적 차이) */
.gallery-grid { border: 1px solid #f0f0f0; padding: 10px; border-radius: 12px; background: #fafafa; }

/* 3. 이미지 확대 모달 (Simple Lightbox) */
#image-modal {
    display: none; position: fixed; z-index: 9999; top: 0; left: 0;
    width: 100%; height: 100%; background: rgba(0,0,0,0.9);
    align-items: center; justify-content: center;
}
#image-modal img { max-width: 95%; max-height: 80%; border-radius: 5px; }
#image-modal .close-modal {
    position: absolute; top: 20px; right: 20px; color: #fff; font-size: 30px; cursor: pointer;
}

/* 3열 그리드 레이아웃 */
.photo-grid { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 10px; 
}

/* 사각형 박스 설정 */
.photo-box.view-mode {
    position: relative;
    aspect-ratio: 1 / 1; /* 정사각형 비율 유지 */
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    background: #f0f0f0;
    cursor: pointer;
}

/* 이미지 리사이즈 핵심 로직 */
.photo-box.view-mode img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 짧은 길이 기준 리사이즈 + 중앙 정렬 */
    display: block;
    transition: transform 0.2s ease;
}

/* 마우스 호버 효과 (모바일 터치 시 시각적 피드백) */
.photo-box.view-mode:active img {
    transform: scale(1.05);
}

/* 확대 모달 배경 */
#image-viewer {
    display: none; 
    position: fixed; 
    top: 0; left: 0; 
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.9); /* 어두운 배경 */
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

/* 확대된 이미지 스타일 */
#image-viewer img {
    max-width: 95%;
    max-height: 95%;
    border-radius: 4px;
    animation: zoomIn 0.2s ease-out;
}

/* 확대 애니메이션 */
@keyframes zoomIn {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

#section_delivery_photos {text-align: center;}
#section_delivery_photos .btn-primary {margin: 0; max-width: 500px; margin-bottom: 20px;}
.section-sub {font-size: 12px; color: #7f8c8d; margin-bottom: 15px; text-align: left;}
.modal-overlay .termbox {height: 180px; overflow-y: auto; background: #f8fafc; border: 1px solid #e2e8f0; padding: 15px; font-size: 12px; line-height: 1.6; color: #34495e; margin-bottom: 20px; border-radius: 6px; width: 100%; resize: none;}
.modal-overlay .infobox {}
.modal-overlay .infobox .info_title {color: #54C3F1; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.modal-overlay .mod_title {font-size:14px; color:#2c3e50; margin-bottom:10px; font-weight:bold;}
.modal-overlay .mod_label {display: flex; gap: 8px; align-items: flex-start; cursor: pointer; font-size: 14px; color: #2c3e50; margin-bottom: 20px; line-height: 1.5}
#section_return_photos {display: none;}