@charset "UTF-8";

@media (min-width: 769px) and (max-width:1240px) {
    

    br.p_br {
        display: none;
    }

    br.t_br {
        display: inline-block;
    }

    br.m_br {
        display: none;
    }

    .inner {
        max-width: none;
    }

    .inner_tab {
        padding: 0 50px;
    }

    .wrap .sec_tit h2 {
        font-size: clamp(30px, 4.35vw, 54px);
    }





    /* 드롭헤더 */
    .wrap .drop_header {
        width: 100%;
        height: 60px;
    }

    .wrap .drop_header .inner a.logo img {
        max-width: 30px;
    }

    .wrap .drop_header .inner ul.header_main_menu li a {
        padding: 0 2vw; /* 24px */
        font-size: 1.45vw; /* 18px */
    }




    /* 사이드 메뉴 nav */
    .wrap nav.side_nav ul {
        left: 10px;
    }

    .wrap nav.side_nav ul li {
        padding: 6px 0;
    }

    .wrap nav.side_nav ul li a {
        gap: 8px;
        font-size: 14px;
    }

    .wrap nav.side_nav ul li a span {
        width: 6px;
        height: 6px;
        border-radius: 3px;
    }

    .wrap nav.side_nav ul li.active a span {
        height: 34px;
    }

    .wrap nav.side_nav ul li a p {
        display: none;
    }






    /* 메인비주얼 */
    .wrap .main_visual a.logo img {
        max-width: 50px;
    }

    .wrap .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .visual_title {
        bottom: 15%;
        right: 6%;
    }

    .wrap .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .visual_title h1 {
        font-size: 5.16vw; /* 64px */
    }

    .wrap .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .visual_title p {
        margin-top: 20px;
        font-size: clamp(16px, 1.3vw, 18px) /* 16px */
    }





    /* 플로팅 lang */
    .wrap .floating {
        bottom: 5px;
        right: 20px;
    }





    /* magazine */
    .wrap .magazine .sec_tit h2 {
        font-size: clamp(30px, 4.35vw, 44px);
    }






    /* sec01 Cheongdam Circle's Specialty */
    .wrap .sec.specialty .sec_con .specialty_1>p {
        font-size: 24px;
    }

    .wrap .sec.specialty .sec_con .specialty_1 p.doc_suh {
        left: 6%;
    }

    .wrap .sec.specialty .sec_con .specialty_1 p.doc_ahn {
        right: 6%;
    }

    .wrap .sec.specialty .sec_con .specialty_1>p::after {
        width: 24px;
        height: 24px;
        font-size: 30px;
        line-height: 20px;
    }

    .wrap .sec.specialty .sec_con .specialty_1 .doc_con {
        max-width: 500px;
        max-height: 400px;
        padding: 30px;
        border-radius: 30px;
    }

    .wrap .sec.specialty .sec_con .specialty_1 .doc_con .scroll_inner>ul>li {
        font-size: 16px;
    }

    .wrap .sec.specialty .sec_con .specialty_1 .doc_con .scroll_inner>ul>li>p {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .wrap .sec.specialty .sec_con .specialty_1 .doc_con .scroll_inner>ul>li ul li p.more_tiny_circle {
        margin-left: 16px;
        font-size: 14px;
    }

    .wrap .sec.specialty .sec_con .specialty_prev,
    .wrap .sec.specialty .sec_con .specialty_next {
        top: auto;
        bottom: -10%;
        transform: translateY(0);
    }

    .wrap .sec.specialty .sec_con .specialty_prev img,
    .wrap .sec.specialty .sec_con .specialty_next img {
        max-width: 20px;
    }

    .wrap .sec.specialty .sec_con .specialty_prev {
        left: 42%;
    }

    .wrap .sec.specialty .sec_con .specialty_next {
        right: 42%;
    }




    /* sec02 Signature Treatments */
    .wrap .sec.signature .sec_con .signature_prev,
    .wrap .sec.signature .sec_con .signature_next {
        display: none;
    }

    .wrap .sec.signature .sec_con .signature_tabnav li {
        font-size: 1.45vw; /* 18px */
    }

    .wrap .sec.signature .sec_con .signature_tabnav li.active {
        font-size: 1.6vw; /* 20px */
    }

    .wrap .sec.signature .sec_con .signature_swiper .swiper-wrapper .swiper-slide .txt p.little_wide {
        font-size: 1vw; /* 12px */
    }

    .wrap .sec.signature .sec_con .signature_swiper .swiper-wrapper .swiper-slide .txt p.main_title {
        margin: 20px 0 15px;
        font-size: 4.35vw; /* 54px */
    }

    .wrap .sec.signature .sec_con .signature_swiper .swiper-wrapper .swiper-slide .txt p.sub_title {
        font-size: 2vw; /* 24px */
    }

    .wrap .sec.signature .sec_con .signature_swiper .swiper-wrapper .swiper-slide .txt p.disc {
        margin-top: 20px;
        font-size: 1.45vw; /* 18px */
    }





    /* sec03 ban */
    .wrap .sec.bna .inner {
        padding: 0;
        margin: 0 50px;
    }

    .wrap .sec.bna .bna_left {
        padding-right: 30px;
    }

    .wrap .sec.bna .bna_left .sec_tit p {
        margin-bottom: 30px;
        font-size: 2vw; /* 24px */
    }

    .wrap .sec.bna .bna_left .sec_tit p {
        font-size: 1.6vw; /* 20px */
    }

    .wrap .sec.bna .bna_left ul.bna_tab li {
        height: 50px;
        font-size: 1.45vw; /* 18px */
    }

    .wrap .sec.bna .bna_left ul.bna_tab li.active {
        font-size: 1.68vw;
    }

    .wrap .sec.bna .bna_left .bna_notice {
        margin-top: 30px;
        font-size: 1.45vw; /* 18px */
    }

    .wrap .sec.bna .bna_right .bna_swiper .bna_progress {
        width: 60%;
    }

    .wrap .sec.bna .bna_right .bna_swiper .swiper-wrapper {
        width: 150%;
    }

    .wrap .sec.bna .bna_right .bna_swiper .swiper-wrapper .swiper-slide>div {
        width: 100%;
    }

    .wrap .sec.bna .bna_right .bna_swiper .swiper-wrapper .swiper-slide>div p {
        width: 140px;
        font-size: 1.3vw; /* 16px */
    }
    
    .wrap .sec.bna .bna_right .bna_swiper .swiper-wrapper .swiper-slide>div img {
        width: 100%;
    }






    /* sec04 Instagram */
    .wrap .sec.instagram {
        padding-top: 0;
    }

    .wrap .sec.instagram .sec_con h5 {
        font-size: 2vw; /* 24px */
    }

    .wrap .sec.instagram .sec_con div.insta_content .instagram_links ul {
        margin-bottom: 15px;
    }

    .wrap .sec.instagram .sec_con div.insta_content .instagram_links ul li a {
        font-size: 1.45vw; /* 18px */
    }

    .wrap .sec.instagram .sec_con div.insta_content .instagram_links ul li a img {
        max-width: 2vw;
    }





    /* sec05 About Circle */
    .wrap .sec.about_circle .sec_con p {
        font-size: 2vw; /* 24px */
    }

    .wrap .sec.about_circle .sec_con .about_circle_swiper .swiper-wrapper .swiper-slide {
        max-width: 400px;
        width: 100%;
    }

    .wrap .sec.about_circle .sec_con .about_circle_swiper .swiper-wrapper .swiper-slide img {
        width: 100%;
    }





    /* sec06 Branding */
    .wrap .sec.branding p {
        font-size: 2vw; /* 24px */
    }

    
    
    
    /* sec07 Location */
    .wrap .sec.location .sec_con .map {
        width: 50%;
        height: 100%;
    }
    
    .wrap .sec.location .sec_con .map img {
        width: 100%;
    }

    .wrap .sec.location .sec_con .map_txt>ul.map_tab li {
        padding: 1.6vw 0; /* 20px */
        font-size: 1.6vw; /* 20px */
    }

    .wrap .sec.location .sec_con .map_txt div.map_content ul li {
        padding: 4vw 0; /* 50px */
    }
    
    .wrap .sec.location .sec_con .map_txt div.map_content ul li h5 {
        font-size: 1.6vw; /* 20px */
    }

    .wrap .sec.location .sec_con .map_txt div.map_content ul li>p {
        font-size: 1.5vw; /* 18px */
    }

    .wrap .sec.location .sec_con .map_txt div.map_content ul li .chart table {
        font-size: 1.3vw; /* 16px */
    }

    .wrap .sec.location .sec_con .map_txt div.map_content ul li .chart table tr td {
        padding: 1.13vw 0; /* 14px */
    }

    .wrap .sec.location .sec_con .map_txt div.map_content ul li .chart p {
        font-size: 1.45vw; /* 18px */
    }











}