/********** 반응형 **********/
@media screen and (max-width:1680px){
    html,body {font-size:50% !important;}
}


@media screen and (max-width:1360px){
   /*GNB*/
   header>.header-boundary {width: calc(100% - 3.2rem); margin-left:1.6rem; margin-right:1.6rem;}
   header>.header-boundary>ul {flex-wrap: nowrap;}
   
   header>.header-boundary>ul>.menu-wrap {overflow-y: auto;}
   header>.header-boundary>ul>.menu-wrap>.menu>a {min-width: 10rem;}

    /*사이트맵*/
   .site-map {padding:5rem; width: 60%;}
   .black-site-map {width: 40%;}

   /*공통*/
   .boundary-1440 {padding-left:1.6rem; padding-right:1.6rem;}
   .dealers-wrap {padding-top:6.3rem;}
   .dealers-wrap .boundary-1440 {padding:0 !important;}
   /*히어로배너*/
   #main-banner-slide { display: none;}
   #mobile-banner-slide{display: block; position: relative;}
   
   #mobile-banner-slide .swiper-slide .boundary-1440 {padding-left:10rem; padding-right: 10rem;}

   /*커스텀홀*/
   #guitar-body .swiper-slide {flex-basis: 31.333%; max-width: 31.333%;}
}

@media screen and (max-width:1024px){
    
    #mobile-banner-slide { border-radius: 0; aspect-ratio: 4 / 5; width: 100%; }
    #mobile-banner-slide .swiper-slide::before {content:''; position: absolute; top:0%; left:0%; ; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 2; }
    #mobile-banner-slide .swiper-slide .boundary-1440 {flex-basis: 100%; max-width: 100%;}
    #mobile-banner-slide .swiper-slide .boundary-1440 .text-wrap {flex-basis: 100%; max-width: 100%;}
    #mobile-banner-slide .swiper-slide .boundary-1440 .text-wrap>h2 >br {display: none;}
    #mobile-banner-slide .swiper-slide .boundary-1440 .text-wrap>p>br {display: none;}
    #section-02 .boundary-1440 #overview.flex_2ea .content>h3>br {display: none;}

    #section-04 .section-container {background-attachment: scroll; height: 70rem;}
    #section-04 .section-container .container {flex-basis: 50%; max-width: 50%; height: 50%; padding:0; flex-direction: column; justify-content: center;}
    #section-04 .section-container .container .title-wrap>.arrow { max-width: 4rem; margin: auto; margin-top:2rem;}
    #section-04 .section-container .container:nth-child(3), #section-04 .section-container .container:nth-child(4) {border-top:1px solid rgba(255,255,255,0.2);}
    #section-04 .section-container .container .title-wrap>h3 {font-size:3rem;}
    #section-04 .section-container .container .img-wrap {width: 6rem; height: 6rem;}
    #section-04 .section-container .container .img-wrap>img {width: 3rem;  }
    #section-05 .instagram-wrap>.item {flex-basis: 24%; max-width: 24%;}


    /*회사소개*/
    #company-03 .history-container {flex-wrap: wrap;}
    #company-03 .history-container>div {flex-basis: 100%; max-width: 100%;}
    #company-01>.boundary-1440>.flex_2ea>.content {padding:0;}
    #company-01>.slogan-ment {font-size: 15vw;}
    #company-03 .boundary-1440>h2 {font-size:3.6rem;}
    #company-03 .history-container>div {padding:0;}
    #company-03 .history-container .years-wrap {padding:3rem;}

    /*GNB*/
    .sns-wrap {display: none;}
    header::before {height: 2px;}



    header>.header-boundary>ul>.logo-wrap {max-width: 10rem; flex-basis: 10rem; width: 10rem; flex-shrink: 1;}
    header>.header-boundary>ul>.etc-wrap {gap:1rem;}
    header>.header-boundary>ul>.etc-wrap>.site-wrap {margin-left:1rem;}

   

    header>.header-boundary>ul>.menu-wrap {flex-basis: 50%; max-width: 50%;  justify-content: flex-start;}
    header>.header-boundary>ul>.menu-wrap>.menu {flex-basis: 20rem; max-width: 20rem;}
    header>.header-boundary>ul>.menu-wrap:hover>.menu  {flex-basis: 15rem; max-width: 15rem;}
    header>.header-boundary>ul>.menu-wrap>.menu>a {height: 6rem;}
    header>.drop-menu .boundary {padding-top: 6rem;}

    header>.drop-menu .boundary .menu-name {flex-basis: 35%; max-width: 35%;}
    header>.drop-menu .boundary .side-menu>ul>li {font-size:1.6rem;}
    header>.drop-menu .boundary .side-menu>ul>li>a {font-size:1.6rem;}
    
    .header-height {height: 6rem;}

    

    /*제품소개*/
    #product-list .swiper-wrapper .swiper-slide {max-width: 31.333%; width: 31.333%; flex-basis: 31.333%; margin:1%;}

    /*SUPPORT*/
    .gallery-wrap .boundary-1440 .flex_4ea .content {flex-basis: 31.333%; max-width: 31.333%;}

    /*사이트맵*/
    .site-map .menu-list>li>a {font-size:2.4rem;}

    .banner-wraps .menu-wrap {top:6rem !important; flex-wrap: nowrap; justify-content: flex-start; width: 100%; max-width: 100%; overflow-x: scroll; border:0; border-radius: 0; }
    .banner-wraps .menu-wrap .sub-menu {flex-basis: 15rem; max-width: 15rem; flex-shrink: 0; }
    .banner-wraps .menu-wrap .sub-menu>a {padding:1rem; font-size:1.4rem;}
    /* 좌우 그라데이션 */
    /* 좌우 고정된 그라데이션 */
    .banner-wraps::before,
    .banner-wraps::after {
        content: '';
        position: fixed; /* 그라데이션이 화면에 고정 */
        top: 6rem; /* 메뉴의 top 값과 일치 */
        height: 4rem; /* 원하는 높이로 조정 */
        width: 3rem; /* 그라데이션 폭 */
        z-index: 2; /* 메뉴보다 위로 표시 */
        pointer-events: none; /* 이벤트 방해 차단 */

    }
    

    /*아티스트*/
    .artist-wrap .flex_4ea .content {flex-basis: 33.333%; max-width: 33.333%;}

    /*커스텀홀*/
    .pick-up-container {flex-direction: column; flex-wrap: wrap;}
    .pick-up-container #pick-up {flex-basis: 100%; max-width: 100%;}
    .pick-up-container #pick-up-thumb {flex-basis: 100%; max-width: 100%;}
    .pick-up-container #pick-up-thumb .swiper-pagination {top: calc(var(--vh, 1vh) * 10);}
    .pick-up-container #pick-up-thumb .swiper-slide {padding-top:calc(var(--vh, 1vh) * 20); padding-bottom:calc(var(--vh, 1vh) * 20);}
   

    /* #custom_hall-09 #custom-gallery .swiper-slide {max-width: 31.333%; flex-basis: 31.333%;} */

    /*시리즈 컬렉션 */
    #menu-swiper .swiper-wrapper {display: none;}
    .banner-wraps.video-wraps {margin-top:6rem;}

    #custom_hall-09 #custom-gallery .swiper-slide {flex-basis: 31.333% ; max-width: 31.333% ;}

    }


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


    /*공통*/
    .sub-section {padding-top:6rem; padding-bottom: 5rem;}
    

    /*GNB*/
    header>.drop-menu .boundary {flex-wrap: wrap;}
    header>.drop-menu .boundary .menu-name {display: none; padding:2rem;}
    header>.drop-menu .boundary .side-menu {flex-basis: 100%; max-width: 100%; padding:2rem;}
    header>.drop-menu .boundary .galley-menu {flex-basis: 100%; max-width: 100%; padding:1.6rem;}
    header>.header-boundary>ul>.etc-wrap>.store-wrap>a {padding:0.3rem 1rem;}

    header>.drop-menu .boundary .menu-name>div>p {font-size:1.4rem;}
    header>.drop-menu .boundary .menu-name>div>p>br {display: none;}
    header>.drop-menu .boundary .menu-name>div>h3 {font-size:2rem; margin-bottom: 1rem;}
    header>.drop-menu .boundary .galley-menu {border-left:0;}
    header>.drop-menu .boundary .side-menu>ul>li>a {font-size:1.8rem;}

    header>.header-boundary>ul>.menu-wrap {flex-basis: 60%; max-width: 60%;  justify-content: flex-start;} 
    header>.header-boundary>ul>.etc-wrap>.store-wrap {display: none;}


    /*메인*/
    /* #mobile-banner-slide {border-radius: 0; height: 600px;} */
    #mobile-banner-slide .swiper-slide .boundary-1440 {padding-left:4rem; padding-right: 4rem;}
    .navigation-btn {display: none;}
    #section-05 .instagram-wrap>.item {flex-basis: 49%; max-width: 49%;}
    #section-06 {background-attachment: scroll; padding-bottom: 50%;}

    .tag-list li {font-size:1.6rem;}

    #section-02 .boundary-1440 #overview.flex_2ea .content {padding:0;}
    .flex_2ea .content {flex-basis: 100%; max-width: 100%;}
    .flex_2ea .content.text {order:1;}

    #core-value-02 {background-attachment: scroll; background-size: auto;}

    #core-value-02 #contents-02 .content:first-child {position: static; top:0;}
    #core-value-02 #contents-02 .content:last-child {display: flex; justify-content: flex-start; flex-wrap: wrap; }
    #core-value-02 #contents-02 .content:last-child .item {flex-basis: 45%; max-width: 45%; margin: 2.5%;}

    #section-02 .boundary-1440 #core-value .content {flex-basis: 100%; max-width: 100%; padding-bottom: 3rem;}
    #section-02 .boundary-1440 #core-value .content:nth-child(2n) {margin-top:0}
    #core-value-03 {background-attachment: scroll; background-size: cover;}
    .slide-container .swiper-container .swiper-wrapper .swiper-slide {flex-basis:32.333%; max-width: 32.333%; margin:0.5%;}


    .banner-wraps:not(.video-wraps) {aspect-ratio: 1 / 1; position: relative; height: auto;}
    .banner-wraps .boundary-1440  {position: absolute; top:50%; left:50%; transform: translate(-50%,0%);}
    /* .banner-wraps .boundary-1440 .title-wrap {} */
    .banner-wraps .boundary-1440 .title-wrap>h2 {font-size:3.6rem;}
    .banner-wraps .boundary-1440 .title-wrap>p {width: 100%; font-size:1.6rem;}
    .banner-wraps .boundary-1440 .title-wrap>p>br {display: none;}
    #overview {padding-top:8rem; padding-bottom: 8rem;}
    #section-02 .boundary-1440 #overview.flex_2ea .content {padding-bottom: 5rem;}
    #section-02 .boundary-1440 #overview.flex_2ea .content>h3>br {display: none;}

    #section-04 .section-container {height: auto;}
    #section-04 .section-container .container {flex-basis: 100%; max-width: 100%; height: auto; padding:0; flex-direction: column; justify-content: center; height:35rem; border:0 !important;}




    /*footer*/
    footer .boundary-1440 .w-30 {flex-basis: 100%; max-width: 100%; margin-bottom: 5rem;}
    footer .boundary-1440>.w-70 {flex-basis: 100%; max-width: 100%; }

    .black-site-map {width: 20%;}
    .site-map {width: 80%; max-width: 80%;}


    /*회사소개*/
    #company-02 .boundary-1440 .text-wrap {width: 100%; max-width: 100%;}
    #company-02 .boundary-1440 .text-wrap>h3 {padding-bottom: 2rem;}

    .core-value-wrap .core-title>h2 {font-size:4rem;}
    .core-value-wrap .flex_2ea .content.text {padding:2rem;}
    #core-value-02 .flex_2ea .content {padding:2rem;}

    .core-value-wrap .flex_2ea .content>h3>br {display: none;}
    #company-01>.boundary-1440>.flex_3ea .content {flex-basis: 100%; max-width: 100%; border:0; margin-bottom: 2rem;}
    #company-01>.boundary-1440>.flex_3ea>.content.text-wrap:nth-child(2) {border:0;}

    #company-01>.boundary-1440>.text-wrap {text-align: left;}


    /*제품*/
    .product-page {max-width: 100%;}
    
    #product-detail-container {padding-top:8rem;}
    #product-detail-container .boundary-1440 {flex-wrap: wrap;}
    #product-detail-container .img-wraps {flex-basis: 100%; max-width: 100%; top:0; position: relative; padding:0;}
    #product-detail-container .spec-wraps {flex-basis: 100%; max-width: 100%; margin-top:5rem; padding:0;}
    #product-list .swiper-wrapper .swiper-slide {max-width: 48%; width: 48%; flex-basis: 48%; margin:1%;}
    
   
    #product-container {padding-top:8rem;}
    #search-page {padding-top:8rem;}
    #board-container {margin-top:8rem;}

    #product-container .filter-container { flex-basis: 75%; max-width: 75%;padding:1rem; top:6rem; left:-75%; z-index: 3; background-color: #fff; height: 100vh; position: fixed; transition: all 0.4s cubic-bezier(.23,1,.32,1);;}
    .filter-container-bg {width: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 2; display: none;}
    .filter-container-bg.on {display: block;}
    #product-container .filter-container.on {left:0%;}
    /* #product-container .filter-container.on::before{content:''; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);} */
    #product-container .filter-container .product-filter-wrap>li>div {padding:1rem;}
    #product-container .filter-container .product-filter-wrap>li>div>.ft-16 {font-size:1.6rem;}
    #product-container .filter-container .product-filter-wrap>li>ul .ft-14 {font-size:1.4rem;}
    #product-container .filter-container .product-filter-wrap>li.on>ul {padding-bottom: 2rem;}

    

    .product-page#product-list .info-wraps>div .filter-button {display: none;}
    .product-page#product-list .info-wraps>div .filter-button.mobile {display: flex;}
    .product-page#product-list .info-wraps>div .filter-button.mobile span {display: flex; justify-content: center; align-items: center;}


    /*딜러스*/
    .dealers-wrap {padding-bottom: 0;}
    .dealers-wrap>.boundary-1440>div {flex-direction: column;}

    /*아티스트*/
    .artist-wrap .flex_4ea .content {flex-basis: 50%; max-width: 50%;}
    /* .product-page { visibility: hidden;} */

    /*커스텀홀*/
    #custom_hall-02 {height: auto;}
    #custom_hall-02>.boundary-1440>ul>li {flex-basis: 49%; max-width: 49%; padding:1.5rem;}

    #custom_hall-03>.bg-wrap { background-image: url(../../../img/main-banner-01_11zon-m.webp); background-repeat: no-repeat;  }
    #custom_hall-04>.bg-wrap { background-image: url(../../../img/wood_11zon-m.webp);  }

    #head-style-bg .swiper-slide>.text-wrap  {padding-right: 18rem;}
    #head-style-bg .swiper-slide>.text-wrap h3 {font-size:2.4rem;}
    #head-style-bg .swiper-slide>.text-wrap .ft-16 {font-size:1.6rem;}

    #head-style-bg .swiper-slide {align-items: flex-start; padding-top:5rem;}
    #head-style .head-style-wrap ul {width: 12rem; max-width: 12rem; height: 12rem; padding:1rem;}
    #head-style .head-style-wrap ul>.img-wrap {width: 100%;}
    #head-style .head-style-wrap ul img {width: 100%; height: auto;}
    #head-style .head-style-wrap ul h4 {font-size:1.6rem;}

    #custom_hall-05 .bg-wrap {background-image: url(../../../img/head-bg_11zon.webp-m.webp); }
    #custom_hall-06 .bg-wrap {background-image: url(../../../img/inlay-02_11zon-m.webp); }
    #custom-inlay .head-style-wrap ul {width: 12rem;}

    #custom_hall-07 .bg-wrap {background-image: url(../../../img/CUSTOM-QT-5A-5-m.webp); }
    #custom_hall-08 .bg-wrap {background-image: url(../../../img/pick-up-m.webp);} 
    #custom_hall-09 {height: auto;}


    #custom_hall-10 .boundary-1440 .check-container-wrap {flex-basis: 60%; max-width: 60%;}
    #custom_hall-10 .boundary-1440 .spec-wrap {flex-basis: 40%; max-width: 40%;}
    #custom_hall-10 .boundary-1440 .spec-wrap .sub-wrap {padding:2rem;}

    /*커스텀홀*/
    #guitar-body .swiper-slide {flex-basis: 48%; max-width: 48%;}




    .pc-image {display: none !important;}
    .mobile-image {display: block !important;}

    #coating .head-style-wrap ul {width: 12rem;}

    #custom_hall-09 #custom-gallery .swiper-slide {flex-basis: 48%; max-width: 48%;}

}

@media screen and (max-width:500px){
  /*SUPPORT*/
  .gallery-wrap .boundary-1440 .flex_4ea .content {flex-basis: 98%; max-width: 98%; margin-bottom: 3rem;}

  /*footer*/
  footer .boundary-1440>.w-70 {flex-wrap: wrap;}
  footer .boundary-1440>.w-70 .w-33_3 {flex-basis: 50%; max-width: 50%;}
  footer .boundary-1440>.w-70 .w-33_3:nth-child(3) {margin-top:3rem;}

  .slide-container .swiper-container .swiper-wrapper .swiper-slide {flex-basis:49%; max-width: 49%; margin:0.5%;}


  .ft-14 {font-size:1.6rem;}
  .ft-16 {font-size:1.8rem;}


  /* 제품 */
  #product-list {padding:1rem;}


  /*커스텀의뢰*/
  #custom_hall-10 .boundary-1440 .check-container-wrap {flex-basis: 100%; max-width: 100%;}
  #custom_hall-10 .boundary-1440 .spec-wrap {flex-basis: 100%; max-width: 100%;}

  .input-box .file-select {height: 5rem;}




  

  
 
}