@media screen and (max-width: 1600px) {
    .fs-50 {
        font-size: 4rem;
    }

    /* 통신사별 가격표 */
    .__gap-165 {
        gap: 10rem;
    }

    .main_txt {
        font-size: 5rem;
    }

    .header_inner {
        padding: 0 3rem;
    }

    .txt_besttit {
        font-size: 2rem
    }

    /* 푸터 */
    .__base-wrap.max-w-xl {
        max-width: 1400px;
    }

    /* 메인 */
    .vis_inq {
        padding: 4rem;
    }

    .visual {
        width: 100%;
        border-radius: 0;
    }

    .vis_txt:after {
        display: none;
    }

    .vis_p img {
        width: 26rem;
    }

    .pre_cont:after {
        left: -8rem;
        bottom: -8rem;
    }

    .agency {
        width: calc((100% / 3) - 1rem);
    }

    .mt-90 {
        margin-top: 5rem;
    }

    .ch_header {
        width: calc(100% - 95rem);
    }

    .ch_cont {
        width: 90rem;
    }

    .w-655 {
        width: 60rem;
    }

    .w-1500 {
        max-width: 1400px;
    }

    /* 서브헤더 */
    .subpg-header {
        border-radius: 0 0 10rem 10rem;
    }


    /* 카드 */
    .__gap-60 {
        gap: 3rem 2rem;
    }

    .width-4-60 {
        width: calc((100% - (2rem * 3)) / 4);
    }

    .ag_top li p.__w-list {
        width: 100%;
    }

    .width-3-60 {
        width: calc((100% - (2rem * 2)) / 3);
    }



}

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

    .sub-tel .__gap-50 {
        gap: 3rem;
    }

    .ag_price {
        margin-top: 2rem;
    }

    .iconbg-tel {
        width: 15rem;
    }

    .iconbg {
        height: 7rem;
    }

    .txt-card .fs-16 {
        font-size: 14px;
    }

    .ch_slide .sub_txt {
        min-height: 7rem;
    }

    .pt-200 {
        padding-top: 15rem;
    }

    .site-wrap {
        width: calc(100% - 10rem);
    }

    /* 헤더 */
    .gnb_a {
        padding: 0 2rem;
    }

    .visual {
        height: unset;
        padding-bottom: 10rem;
    }

    .vis_inner {
        flex-direction: column;
        padding-top: 16rem;
    }

    .vis_inq {
        width: 100%;
    }

    .vis_left {
        width: 100%;
        gap: 12rem;
        margin-left: 4rem;
    }

    .vis_p img {
        width: 32rem;
    }

    .vis_txt:after {
        top: 60%;
    }

    .current_inner {
        padding: 5rem 0;
    }

    .access {
        padding: 20rem 0 10rem;
    }

    .choose {
        padding: 5rem 0;
    }

    .ch_cont {
        width: 80rem;
    }

    .ch_header {
        width: calc(100% - 90rem);
    }

    .ch_slide {
        height: unset;
        padding: 3rem;
        background: var(--orange-color);
    }

    .ch_slide.purple {
        background: var(--purple-color);
    }

    .ch_slide.green {
        background: var(--light-green);
    }

    .ch_slide.yellow {
        background: var(--yellow-color);
    }

    .btn_wrap {
        flex-direction: row;
    }

    .pt-150 {
        padding-top: 10rem;
    }

    .merit {
        width: calc((100% - 2rem) / 3);
    }


    /* 통신사 */
    .tel-img {
        display: none;
    }

    .vis_txt:after {
        display: none;
    }

    .vis_left {
        padding-bottom: 5rem;
    }

    /* 갤러리 */

    .gallery-4 {
        gap: 1rem;
    }

    .width-4-20 {
        width: calc((100% - (1rem * 2)) / 3);
    }

    .width-3-25 {
        width: calc((100% - (1rem * 2)) / 3);
    }

    .write_pg .__gap-30 {
        gap: 2rem;
    }

    .write_pg .__w-half {
        width: calc((100% - 2rem) / 2);
    }

    label.pb-20 {
        padding-bottom: 1rem;
    }

    .d_br {
        display: block;
    }

    .ag_top h3 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .gift {
        flex: 0 0 20rem
    }

    .ch_slide {
        border-radius: 2rem;
    }
}

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

    .boxing_txt {
        padding: 2rem 3rem;
    }

    .sub-tel .product_slide {
        margin-top: 5rem;
    }

    .iconbg-tel {
        display: none;
    }

    .card_pg .width-3-60 {
        width: calc((100% - (2rem * 1)) / 2);
    }

    .cur_cont {
        padding: 3rem;
    }

    .menu-trigger span {
        height: 0.4rem;
    }

    .__gap-165 {
        gap: 5rem;
    }

    .mb-60 {
        margin-bottom: 4rem;
    }

    #header {
        top: 0;
    }

    .gnb {
        display: none;
    }

    .pre_cont:after {
        display: none;
    }

    .ag_top {
        padding: 3rem;
    }

    /* .merit {
        width: 100%;
        flex-direction: row;
        gap: 2rem;
    }

    .merit img {
        width: 16rem;
        height: auto;
    }

    .merit_txt {
        margin-top: 0;
        margin-bottom: 1rem;
    } */

    .merit p br {
        display: none;
    }

    .acc_img {
        width: 25rem;
    }

    .merit h3 {
        font-size: 2.5rem;
    }

    .header_inner {
        width: 100%;
        border-radius: 0;
    }

    .agency .btn_wrap {
        width: calc(100% - 30px);
    }

    .main_txt {
        font-size: 4rem;
        margin-top: 2rem;
    }

    .sub_txt {
        font-size: 3.5rem;
    }

    .ch_slide .sub_txt {
        min-height: unset;
    }

    .sum {
        height: 24rem;
    }

    .width-3-25 {
        width: calc((100% - (1rem * 1)) / 2);
    }


    .best-list {
        gap: 1rem;
    }

    .best-list .width-4-20 {
        width: calc((100% - (1rem * 3)) / 4);
    }

    /* 메인 */

    .main_txt {
        margin-bottom: 2rem;
    }

    .ch_header {
        width: calc(100% - 80rem);
    }

    .ch_cont {
        width: 75rem;
    }

    .ch_inner {
        align-items: flex-start;
    }

    .present {
        border-radius: 0;
    }

    .cur_cont:after {
        display: none;
    }

    .present {
        padding: 10rem 0;
    }

    .pre_header:after {
        display: none;
    }

    .pre_cont {
        margin-top: 5rem;
    }


    /* 통신사 */

    .__gap-165 {
        padding-top: 5rem;
    }

    .tel-li {
        min-width: 15rem;
    }

    .tel-sele2 {
        text-align: left;
    }

    .w-655 {
        width: 40rem;
    }

    .w-430 {
        width: 100%;
    }

    .cost-wh {
        display: none;
    }

    .ag_price h4 b {
        font-size: 3rem;
    }

    .search-wrap {
        height: 5rem;
    }

    /* 서브헤더 */
    .subpg-header .__flex-wrap {
        justify-content: center;
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    .subpg-header {
        height: 40rem;
        border-radius: 0;
    }

    .subpg-header .mb-15 {
        margin-bottom: 1rem;
    }

    .subpg-header .__flex-wrap {
        padding-top: 3rem;
    }

    .pt-150 {
        padding-top: 6rem;
    }


    .review-header::before {
        display: none;
    }

    .sum_v2 {
        height: 16rem;
    }

    .apply_pg {
        border-radius: 35px;
        top: -8rem;
    }

    .apply_pg .inner-wrap {
        padding: 60px 20px;
        border-radius: 5px;
    }


}


/* 노트북 */
@media screen and (max-width: 1024px) {
    html {
        font: 400 8px / 1.2 'Pretendard', sans-serif;
    }

    .t_display_none {
        display: none;
    }

    .t_flex_column {
        flex-direction: column;
    }

    .write_pg .__gap-30 {
        gap: 1rem;
    }

    .write_pg .__w-half {
        width: calc((100% - 1rem) / 2);
    }

    .write_pg .t_flex-column {
        gap: 5rem;
    }

    .t_w-full {
        width: 100%;
    }

    .t_flex-wrap {
        flex-wrap: wrap;
    }

    .t_pl-20 {
        padding-left: 2rem;
    }

    .t_pr-20 {
        padding-right: 2rem;
    }

    .t_fs-20 {
        font-size: 2rem;
    }

    .t_gap-10 {
        gap: 1rem
    }

    .t_pb-0 {
        padding-bottom: 0;
    }

    .main_txt {
        margin-top: 1rem;
    }

    .vis_p img {
        width: 32rem;
    }

    .vis_inner {
        padding-top: 10rem;
    }

    /* 
    .ag_top {
        border-radius: 0;
    } */

    .ag_top p {
        font-size: 1.8rem;
    }

    .ag_top li {
        font-size: 2rem;
    }

    .reg_price {
        font-size: 1.7rem;
    }

    .vat {
        font-size: 13px;
    }

    .v_inq_h p {
        font-size: 2rem;
    }

    .req_lab {
        font-size: 2rem;
    }

    .pri_alert {
        font-size: 12px;
    }

    .pri_cont b {
        font-size: 14px;
    }

    .pri_cont {
        font-size: 14px;
    }


    .list-item {
        font-size: 2rem;
    }

    .tit-box {
        width: calc(100% - 11rem - 20rem);
    }

    .date-box {
        width: 20rem;
    }

    .sub-li {
        font-size: 2rem;
    }

    .tag {
        font-size: 1.8rem;
    }

    .apply-btn {
        font-size: 2rem;
    }

    fieldset {
        font-size: 14px;
    }

    .agree-box {
        font-size: 2rem;
    }


    .agree-btn {
        font-size: 1.7rem;
    }


    /* 통신사 */
    .w-480 {
        width: 45rem;
        min-width: 40rem;
    }

    .w-655 {
        width: 50rem;
    }

    .tel-li {
        height: 6.2rem;
    }

    .line-3 .fs-16 {
        font-size: 2rem;
    }

    .t_fs-14 {
        font-size: 14px;
    }

    .ft_right b {
        font-size: 5rem;
    }

    .sum {
        height: 30rem;
    }

    .review_pg .sum {
        height: 25rem;
    }

    .review_pg .sum_v2 {
        width: 22rem;
    }

    .txt-wrap {
        width: calc(100% - 22rem - 7.5rem);
    }

    .sum_v2 {
        height: 15rem;
    }


    .write_pg .t_w-full {
        width: 100%;
    }

    .btn-way .apply-btn {
        width: calc((100% - (1rem * 4)) / 5);
    }

    .apply_pg {
        width: 100%;
    }


    /* 푸터 */
    .ft_info {
        font-size: 12px;
    }

    .width-4-60 {
        width: calc((100% - (2rem * 2)) / 3);
    }

}

/* 태블릿 */

@media screen and (max-width: 950px) {
    select.tel-select {
        padding: 0 10px;
    }

    .txt-card .fs-18 {
        font-size: 2rem;
    }

    .card_info .popup-desc {
        font-size: 15px;
    }

    #card-popup .bg_gray {
        font-size: 14px;
    }

    .iconbg-tel {
        display: block;
    }

    .iconbg-h,
    .iconbg-h2 {
        height: unset;
        gap: 10px;
    }

    .apply_header .pt-50 {
        padding: 0;
    }

    .kt_tv.btn-way .apply-btn {
        width: calc((100% - (1rem * 3)) / 4);
    }

    .sub-tel .goods {
        padding-bottom: 3rem;
    }

    .tablet .swiper-button-next,
    .tablet .swiper-button-prev {
        top: 18%;
        width: 5rem;
        height: 5rem;
        border: 1px solid #ebebeb;
        border-radius: 9999px;
        background-color: #fff;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 10%);
    }



    .swiper-button-next img,
    .swiper-button-prev img {
        width: 80%;
    }

    .sub-tel .product_slide {
        margin-top: 2rem;
    }

    .ag_price {
        margin-top: 0;
    }

    .agency_logo {
        height: 36px;
        object-fit: contain;
    }

    /* .iconbg-tel {
        display: block;
        width: 20rem;
    }
    .iconbg {
        height: 10rem;
    } */
    .w-655 {
        width: 100%;
    }

    .w-480 {
        min-width: 35rem;
    }

    .line-3 .fs-16 {
        font-size: 14px;
    }

    .apply-same {
        width: 16rem;
    }

    .goods {
        overflow: hidden;
    }

    .gallery-txt .fs-25 {
        font-size: 16px;
        margin: 5px 0;
    }

    .gallery-txt {
        padding: 1.5rem 1rem;
    }

    .tablet {
        display: block;
    }

    .cur_cont {
        padding: 2rem;
    }

    .fs-50 {
        font-size: 3rem;
    }

    .d_br {
        display: none;
    }

    .ag_top h3 {
        font-size: 2.5rem;
    }

    .rw-list:hover {
        border-radius: 0;
    }

    .rw-list::before {
        display: none;
    }

    .privacy li a {
        font-size: 15px;
    }

    #footer .privacy:nth-last-child(1) li a {
        padding-right: 0;
    }

    .privacy {
        justify-content: center;
    }

    .ft_logo {
        margin: 3rem auto;
    }

    .ft_info {
        text-align: center;
        align-items: center;
    }

    .copyright {
        justify-content: center;
    }

    .__gap-50 {
        gap: 2rem;
    }

    .pb-60 {
        padding-bottom: 3rem;
    }

    .__gap-165 {
        gap: 3rem;
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    .t_flex-column1 {
        flex-direction: column;
    }

    .t_w-full1 {
        width: 100%;
    }

    .write_pg .t_flex-column1 {
        gap: 3rem;
    }

    .write_pg .__w-half {
        width: 100%;
    }

    .t_gap1-10 {
        gap: 1rem
    }

    .t_gap1-20 {
        gap: 2rem
    }

    .card_info {
        flex-direction: column;
        text-align: center;
    }

    .txt-wrap {
        width: 100%;
        /* text-align: center; */
    }

    /* .review_pg .txt-elip_v1 {
        margin-top: 5px;
      } */

    .card-img {
        width: 80%;
    }


    .t_pt-0 {
        padding-top: 0;
    }


    .t_flex-wrap1 {
        flex-wrap: wrap;
    }

    .t-w-half {
        width: 50%;
    }

    .t_ul {
        width: 100%;
    }

    .vis_p {
        display: none;
    }

    .vis_left {
        margin-left: 0;
        justify-content: center;
    }

    .vis_txt {
        text-align: center;
    }

    .pre_cont {
        /* flex-direction: column; */
        gap: 0;
        /* gap: 2rem; */
    }

    .agency {
        width: calc((100% - (2.5rem * 2) / 3) / 2);
        min-width: 280px;
    }

    .ag_top p {
        height: 4rem;
    }

    .ag_top li.__w-list {
        width: 100%;
    }

    .acc_img {
        width: 25rem;
    }

    .merit h3 {
        font-size: 2rem;
    }

    .ch_cont {
        width: 43rem;
        /* padding: 2rem; */
    }

    .ch_header {
        width: calc(100% - 50rem);
    }

    .width-3-25 {
        width: calc((100% - (1rem * 2)) / 3);
    }

    .bg_yellow {
        padding-bottom: 6rem;
    }

    .sum {
        height: 25rem;
    }

    .tip_pg .sum {
        height: 15rem;
    }

    .review_pg .sum {
        height: 20rem;
    }

    .review_pg .sum_v2 {
        width: 100%;
        height: 20em;
        border-radius: 3rem 3rem 0 0;
    }

    .t_gallary {
        height: 23rem;
        padding-top: 0;
        gap: 10px;
    }


    .t_txt-wrap {
        width: 100%;
        height: 10rem;
        padding: 0 10px;
    }

    .pb-160 {
        padding-bottom: 10rem;
    }

    .modal .policy-wrap {
        height: 20vh;
        font-size: 13px;
    }

    .modal0 .policy-wrap,
    .modal1 .policy-wrap {
        height: 55vh;
    }

    .modal .policy-wrap .section {
        font-size: 13px;
    }

    .modal .section>p {
        font-size: 13px;
    }


    .modal .pb-30 {
        padding-bottom: 2rem;
    }

    .hn_logo img {
        width: 18rem;
    }



    .icon-wrap {
        width: 100%;
    }

    .ag_top li.__w-list {
        height: 20rem;
    }

    .ag_top li img {
        width: 5.8rem;
    }

    /* 통신 */
    .visual_v2 {
        width: 100%;
        /* padding: 0 15px; */
    }

    .sub-tel .btn_wrap .btn {
        width: 100%;
    }

    .sub-li {
        width: 15rem
    }

    .view_header .color-gray_2 {
        font-size: 14px;
    }

    .view-btn {
        font-size: 15px;
    }

    fieldset {
        font-size: 12px;
        text-align: left;
    }

    .tel-icon {
        display: none;
    }

    .tel-li {
        min-width: 10rem;
    }

    .apply_pg .inner-wrap {
        padding: 30px 15px;
        border-radius: 5px;
    }

    .gift {
        flex: 0 0 15rem
    }

}

@media screen and (max-width: 650px) {
    .iconbg-tel {
        display: none;
    }

    .tablet .swiper-button-next,
    .tablet .swiper-button-prev {
        top: 15%;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 5rem;
        height: 5rem;
        border: 1px solid #ebebeb;
        border-radius: 9999px;
        background-color: #fff;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 10%);
    }

    .apply-same {
        width: 19rem;
    }

    .review_pg .sum {
        height: 25rem;
    }

    .swiper-pagination.fraction {
        display: none;
    }

    .choose {
        margin-top: 20px;
    }

    .ch_cont {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .choose {
        position: relative;
    }

    .choose .sub_txt br {
        display: none;
    }

    .choose .swiper-button-prev {
        position: absolute;
        top: 10%;
        left: 0;
        transform: translateY(50%);
        border: 1px solid #ebebeb;
        border-radius: 9999px;
        background-color: #fff;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 10%);
    }

    .choose .swiper-button-next {
        position: absolute;
        top: 10%;
        right: 2px;
        transform: translateY(50%);
        border: 1px solid #ebebeb;
        border-radius: 9999px;
        background-color: #fff;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 10%);
    }



    .sub_txt {
        padding-bottom: 10px;
    }

    .m_dn {
        display: none;
    }

    .sub-li {
        width: 13rem;
        font-size: 14px;
    }

    .ch_slide {
        border-radius: 3rem;
    }

    .ch_slide p {
        margin-top: 0;
    }

    .m_br0 {
        display: block;
    }

    .ch_slide .btn {
        width: 50%;
    }

    .privacy li a {
        font-size: 14px;
    }

    .width-3-25 {
        width: calc((100% - (1rem * 1)) / 2);
    }

    .t_gallary {
        height: 28rem;
    }

    .pt-60 {
        padding-top: 3rem;
    }

    .pt-100 {
        padding-top: 5rem;
    }

    .width-3-60 {
        width: calc((100% - (3rem * 1)) / 2);
    }

    .width-4-60 {
        width: calc((100% - (2rem * 1)) / 2);
    }

    .ft_info .__flex {
        flex-direction: column;
        gap: 1rem;
    }

    .t_flex-column2 {
        flex-direction: column;
    }

    .t_w-full2 {
        width: 100%;
    }

    .t_mt1-30 {
        margin-top: 3rem;
    }

    .__gap-60 {
        gap: 3rem;
    }


    .card_pg {
        gap: 2rem;
    }


    .write_pg .t__gap2 {
        gap: 3rem;
    }

    .write_pg .t_flex-column {
        gap: 3rem;
    }

    .site-wrap {
        flex-direction: column;
        gap: 5rem;
        height: unset;
    }

    .site-wrap .bg-gray {
        display: flex;
        gap: 2rem;
        text-align: left;
    }

    .site-tit {
        flex-direction: column;
        border-right: 2px solid #ffffff9e;
        border-bottom: none;
        margin-bottom: 0;
    }

    .btn-way .apply-btn {
        width: calc((100% - (1rem * 3)) / 4);
    }

    .vis_txt {
        width: 100%;
    }

    .main_txt {
        font-size: 3rem;
        margin-bottom: 10px;
    }

    .acc_header p {
        font-size: 2.5rem;
    }

    .acc_header li {
        font-size: 14px;
    }

    .acc_cont {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .vis_left {
        width: 100%;
    }

    .t_display_none1 {
        display: none;
    }

    .ag_price {
        margin-top: 0rem;
    }

    .vis_txt h2 b {
        font-size: 5rem;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 5rem;
    }

    .merit {
        width: calc((100% - 1rem)/2);
        padding: 3rem 0px;
    }

    .ch_header {
        width: 100%;
        text-align: center;
    }

    .ch_inner {
        flex-direction: column;
    }

    .choose .swiper-pagination.progressbar {
        display: none;
    }

    .subpg-header {
        height: 40rem;
    }

    .subpg-header .__flex-wrap {
        padding-top: 3rem;
    }

    .tit-box {
        width: calc(100% - 8rem - 12rem);
    }

    .number-box {
        width: 8rem;
    }

    .date-box {
        width: 12rem;
    }

    .best-list .width-4-20 {
        width: calc((100% - (1rem * 1)) / 2);
    }

    .width-4-20 {
        width: calc((100% - (1rem * 1)) / 2);
    }


    .search_txt {
        width: calc(100% - 80px);
    }

    .pb-30 {
        padding-bottom: 2rem;
    }

    .__gap-165 {
        flex-direction: column;
    }

    .__gap-165 {
        flex-direction: column;
    }

    .w-655 {
        width: 100%;
        gap: 2rem;
    }

    .w-480 {
        width: 100%;
        padding: 2rem;
    }

    .deco_line::before {
        width: 100%
    }

    .map_gnb .__base-wrap {
        justify-content: flex-start;
    }

    .site-wrap {
        width: calc(100% - 30px);
        border: none;
        background-color: unset;
        padding: 0;
        gap: 1rem;
        overflow-y: scroll;
        border-radius: 0;
    }

    .site-wrap .bg-gray {
        gap: 3rem;
    }

    .site-wrap .bg-gray+.bg-gray {
        border-top: 1px solid #fafafa42;
        padding-top: 1rem;
    }

    .site-tit {
        width: 12rem;
        padding: 0;
        border: none;
        font-size: 18px;
    }

    .t_ul {
        width: calc(100% - 15rem);
    }

    .map-list a {
        font-size: 16px;
        text-align: center;
    }

    .m_logo {
        padding-top: 20px;
        padding-right: 10px;
    }

    .gallery-4 .fs-25 {
        font-size: 2rem;
    }

    .gallery-4 .pb-40 {
        padding-bottom: 3rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .gallery-4 .fs-16 {
        font-size: 12px;
    }

    /* 
    .site-wrap {
        width: calc(100% - 5rem);
        height: calc(100vh - 25rem);
        padding: 2rem;
    }
    .map-list a {
        font-size: 2.5rem;
    } */
    .w-480 .fs-17 {
        font-size: 16px;
    }

    .w-480 .fs-18 {
        font-size: 1.8rem;
        font-size: 17px;
    }

    .tel-li {
        font-size: 15px;
        width: 140px;
    }

    .pt-35 {
        padding-top: 2rem;
    }

    .name {
        flex: 0 0 12rem;
    }

    .deco_line {
        font-size: 3.5rem;
    }

    .agency {
        width: 100%;
    }

    .ag_top p {
        min-height: unset;
    }

    .swiper-button-next,
    .swiper-button-prev {
        border: 1px solid #D8D8D8;
    }

    .kt_tv.btn-way .apply-btn {
        width: calc((100% - (1rem * 2)) / 3);
    }


}

@media screen and (max-width: 480px) {
    .choose .sub_txt {
        font-size: 3rem;
        padding-bottom: 5px;
    }

    .ch_price {
        margin-bottom: 2rem;
    }

    .ch_slide p {
        margin-bottom: 2rem;
    }

    .kt_tv.btn-way .apply-btn {
        width: calc((100% - (1rem * 1)) / 2);
    }

    .txt-card .fs-18 {
        font-size: 15px;
    }

    .card_info .popup-desc {
        font-size: 14px;
    }

    #card-popup .bg_gray {
        padding: 2rem 1rem;
        font-size: 13px;
    }

    .tablet .swiper-button-next,
    .tablet .swiper-button-prev {
        top: 13%;
        width: 4rem;
        height: 4rem;
    }

    .sub-tel .tablet .swiper-button-next,
    .sub-tel .tablet .swiper-button-prev {
        top: 17%;
    }

    .review_pg .sum {
        height: 20rem;
    }

    .ch_cont {
        margin: 0 auto;
    }

    .sub-li {
        width: 11rem;
        font-size: 12px;
    }

    .sum {
        height: 20rem;
    }

    .t_gallary {
        height: 28rem;
        gap: 1rem;
    }

    .visual {
        padding-bottom: 5rem;
    }

    .present {
        padding: 5rem 0;
    }

    .pre_cont {
        margin-top: 3rem;
    }

    .access {
        padding: 15rem 0 5rem;
    }

    .acc_cont {
        margin-top: 3rem;
    }

    .cur_cont {
        padding: 1rem;
    }

    .num {
        flex: 0 0 10rem;
    }

    .gift {
        flex: 0 0 8rem
    }

    .cur_cont {
        border-radius: 1rem;
        padding: 1rem;
    }

    .acc_header li {
        font-size: 12px;
    }

    .subpg-header {
        height: 35rem;

    }

    .subpg-header .mb-15 {
        margin-bottom: 1rem;
        margin-top: 2.5rem;
    }

    .subpg-header .__flex-wrap {
        padding-top: 2rem;
        gap: 5px;
    }

    .t_flex-column3 {
        flex-direction: column;
    }

}

/* 모바일 */
@media screen and (max-width: 420px) {

    .modal .policy-wrap1 {
        height: 20vh;
    }

    .card_header {
        height: 42rem;
    }

    .line-3 .fs-16 {
        font-size: 12px;
    }

    .card_pg .width-3-60 {
        width: 100%;
    }

    .gallery-txt {
        padding: 1.5rem 1rem;
    }

    .review_pg .gallery-txt {
        width: calc(100% - 15rem);
    }

    .gallery-txt .fs-15 {
        font-size: 12px;
    }

    .gallery-txt .fs-16 {
        font-size: 12px;
    }

    .main_txt {
        font-size: 3.5rem;
    }

    .pri_cont {
        font-size: 12px;
    }

    .acc_img {
        /* width: 20rem; */
    }

    .acc_header p {
        font-size: 2.2rem;
    }

    .sub-li {
        width: calc((100% - 5px) / 2);
        border-radius: 0;
    }

    .map-list a {
        text-align: right;
    }

    html {
        font: 400 7px / 1.2 'Pretendard', sans-serif;
    }

    .fs-16 {
        font-size: 12px;
    }

    .menu-trigger span {
        height: 0.3rem;
    }

    .pt-35 {
        padding-top: 2rem;
    }

    .pt-100 {
        padding-top: 3rem;
    }

    .pt-200 {
        padding-top: 10rem;
    }

    .m_left {
        align-items: flex-start;
    }

    .m_flex-column {
        flex-direction: column;
    }

    .m_w-full {
        width: 100%;
    }

    .m_mt-0 {
        margin-top: 0;
    }

    .m_flex-wrap {
        flex-wrap: wrap;
    }

    .write_pg .m_gap-30 {
        gap: 3rem;
    }

    .btn-way .apply-btn {
        width: calc((100% - (1rem * 2)) / 3);
    }

    .best-list .width-4-20 {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .best-list .sum {
        height: 15rem;
    }

    .ch_cont {
        margin: 20px auto 0;
    }

    .ch_slide {
        padding: 2.5rem;
    }

    .choose .swiper-button-next,
    .choose .swiper-button-prev {
        top: 0;
    }

    .gift {
        flex: 0 0 10rem
    }

    .swiper-pagination.fraction {
        font-size: 12px;
        display: none;
    }

    .cur_header span {
        font-size: 12px;
    }

    .tel-li {
        width: 120px;
        height: 45px;
        font-size: 14px;
    }

    .tel-sele {
        height: 45px;
    }

    .t_gallary {
        padding-bottom: 2rem;
        gap: 1rem;
    }

    .sum_v2 {
        width: calc(100% - 4rem);
    }

    .t_txt-wrap {
        width: calc(100% - 4rem);
        padding: 0;
    }

    .m_br {
        display: block;
    }

    .v_inq_h p {
        margin-bottom: 2rem;
    }

    .vis_inq {
        padding: 3.5rem 2.5rem;
        border-radius: 3rem;
    }

    input[type="text"],
    input[type="password"] {
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
    }

    .btn_v2 {

        height: 40px;
    }

    .btn_v3 {
        height: 40px;
    }

    textarea::placeholder,
    input::placeholder {
        font-size: 14px;
    }

    .apply_pg {
        top: -5rem;
    }

    .apply-btn {
        height: 40px;
    }

    .vis_txt h2 span {
        font-size: 4rem;
    }

    .copyright {
        font-size: 12px;
        flex-direction: column;
    }

    .__gap-60 {
        gap: 3rem 2rem;
    }

}

@media screen and (max-width: 360px) {
    .choose .sub_txt {
        font-size: 20px;
    }

    .m_w-full {
        width: 100%;
    }

    .site-tit {
        font-size: 16px;
    }

    .map-list a {
        text-align: right;
    }

    .t_fs-14 {
        font-size: 12px;
    }

    .m_flex-column2 {
        flex-direction: column;
    }

    .search-wrap {
        width: 100%;
    }

    label.__gap-10 {
        gap: 5px;
    }

    .agree-box {
        font-size: 12px;
    }

    .width-3-25 {
        width: 100%;
    }
}