@media screen and (max-width:768px) {
    * {
        -webkit-tap-highlight-color: transparent;
    }

    .iframeBx {
        padding-top: 56.25%;
    }

    .content {
        padding-top: 10%;
        padding-bottom: 8%;
    }

    .invi>p {
        font-size: 5vw;
        padding: 6%;
    }

    .top9 {
        padding-top: 12%;
        padding-bottom: 16%;
    }

    .mMod3>h2 {
        font-size: 8vw;
        padding-bottom: 8%;
    }

    .mMod3>.txt {
        font-size: 4vw;
    }

    .mMod3 {
        margin-top: 10%;
        margin-bottom: 12%;
    }

    .mMod4>.swiper-slide {
        padding: 6%;
        margin-bottom: 15%;
    }

    .mMod4 .tit {
        font-size: 4.2vw;
        padding-bottom: 8%;
    }

    .mMod4 .txt {
        font-size: 3.5vw;
        margin-left: 3%;
    }

    .mMod4 p {
        padding-top: 8%;
    }

    .mMod9 {
        padding: 20% 0 19%;
    }

    .mMod9 .swiper-slide>img,
    .mMod9 .swiper-slide::before {
        height: 350px;
    }

    .mMod9>.swiper-pagination {
        top: 531px;
    }

    .mMod9 .swiper-slide>p {
        font-size: 4vw;
    }

    .mMod5 {
        margin: 15% 0;
    }

    .mMod5 .navi {
        font-size: 4vw;
        padding: 2.5% 4%;
    }

    .mMod5 .txtBx {
        padding: 10% 6%;
    }

    .mMod5 .ti>span {
        font-size: 4.5vw;
    }

    .mMod5 .tx {
        font-size: 4vw;
    }

    .mMod5 .txt {
        padding-top: 8%;
    }

    .mMod5 .txt::before {
        padding-bottom: 6%;
    }

    .mMod7 {
        gap: 10px;
    }

    .mMod7>a {
        font-size: 16px;
        padding: 15px 53px 15px 30px;
    }

    .mMod7>a::after {
        right: 25px;
        width: 20px;
        height: 20px;
    }

    .mMod10 {
        margin: 10px 0 12% 0;
    }

    .mMod10>a {
        font-size: 16px;
        padding: 15px 53px 15px 30px;
    }

    .mMod10>a::after {
        right: 25px;
        width: 22px;
        height: 22px;
    }

    .mMod6>.btnBx>.btn_sms {
        display: inline-block;
    }

    .mMod6>.btnBx>a {
        width: 50px;
        height: 50px;
    }

    .mMod6>.telBx>a {
        font-size: 18px;
    }

    .mMod6>.telBx>a::before {
        width: 20px;
        height: 20px;
        vertical-align: -3px;
    }

    .mMod6>.txt {
        font-size: 4vw;
    }

    .mMod6>.telBx {
        padding: 5% 0;
    }

    .mMod11 {
        display: none;
    }

    /* .mMod11>a {
        width: 45px;
        height: 45px;
    } */

    .gnb {
        padding: 5.5%;
    }

    .lMod9 .btn_close,
    .qrpopup .btn_close {
        right: 13px;
        width: 40px;
        height: 40px;
    }

    .guideTxt {
        font-size: 4vw;
    }

    .save {
        font-size: 4vw;
        padding: 15px 53px 15px 30px;
    }

    .save::after {
        right: 30px;
        width: 23px;
        height: 23px;
    }

    #qr img {
        width: 80%;
    }
}

@media screen and (max-width:654px) {
    .mMod9>.swiper-pagination {
        top: 500px;
    }

    .mMod9 .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

@media screen and (max-width:633px) {
    .mMod9 .swiper-slide>p {
        margin-top: 70px;
    }

    .mMod4>.swiper-slide,
    .mMod9 .swiper-slide>img,
    .mMod9 .swiper-slide::before,
    .iframeBx,
    .mMod5 {
        border-radius: 30px;
    }

    .gMap {
        height: 250px;
    }
}

@media screen and (max-width:610px) {
    .mMod9>.swiper-pagination {
        top: 490px;
    }
}

@media screen and (max-width:579px) {
    .mMod5 .navi::before {
        width: 20px;
        height: 25px;
    }

    .mMod0>span {
        font-size: 22px;
    }

    .mMod1 {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width:529px) {

    .mMod9 .swiper-slide>img,
    .mMod9 .swiper-slide::before {
        height: 280px;
    }

    .mMod9>.swiper-pagination {
        top: 392px;
    }

    .mMod9 .swiper-slide>p {
        margin-top: 56px;
    }

    .gMap {
        height: 200px;
    }

    .save::after {
        width: 25px;
        height: 25px;
    }

    .lMod9 .btn_close,
    .qrpopup .btn_close {
        width: 23px;
        height: 23px;
    }

    .mMod7>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mMod10>a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media screen and (max-width:450px) {

    .mMod9 .swiper-slide>img,
    .mMod9 .swiper-slide::before {
        height: 250px;
    }

    .mMod9>.swiper-pagination {
        top: 340px;
    }

    .mMod5 .navi::before {
        width: 16px;
        height: 20px;
    }
}

@media screen and (max-width:414px) {
    .mMod4>.swiper-slide {
        padding: 4%;
    }

    .mMod4>.swiper-slide {
        padding-bottom: 4%;
    }
}

@media screen and (max-width:375px) {

    .invi>p {
        letter-spacing: 15px;
        text-indent: 15px;
    }

    .mMod9>.swiper-pagination {
        top: 334px;
    }

    .mMod4>.swiper-slide {
        padding: 3%;
    }
}

@media screen and (max-width:293px) {
    .invi>p {
        letter-spacing: 12px;
    }
}

@media screen and (max-width:280px) {
    .mMod9>.swiper-pagination {
        top: 314px;
    }

    .mMod4 .txt {
        margin-left: 0;
    }
}