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

#site-header.scroll > .inner{ margin-top: 0; }


#site-header.scroll .btn-menu-top:before,
#site-header.scroll .btn-menu-top:after{ 
    background-color: #000;
}

.ytResize .bg-pos.v-play{ display: none; }


.swiper-pagination.type2{text-align: center;position: relative;margin-top: 5vw;}
.swiper-pagination.type2 .swiper-pagination-bullet{ margin: 0 2vw;width: 3vw;height: 3vw;}
.swiper-pagination.type2 .swiper-pagination-bullet-active { opacity: 1; }


.wrap-sponsored{height: 160vw;}

.wrap-sponsored .head{position: absolute;top: 20vw;}
.wrap-sponsored .head .h_1 p{ font-size: var(--fz-ss);}
.wrap-sponsored .head .h_1 p span{display:inline-flex;padding: 3vw 4vw;}
.wrap-sponsored .head .h_2 { margin-top:7vw; }
.wrap-sponsored .head .h_2 p{font-size: 8vw;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient:vertical;}
.wrap-sponsored .head .t_1{font-size: 3.6vw;max-width: 80vw;margin-top: 5vw;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient:vertical;}
.wrap-sponsored .head .date{margin-top: 5vw; font-size: var(--fz-ss); }
.wrap-sponsored .head .slider{ width: 90vw; }
.wrap-sponsored .head .swiper-pagination.type2{ margin-top: 10vw; }

.wrap-sponsored .img_sponsored{}
.wrap-sponsored .img_sponsored .area_row{max-width: none;height: 160vw;padding-top: 10vw;}
.wrap-sponsored .img_sponsored .item{text-align: right;}
.wrap-sponsored .img_sponsored .item .pic{display: inline-flex;overflow: hidden;}
.wrap-sponsored .img_sponsored .item .pic img{
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  max-width: 60vw;
  max-height: 54vw;
  width: auto;
  height: auto;
 }
.wrap-sponsored .img_sponsored .item:nth-child(even) .pic{margin-top: 30vw;}

.wrap-sponsored .img_sponsored .area_row.style1 .item img{
}
.wrap-sponsored .img_sponsored .area_row.style1 .item.rgh{margin-top: 0;margin-right: 5vw;}
.wrap-sponsored .img_sponsored .area_row.style2 .item img{}
.wrap-sponsored .img_sponsored .area_row.style2 .item.rgh{margin-top: -2vw;margin-right: 3vw;}

.wrap-view-head .h_1{ font-size: 8vw; line-height: 1.2; font-weight: var(--fw-b); }
.wrap-view-head .t_1{ font-size: var(--fz-xl); margin-top: 40px; margin: 7vw 4vw 0; font-size: var(--fz-l); line-height: 1.4; }

.bbs_top_type1 > .date{ margin-right: 4vw;}

.lay-ty1{display: flex;flex-direction: column;}
.lay-ty1 > .item{flex: none;margin-left: 0;}
.lay-ty1 > .item:first-child{margin-left: 0;}
.lay-ty1 > .thumb,
.lay-ty1 > .cont{width: 100% !important;box-sizing: border-box;}
.lay-ty1 > .cont{ margin-top:6vw; }
.lay-ty1.import1{}

.ed-text-group{}
.ed-text-group .h_1{ font-size: var(--fz-xl); font-weight: var(--fw-b); margin-bottom: 5vw; }
.ed-text-group .t_1{ margin-top: 4vw; }

.ed-summary{ font-size: var(--fz-ss); margin-top: 2vw; }

.wrap-full-img{display: flex;flex-direction: column;}
.wrap-full-img .item{ width: 100%; margin-left: 0; }



.box-prd-type2{}
.box-prd-type2 > .thumb{}
.box-prd-type2 > .thumb .tag > *{padding: 2vw 3vw; font-size: var(--fz-ss);}
.box-prd-type2 > .cont{ padding: 4vw 0; }
.box-prd-type2 > .cont .h_1{
    font-size: var(--fz-l);
    font-weight: var(--fw-sb);
    line-height: 1.2;
}
.box-prd-type2 > .cont .t_1{
    margin-top: 3vw;
    font-size: var(--fz-s);
}
.box-prd-type2 > .cont .date{
    font-size: var(--fz-sss);
    margin-top: 4vw;
}

.wrap-tag-bot > .inner{
    display: inline-flex;
    flex-wrap: wrap;
    margin: -2vw 4vw;
}
.wrap-tag-bot > .inner .t{
    padding: 2vw 4vw;
    border-radius: 3px;
    margin: 2vw 1vw 0;
    font-size:var(--fz-ss);
}
.wrap-tag-bot .wrap_share_select{position:absolute;right:0;top: -1vw;}    

.wrap_share_select a .t{margin-left: 2vw;flex-grow: 1;}
.wrap_share_select .btn_open{width: 10vw;height: 10vw;}
.wrap_share_select .btn_open .ico_.share{width: 4vw;height: 4vw;}
.wrap_share_select .box_share{
    background: #000;
    border-radius: 10px;
    position: absolute;
    right: 0;
    bottom: 14vw;
    width: 55vw;
}
.wrap_share_select .box_share .link{
    padding: 3vw 3vw 2.6vw;
}

.wrap_share_select .box_share .link a i{width: 4vw;height: 4vw;}
.wrap_share_select .box_share .link a i .t{}
.wrap_share_select .box_share .lst_sns{padding: 4vw 3vw;}
.wrap_share_select .box_share .lst_sns li{margin-bottom: 2vw;}
.wrap_share_select .box_share .lst_sns li:last-child{ margin-bottom: 0; }
.wrap_share_select .box_share .circle{width: 5vw;height: 5vw;}


.wrap-pageing-type2 .area{ width: 41vw; }

.wrap-pageing-type2 .area .h_1{ font-size: var(--fz-sss); }
.wrap-pageing-type2 .area .t_1{
    font-size: var(--fz-sss);
    line-height: 1.4;
    margin-top: 2vw;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    margin-left: 6vw;
}

.wrap-pageing-type2 .area .arr{ top: calc(50% - 2vw); font-size: 4vw; }
.wrap-pageing-type2 .area.rgh .t_1{ margin-right: 6vw; margin-left: 0; }
.wrap-pageing-type2 .area.rgh .arr{ left: auto; right: 0; }

    
.visual_belt{height: 100vw;}

.wrap-contactus.size2 .area.lft{ max-width:none; }
.wrap-contactus .area.rgh{
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    box-sizing: border-box;
    border-left: 0;
    border-top: 1px #d7e3e8 solid;
    margin-top: 5vw;
    padding-top: 5vw;
}
.wrap-contactus.size2 .area.rgh{
    width: auto;
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
}

.wrap-form{}
.wrap-form .rows{display: flex;margin-bottom: 5vw;flex-direction: column;}
.wrap-form .rows > .head{
    min-width: auto;
    max-width: none;
    margin-right: 0;
    margin-bottom: 2vw;
}
.wrap-form .rows > .head.multi{
    align-items: flex-start;
    padding-top: 11px;
}
.wrap-form .rows > .cont{
    flex-grow: 1;
}

.form-control-wrap.half > .inner-from-cotrol{ width: 100%;  }
.form-control-wrap > .inner-from-cotrol{ margin-left: -2vw; margin-top: -1vw;  display: flex; }
.form-control-wrap .cols{ margin-left: 2vw; margin-top: 1vw;  }
.form-control-wrap.num2 .cols{ width: 50%;}

input.form_field {display: inline-block;width: 100%;height: 10vw;padding: 1vw 4vw;border-radius: 4px;box-sizing: border-box;font-size: 3.4vw;line-height: 1.3;}



/* flie-upload */

.file-upload { padding: 5vw; border-radius: 4px; min-height: 40vw; }

.file-upload-content .up_img{ margin-bottom: 3vw; }


.image-title-wrap {margin-top: 1vw; }
.image-title-wrap p{ font-size:3vw; }
.drag-text { font-size: 3vw; }
.drag-text .ico img{width: 15vw;}
.drag-text h3 { margin-top: 1vw;}
.file-upload-image { width: 20vw; }





.wrap-search2{ width: 100%; }
.wrap-search2 .inner-search2{}
.wrap-search2 .inp{height: 11vw; padding: 0 12vw 0 4vw;}
.wrap-search2 .btn{ width: 12vw; }
.wrap-search2 .btn i{display:inline-flex;width: 5vw;height: 5vw;position: relative;}

.wrap-dealer-locator{}
.wrap-dealer-locator .list_store{
    height: 100vw;
}

.wrap-dealer-locator .asl-map-canv{
    flex-grow: 1;
    max-width: 100%;
    position: relative;
}
.wrap-dealer-locator .inner-asl-map{height: 0;padding-bottom: 120%;position: relative;}
.wrap-dealer-locator .inner-asl-map > *{ position:absolute; left:0; top:0; width:100%; height:100%; }
.wrap-dealer-locator .scroll_store{}
.wrap-dealer-locator .item{
    padding: 0 5vw;
}
.wrap-dealer-locator .item .box-store-type1{}
.wrap-dealer-locator .item.active,
.wrap-dealer-locator .item:hover{
  background-color: #d7e3e8;
}
/*.wrap-dealer-locator .item:hover i:before{ background-color: #fff; }*/

.wrap-dealer-locator .item:last-child{ border-bottom: 0; }
.wrap-dealer-locator .item:last-child .box-store-type1{ border-bottom: 1px #d7e3e8 solid; }

.bot-dealer-locator{}
.bot-dealer-locator .col{ min-width: auto; }
.bot-dealer-locator .col.lft{ flex-grow:1;  margin-right:0; }
.bot-dealer-locator .col.rgh{ min-width: auto; flex-grow:1; margin-top: var(--pr-n); }
.bot-dealer-locator .col .line{
    padding-bottom: 5vw;
    margin-bottom: 5vw;
    display: flex;
    flex-direction: column;
}
.bot-dealer-locator .col .line:last-child{margin-bottom:0;border: 0;padding-bottom: 0;}
.bot-dealer-locator .col .btn{min-width: auto;margin-top: 4vw;}

.bot-dealer-locator .box_rating_bot{ padding: 5vw; }
.bot-dealer-locator .box_rating_bot .lst > *{ margin: 0 2vw; }
.bot-dealer-locator .box_rating_bot .btn{ margin-top: 6vw; }

    .box-store-type1{padding: 5vw 0 5vw;}  
.box-store-type1 .inner-box-store > .cont{
    margin-top: 4vw;
}
.box-store-type1 .box_info{}
.box-store-type1 .box_info .h_1{
    font-size: var(--fz-n);
    font-weight: var(--fw-b);
}
.box-store-type1 .box_info .t_1{
}
.box-store-type1 .box_info .t_call{
    margin-top:3px;
    display: flex;
    align-items: center;
    font-size: var(--fz-sss);
}
.box-store-type1 .box_info .t_call i:before{width: 4vw;height: 4vw;}
.box-store-type1 .box_info .t_call span{margin-left: 1px;}
.box-store-type1 .box_info .t_dis{ margin-top: 4vw; }
.box-store-type1 .box_rating .col{ margin-left: 1vw; }

.ico-rating{min-width: 15vw;}
.ico-rating .ico{ width: 10vw; height: 10vw; }
.ico-rating .mh{ margin-bottom: 2vw;}
.ico-rating .txt{ margin-top: 3vw;  }
.ico-rating.route{}
.ico-rating.route .ico{ width: 12vw; }
.ico-rating.route .ico i{width: 12vw;height: 12vw;}

.popup-supply{position: absolute;left: 0;top: 0; display: none;}
.popup-supply .inner-popup{ border-radius: 2vw; padding: 7vw 5vw; width: 80vw; }
.popup-supply .t_1 i{width: 4vw;height: 4vw;}
.popup-supply .t_2{ margin-top: 3vw; }
.popup-supply .btns{margin-top: 5vw;display: flex;}
.popup-supply .btns > *{ margin-right:2vw;} 
.popup-supply .btn_close{ right: 4vw; top: 4vw;}
.popup-supply .btn_close i{ width: 6vw;height: 6vw; }

.popup-directions .inner-popup{ border-radius: 2vw; padding: 7vw 5vw; width: 70vw; }
.popup-directions .fild .h{ width: 13vw; font-size: var(--fz-sss); }
.popup-directions .fild .inp input{ height: 9vw; margin-bottom: 3vw; padding: 0 4vw; }
.popup-directions .fild.sz2{ margin-top:4vw;}
.popup-directions .fild.sz2 .h{width: 32vw;}
.popup-directions .fild .chkbox label{ margin-left:2vw; margin-right:4vw; }
.popup-directions .btns{margin-top: 30px;display: flex;}
.popup-directions .btns > *{ margin-right:1vw;} 
.popup-directions .btn_close{ right: 4vw; top: 4vw; }
.popup-directions .btn_close i{ width: 6vw;height: 6vw; }

.lst-online-store{}
.lst-online-store .item{}
.lst-online-store .thumb{ height: 20vw; border-radius: 4px; }
.lst-online-store .t_1{ margin-top: 2vw; }



.slide-banner-type1 .swiper-pagination{margin-top: var(--pr-s);}
.wrap-banner-type1{position: relative;height: 650px;}
.wrap-banner-type1:after{position:absolute;left:0;top:0;width:50%;height:100%;content:"";background: rgba(0,0,0,0.4);}
.wrap-banner-type1 .bg-pos{  }
.wrap-banner-type1 .cont{color: #fff;position: relative;z-index: 5;padding: 120px 0 30px;}
.wrap-banner-type1 .cont a{color: #fff;}
.wrap-banner-type1 .cont .inner{width: 40%;}
.wrap-banner-type1 .cont .h_1{
    font-size: var(--fz-tit2);
    line-height: 1;
    font-weight: var(--fw-b);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}
.wrap-banner-type1 .cont .t_1,
.wrap-banner-type1 .cont .date{
    margin-top: 22px;
    line-height:1.6;
    font-size: var(--fz-n);
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp:6;
     -webkit-box-orient:vertical;
}



.wrap-banner-type1{ height: 110vw;}
.wrap-banner-type1 .cont{ padding: 15vw 0 5vw; }
.wrap-banner-type1:after{ width:100%; }
.wrap-banner-type1 .cont .inner{width: 90%;}
.wrap-banner-type1 .cont .t_1,`
.wrap-banner-type1 .cont .date{ margin-top: 4.5vw; }


.wrap-brand-video-top{ min-height: 180vw;}
.wrap-brand-video-top .cont .h_1{font-size: 8.1vw; line-height: 1.1;}
.wrap-brand-video-top .cont .h_1 .t-shape{ margin-top:1vw; }
.wrap-brand-video-top .cont .t_1{margin-top: 7vw;max-width: 90vw;}
.wrap-brand-video-top .cont .t_1 br{ display:none;}
                                   
.btn-ham-ty{w;width: 12vw;height: 12vw;}
.btn-ham-ty span{position:absolute;left: calc(50% - 20%);top: calc(50% - 4px);width: 40%;height:2px;background:#000;}
.btn-ham-ty span:nth-child(1){}
.btn-ham-ty span:nth-child(2){top: calc(50% + 3px);}
.btn-ham-ty:hover{ background:#ffc72c; border-color:#ffc72c;}
.btn-ham-ty.on span:nth-child(1){
    -moz-transform: rotate(45deg) translateX(2px) translateY(1px);
    -webkit-transform: rotate(45deg) translateX(2px) translateY(1px);
    -o-transform: rotate(45deg) translateX(2px) translateY(1px);
    -ms-transform: rotate(45deg) translateX(2px) translateY(1px);
    transform: rotate(45deg) translateX(2px) translateY(1px);
}
.btn-ham-ty.on span:nth-child(2){
    -moz-transform: rotate(-45deg) translateX(4px) translateY(-2px);
    -webkit-transform: rotate(-45deg) translateX(4px) translateY(-2px);
    -o-transform: rotate(-45deg) translateX(4px) translateY(-2px);
    -ms-transform: rotate(-45deg) translateX(4px) translateY(-2px);
    transform: rotate(-45deg) translateX(4px) translateY(-2px);
}

.nav_subpage{top: 25vw; display: none;}
.nav_subpage .inner_nav_subpage{ width: 65vw; display: inline-block; margin-right: 0; box-sizing: border-box; padding-right: 4.5vw; }
.nav_subpage .inner_nav_subpage .lst{ text-align: left; margin-top: 5vw; }
.nav_subpage .inner_nav_subpage .lst ul{ padding: 6vw; border-radius: 4px; }
.nav_subpage .inner_nav_subpage .lst li{margin-top: 3vw;}
.nav_subpage .inner_nav_subpage .lst li:first-child{ margin-top:0; }
.nav_subpage .inner_nav_subpage .lst li a{ padding-left: 5vw; }
.nav_subpage .inner_nav_subpage .lst li a i{ position:absolute; left:-10px; top:0; font-size:4.3vw; }


.cont-brand-section1{padding: 12vw 0 20vw;}
.cont-brand-section1 .mg-rgh{max-width: none;margin: 0;}
.cont-brand-section1 .mg-rgh.step1{margin-top: 14vw;}
.cont-brand-section1 .step2{margin-top: 13vw;}
.cont-brand-section1 .mg-rgh.step1 > .inr{display: flex;flex-direction: column;}
.cont-brand-section1 .logo{margin-top: 13vw;}
.cont-brand-section1 .logo .img{}
.cont-brand-section1 .logo .img img{}
.cont-brand-section1 .h_2{
    font-size: var(--fz-s);
    line-height: 1.4;
    margin-bottom: 8px;
}
.cont-brand-section1 .t_1{ line-height: 1.5;font-size: var(--fz-s);font-weight: var(--fw-r); }
.cont-brand-section1 .t_2{
    color: #939393;
    line-height: 1.5;
}
.cont-brand-section1 .area{flex-grow: 1;}
.cont-brand-section1 .area.n1{
    max-width: none;
    padding-right: 0;
}
.cont-brand-section1 .area.n2{
    max-width: none;
    margin-top: 6vw;
}
.cont-brand-section1 .area .mt1{
    margin-top: 6vw;
}
.inner-brand-section1 .bg-pos{
    background-position: 20% 0;
}

.wrap-brand-section2{}
.inner-brand-section2{
    padding: 8vw 0 15vw;
}
.inner-brand-section2 > .inr-c-ed{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.inner-brand-section2  .area{
    flex-grow: 1;
}
.inner-brand-section2  .area.lft{
    min-width: auto;
    height: 90vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.inner-brand-section2  .area.lft > *{}
.inner-brand-section2  .area.rgh{}
.inner-brand-section2  .area.rgh .mt{ margin-top: 5vw; }
.inner-brand-section2  .area .logo{margin-bottom: 9vw;}
.inner-brand-section2  .area .h_2{ line-height:1.2; margin-bottom: 7vw; }
.inner-brand-section2  .area .t_1.dt .t{ flex-grow:1; margin-left:1vw; }

.wrap-our-brand > .bg-video:after{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); content:""; }
.wrap-our-brand > .bg-video .video-background:after{ background-color: rgba(0, 0, 0, 0.7); }
.wrap-our-brand > .bg-video > *{}
.wrap-our-brand .inner-our-mission{padding: 14vw 0 20vw;justify-content: space-between;flex-direction: column;}
.wrap-our-brand .area{
    width: 100%;
}
.wrap-our-brand .area.lft{
    transform: none !important;
}
.wrap-our-brand .area.rgh{
    padding-top: 15vw;
    transform: none !important;
}
.wrap-our-brand .area .h_1{font-size: var(--fz-tit1);font-weight: var(--fw-b);}
.wrap-our-brand .area .t_1{margin-top: 6vw;}
.wrap-our-brand .area .thumb{ position:relative; height:0; overflow:hidden;  }
.wrap-our-brand .area.lft .img{margin-top: 0;}
.wrap-our-brand .area.rgh .img{margin-bottom: 0;margin-top: 14vw;}
.wrap-our-brand .area.lft .thumb{padding-bottom: 132.1%;}
.wrap-our-brand .area.rgh .thumb{padding-bottom: 70.8%;}
  
.tab-type1{ width:100%; overflow:hidden; overflow-x:auto; padding-bottom:3vw; }
.tab-type1 > ul{ display: flex; }
.tab-type1 > ul > li{ margin-right:5vw; flex-grow: 1; text-align: center; }
.tab-type1 > ul > li a{ font-size: 4.7vw; white-space: nowrap;  }
.tab-type1 > ul > li.active a,.tab-type1 > ul > li a:hover{ text-underline-offset:  5px; }

.wrap-history{ padding-bottom: 15vw; }
.wrap-history .btn_prev,
.wrap-history .btn_next{ display:none; }
.wrap-history .slide_years{
    height: 16vw;
    left: 0;
    top: 0vw;
    z-index: -1;
    width: 100%;
}
.wrap-history .inr-c-ed{position:relative;z-index:1;border-top: 1px transparent solid;}
.wrap-history .slide_years .item{
  position: absolute;
  left: 0;
  top: 100%;
  display: flex;
  width: 100%;
  z-index: 0;
}
.wrap-history .slide_years .item.mov{ z-index: 2;  }
.wrap-history .slide_years .item.active{ top: 0; z-index: 1;  }
.wrap-history .slide_years .item p{font-size: 13vw;width: 100%;text-align: center;}
.wrap-history .slide_thumb{position: relative;right: 0;top: 0;width: 100%;height: 90vw;margin-top: 20vw;}
.wrap-history .slide_history_cont{margin-top: 7vw;}
.wrap-history .slide_history_cont .item .h_1{ max-width: none; }
.wrap-history .slide_history_cont .item .t_1{ max-width: none; margin-top: 5vw;}

.wrap-history .slide_history_cont .item .wrap_more{ margin-top: 5vw;}
.wrap-history .wrap_more .btn_more{ margin-bottom: 4vw; }
.wrap-history .wrap_more .btn_more .arr{
    width: 6vw;
    height: 6vw;
    font-size: 4vw;
    margin-left: 3vw;
}
.wrap-history .wrap_more .txt_more{
    border-radius: 4px;
    padding: 4vw 4vw;
}
.wrap-history .wrap_more .his_t1{margin: 1vw 0px; }

.wrap-our-mission .inner-our-mission{padding: 13vw 0 20vw;display: flex;flex-direction: column;}
.wrap-our-mission .area{
    width: auto;
}
.wrap-our-mission .area.lft{ transform: none !important; }
.wrap-our-mission .area.rgh{transform: none !important; }
.wrap-our-mission .area .h_1{}
.wrap-our-mission .area .t_1{}
.wrap-our-mission .area .thumb{}
.wrap-our-mission .area.lft .img{margin-top: 10vw;}
.wrap-our-mission .area.rgh .img{margin-bottom: 12vw; margin-top: 7vw;}
.wrap-our-mission .area.lft .thumb{padding-bottom: 132.1%;}
.wrap-our-mission .area.rgh .thumb{padding-bottom: 70.8%;}
.wrap-our-mission .area .thumb .bg-pos{}

.ico-water{
  background-position: -4vw -9vw;
  width: 11vw;
  height: 12.4vw;
  display: flex;
  color: #000;
  justify-content: center;
  background-size:80vw
}
.ico-water .t{margin-top: 2.4vw;}
.ico-water.black{background-position: -16.5vw -8.8vw;}
    
.wrap-banner-card1{ border-radius: 5px; }
.wrap-banner-card1 .inner-card1{ padding: 6vw 4vw; min-height: 5vw; }
.wrap-banner-card1 .top .cont{ margin-left: 15vw; min-height: 12vw; }
.wrap-banner-card1 .top .cont .t_2{ margin-top: 4vw; }
.wrap-banner-card1 .btns{ margin-top: 4vw; }





  
    
  
}