@media screen and (max-width: 1279px) {
    .pagination {
        margin-bottom: var(--mg20);
    }

    .winView {
        padding: var(--pd5) var(--pd15) var(--pd30);
    }

    .winView h4 {
        font-size: max(var(--ftS03vw), 17px) !important;
        padding: var(--pd15) 0;
    }

    .winView .viewCate {
        font-size: max(var(--ftS06vw), 12px);
        padding: 0 8px;
        line-height: 1.8;
        display: inline-block;
    }

    .winView .textpt {
        padding-bottom: var(--pd40);
        min-height: 300px;
        font-size: max(var(--ftS06vw), 14px);
    }

    .winView .textpt img {
        width: 100%;
    }

    .winView .textpt p,
    .winView .textpt p * {
        line-height: 1.4;
        font-size: max(var(--ftS06vw), 14px);
    }

    .winView .PrevNext a {
        line-height: 3;
        font-size: max(var(--ftS06vw), 13px);

    }

    .winView .PrevNext a span {
        width: 15%;
    }

    .winView button {
        font-size: max(var(--ftS05vw), 13px);
        line-height: 2.5;
        width: 16%;
    }

    .writeForm {
        padding: var(--pd20);
    }

    .writeForm .top label,
    .writeForm .mid label,
    .writeForm .top input,
    .writeForm .mid textarea {
        font-size: max(var(--ftS06vw), 14px);
    }

    .writeForm .bott input {
        font-size: max(var(--ftS07vw), 13px);
        line-height: 2.7;
        padding: 0 var(--pd25);
    }

    .writeForm .top input:not([type="radio"]),
    .writeForm .mid textarea input[type="checkbox"],
    .writeForm .selBox span,
    .writeForm .selBox ul li,
    .writeForm .lockBox :is(.lockQnaT, label) {
        font-size: max(var(--ftS06vw), 13px);
    }

    .ansCon {
        margin-bottom: var(--mg20);
    }

    .ansCon :is(.ansli, .ansTopBox) {
        padding: var(--pd15);
    }

    .ansCon :is(.ansli, .ansTopBox) .ansBox .bott span label i {
        padding: 0 var(--pd15);
        font-size: max(var(--ftS06vw), 14px);
        line-height: 2;
    }

    .ansCon :is(.ansli, .ansTopBox) .ansBox .bott span input[type="password"] {
        padding: 0 var(--pd15);
        line-height: 2.5;
        font-size: max(var(--ftS07vw), 12px);
        min-width: 226px;
    }

    .ansCon :is(.ansli, .ansTopBox) .ansBox .bott span button {
        line-height: 2.5;
        min-width: 50px;
        font-size: max(var(--ftS07vw), 12px);
    }

    .ansCon :is(.ansli, .ansTopBox) .mid {
        font-size: max(var(--ftS07vw), 12px);
    }

    .ansCon :is(.ansli, .ansTopBox) textarea.mid {
        min-height: 69px;
    }

    .ansCon .reComenLi {
        margin: 0 var(--pd10);
        padding: var(--pd15) 0;
    }

    .ansCon :is(.ansli, .ansTopBox) .moreEd ul li {
        line-height: 3;
        font-size: max(var(--ftS07vw), 12px);
    }

    .ansCon :is(.ansli, .ansTopBox) .top {
        font-size: max(var(--ftS06vw), 13px);
    }

    .ansCon .reComenLi::before {
        font-size: 12px;
        margin-top: -3px;
    }



    input[type="checkbox"] {
        margin: 0 3px 0 0;
    }

    .title01 {
        font-size: max(var(--ftS02vw), 20px);
        line-height: 1.2;
    }

    .main-cover .sldie-button-next,
    .main-cover .sldie-button-prev {
        display: none;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 20px;
    }

    #header {
        max-height: 80px;
        width: 100dvw;
    }

    #header>div {
        max-width: 1279px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        padding: 0 15px;
        gap: var(--mg30);
    }

    #header>div h1 a img {
        width: 100%;
        max-width: 200px;
        min-width: auto;
    }

    #header .dt-Nav ul {
        display: flex;
        align-items: stretch;
        height: 100%;
        gap: var(--mg30);
    }

    #header .dt-Nav ul li a {
        display: flex !important;
        align-items: center;
        height: 100%;
        font-size: max(var(--ftS03vw), 16px);
    }

    #header .dt-Nav ul li:last-child {
        margin-left: auto;
        display: flex;
        align-items: stretch;
    }

    #header .dt-Nav ul li:last-child a:last-child {
        margin-left: var(--mg20);
    }

    #footer {
        width: 100dvw;
        max-width: 1279px;
        margin: 0 auto;
        padding: var(--pd60) 15px;
    }

    #footer * {
        font-size: max(var(--ftS03vw), 15px);
    }

    #footer>a {
        max-width: 150px;
        margin-bottom: var(--mg30);
    }

    #footer .ftMbox {
        margin-bottom: var(--mg80);
    }

    #footer .ftMbox>div:first-child ul:last-child {
        justify-content: flex-start;
    }

    #footer .ftMbox>div:first-child ul:last-child li {
        flex-grow: 0;
    }

    #footer .ftMbox>div:first-child ul:last-child li:not(:first-child) {
        padding-left: min(var(--pd30), 15px);
    }

    #footer .ftMbox>div:first-child ul:last-child li:not(:first-child)::after {
        content: "|";
        left: min(var(--pd30), -24px);
    }

    #footer .ftMbox>div:last-child details ul li {
        line-height: 2.5;
    }

    #footer .ftMbox>div:last-child details ul li a {
        font-size: min(var(--pd30), 16px);
    }

    #footer .ftMbox>div:last-child div {
        gap: var(--mg30);
    }

    #footer .ftMbox>div:last-child div a {
        width: 35px;
        height: 35px;
    }

    /* ! */

    .main-slideBox {
        max-height: 350px;
    }

    .main-slideBox div:first-child input {
        display: none;
    }

    .main-slideBox li[class^="slide0"] p {
        font-size: max(var(--ftS01vw), 28px);
        padding: 0;
        width: 60%;
    }

    .main-slideBox li[class^="slide0"] p small {
        font-size: max(var(--ftS03vw), 18px);
    }

    .main-slideBox li[class^="slide0"]>div {
        max-width: 1279px;
        margin: 0 auto;
        padding: 0 var(--pd30) var(--pd70);
    }

    .main-slideBox li[class^="slide0"] p a {
        font-size: max(var(--ftS03vw), 16px);
    }

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

    /* ! */

    .main-cover,
    .reser-cover {
        max-width: 1279px;
        padding: 0 10px;
    }

    .main-cover .quick-sear,
    .reser-cover .quick-sear {
        position: absolute;
        box-shadow: var(--shadow1);
        border-radius: var(--size8);
        z-index: 5;
        width: 90%;
        background-color: var(--white);
        top: -95px;
        left: 50%;
        transform: translateX(-50%);
        padding: var(--pd30) var(--pd40);
    }

    .reser-cover .quick-sear {
        top: -135px;
    }

    .main-cover .quick-sear .mid-Qsr>*,
    .reser-cover .quick-sear .mid-Qsr>* {
        font-size: max(var(--ftS03vw), 15px);
        line-height: 3;
        min-height: 50px;
    }

    .main-cover .quick-sear .top-Qsr ul li,
    .reser-cover .quick-sear .top-Qsr ul li {
        font-size: max(var(--ftS03vw), 16px);
        margin-right: var(--mg20);
    }

    .main-cover .quick-sear .mid-Qsr,
    .reser-cover .quick-sear .mid-Qsr {
        padding: var(--pd30) 0;
        gap: var(--mg15);
        margin-bottom: var(--mg15);
        flex-wrap: wrap;
    }

    .main-cover .quick-sear .mid-Qsr input:first-child,
    .reser-cover .quick-sear .mid-Qsr input:first-child {
        width: 30%;
        background-position: left var(--pd20) center;
        padding: 0 var(--pd20) 0 var(--pd40);
    }

    .main-cover .quick-sear .mid-Qsr button[type="button"],
    .reser-cover .quick-sear .mid-Qsr button[type="button"] {
        width: 67%;
        align-items: center;
        background-position: left var(--pd20) center;
        padding: 0 var(--pd20) 0 var(--pd40);
    }

    .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(--pd5);
        font-size: max(var(--ftS04vw), 13px);
    }

    .main-cover .quick-sear .mid-Qsr button[type="submit"],
    .reser-cover .quick-sear .mid-Qsr button[type="submit"] {
        width: 100%;
        font-size: max(var(--ftS03vw), 15px);
    }

    .main-cover .quick-sear .bott-Qsr b {
        margin-bottom: var(--mg5);
    }

    .main-cover .quick-sear .bott-Qsr span {
        padding: var(--pd5) var(--pd10);
        line-height: 1.2;
        font-size: max(var(--ftS06vw), 13px);
    }

    .main-cover .navCategory {
        padding: 250px var(--pd100) var(--pd50);
        flex-wrap: wrap;
    }

    .main-cover .navCategory li {
        width: 49%;
        margin-top: 0;
        background-size: min(30%, 10vw);
    }

    .main-cover .top-ban {
        margin-bottom: var(--mg60);
    }

    .main-cover .navCategory li:nth-child(n+3) {
        margin-top: 2%;
    }

    .main-cover .top-ban p {
        padding: 2% 13% 2% 0;
        line-height: 1.3;
    }

    .main-cover .popular .slide-container ul li {
        padding: var(--pd15);
        border-radius: var(--size8);
        margin: 0 var(--mg5);
    }

    .main-cover .popular .slide-container ul li span,
    .main-cover .new .slide-container ul .slick-slide span {
        font-size: max(var(--ftS05vw), 14px);
        line-height: 1.8;
    }

    .main-cover .popular .slide-container ul li dl dt,
    .main-cover .new .slide-container ul .slick-slide dl dt,
    .main-cover .union .slide-container ul .slick-slide b {
        font-size: max(var(--ftS03vw), 18px);
    }

    .main-cover .popular .slide-container ul li dl dd,
    .main-cover .new .slide-container ul .slick-slide dl dd,
    .main-cover .union .slide-container ul .slick-slide p {
        font-size: max(var(--ftS04vw), 15px);
        line-height: 1.2;
    }

    .main-cover .event .slide-wrapper .slick-list {
        margin-right: -10px;
        padding-top: var(--mg15);
    }

    .main-cover .event .slide-wrapper li {
        margin-right: 10px;
    }

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

    .main-cover .new .slide-container ul .slick-slide {
        margin: 0 var(--mg5);
    }

    .main-cover .new .slide-container ul .slick-slide img {
        object-fit: cover;
        min-height: 125px;
    }

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

    .main-cover .moreSee div:first-child a {
        line-height: 2.5;
        width: 33%;
        font-size: max(var(--ftS03vw), 18px);
    }

    .main-cover .moreSee div:first-child a img {
        width: 10%;
    }

    .main-cover .bottom-ban a {
        padding: 0;
    }

    .main-cover .bottom-ban p {
        padding: 2% 13% 2% 0;
        line-height: 1.3;
    }

    .main-cover .union .slide-container ul .slick-slide b {
        line-height: 2;
    }

    .main-cover .union .slide-container ul .slick-slide {
        background-size: min(30%, 10vw);
    }

    .main-cover .union .slide-container ul .slick-slide {
        background-position: right var(--pd10) bottom var(--pd10);
    }

    /* ! */

    #findArea-pop .backG,
    #selectPeriod-pop .backG {
        height: 90%;
    }

    #findArea-pop .topBtn span,
    #findArea-pop .backG form>input,
    #findArea-pop .bott-box input,
    #selectPeriod-pop .bott-box button:last-child {
        font-size: max(var(--ftS04vw), 16px);
    }

    #findArea-pop #space1 .mid-box {
        padding-bottom: 70px;
    }

    #findArea-pop #space1 .mid-box .mid-left button,
    #findArea-pop #space1 .mid-box .mid-right button,
    #findArea-pop #space2 ul li {
        font-size: max(var(--ftS05vw), 15px);
    }

    #selectPeriod-pop .top-box .top {
        padding: 0 var(--pd20) 0 var(--pd40);
        min-height: 50px;
        background-size: 0.83rem;
        background-position: left var(--pd20) center;
    }

    #selectPeriod-pop .top-box .top>div:first-child {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #selectPeriod-pop .top-box .top div span,
    #selectPeriod-pop .top-box .top>span,
    #selectPeriod-pop .top-box .bott .timeBox ul,
    #selectPeriod-pop .top-box .bott .timeBox ul li,
    #selectPeriod-pop .bott-box button {
        font-size: max(var(--ftS03vw), 16px);
    }

    #selectPeriod-pop .top-box .bott .timeBox ul.open {
        max-height: 250px;
    }

    #selectPeriod-pop .mid-box>div:last-child [class^="cal"] table th {
        line-height: min(6.5vw, 60px);
    }

    #selectPeriod-pop .bott-box button {
        width: 25%;
    }

    .reser-cover .prod-box {
        padding-top: 180px;
    }

    .reser-cover .prod-box aside {
        top: 9%;
        padding: var(--pd15) var(--pd10) var(--pd10);
    }

    .reser-cover .prod-box aside .filTitle {
        font-size: max(var(--ftS04vw), 15px);
        line-height: 1;
    }

    .reser-cover .prod-box aside [class^="filter"] * {
        font-size: max(var(--ftS06vw), 13px);
    }

    .reser-cover .prod-box aside .filter01 button {
        line-height: 2.5;
    }

    .reser-cover .prod-box aside .filter02 input {
        line-height: 2.5;
        padding: 0 var(--pd10);
    }

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

    .reser-cover .prod-box aside .filter05 span,
    .reser-cover .prod-box aside .filter09 span {
        line-height: 2;
    }

    .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 {
        gap: 1.5%;
        row-gap: var(--mg10);
    }

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

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

    .reser-cover .prod-box aside .filter07>p {
        margin-top: var(--pd50);
    }

    .reser-cover .prod-box aside .filterBott button {
        line-height: 3;
        margin-top: 0;
    }

    .reser-cover .prod-box .prod-right .prodRTop h2 {
        font-size: max(var(--ftS04vw), 16px);
    }

    .reser-cover .prod-box .prod-right .prodRTop div>span,
    .reser-cover .prod-box .prod-right .prodRTop ul li {
        font-size: max(var(--ftS04vw), 14px);
        line-height: 1.5;
    }

    .reser-cover .prod-box .prod-right .prodRBott>li {
        padding: var(--pd15);
        gap: 2%;
    }

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

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-L {
        top: 90px;
        width: 34%;
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-L h2 {
        font-size: max(var(--ftS03vw), 16px);
        line-height: 1.2;
        margin-bottom: var(--mg10);
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-L h2 span {
        margin-right: var(--mg5);
        font-size: max(var(--ftS08vw), 9px);
        padding: 0 var(--pd5);
        line-height: 1.8;
        margin-bottom: 2px;
    }

    .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: max(var(--ftS06vw), 13px);
        font-weight: var(--ftW600);
    }

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

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-R h3 {
        font-size: max(var(--ftS03vw), 16px);
        margin-bottom: var(--mg10);
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-R h3 i {
        font-size: max(var(--ftS07vw), 11px);
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-R h3 span {
        font-size: max(var(--ftS08vw), 11px);
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-R h3 span:last-of-type {
        margin-left: 2px;
    }

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

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-R ol li {
        font-size: max(var(--ftS06vw), 11px);
        font-weight: var(--ftW500);
        padding-right: calc(var(--pd5) + 1px);
        position: relative;
    }

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

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-R ol li:not(:first-child)::after {
        left: -1.5px;
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-R p span {
        font-size: max(var(--ftS08vw), 11px);
        line-height: 1;
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-R p del {
        margin-left: 2px;
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-R strong {
        font-size: max(var(--ftS02vw), 22px);
        line-height: 1;
    }

    .reser-cover .prod-box .prod-right #moreBtn {
        margin: var(--mg30) 0 0;
        padding: 0 var(--pd40);
        font-size: max(var(--ftS03vw), 15px);
        line-height: 3.2;
    }

    .reser-cover .prod-box .prod-right #reSerBtn {
        margin: var(--mg30) 0 0;
        padding: 0 var(--pd20);
        font-size: max(var(--ftS03vw), 15px);
        line-height: 3.2;
    }

    /* ! */
    .reCheckContainer,
    .prodDeContainer {
        padding-bottom: calc(var(--pd100) + var(--pd20));
    }

    .prodDeTitle {
        display: block;
        top: 0;
        width: 100%;
        background-color: var(--white);
        box-shadow: var(--shadow1);
        text-align: center;
        font-size: max(var(--ftS03vw), 15px);
        font-weight: var(--ftW600);
        line-height: 4;
        position: fixed;
        z-index: 2;
        max-height: 60px;
    }

    .prodDeTitle i {
        position: absolute;
        left: 0;
        font-size: inherit;
        font-weight: inherit;
        line-height: 4;
        width: 60px;
    }

    .reCheck-cover,
    .prodDe-cover {
        display: block;
        max-width: 1279px;
        margin: auto 0;
        padding: 10px 20px;
    }

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

    .prodDe-cover .prodDe-R>div {
        width: 100%;
    }

    .prodDe-cover .prodDe-R>figure>div::after {
        max-width: 205px;
        width: 59%;
    }

    .prodDe-cover .prodDe-R>figure>div img {
        display: block;
        width: 90%;
        margin: 0 auto;
    }

    .prodDe-cover .prodDe-R>div>ul {
        top: var(--pd60);
    }

    .reCheck-cover .reCheck-L,
    .prodDe-cover .prodDe-L {
        position: fixed;
        bottom: 0;
        left: 0;
        top: auto;
        z-index: 5;
    }

    .reCheck-cover .reCheck-L>*:not(:last-child),
    .prodDe-cover .prodDe-L>*:not(:last-child) {
        display: none;
    }

    .reCheck-cover .reCheck-L>*:last-child h3,
    .prodDe-cover .prodDe-L>*:last-child h3 {
        display: none;
    }

    .reCheck-cover .reCheck-L [class^="info"]:not(:first-of-type),
    .prodDe-cover .prodDe-L [class^="info"]:not(:first-of-type) {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }

    .reCheck-cover .reCheck-R>div #prodInfo .reIn3 ul li,
    .prodDe-cover .prodDe-R>div #prodInfo .reIn3 ul li {
        padding: var(--pd10) var(--pd10) var(--pd10) var(--pd100);
        justify-content: center;
    }


    /* ! */
    .customerInfoContainer,
    .eventContainer {
        min-height: calc(100% - 454px);
    }

    .customerInfo-cover,
    .event-cover,
    .event-win-cover,
    .event-winWrite-cover,
    .event-write-cover {
        max-width: 1279px;
        margin: var(--mg40) auto 0;
        padding: 0 20px;
    }

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

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

    .customerInfo-cover aside ol,
    .event-cover aside ol,
    .event-win-cover aside ol,
    .event-winWrite-cover aside ol,
    .event-write-cover aside ol {
        padding: var(--pd10);
    }

    .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,
    .event-cover>div ul li a p,
    .event-win-cover .winList ul li a {
        font-size: max(var(--ftS06vw), 14px);
    }

    .customerInfo-cover aside h2,
    .event-cover h2,
    .event-win-cover h2,
    .event-winWrite-cover h2,
    .event-write-cover h2 {
        font-size: max(var(--ftS06vw), 16px);
    }



    /* ! */

    .myContainer {
        max-width: 1279px;
        padding: 0 20px;
        margin: 0 auto var(--mg40);
    }

    .myContainer>h2 {
        margin: var(--mg40) 0 var(--mg25);
        font-size: var(--ftS02rem);
    }

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

    .myContainer .myBox {
        gap: var(--mg15);
    }

    .myContainer .myBox .myR .topR>div:first-of-type {
        margin-bottom: var(--mg20);
        gap: var(--pd15);
    }

    .myContainer .myBox .myR .topR .myImg::after {
        font-size: var(--ftS06rem);
        font-weight: 400;
        line-height: 0.88;
        width: 15px;
        height: 15px;
    }

    .myContainer .myBox .myR .topR .myImg img {
        max-width: 60px;
        max-height: 60px;
    }

    .myContainer .myBox .myR .topR h3 {
        font-size: var(--ftS03rem);
    }

    .myContainer .myBox .myR .topR .checkMy * {
        font-size: var(--ftS08rem);
        padding: 0 var(--pd15);
        min-width: 100px;
    }

    .myContainer .myBox .myR .topR ul li>a {
        gap: var(--pd10);
    }

    .myContainer .myBox .myR .topR ul li img {
        max-width: 25px;
        max-height: 25px;
    }

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

    .myContainer .myBox .myR .topR ul li p i {
        font-size: var(--ftS09rem);
        padding: 0;
        margin-left: var(--mg5);
    }

    .myContainer .myBox .myR .topR div:has(ol) {
        height: 46px;
    }

    .myContainer .myBox .myR .topR ol li {
        gap: var(--pd15);
    }

    .myContainer .myBox .myR .topR ol li a,
    .myContainer .myBox .myR .topR ol li p,
    .myContainer .myBox .myR .topR ol li span {
        font-size: var(--ftS08rem);
    }

    .myContainer .myBox .myR .topR ol li a,
    .myContainer .myBox .myR .topR ol li span {
        border-radius: 6px;
    }

    .myContainer .myBox .myR .topR ol li a {
        line-height: 1.7;
    }

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

    .myContainer .myBox .myR .midR div {
        min-height: 170px;
    }


    .myContainer .myBox .myR .midR p a {
        padding: 0 var(--pd20);
        max-width: 110px;
        line-height: 2.5;
        margin-top: var(--mg10);
        font-size: var(--ftS08rem);
    }

    .myContainer .myBox .myR .bottR li a {
        padding: var(--pd15);
        font-size: var(--ftS07rem);
    }

    .customerInfo-cover .custInfoTop h3 {
        font-size: max(var(--ftS01vw), 20px);
    }

    .customerInfo-cover .custInfoTop h3 span {
        margin-top: var(--mg5);
        font-size: max(var(--ftS04vw), 14px);
    }

    .customerInfo-cover .custInfoTop .sear-Box {
        width: 45%;
    }

    .customerInfo-cover .custInfoTop .sear-Box input {
        font-size: max(var(--ftS05vw), 13px);
        padding: 0 var(--pd40) 0 var(--pd10);
    }

    .customerInfo-cover .custInfoTop .sear-Box button {
        font-size: max(var(--ftS04vw), 14px);
    }

    .customerInfo-cover .custInfoTop {
        padding-bottom: var(--pd20);
        margin-bottom: var(--pd20);
    }

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

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

    .customerInfo-cover .custInfoMid ul li {
        font-size: max(var(--ftS04vw), 13px);
    }

    .customerInfo-cover .custInfobott>ol li>p {
        font-size: var(--ftS07rem);
        line-height: 3;
    }

    .customerInfo-cover .custInfobott:is(.qnaType)>ol li>p {
        line-height: 1.56;
    }

    .customerInfo-cover .custInfobott:not(.qnaType) {
        padding: var(--pd5) var(--pd10);
    }

    .customerInfo-cover .custInfobott:not(.qnaType) li:first-child:nth-last-child(1) a {
        padding: var(--pd10);
    }

    .customerInfo-cover .custInfobott:not(.qnaType) li .qBox,
    .customerInfo-cover .custInfobott:not(.qnaType) li a {
        padding: var(--pd10);
    }

    .customerInfo-cover .custInfobott:not(.qnaType) li .qBox span,
    .customerInfo-cover .custInfobott:not(.qnaType) li a span {
        font-size: max(var(--ftS03vw), 17px);
    }

    .customerInfo-cover .custInfobott:not(.qnaType) li .answerBox,
    .customerInfo-cover .custInfobott:not(.qnaType) li .qBox p,
    .customerInfo-cover .custInfobott:not(.qnaType) li a p {
        font-size: max(var(--ftS05vw), 13px);
    }

    .customerInfo-cover .custInfobott:not(.qnaType) li .qBox p,
    .customerInfo-cover .custInfobott:not(.qnaType) li a p {
        max-width: 370px;
    }

    .customerInfo-cover .custInfobott:not(.qnaType) li .qBox i.fa-chevron-down,
    .customerInfo-cover .custInfobott:not(.qnaType) li a div {
        font-size: max(var(--ftS07vw), 12px);
    }

    .customerInfo-cover .qnaSearType {
        gap: var(--pd5);
    }

    .customerInfo-cover .qnaSearType .serOp span,
    .customerInfo-cover .qnaSearType .serOp ul li {
        font-size: max(var(--ftS05vw), 13px);
    }

    .customerInfo-cover .qnaSearType .serOp {
        width: 45%;
        padding: 0 var(--pd10);
    }

    .customerInfo-cover .qnaSearType .serOp::after {
        right: var(--pd10);
    }

    .customerInfo-cover .qnaSearType .serOp ul li {
        padding: 0 var(--pd10);
    }

    .customerInfo-cover .qnaPgWb button,
    .customerInfo-cover .qnpBott a .qnaTitle,
    .customerInfo-cover .qnaType * {
        font-size: max(var(--ftS07vw), 13px);
    }

    .customerInfo-cover .qnaTop li {
        padding: var(--pd10) 0;
    }

    .customerInfo-cover .qnaTop,
    .customerInfo-cover .qnpBott {
        padding: 0 var(--pd10);
    }

    .customerInfo-cover .qnpBott li .adbox {
        position: static;
        text-align: right;
    }

    .customerInfo-cover .qnpBott li .adbox input {
        margin: 5px 0 0;
    }

    .customerInfo-cover .qnpBott a {
        padding: var(--pd10) 0;
        gap: var(--pd5);
    }

    .customerInfo-cover .qnpBott a .qnaCate p {
        padding: 0 var(--pd5);
        font-size: max(var(--ftS07vw), 12px);
    }

    .customerInfo-cover .qnpBott a .qnaTitle {
        max-width: 330px;
    }
}


/* ! */


@media screen and (max-width: 767px) {
    .title01 {
        font-size: max(var(--ftS02vw), 16px);
        margin: 0;
    }

    .main-cover .union .title01 span {
        font-size: max(var(--ftS02vw), 13px);
    }

    #footer,
    #header .dt-nav,
    .main-cover .quick-sear {
        display: none;
    }

    #header>div {
        max-width: 767px;
        justify-content: center;
        padding: 15px;
    }

    #header>div h1 a {
        text-align: center;
    }

    #header>div h1 a img {
        max-width: 150px;
        min-width: auto;
        width: 80%;
    }

    #header .mb-Nav {
        display: block;
        position: fixed;
        width: 100%;
        bottom: 0;
        background-color: var(--white);
        box-shadow: var(--shadow1);
    }

    #header .mb-Nav ul {
        display: flex;
        gap: 3%;
        align-items: center;
        justify-content: space-around;
        padding: 0 var(--pd20);
    }

    #header .mb-Nav ul li {
        width: 18%;
        text-align: center;
    }

    #header .mb-Nav ul li a {
        display: block;
        padding: var(--pd15) 0 var(--pd10);
        font-weight: var(--ftW600);
        line-height: 1.5;
        color: var(--bAAA);
        font-size: max(var(--ftS05vw), 10px);
        background-position: top center;
        background-repeat: no-repeat;
    }

    #header .mb-Nav ul li a i {
        display: block;
        width: 100%;
        margin-bottom: var(--mg5);
        font-size: max(var(--ftS05vw), 18px);
        color: var(--bAAA);
    }

    #header .mb-Nav ul li a.active,
    #header .mb-Nav ul li a.active i {
        color: var(--mainColor);
    }


    .pagination li a {
        line-height: 2.16;
        font-size: var(--ftS07rem);
        width: 30px;
        display: block;
    }

    .pagination li a i {
        font-size: max(var(--ftS06vw), 12px);
    }

    .delPop {
        padding: var(--pd20);
        width: 90%;
    }

    .delPop p {
        font-size: max(var(--ftS03vw), 16px);
        margin-bottom: var(--mg20);
    }

    .delPop small {
        font-size: max(var(--ftS07vw), 14px);
    }

    .delPop div button {
        padding: 0 var(--pd10);
        font-size: max(var(--ftS07vw), 13px);
    }

    .winView h4 {
        font-size: max(var(--ftS03vw), 16px);
        padding: var(--pd10) 0;
        margin-bottom: var(--mg20);
    }


    .winView .PrevNext a {
        line-height: 3.5;
        font-size: max(var(--ftS06vw), 13px);
    }

    .winView .PrevNext a span {
        width: 20%;
    }

    .winView button {
        width: 30%;
    }

    .writeForm {
        padding: var(--pd15);
    }

    .writeForm .top label,
    .writeForm .mid label,
    .writeForm .top input,
    .writeForm .mid textarea {
        font-size: max(var(--ftS06vw), 13px);
        line-height: 3;
        width: 100%;
    }

    .writeForm .ck.ck-editor {
        width: 100%;
    }

    .writeForm .bott input {
        font-size: max(var(--ftS07vw), 13px);
        line-height: 2.7;
        padding: 0 var(--pd25);
    }

    .writeForm .top input {
        padding: 0 var(--pd10);
    }

    .writeForm .mid {
        margin-bottom: var(--mg15);
    }

    .writeForm .mid textarea {
        padding: var(--pd10);
    }

    .writeForm .top,
    .writeForm .mid {
        flex-direction: column;
    }

    .writeForm .top input {
        width: 100% !important;
    }

    .writeForm .top input[type="file"] {
        border-bottom: 1px solid var(--ck-color-base-border);
    }

    .writeForm .bott {
        margin-top: var(--mg15);
    }

    .writeForm .top>label[for="file2"],
    .writeForm .top>label[for="file"],
    .writeForm .top>label[for="title"],
    .writeForm .mid>label[for="title"] {
        line-height: 3;
        width: 100%;
    }

    .ck-editor__main ul,
    .textpt ul,
    .ck-editor__main ol,
    .textpt ol {
        padding: 0 0 0 var(--pd20);
        list-style: revert;
    }

    .writeForm .selBox {
        width: 100%;
    }

    .ansCon :is(.ansli, .ansTopBox) {
        padding: var(--pd10);
    }

    .ansCon :is(.ansli, .ansTopBox) .ansBox .bott span label i {
        padding: 0 var(--pd10);
        font-size: max(var(--ftS06vw), 11px);
    }

    .ansCon :is(.ansli, .ansTopBox) .ansBox .bott span input[type="password"] {
        padding: 0 0 0 var(--pd10);
        line-height: 2.4;
        font-size: max(var(--ftS07vw), 11px);
        min-width: auto;
        margin-left: 0;
        flex-grow: 1;
    }

    .ansCon :is(.ansli, .ansTopBox) .ansBox .bott span button {
        min-width: 45px;
        font-size: max(var(--ftS07vw), 11px);
    }

    .ansCon :is(.ansli, .ansTopBox) .mid {
        font-size: max(var(--ftS07vw), 11px);
        line-height: 1.5;
        margin-bottom: var(--mg5);
    }

    .ansCon :is(.ansli, .ansTopBox) textarea.mid {
        min-height: 60px;
    }

    .ansCon :is(.ansli, .ansTopBox) .top {
        font-size: max(var(--ftS06vw), 12px);
    }

    .ansCon .reComenLi::before {
        display: none;
    }

    .ansCon .reComenLi {
        margin: 0;
    }

    .ansCon :is(.ansli, .ansTopBox) .ansBox button {
        margin: 0 0 0 auto;
        width: max-content;
        font-size: max(var(--ftS07vw), 10px);
    }

    /* ! */

    .main-slideBox {
        max-height: 150px;
    }

    .reserContainer .main-slideBox {
        display: none;
    }

    .main-slideBox li[class^="slide0"] .imgBox img {
        object-fit: scale-down;
    }

    .main-slideBox li[class^="slide0"]>div {
        max-width: 767px;
        margin: 0 auto;
        padding: 0 var(--pd20);
    }

    .main-slideBox li[class^="slide0"] p {
        font-size: max(var(--ftS05vw), 16px);
        line-height: 1.1;
        padding: 0;
        width: 70%;
    }

    .main-slideBox li[class^="slide0"] p small {
        font-size: max(var(--ftS05vw), 12px);
        margin-bottom: var(--mg5);
    }

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

    .main-slideBox li.slide02 .imgBox {
        width: 50%;
    }

    .main-slideBox li[class^="slide0"] p a {
        padding: var(--pd5) var(--pd10);
        font-size: max(var(--ftS08vw), 12px);
        margin-top: var(--mg10);
    }

    .main-cover .navCategory {
        padding: var(--pd15) var(--pd5) var(--pd30);
        gap: 4%;
    }

    .main-cover .navCategory li {
        padding: 0;
        width: 48%;
        background-position: right var(--pd10) bottom var(--pd10);
        background-size: clamp(55px, 40%, 65px);
    }

    .main-cover .navCategory li a {
        padding: var(--pd10) var(--pd10) var(--pd100);
        display: block;
        max-height: 150px;
    }

    .main-cover .navCategory li:nth-child(n+3) {
        margin-top: 4%;
    }

    .main-cover .navCategory li p {
        font-size: max(var(--ftS08vw), 12px);
    }

    .main-cover .navCategory li b {
        font-size: max(var(--ftS05vw), 16px);
    }

    .main-cover .popular,
    .main-cover .event {
        margin-bottom: var(--mg40);
    }

    .main-cover .top-ban,
    .main-cover .bottom-ban {
        margin-bottom: var(--mg40);
    }

    .main-cover .top-ban p,
    .main-cover .top-ban mark,
    .main-cover .bottom-ban p,
    .main-cover .bottom-ban mark {
        font-size: max(var(--ftS08vw), 12px);
        text-align: center;
    }

    .main-cover .top-ban p {
        padding: var(--pd15) 0;
        line-height: 1.4;
        background: url(../../branch/images/main-topBan-01.png) left 19% top 30% / 10.5% no-repeat;
    }

    .main-cover .bottom-ban p {
        padding: var(--pd15) 0;
        line-height: 1.4;
        background: url(../../branch/images/main-bottomBan-01.png) left 13% top 29% / 10.5% no-repeat;
    }

    .main-cover .popular .slide-container ul li span,
    .main-cover .new .slide-container ul .slick-slide span {
        font-size: max(var(--ftS05vw), 9px);
        line-height: 2;
        padding: 0 var(--pd10);
    }

    .main-cover .popular .slide-container ul li dl dt,
    .main-cover .new .slide-container ul .slick-slide dl dt,
    .main-cover .union .slide-container ul .slick-slide b {
        font-size: max(var(--ftS08vw), 12px);
    }

    .main-cover .popular .slide-container ul li dl dd,
    .main-cover .new .slide-container ul .slick-slide dl dd,
    .main-cover .union .slide-container ul .slick-slide p {
        font-size: max(var(--ftS08vw), 10px);
        line-height: 1.2;
    }

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

    .main-cover .popular .slide-container ul li {
        padding: var(--pd10);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

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

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

    .main-cover .moreSee div:first-child {
        margin: var(--mg30) 0 var(--mg10);
    }

    .main-cover .moreSee div:first-child a {
        font-size: max(var(--ftS03vw), 11px);
        gap: var(--mg5);
    }

    .main-cover .union .slide-container ul .slick-slide a {
        min-height: auto;
        display: block;
        min-width: 180px;
        padding: var(--pd10) var(--pd20) var(--pd70);
    }

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

    .main-cover .union .slide-container ul .slick-slide {
        background-size: clamp(25px, 40%, 45px);
    }

    .main-cover .union .slide-container ul .slick-slide {
        margin: 0 var(--mg5);
    }

    .main-cover .union .slide-container ul .slick-slide b {
        margin-bottom: 0;
    }

    #findArea-pop .topBtn span,
    #findArea-pop .backG form>input,
    #findArea-pop .bott-box input,
    #selectPeriod-pop .bott-box input {
        font-size: max(var(--ftS04vw), 13px);
    }

    #findArea-pop h2,
    #selectPeriod-pop h2 {
        font-size: max(var(--ftS04vw), 16px);
    }

    #findArea-pop .backG .sear-Box input[type="text"] {
        margin-bottom: var(--mg15);
        font-size: max(var(--ftS04vw), 14px);
        padding: 0 var(--pd40) 0 var(--pd15);
    }

    #findArea-pop #space1 .mid-box {
        height: calc(100% - 123px);
    }

    #findArea-pop #space1 .mid-box .mid-left {
        padding: var(--pd10);
        width: 35%;
    }

    #findArea-pop #space1 .mid-box .mid-right {
        width: 65%;
        padding: var(--pd10);
    }

    #findArea-pop #space1 .mid-box .mid-left>div {
        padding-right: 0;
    }

    #findArea-pop #space1 .mid-box .mid-left h3 {
        font-size: max(var(--ftS05vw), 14px);
    }

    #findArea-pop #space1 .mid-box .mid-left button,
    #findArea-pop #space1 .mid-box .mid-right button,
    #findArea-pop #space2 ul li {
        font-size: max(var(--ftS05vw), 13px);
        line-height: 3;
    }

    #findArea-pop #space1 .mid-box .mid-left button.midTopB i {
        margin-right: var(--mg5);
    }

    #findArea-pop #space1 .mid-box .mid-left button.midTopB {
        text-align: left;
        padding: 0;
    }

    #selectPeriod-pop .top-box .top {
        padding: 0 var(--pd10) 0 var(--pd25);
        background-position: left var(--pd10) center;
        background-size: 0.75rem;
        align-items: baseline;
        min-height: auto;
        gap: 0;
    }

    #selectPeriod-pop .top-box .top div span,
    #selectPeriod-pop .top-box .top>span,
    #selectPeriod-pop .top-box .bott .timeBox ul,
    #selectPeriod-pop .bott-box button {
        font-size: max(var(--ftS03vw), 13px);
    }

    #selectPeriod-pop .top-box .bott .timeBox ul li {
        line-height: 2;
    }

    #selectPeriod-pop .top-box .bott .timeBox ul li,
    #selectPeriod-pop .top-box .bott .timeBox>span {
        font-size: max(var(--ftS04vw), 15px);
    }

    #selectPeriod-pop .top-box .top div i {
        padding: 0 2px;
        font-size: 0.75rem;
    }

    #selectPeriod-pop .top-box .bott>div h3 {
        font-size: max(var(--ftS04vw), 16px);
    }


    #selectPeriod-pop .top-box .top>span,
    .reser-cover .quick-sear .mid-Qsr button[type="button"]>span {
        max-width: 65px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        word-break: break-all;
    }

    #selectPeriod-pop .mid-box .prevNext {
        display: none;
    }

    #selectPeriod-pop .mid-box>div:last-child [class^="cal"] h4 {
        position: static;
        margin-bottom: var(--mg10);
    }

    #selectPeriod-pop .mid-box>div:last-child {
        flex-direction: column;
        height: calc(100dvh - 240px);
    }

    #selectPeriod-pop .mid-box>div:last-child [class^="cal"] {
        width: 100%;
        height: auto;
        margin-bottom: var(--mg20);
    }

    #selectPeriod-pop .bott-box {
        padding: var(--pd10);
        gap: var(--mg5);
    }

    #selectPeriod-pop .bott-box button {
        width: 35%;
    }

    #selectPeriod-pop .bott-box button:last-child {
        width: 75%;
    }

    .reser-cover {
        margin: 35px auto 0;
    }

    .reser-cover .quick-sear {
        top: 0;
        position: static;
        width: 100%;
        transform: none;
        padding: var(--pd20) var(--pd10) var(--pd10);
    }

    .reser-cover .quick-sear .top-Qsr ul {
        flex-wrap: wrap;
        padding-bottom: var(--pd15);
        grid-row-gap: var(--mg10);
        position: relative;
        gap: 4%;
    }

    .reser-cover .quick-sear .top-Qsr ul li {
        font-size: max(var(--ftS03vw), 13px);
        margin-right: 0;
        font-weight: var(--ftW700);
        padding-left: var(--pd20);
        text-align: left;
        background-size: max(var(--ftS03vw), 17px);
    }

    .reser-cover .quick-sear .top-Qsr ul li:last-child {
        margin-left: 0;
        position: absolute;
        margin-right: 0;
        flex-grow: 1;
        order: -1;
        font-size: max(var(--ftS03vw), 12px);
        font-weight: 500;
        text-align: right;
        top: -120%;
        color: #fff;
        left: 0%;
        background-color: #ffb775;
        line-height: 2.5;
        padding: 0 var(--pd10);
        border-radius: var(--pd20);
    }

    .reser-cover .quick-sear .top-Qsr ul li:last-child::before {
        border-top: 10px solid #ffb775;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 0px solid transparent;
        content: "";
        position: absolute;
        top: 90%;
        left: 20%;
        letter-spacing: 0.4;
    }

    .reser-cover .quick-sear .top-Qsr ul li:last-child a {
        color: var(--white);
    }

    .reser-cover .quick-sear .mid-Qsr {
        padding: 0;
        gap: 0;
        margin-bottom: var(--mg15);
        flex-wrap: wrap;
        border-bottom: none;
        border-top: none;
    }

    .reser-cover .quick-sear .mid-Qsr>* {
        font-size: max(var(--ftS03vw), 15px);
        line-height: 2.4;
        min-height: 50px;
    }

    .reser-cover .quick-sear .mid-Qsr input:first-child {
        width: 100%;
        border-top-left-radius: var(--size4);
        border-top-right-radius: var(--size4);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background-size: 0.62rem;
        background-position: left var(--pd15) center;
        padding: 0 var(--pd20) 0 var(--pd30);
    }

    .reser-cover .quick-sear .mid-Qsr button[type="button"] {
        width: 100%;
        position: relative;
        border-bottom-left-radius: var(--size4);
        border-bottom-right-radius: var(--size4);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-bottom: var(--mg20);
        background-size: 0.75rem;
        font-size: max(var(--ftS03vw), 13px);
        background-position: left 0.87rem center;
        padding: 0 var(--pd20) 0 var(--pd30);
    }

    .reser-cover .quick-sear .mid-Qsr button[type="button"]::after {
        position: absolute;
        display: block;
        content: '';
        width: 90%;
        height: 0.1vw;
        background-color: var(--bD9);
        top: -0.5%;
        left: 50%;
        transform: translateX(-50%);
    }

    .reser-cover .quick-sear .mid-Qsr button[type="button"]>div {
        width: 90%;
    }

    .reser-cover .quick-sear .mid-Qsr button[type="button"] div i {
        padding: 0 2px;
        font-size: max(var(--ftS04vw), 12px);
    }

    .reser-cover .quick-sear .mid-Qsr button[type="button"]>span {
        font-size: max(var(--ftS04vw), 12px);
        font-weight: var(--ftW600);
    }

    .reser-cover .quick-sear .mid-Qsr button[type="button"] div span b {
        margin-right: 2px;
    }

    .reser-cover .quick-sear .mid-Qsr button[type="submit"] {
        line-height: 2.3;
        min-height: 40px;
    }

    .reser-cover .prod-box {
        padding: 0;
    }

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

    .reser-cover .prod-box aside.active {
        display: block;
    }

    .reser-cover .prod-box .prod-right .prodRTop {
        background-color: transparent;
        justify-content: space-between;
        padding: 0;
    }

    .reser-cover .prod-box .prod-right .prodRTop h2 {
        display: none;
    }

    .reser-cover .prod-box .prod-right .prodRTop div[data-pop="filter-pop"] {
        display: block;
        font-size: max(var(--ftS04vw), 14px);
        line-height: 1.5;
        padding: var(--pd5) var(--pd10);
        color: var(--white);
        background-color: var(--mainColor);
        font-weight: var(--ftW600);
        border-radius: var(--size4);
    }

    .reser-cover .prod-box .prod-right .prodRTop div[data-pop="filter-pop"] i {
        color: var(--white);
        margin-left: var(--mg30);
        display: inline-block !important;
    }

    .reser-cover .prod-box .prod-right .prodRTop div>span {
        line-height: 1.5;
        background-color: var(--white);
        padding: var(--pd5) var(--pd10);
        border-radius: var(--size4);
        width: auto;
        display: block;
    }

    .reser-cover .prod-box .prod-right .prodRTop:has(ul.open) div>span i {
        transform: rotateZ(180deg);
    }

    .reser-cover .prod-box .prod-right .prodRTop div>span i {
        margin-left: var(--mg20);
    }

    .reser-cover .prod-box .prod-right .prodRTop ul {
        display: block;
        width: 100%;
        position: absolute;
        background-color: var(--white);
        border-radius: var(--size8);
        margin-top: var(--mg10);
        max-height: 0;
        overflow: hidden;
    }

    .reser-cover .prod-box .prod-right .prodRTop ul.open {
        padding: var(--pd5) var(--pd10);
        max-height: 120px;
        transition: max-height 0.2s linear;
    }

    .reser-cover .prod-box .prod-right .prodRTop ul li {
        line-height: 2.5;
    }

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

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

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

    .reser-cover .prod-box .prod-right .prodRTop ul li:not(:first-child)::after {
        display: none;
    }

    .reser-cover .prod-box .prod-right .prodRBott>li {
        padding: var(--pd10);
        gap: 2%;
        flex-direction: column;
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-L,
    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-R {
        width: 100%;
        position: static;
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-L {
        display: flex;
        align-items: center;
        padding-bottom: var(--pd10);
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-L img {
        width: 50%;
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-L>div {
        width: 50%;
        text-align: left;
    }

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

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

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

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-R ol li {
        font-size: max(var(--ftS06vw), 12px);
    }

    .reser-cover .prod-box .prod-right .prodRBott>li .prBott-R p span {
        font-size: max(var(--ftS08vw), 11px);
        line-height: 1;
        margin-bottom: 6px;
    }

    .reser-cover .prod-box aside {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 11;
        width: 100%;
        height: 100dvh;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding: var(--pd25) var(--pd10) var(--pd10);
    }

    .reser-cover .prod-box aside [class^="filter"] .filTitle {
        font-size: max(var(--ftS06vw), 15px);
    }

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

    .reser-cover .prod-box aside .closeBtn {
        display: block;
        position: absolute;
        top: var(--pd10);
        right: var(--pd10);
        width: auto;
        margin: 0;
        z-index: 1;
    }

    .reser-cover .prod-box aside .closeBtn i {
        margin: 0;
    }

    .reser-cover .prod-box aside .filter06>div,
    .reser-cover .prod-box aside .filter04>div,
    .reser-cover .prod-box aside .filter08>div {
        grid-template-columns: repeat(3, 1fr);
    }

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

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

    .reser-cover .prod-box aside .filterBott {
        display: flex;
        align-items: center;
        gap: 2%;
        margin-bottom: var(--mg10);
    }

    .reser-cover .prod-box aside .filterBott button {
        width: auto;
        margin-top: 0;
    }

    .reser-cover .prod-box aside .filterBott button:first-child {
        flex-grow: 2;
    }

    .reser-cover .prod-box aside .filterBott button:last-child {
        display: block;
        flex-grow: 1;
        background-color: var(--mainColor);
        color: var(--white);
    }

    #findArea-pop .backG,
    #selectPeriod-pop .backG {
        height: 100dvh;
        max-width: 100dvw;
        max-height: 100dvh;
        width: 100dvw;
        border-radius: 0;
        padding: var(--pd15);
    }

    #findArea-pop .backG .sear-list {
        padding: 0 var(--pd15);
        height: calc(100% - 223px);
    }

    #findArea-pop .backG .sear-list ul {
        padding: var(--pd15) var(--pd5) var(--pd15) var(--pd15);
    }

    #findArea-pop .backG .sear-list ul li dt {
        font-size: max(var(--ftS05vw), 15px);
        line-height: 1.1;
    }

    #findArea-pop .backG .sear-list ul li dd {
        font-size: max(var(--ftS05vw), 13px);
    }

    #findArea-pop .backG .sear-list ul li .lot {
        font-size: max(var(--ftS05vw), 11px);
    }

    .reser-cover .prod-box .prod-right #moreBtn {
        line-height: 2.8;
    }

    .reser-cover .prod-box .prod-right section {
        padding-top: var(--pd70);
        padding-bottom: var(--pd70);
    }

    .reser-cover .prod-box .prod-right section>i {
        font-size: var(--pd70);
        margin-bottom: var(--mg15);
    }

    .reser-cover .prod-box .prod-right section h2 {
        font-size: max(var(--ftS03vw), 18px);
    }

    .reser-cover .prod-box .prod-right section p {
        font-size: max(var(--ftS06vw), 14px);
    }

    .reser-cover .prod-box .prod-right #reSerBtn {
        line-height: 2.8;
        margin: var(--mg20) 0 0;
    }


    /*  */



    .reCheckContainer,
    .prodDeContainer {
        padding-bottom: var(--pd90);
    }

    .prodDeTitle {
        line-height: 2.5;
        max-width: 767px;
        padding: 10px;
    }

    .prodDeTitle i {
        line-height: 2.5;
        width: 60px;
    }

    .reCheck-cover,
    .prodDe-cover {
        max-width: 767px;
        padding: 20px;
    }

    .prodDe-cover .prodDe-R>figure {
        row-gap: var(--pd50);
        padding: var(--pd10) var(--pd10) var(--pd30);
        flex-direction: column;
    }

    .prodDe-cover .prodDe-R>figure>div,
    .prodDe-cover .prodDe-R>figure figcaption {
        width: 100%;
    }

    .prodDe-cover .prodDe-R>figure>div::after {
        max-width: 205px;
        width: 100%;
        bottom: -37px;
    }

    .reCheck-cover .reChtop dt,
    .prodDe-cover .prodDe-R>figure figcaption dt {
        font-size: max(var(--ftS03vw), 18px);
        margin-bottom: var(--mg10);
    }

    .reCheck-cover .reChtop span[class^="carType"],
    .prodDe-cover .prodDe-R>figure figcaption dt span {
        line-height: 1.7;
    }

    .reCheck-cover .reCheck-R .reChtop .de-2 ul li,
    .prodDe-cover .prodDe-R>figure figcaption .de-2 ul li {
        font-size: max(var(--ftS06vw), 12px);
    }

    .reCheck-cover .reChtop .de-3,
    .prodDe-cover .prodDe-R>figure figcaption .de-3 {
        padding: 0 var(--pd10);
        margin-bottom: var(--mg30);
    }

    .reCheck-cover .reChtop .de-3 span,
    .prodDe-cover .prodDe-R>figure figcaption .de-3 span {
        font-size: max(var(--ftS03vw), 13px);
        line-height: 3.5;
    }

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


    .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: max(var(--ftS06vw), 13px);
    }

    .prodDe-cover .prodDe-R>div {
        padding: 0 var(--pd10) var(--pd40);
    }

    .prodDe-cover .prodDe-R>div>ul {
        top: 0;
        padding-top: 10px;
    }

    .prodDe-cover .prodDe-R>div>ul li {
        font-size: max(var(--ftS04vw), 13px);
    }

    .prodDe-cover .prodDe-R>div #prodInfo [class^="reIn"] h3 {
        font-size: max(var(--ftS03vw), 17px);
        margin-bottom: var(--mg15);
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn1 ul {
        grid-template-columns: repeat(2, 1fr) 0.8fr;
        display: grid;
        row-gap: var(--mg10);
        justify-items: start;
        align-items: center;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn1 ul li {
        width: fit-content;
        font-size: max(var(--ftS06vw), 12px);
    }

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

    .prodDe-cover .prodDe-R>div #prodInfo .reIn1 ul li i {
        width: 13px;
        text-align: center;
        margin-right: var(--mg5);
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn3 ul {
        row-gap: var(--pd10);
        flex-direction: column;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn3 ul li {
        width: 100%;
        background-size: 18%;
        min-height: 74px;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn4 p,
    .prodDe-cover .prodDe-R>div #prodInfo .reIn6 p b {
        line-height: 1.3;
        margin-bottom: var(--mg20);
    }

    .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 {
        font-size: max(var(--ftS04vw), 14px);
        font-weight: var(--ftW600);
        padding-left: var(--pd20);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left center;
        margin-bottom: var(--mg15);
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn4 ul li,
    .prodDe-cover .prodDe-R>div #prodInfo .reIn6 ul li {
        margin-left: var(--mg20);
        font-size: max(var(--ftS05vw), 13px);
        line-height: 1.3;
    }

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

    .prodDe-cover .prodDe-R>div #prodInfo .reIn4 tbody td,
    .prodDe-cover .prodDe-R>div #prodInfo .reIn7 tbody td {
        padding: var(--pd10) var(--pd10);
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn5 p {
        line-height: 1.3;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn5 h4 {
        padding-left: var(--pd25);
    }

    .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 .reIn8 figure dt {
        font-size: max(var(--ftS04vw), 16px);
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn8 tbody tr {
        display: flex;
        align-items: flex-start;
    }

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

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

    .prodDe-cover .prodDe-R>div #prodInfo .reIn8 table+p {
        line-height: 1.3;
        padding: var(--pd15);
        margin-top: var(--mg10);
    }

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

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:nth-of-type(2) i {
        font-size: max(var(--ftS02vw), 20px);
    }

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

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:nth-of-type(2)>span:last-child {
        font-size: max(var(--ftS03vw), 18px);
        line-height: 1.5;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewPhoto {
        margin-bottom: var(--mg30);
    }

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

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9>ul li {
        padding: var(--pd15) var(--pd15) var(--pd30);
        flex-wrap: wrap;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9>ul li .reviewTop {
        width: 11%;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewTop img {
        width: 25px;
        height: 25px;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid {
        margin-left: 1%;
        width: 88%;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewBott img {
        width: 100px;
        height: 100px;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewBott {
        margin: 10px 0 0 auto;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid h5 {
        line-height: 1.4;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9>button {
        line-height: 2.5;
        margin-top: var(--mg30);
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn7>div:first-of-type ul li {
        font-size: max(var(--ftS05vw), 14px);
        line-height: 1.3;
    }

    .reCheck-cover .reCheck-L,
    .prodDe-cover .prodDe-L {
        padding: var(--pd15) var(--pd20);
    }

    .reCheck-cover .reCheck-L .infoBott input,
    .prodDe-cover .prodDe-L .infoBott input {
        line-height: 2.5;
        font-size: max(var(--ftS03vw), 18px);
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9>div:first-of-type>span:last-child::after {
        top: 1px;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid .reStar {
        line-height: 1.3;
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid p {
        font-size: max(var(--ftS03vw), 13px);
    }

    .prodDe-cover .prodDe-R>div #prodInfo .reIn9 .reviewMid .reStar span:last-child {
        margin-left: 0;
        font-size: max(var(--ftS03vw), 13px);
    }


    /* ! */
    .customerInfoContainer,
    .eventContainer {
        min-height: 100dvh;
    }

    .customerInfo-cover,
    .event-cover,
    .event-win-cover,
    .event-winWrite-cover,
    .event-write-cover {
        max-width: 767px;
        margin: var(--mg20) auto 0;
        padding: 0 10px;
        flex-direction: column;
    }

    .event-cover h2,
    .event-win-cover h2,
    .event-winWrite-cover h2,
    .event-write-cover h2 {
        display: none;
    }

    .event-cover aside,
    .event-win-cover aside,
    .event-winWrite-cover aside,
    .event-write-cover aside,
    .event-cover>div,
    .event-win-cover>div,
    .event-winWrite-cover>div,
    .event-write-cover>div {
        width: 100%;
    }

    .event-cover aside,
    .event-win-cover aside,
    .event-winWrite-cover aside,
    .event-write-cover aside {
        margin-bottom: var(--mg20);
    }

    .event-cover aside ol,
    .event-win-cover aside ol,
    .event-winWrite-cover aside ol,
    .event-write-cover aside ol {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--pd5);
    }

    .event-cover aside ol li,
    .event-win-cover aside ol li,
    .event-winWrite-cover aside ol li,
    .event-write-cover aside ol li {
        flex-grow: 1;
        width: 33.33%;
        justify-content: center;
    }

    .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 {
        display: none;
    }

    .event-cover>div ul {
        display: block;
    }

    .event-cover>div ul li:not(:last-child) {
        margin-bottom: var(--mg15);
    }

    .event-cover>div ul .imgBox img {
        max-height: 120px;
        object-fit: cover;
    }

    .event-cover .adminMode,
    .event-win-cover .adminMode {
        margin-bottom: var(--mg10);
    }

    .event-cover .adminMode input,
    .event-cover>div ul li a input {
        width: 15px;
    }

    div.event-win-cover {
        padding: 0;
    }

    .event-win-cover .adminMode input {
        margin: 0 var(--mg15) 0 0;
        width: 15px;
    }

    .event-cover .adminMode label,
    .event-win-cover .adminMode label {
        margin: 0 var(--mg10) 0 auto;
    }

    .event-win-cover .winList ul {
        padding: var(--pd5) var(--pd15);
        margin-bottom: var(--mg30)
    }

    .event-win-cover .winList ul li {
        padding: var(--mg10) 0;
    }

    .event-win-cover .winList ul li a {
        flex-wrap: wrap;
        line-height: 1.5;
    }

    .event-win-cover .winList ul li a h3 {
        width: 100%;
    }

    .event-win-cover .winList ul li a div {
        margin-right: auto;
        margin-left: 0;
        line-height: 1;
    }

    .event-win-cover .winList ul li input {
        width: 15px;
    }

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

    .reCheck-cover .reChtop {
        align-items: center;
        flex-direction: column;
    }

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

    .reCheck-cover .reCheck-R .reChtop .de-2 {
        margin-bottom: var(--mg20);
    }

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

    .reCheck-cover .reCheck-R h2 {
        font-size: max(var(--ftS03vw), 17px);
        margin-bottom: var(--mg15);
        padding-bottom: var(--mg15);
    }

    .reCheck-cover .reCheck-R h2>span,
    .reCheck-cover .reCheck-R h2>span label,
    .reCheck-cover .reCheck-R h2>button {
        font-size: max(var(--ftS06vw), 12px) !important;
        top: 0;
    }

    .reCheck-cover .reCheck-R :is(input:not([type="checkbox"]), button) {
        padding: 0 var(--pd10);
    }

    .reCheck-cover .reCheck-R .reChinfoT {
        font-size: max(var(--ftS04vw), 14px);
        width: 100%;
    }

    .reCheck-cover .reCheck-R .distop>div,
    .reCheck-cover .reCheck-R .drinfo>div>*,
    .reCheck-cover .reCheck-R .reserPinfo span {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: var(--mg10);
    }

    .reCheck-cover .reCheck-R .distop>div div,
    .reCheck-cover .reCheck-R .birthBox,
    .reCheck-cover .reCheck-R .drinfo .drType ul,
    .reCheck-cover .reCheck-R .drinfo>div input,
    .reCheck-cover .reCheck-R .reserPinfo span input {
        width: 100%;
    }

    .reCheck-cover .reCheck-R .drinfo .drType ul li {
        flex-grow: 1;
    }

    .reCheck-cover .reCheck-R .birthBox span span {
        padding: 0 var(--pd10);
    }

    .reCheck-cover .reCheck-R .birthBox span span::after {
        right: var(--pd10);
    }

    .reCheck-cover .reCheck-R .distop>div div {
        margin-left: 0;
    }

    .reCheck-cover .reCheck-R .distop .allPoint {
        width: 100%;
        order: 1;
    }

    .reCheck-cover .reCheck-R .disBott>button,
    .reCheck-cover .reCheck-R .disBott li label {
        font-size: max(var(--ftS06vw), 13px);
    }

    .reCheck-cover .reCheck-R .disBott li {
        gap: var(--mg5);
    }

    #couponList .listBox {
        padding: var(--pd15);
    }

    #couponList .coupBott ul li {
        padding: var(--pd10);
    }

    .reserPop .reserPopBox textarea,
    #couponList .coupBott ul li dt {
        margin-bottom: var(--mg10);
        font-size: max(var(--ftS05vw), 14px);
    }

    #couponList .coupBott ul li .coupBd1 {
        font-size: max(var(--ftS02vw), 20px);
    }

    #couponList .coupBott ul li .coupBd3 {
        position: static;
        margin-top: var(--mg5);
    }

    /* ! */
    .myContainer {
        max-width: 767px;
        padding: 0 10px;
        margin: 0 auto var(--mg100);
    }

    .myContainer>h2,
    .myContainer .myBox aside {
        display: none;
    }

    .myContainer>span,
    .myContainer>span a {
        display: block;
    }

    .myContainer>span {
        border-top: 0.1rem solid var(--bD9);
        padding-top: var(--pd20);
        margin-top: var(--mg30);
    }

    .myContainer>span a {
        border: 0.1rem solid var(--bD9);
        padding: var(--pd20);
        border-radius: var(--size8);
        text-align: center;
        padding: var(--pd15);
        font-size: var(--ftS07rem);
        font-weight: var(--ftW600);
    }

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

    .myContainer .myBox {
        display: block;
    }

    .myContainer .myBox .myR {
        width: 100%;
        margin-top: var(--mg15);
    }

    .myContainer .myBox .myR .topR {
        padding: var(--pd15);
    }

    .myContainer .myBox .myR .topR h3 {
        font-size: var(--ftS04rem);
    }

    .myContainer .myBox .myR .topR>div {
        flex-wrap: wrap;
    }

    .myContainer .myBox .myR .topR .checkMy {
        width: 100%;
        display: flex;
        gap: var(--pd15);
        justify-content: space-between;
    }

    .myContainer .myBox .myR .topR .checkMy * {
        width: 50%;
        line-height: 2.7;
        margin-left: 0;
    }

    .myContainer .myBox .myR .topR ul {
        padding: var(--pd20) var(--pd10);
        margin-bottom: var(--mg5);
    }

    .myContainer .myBox .myR .topR ul li>a {
        display: block;
    }

    .myContainer .myBox .myR .topR ul li img {
        max-width: 28px;
        max-height: 28px;
        margin: 0 auto var(--mg10);
    }

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

    .myContainer .myBox .myR .topR ul li p strong,
    .myContainer .myBox .myR .topR ul li p b {
        margin-left: 2px;
    }

    .myContainer .myBox .myR .topR ul li p i {
        font-size: var(--ftS10rem);
        margin-left: 3px;
    }

    .myContainer .myBox .myR .topR div:has(ol) {
        width: calc(100% + var(--pd30));
        right: var(--pd15);
        bottom: calc(-1* var(--pd15));
    }

    .myContainer .myBox .myR .topR ol li {
        gap: var(--pd10);
        padding: var(--pd10) var(--pd15);
    }

    .myContainer .myBox .myR .topR ol li span,
    .myContainer .myBox .myR .topR ol li a {
        padding: 0 var(--pd10);
    }

    .myContainer .myBox .myR .midR div {
        min-height: 150px;
        padding: var(--pd15);
    }

    .myContainer .myBox .myR .bottR ul {
        gap: var(--pd10);
        flex-wrap: wrap;
    }

    .myContainer .myBox .myR .bottR li {
        width: 48.3%;
    }

    /*  */

    .customerInfo-cover aside {
        display: none;
    }

    .customerInfo-cover>[class^="infoPage"] {
        width: 100%;
    }

    .customerInfo-cover .custInfoTop {
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        gap: var(--pd15);
        border-bottom: 0.08rem solid #eeeeee;
    }

    .customerInfo-cover .custInfoTop h3 span {
        margin-top: var(--mg10);
    }

    .customerInfo-cover .custInfoMid ul {
        gap: var(--pd5);
    }

    .customerInfo-cover .custInfoMid ul li {
        font-size: max(var(--ftS04vw), 12px);
    }

    .customerInfo-cover .custInfobott:not(.qnaType, .faqType) li {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .customerInfo-cover .custInfobott:not(.qnaType) li .qBox,
    .customerInfo-cover .custInfobott:not(.qnaType) li a {
        padding: var(--pd10) var(--pd5);
        gap: var(--mg5);
    }

    .customerInfo-cover .custInfobott:not(.qnaType) li a div {
        text-align: right;
        width: 26%;
        min-width: 70px;
    }

    .infoPage .custInfobott input[type="checkbox"],
    .infoPage .custInfobott:not(.faqType) i.fa-pen {
        margin-bottom: var(--mg10);
    }

    .customerInfo-cover .custInfobott:not(.qnaType) li .answerBox {
        padding: var(--pd15) var(--pd25);
    }

    .customerInfo-cover .custInfoTop .sear-Box {
        width: 100% !important;
    }

    .customerInfo-cover .qnaTop li:last-child,
    .customerInfo-cover .qnpBott a .qnaStep {
        display: none;
    }

    .customerInfo-cover .qnaPgWb button,
    .customerInfo-cover .qnpBott a .qnaTitle,
    .customerInfo-cover .qnaType * {
        font-size: max(var(--ftS07vw), 11px);
    }

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

    .customerInfo-cover .qnpBott a .qnaCate p {
        padding: 0 var(--pd5);
        font-size: max(var(--ftS07vw), 9px);
        line-height: 1.8;
    }

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

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

    .customerInfo-cover .qnaTop li {
        padding: var(--pd5) 0;
    }

    .customerInfo-cover .qnaPgWb button {
        line-height: 2.8;
    }
}



@media (hover: none) and (pointer: coarse) {

    .main-cover .quick-sear .bott-Qsr span:hover {
        background-color: var(--bf2);
        color: var(--baseColor);
    }

    #couponList .coupTop span button:hover,
    .reCheck-cover .reCheck-R .disBott>button:hover,
    .reCheck-cover .reCheck-R .distop .allPoint:hover,
    .main-cover .quick-sear .bott-Qsr span.active:hover {
        background-color: var(--mainColor);
        color: var(--white);
    }

    .reser-cover .prod-box aside .filter05 span:hover,
    .reser-cover .prod-box aside .filter09 span:hover {
        background-color: var(--bEEE);
        color: var(--b777);
    }

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

    .ansCon :is(.ansli, .ansTopBox) .ansBox button:hover,
    .prodDe-cover .prodDe-R>div #prodInfo .reIn9>button:hover {
        color: var(--mainColor);
        background-color: var(--white);
        border: 0.12rem solid var(--mainColor);
    }

    .reCheck-cover .reCheck-R .birthBox ul li:hover {
        background-color: none;
    }

    .regichkbtn:hover,
    .samlogbtn:hover {
        background-color: var(--mainColor);
        border-color: var(--mainColor);
    }

    .ansCon :is(.ansli, .ansTopBox) .ansBox .bott span label i:hover,
    .loginCover form>div:nth-of-type(2) label:hover,
    .loginCover form>div:nth-of-type(2) a:hover {
        color: var(--baseColor);
    }

}