/* common 영역 */
@media(max-width: 1420px){
    .container {
    width: 96%;
}
}
/* mobile 영역 */
@media (max-width:1280px){}
@media (max-width:980px){}
@media (max-width:680px){}
/* header 영역 */
@media(max-width: 1280px){
    .header .number{
        display: none;
    }
    .header{
        height: 130px;
        padding: 0;
    }
    .header.down{
        height: 460px;
    }
    .header .logo > a img{
        width: 125px;
        padding-top: 15px;
    }
}
@media(max-width: 980px){
    .header{
        height: 130px;
    }
    .header .container{
        height: 100%;
    }
}
@media(max-width: 680px){
    .header{
        height: 110px;
    }
    .visual{
    padding-top: 105px;
    }
}
/* navigation */
@media (max-width: 1280px){
    .header nav .mainMenu{
        /* gap: 40px; */
        top:50px;
        left: 36%;
    }
    .header nav .mainMenu > li > a{
        font-size: 18px;
        padding: 0px 5px 15px;  
    }
    .header nav .mainMenu > li .subMenu{
        position: absolute;
        left: 0;
        top: 90%;
        width: 100%;
        padding: 15px 0;
        }
    .header nav .mainMenu > li .subMenu > li a{
        line-height: 1;
    }
}
@media (max-width: 980px){
    .header .logo a img{
        width: 120px;
    }
    .header nav{
        display: none;
    }
    .header nav .mainMenu{
        /* gap: 20px; */
        top:0px;
        left: 36%;
    }
    .header .menuBtn {
        display: block;
    }
}
@media (max-width: 680px){
    .header .logo a img{
        width: 100px;
    }
}
/* visual */
@media (max-width:1280px){}
@media (max-width:980px){}
@media (max-width:680px){
    .visual .sw-visual .swiper-slide .visual-bg-pc{
        display: none;
    }
    .visual .sw-visual .swiper-slide .visual-bg-m{
        display: block;
        width:100%;
    }
    .visual .sw-visual .swiper-pagination-bullets{
        bottom: 20px;
        left: 44%;
    }
    .visual .sw-visual .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
    .visual .sw-visual .swiper-pagination-bullets .swiper-pagination-bullet-active{
     width: 40px;
    height: 40px;
}
    
}
/* brand */
@media (max-width:1280px){}
@media (max-width:980px){}
@media (max-width:860px){}
@media (max-width:680px){
    .brand .brand-container .brand-pc-img {
        display: none;
    }
    .brand .brand-container .brand-mb-img{
        display: block;
        width:100%;
        height: 100%;
    }
    .brand-container::before {
        background: none;
   }
    .brand .brand-container .brand-img .happy-pc {
        display: none;
    }
    .brand .brand-container .brand-img .happy-mb{
        display: block;
        width: 63%;
        top: 11%;
        left: 18%;
    }
    .brand .brand-container .brand-desc .desc-pc {
        display: none;
    }
    .brand .brand-container .brand-desc .desc-mb{
        display: block;
        width: 80%;
        position: absolute;
        top: 40%;
        left: 10%;
    }
}
/* menu */

@media (max-width:1660px){
    .menu .menu-tab-contents .btn-prev{
    right: 5%;
}
.menu .menu-tab-contents .btn-next{
    left: 5%;
}
}
@media (max-width:1460px){
    .menu{
        padding: 150px 0;
    }
}
@media (max-width:1450px){
    .menu .menu-tab-contents .btn-prev{
    right: 3%;
}
.menu .menu-tab-contents .btn-next{
    left: 3%;
}
}
@media (max-width:1000px){
    .menu{
        padding: 120px 0;
}
}
@media (max-width:980px){}
@media (max-width:680px){
    .menu .menu-title h3{
        font-size: 40px;
    }
    .menu .menu-tab-btns ul li a{
        font-size: 1rem;
        width: 65px;
        height: 40px;
    }
}

/* video */
@media (max-width:1280px){
    .video .container iframe{
        height: 700px;
    }
}
@media (max-width:1160px){
    .video .container iframe{
        height: 614px;
}
}
@media (max-width:980px){
    .video .container iframe{
        height: 522px;
}
}
@media (max-width:860px){
    .video .container iframe{
        height: 457px;
}
}
@media (max-width:760px){
    .video .container iframe{
        height: 403px;
}
}
@media (max-width:683px){
    .video .container iframe{
        height: 360px;
}
}
@media (max-width:600px){
    .video .container iframe{
        height: 318px;
}
}
@media (max-width:470px){
    .video .container iframe{
        height: 245px;
}
}
/* search */
@media (max-width:1875px){
    .search .search-icon h3{
        top: 35%;
        left: 34%;
        font-size: 60px;
    }
    .search .search-box .search-left{
        top: 50%;
        left: 37%;
    }
    .search .search-box .search-right{
        left: 31%;
    }
    .search .store-list{
        position: absolute;
        top: 13%;
        left: 63%;
    }
}
@media (max-width:1630px){
    .search .search-icon h3{
        top: 35%;
        left: 34%;
        font-size: 60px;
    }
    .search .search-icon > img{
        top: 14%;
        left: 10%;
    }
    .search .search-box .search-left{
        top: 50%;
        left: 37%;
    }
    .search .search-box .search-right{
        left: 30%;
    }
}
@media (max-width:1420px){
    .search .search-icon h3{
        top: 34%;
        left: 31%;
        font-size:50px;
    }
    .search .search-icon > img{
        top: 19%;
        left: 7%;
    }
    .search .search-box .search-left{
        top: 48%;
        left: 30%;
    }
    .search .search-box .search-right{
        top: 61%;
        left: 22%;
    }
}
@media (max-width:1090px){
    .search .search-icon h3{
        left: 27%;
        font-size:45px;
    }
    .search .search-icon > img{
        top: 21%;
        left: 5%;
    }
    .search .search-box .search-left{
        top: 45%;
        left: 26%;
        width:300px;
    }
    .search .search-box .search-right{
        top: 58%;
        left: 16%;
        width: 410px;
    }
    .search .store-list{
        top: 12%;
        left: 59%;
    }
}

@media (max-width:980px){
    .search{
        height: 950px;
    }
    .search .search-icon h3{
        top: 25%;
        left: 48%;
    }
    .search .search-icon > img{
        top: 11%;
        left: 23%;
    }
    .search .search-box .search-left{
        top: 32%;
        left: 12%;
    }
    .search .search-box .search-right{
        top: 32%;
        left: 45%;
    }
    .search .store-list{
        top: 44%;
        left: 29%;
    }
}
@media (max-width:920px){
    .search .search-icon h3{
        top: 16%;
        left: 20%;
    }
    .search .search-icon > img{
        top: 13%;
        left: 56%;
    }
    .search .search-box .search-left{
        top: 23%;
        left: 20%;
    }
    .search .search-box .search-right{
        top: 31%;
        left: 20%;
    }
}
@media (max-width:830px){
    .search .store-list{
        top: 44%;
        left: 25%;
    }
}
@media (max-width:680px){
    .search .store-list{
        left: 20%;
    }
}
@media (max-width:610px){
    .search .store-list{
        left: 18%;
    }
}
@media (max-width:550px){
    .search .search-icon h3{
        top: 14%;
        left: 14%;
        font-size: 40px;
    }
    .search .search-icon > img{
        top: 16%;
        left: 66%;
    }
    .search .search-box .search-left{
        top: 21%;
        left: 14%;
        padding: 6px 30px;
    }
    .search .search-box .search-right{
        top: 29%;
        left: 14%;
        padding: 8px 13px;
        width: 390px;
    }
    .search .store-list{
        top: 42%;
        left: 14%;
    }
}
@media (max-width:500px){
      .search .search-icon h3{
        top: 16%;
        left: 10%;
        font-size: 40px;
    }
    .search .search-box .search-left{
        top: 22%;
        left: 10%;
        padding: 6px 30px;
        font-size: 14px;
    }
    .search .search-box .search-right{
        top: 29%;
        left: 10%;
        padding: 5px 9px;
        width: 370px;
        font-size: 14px;
    }
    .search .store-list{
        top: 40%;
        left: 10%;
    }
}
@media (max-width:450px){
    .search{
        background-color: #fff1d2;
        width: 100%;
        height: 800px;
        position: relative;
    }
    .search .search-icon h3{
        top: 11%;
    }
    .search .search-icon > img{
        top: 10%;
        left: 70%;
    }
     .search .search-box .search-left{
        top: 17%;
    }
    .search .search-box .search-right{
        top: 26%;
        width: 335px;
    }
    .search .search-box .search-right .sido select{
        padding: 3px;
    }
    .search .store-list{
        top: 37%;
        left: 10%;
    }
    .search .store-box{
        gap: 5px;
        padding: 0 10px;
    }
    .search .store-box .store-middle{
        width: 185px;
    }
}
@media (max-width:400px){
    .search .search-box .search-left{
        top: 18%;
        left: 8%;
        width: 285px;
    }
     .search .search-box .search-right{
        top: 26%;
        left: 8%;
        width: 335px;
    }
      .search .store-list{
        top: 37%;
        left: 7%;
    }

}
/* fundation */
@media (max-width:1340px){
    .foundation .foundation-inquiry > a{
        font-size: 20px;
    }
    .foundation .overseas-business > a{
        font-size: 20px;
    }
}
@media (max-width:960px){
    .foundation{
        flex-wrap: wrap;
    }
    .foundation .foundation-inquiry{
        width:100%;
    }
    .foundation .foundation-inquiry > a{
        font-size: 25px;
    }
    .foundation .overseas-business{
        width: 100%;
    }
    .foundation .overseas-business > a{
        font-size: 25px;
    }
}
@media (max-width:680px){
    .foundation .foundation-inquiry > a{
        font-size: 20px;
    }
    .foundation .overseas-business > a{
        font-size: 20px;
    }
}
/* brand-bottom */
@media (max-width:1280px){}
@media (max-width:980px){}
@media (max-width:680px){}
/* footer */
@media (max-width:800px){
    .footer {
        font-size: 13px;
    }
    .footer .footer-top ul {
        gap: 15px;
    }
    .footer .footer-top ul > li {
        font-size: 14px;
    }
    .footer .copyright{
        font-size: 12px;
    }
}
@media (max-width:695px){
    .footer {
        font-size: 11px;
    }
    .footer .footer-top ul {
        gap: 10px;
        flex-wrap: wrap;
    }
    .footer .footer-top ul > li {
        font-size: 13px;
    }
    .footer .copyright{
        font-size: 10px;
    }
}
@media (max-width:680px){}