.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%;}

.vt_mid {display: inline-block; vertical-align: middle;}    
.quick-sear .radio_wrap {display: flex;}
.quick-sear .radio_wrap input[type="radio"] { padding:0!important; background: url(/branch/images/icon/btn-radioOff.svg) center / contain no-repeat!important; width: 20px!important; height: 20px;}
.quick-sear .radio_wrap .block {padding: 0 16px; white-space: nowrap;}
.quick-sear .radio_wrap input[type="radio"]:checked {background: url(/branch/images/icon/btn-radioOn.svg) center / contain no-repeat!important;}

.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);}

/* 푸터 */
#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: 14px; color: #555;}
#footer .ft_top .ft_left .text_area .text_p {margin-bottom: 8px;}

#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; 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: 16px; font-size: 14px;}
#footer .ft_bot .cha_1 .ch1 {margin-right: 6px;}
#footer .ft_bot .cha_2 {margin-bottom: 30px; font-size: 12px; line-height: 1.3;}
#footer .ft_bot .cha_3 {font-size: 14px;}
.underline {text-decoration: underline;}


@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;}