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

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

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

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

.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 span input {
    flex-grow: 1;
}

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

.reCheck-cover .reCheck-R .reserPinfo span:last-of-type {
    margin-top: var(--mg10);
}

.reCheck-cover .reCheck-R .drinfo .drType ul {
    display: flex;
    align-items: center;
    gap: 0;
}

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

.reCheck-cover .reCheck-R .birthBox span span {
    padding: 0 var(--pd20);
    position: relative;
    display: block;
    color: var(--b999);
    cursor: pointer;
}

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


.reCheck-cover .reCheck-R .birthBox ul {
    position: absolute;
}

/* 
.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;
} */

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

.reCheck-cover .reCheck-R .birthBox ul::-webkit-scrollbar {
    width: calc(var(--size8) + 5px);
    background-color: transparent;
}

.reCheck-cover .reCheck-R .birthBox ul::-webkit-scrollbar-thumb {
    background-color: var(--bD9);
    border-radius: calc(var(--size8) + 10px);
    border: 4px var(--white) solid;
}

.reCheck-cover .reCheck-R .birthBox ul::-webkit-scrollbar-track {
    background-color: transparent;
}

.reCheck-cover .reCheck-R .birthBox ul li {
    font-size: var(--ftS08rem);
    padding: var(--pd5) var(--pd20);
    line-height: 2;
    cursor: pointer;
}

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

/* .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;
}

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

.myContainer .myBox aside [class^="myAside"] ul li a:hover {
    background-color: var(--mainOpColor);
    transition: 0.15s ease-in;
}

.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;
    justify-content: space-around;
    margin-bottom: var(--mg20);
}

.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 {
    margin-bottom: var(--mg40);
}

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

.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;
    /* display: flex; */
    /* align-items: center; */
}

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

/* 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: 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;
    }
}