@media screen and (max-width: 840px){
  body { font-size: 3.6vw; }
  img{ max-width: 100%; height: auto; }
}

html {
  scroll-behavior: smooth;
}


#wrap{ 
-webkit-transition: background 1000ms ease;
-moz-transition: background 1000ms ease;
-ms-transition: background 1000ms ease;
-o-transition: background 1000ms ease;
transition: background 1000ms ease;
}
#wrap.bg_chnage_black{ background-color: #000;  }

.fixed-style{ overflow: hidden; position: fixed; width: 100%; left: 0; top: 0;  }


.bg-cover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}
.bg-pos{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat;  z-index: 0;}

.ed-content img{ max-width: 100%; height: auto;   }

.inr-c{ max-width: 1740px; margin-left: auto; margin-right: auto;  }
.inr-c-ed{ max-width: 1340px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 1820px){
  .inr-c{ margin-left: 40px; margin-right: 40px;  }
  img{ max-width: 100%; height: auto; }
}
@media screen and (max-width: 1420px){
  .inr-c-ed{ margin-left: 40px; margin-right: 40px; }

}
@media screen and (max-width: 840px){
  .inr-c-ed,
  .inr-c{ margin-left: 4.5vw; margin-right: 4.5vw;  }
}

.btn-bot{ text-align: center; margin-top: 70px;  }
@media screen and (max-width: 840px){
    .btn-bot{ margin-top: 10vw; }
}

.bd0{ border-bottom: 0 !important; }
.btn-link1{
    display: inline-flex;
    align-items: center;
    color: #000;
    font-weight: var(--fw-sb);
    line-height: 1;
    text-decoration: underline;
    text-underline-offset:  3px;
}
.btn-link1 .t{}
.btn-link1 .t + i{
    margin-left: 9px;
    font-size: 16px;
}
.btn-link1:hover{ color: #f99200; }
.btn-more-video{ display: none; }
#page-contents{margin-top: 35px;padding-bottom: 150px; z-index: 0; position: relative;}

@media screen and (max-width: 840px){
  #page-contents{margin-top: 7vw;padding-bottom: 12vw;}
  .btn-more-video{ margin-left: 5px;   display: inline-block; color: #fff; text-decoration: underline; text-underline-offset:  3px;  }
}

.lifestyle-video-top.raceair{height: 55.9vw;min-height: auto;}
.bg-video-type2{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    padding-bottom: 56.3%;
}
.bg-video-type2 .inner-video-type2{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
@media screen and (max-width: 840px){
  .lifestyle-video-top.raceair{height: 100vw;}
  .bg-video-type2{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100vw;
  }
 .bg-video-type2 .inner-video-type2{
      width: 200%;
      height: 100%;
      position: absolute;
      left: -44vw;
      top: -22vw;
  }
}

.btn-more3{
    font-size: var(--fz-nl);
    font-weight: var(--fw-sb);
    display: inline-flex;
    align-items: center;
}
.btn-more3 > i{
    font-size: 14px;
    margin-left: 10px;
}
.bg-mode.black .btn-more3,
.bg-mode.black .btn-more3 > i{ color: #fff; }
@media (hover: hover) {
.btn-more3:hover{ color:#f99200; }
.btn-more3:hover i{ color:#ffc72c; }
.bg-mode.black .btn-more3:hover,
.bg-mode.black .btn-more3:hover > i{ color: #f99200; }
}

.swiper-nav.type1{ display: flex; justify-content: flex-end; align-items: center; }
.swiper-nav.type1 > *{ width: 50px; height: 50px; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #000; margin-left: 15px; cursor:pointer; }
.swiper-nav.type1 > *:hover{ background-color: #000; color: #fff; }
.swiper-nav.type1 .swiper-prev{}
.swiper-nav.type1 .swiper-next{}
@media screen and (max-width: 840px){
  .swiper-nav.type1 > *{ width: 11vw; height: 11vw; font-size: 5vw; margin-left: 2vw; }
}

.ico-cursor-logo{ background-image: url(../images/common/h_logo_mo.png); width: 26px; height: 31px; display: inline-block;text-indent: -9999px;overflow: hidden;text-align: left;background-repeat: no-repeat;  background-size: contain  }

#adaptive-cursor.i_ico-cursor-sc{
  background-color: transparent !important;
}
.ico-cursor-sc{ background-image: url(../images/collection/junior/ico_sc.png); width: 56px; height: 56px; display: inline-block;text-indent: -9999px;overflow: hidden;text-align: left;background-repeat: no-repeat;  background-size: contain  }

.ico_{display: inline-block;text-indent: -9999px;overflow: hidden;text-align: left;background-repeat: no-repeat;  background-size: contain;}
.ico_[class*="sns2_"]{background-position: 50% 50%;width: 100%;height: 100%; background-size: 12px;}
.ico_.sns2_1{background-image: url(../images/common/ico_sns2_1.png);background-size: 8px; background-size: 8px;}
.ico_.sns2_2{ background-image: url(../images/common/ico_sns2_2.png); }
.ico_.sns2_3{ background-image: url(../images/common/ico_sns2_3.png); }
.ico_.sns2_4{ background-image: url(../images/common/ico_sns2_4.png); }
.ico_.sns2_5{ background-image: url(../images/common/ico_sns2_5.png); }
.ico_.sns2_6{ background-image: url(../images/common/ico_sns2_6.png); }
.ico_.search_top{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 -960 960 960' width='18px' fill='%23000000'%3E%3Cpath d='M782.87-98.52 526.91-354.48q-29.43 21.74-68.15 34.61Q420.04-307 375.48-307q-114.09 0-193.55-79.46-79.45-79.45-79.45-193.54 0-114.09 79.45-193.54Q261.39-853 375.48-853q114.09 0 193.54 79.46 79.46 79.45 79.46 193.54 0 45.13-12.87 83.28T601-429.7l256.52 257.09-74.65 74.09ZM375.48-413q69.91 0 118.45-48.54 48.55-48.55 48.55-118.46t-48.55-118.46Q445.39-747 375.48-747t-118.46 48.54Q208.48-649.91 208.48-580t48.54 118.46Q305.57-413 375.48-413Z'/%3E%3C/svg%3E"); width: 18px; height: 18px; }

.ico_.shop1{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23ffffff'%3E%3Cpath d='M200-80q-33 0-56.5-23.5T120-160v-480q0-33 23.5-56.5T200-720h80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720h80q33 0 56.5 23.5T840-640v480q0 33-23.5 56.5T760-80H200Zm280-320q83 0 141.5-58.5T680-600h-80q0 50-35 85t-85 35q-50 0-85-35t-35-85h-80q0 83 58.5 141.5T480-400ZM360-720h240q0-50-35-85t-85-35q-50 0-85 35t-35 85Z'/%3E%3C/svg%3E");
  width: 19px;
  height: 19px;
  background-size: contain;
}
.ico_.shop1.sz_s{ width: 13px; height: 13px; }
*:hover > .ico_.shop1{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23ffc72c'%3E%3Cpath d='M200-80q-33 0-56.5-23.5T120-160v-480q0-33 23.5-56.5T200-720h80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720h80q33 0 56.5 23.5T840-640v480q0 33-23.5 56.5T760-80H200Zm280-320q83 0 141.5-58.5T680-600h-80q0 50-35 85t-85 35q-50 0-85-35t-35-85h-80q0 83 58.5 141.5T480-400ZM360-720h240q0-50-35-85t-85-35q-50 0-85 35t-35 85Z'/%3E%3C/svg%3E");
}
@media screen and (max-width: 840px){
    .ico_.shop1{
        width: 4vw;
        height: 4vw;
    }
}

.ico_.measuring{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px' fill='%23000000'%3E%3Cpath d='M22.89,8.475L15.525,1.11c-0.293-0.293-0.768-0.293-1.061,0l-1.647,1.647l1.955,1.955c0.293,0.293,0.293,0.768,0,1.061  c-0.146,0.146-0.338,0.22-0.53,0.22s-0.384-0.073-0.53-0.22l-1.955-1.955L9.818,5.757l0.881,0.881c0.293,0.293,0.293,0.768,0,1.061  c-0.146,0.146-0.338,0.22-0.53,0.22s-0.384-0.073-0.53-0.22L8.757,6.818L6.818,8.757l1.955,1.955c0.293,0.293,0.293,0.768,0,1.061 c-0.146,0.146-0.338,0.22-0.53,0.22s-0.384-0.073-0.53-0.22L5.757,9.818l-1.939,1.939l0.881,0.881c0.293,0.293,0.293,0.768,0,1.061  c-0.146,0.146-0.338,0.22-0.53,0.22s-0.384-0.073-0.53-0.22l-0.881-0.881L1.11,14.465c-0.293,0.293-0.293,0.768,0,1.061l7.364,7.364 c0.146,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22L22.89,9.535C23.183,9.242,23.183,8.768,22.89,8.475z'/%3E%3C/svg%3E");
  width: 19px;
  height: 19px;
  background-size: contain; background-position: 50% 50%;
}
*:hover > .ico_.measuring{
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px' fill='%23ffc72c'%3E%3Cpath d='M22.89,8.475L15.525,1.11c-0.293-0.293-0.768-0.293-1.061,0l-1.647,1.647l1.955,1.955c0.293,0.293,0.293,0.768,0,1.061  c-0.146,0.146-0.338,0.22-0.53,0.22s-0.384-0.073-0.53-0.22l-1.955-1.955L9.818,5.757l0.881,0.881c0.293,0.293,0.293,0.768,0,1.061  c-0.146,0.146-0.338,0.22-0.53,0.22s-0.384-0.073-0.53-0.22L8.757,6.818L6.818,8.757l1.955,1.955c0.293,0.293,0.293,0.768,0,1.061 c-0.146,0.146-0.338,0.22-0.53,0.22s-0.384-0.073-0.53-0.22L5.757,9.818l-1.939,1.939l0.881,0.881c0.293,0.293,0.293,0.768,0,1.061  c-0.146,0.146-0.338,0.22-0.53,0.22s-0.384-0.073-0.53-0.22l-0.881-0.881L1.11,14.465c-0.293,0.293-0.293,0.768,0,1.061l7.364,7.364 c0.146,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22L22.89,9.535C23.183,9.242,23.183,8.768,22.89,8.475z'/%3E%3C/svg%3E");
}

.ico_.share{
  width: 16px; height: 16px; background-size: contain; background-position: 50% 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000000'%3E%3Cpath d='M720-80q-50 0-85-35t-35-85q0-7 1-14.5t3-13.5L322-392q-17 15-38 23.5t-44 8.5q-50 0-85-35t-35-85q0-50 35-85t85-35q23 0 44 8.5t38 23.5l282-164q-2-6-3-13.5t-1-14.5q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35q-23 0-44-8.5T638-672L356-508q2 6 3 13.5t1 14.5q0 7-1 14.5t-3 13.5l282 164q17-15 38-23.5t44-8.5q50 0 85 35t35 85q0 50-35 85t-85 35Zm0-640q17 0 28.5-11.5T760-760q0-17-11.5-28.5T720-800q-17 0-28.5 11.5T680-760q0 17 11.5 28.5T720-720ZM240-440q17 0 28.5-11.5T280-480q0-17-11.5-28.5T240-520q-17 0-28.5 11.5T200-480q0 17 11.5 28.5T240-440Zm480 280q17 0 28.5-11.5T760-200q0-17-11.5-28.5T720-240q-17 0-28.5 11.5T680-200q0 17 11.5 28.5T720-160Zm0-600ZM240-480Zm480 280Z'/%3E%3C/svg%3E");
}

.active > .btn_open > .ico_.share{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23ffffff'%3E%3Cpath d='M720-80q-50 0-85-35t-35-85q0-7 1-14.5t3-13.5L322-392q-17 15-38 23.5t-44 8.5q-50 0-85-35t-35-85q0-50 35-85t85-35q23 0 44 8.5t38 23.5l282-164q-2-6-3-13.5t-1-14.5q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35q-23 0-44-8.5T638-672L356-508q2 6 3 13.5t1 14.5q0 7-1 14.5t-3 13.5l282 164q17-15 38-23.5t44-8.5q50 0 85 35t35 85q0 50-35 85t-85 35Zm0-640q17 0 28.5-11.5T760-760q0-17-11.5-28.5T720-800q-17 0-28.5 11.5T680-760q0 17 11.5 28.5T720-720ZM240-440q17 0 28.5-11.5T280-480q0-17-11.5-28.5T240-520q-17 0-28.5 11.5T200-480q0 17 11.5 28.5T240-440Zm480 280q17 0 28.5-11.5T760-200q0-17-11.5-28.5T720-240q-17 0-28.5 11.5T680-200q0 17 11.5 28.5T720-160Zm0-600ZM240-480Zm480 280Z'/%3E%3C/svg%3E");
}


.ico_.copylink{
  width: 16px; height: 16px; background-size: contain; background-position: 50% 50%;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px' fill='%23ffffff' %3E%3Cpath d='M 16.050781 2.0039062 C 14.527031 2.0039063 13.00325 2.5821875 11.84375 3.7421875 L 9.2929688 6.2929688 C 8.9019687 6.6839688 8.9019687 7.3160313 9.2929688 7.7070312 C 9.6839688 8.0980313 10.316031 8.0980312 10.707031 7.7070312 L 13.257812 5.15625 C 14.797812 3.61625 17.30375 3.61625 18.84375 5.15625 C 20.38375 6.69625 20.38375 9.2021875 18.84375 10.742188 L 16.292969 13.292969 C 15.901969 13.683969 15.901969 14.316031 16.292969 14.707031 C 16.487969 14.902031 16.744 15 17 15 C 17.256 15 17.512031 14.902031 17.707031 14.707031 L 20.257812 12.15625 C 22.577813 9.83625 22.577813 6.0611875 20.257812 3.7421875 C 19.098312 2.5821875 17.574531 2.0039062 16.050781 2.0039062 z M 15 8 C 14.74425 8 14.488469 8.0974688 14.292969 8.2929688 L 8.2929688 14.292969 C 7.9019687 14.683969 7.9019688 15.316031 8.2929688 15.707031 C 8.4879687 15.902031 8.744 16 9 16 C 9.256 16 9.5120312 15.902031 9.7070312 15.707031 L 15.707031 9.7070312 C 16.098031 9.3160312 16.098031 8.6839688 15.707031 8.2929688 C 15.511531 8.0974688 15.25575 8 15 8 z M 7 9 C 6.74425 9 6.4884688 9.0974688 6.2929688 9.2929688 L 3.7421875 11.84375 C 1.4221875 14.16375 1.4221875 17.937812 3.7421875 20.257812 C 4.9021875 21.417813 6.4262188 21.996094 7.9492188 21.996094 C 9.4722187 21.996094 10.99625 21.417813 12.15625 20.257812 L 14.707031 17.707031 C 15.098031 17.316031 15.098031 16.683969 14.707031 16.292969 C 14.316031 15.901969 13.683969 15.901969 13.292969 16.292969 L 10.742188 18.84375 C 9.2021875 20.38375 6.69625 20.38375 5.15625 18.84375 C 3.61625 17.30375 3.61625 14.797812 5.15625 13.257812 L 7.7070312 10.707031 C 8.0980313 10.316031 8.0980313 9.6839687 7.7070312 9.2929688 C 7.5115312 9.0974688 7.25575 9 7 9 z'/%3E%3C/svg%3E");
}

.ico_.whatsapp{
  width: 16px; height: 16px; background-size: contain; background-position: 50% 50%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px' fill='%23ffffff' %3E%3Cpath d='M 12.011719 2 C 6.5057187 2 2.0234844 6.478375 2.0214844 11.984375 C 2.0204844 13.744375 2.4814687 15.462563 3.3554688 16.976562 L 2 22 L 7.2324219 20.763672 C 8.6914219 21.559672 10.333859 21.977516 12.005859 21.978516 L 12.009766 21.978516 C 17.514766 21.978516 21.995047 17.499141 21.998047 11.994141 C 22.000047 9.3251406 20.962172 6.8157344 19.076172 4.9277344 C 17.190172 3.0407344 14.683719 2.001 12.011719 2 z M 12.009766 4 C 14.145766 4.001 16.153109 4.8337969 17.662109 6.3417969 C 19.171109 7.8517969 20.000047 9.8581875 19.998047 11.992188 C 19.996047 16.396187 16.413812 19.978516 12.007812 19.978516 C 10.674812 19.977516 9.3544062 19.642812 8.1914062 19.007812 L 7.5175781 18.640625 L 6.7734375 18.816406 L 4.8046875 19.28125 L 5.2851562 17.496094 L 5.5019531 16.695312 L 5.0878906 15.976562 C 4.3898906 14.768562 4.0204844 13.387375 4.0214844 11.984375 C 4.0234844 7.582375 7.6067656 4 12.009766 4 z M 8.4765625 7.375 C 8.3095625 7.375 8.0395469 7.4375 7.8105469 7.6875 C 7.5815469 7.9365 6.9355469 8.5395781 6.9355469 9.7675781 C 6.9355469 10.995578 7.8300781 12.182609 7.9550781 12.349609 C 8.0790781 12.515609 9.68175 15.115234 12.21875 16.115234 C 14.32675 16.946234 14.754891 16.782234 15.212891 16.740234 C 15.670891 16.699234 16.690438 16.137687 16.898438 15.554688 C 17.106437 14.971687 17.106922 14.470187 17.044922 14.367188 C 16.982922 14.263188 16.816406 14.201172 16.566406 14.076172 C 16.317406 13.951172 15.090328 13.348625 14.861328 13.265625 C 14.632328 13.182625 14.464828 13.140625 14.298828 13.390625 C 14.132828 13.640625 13.655766 14.201187 13.509766 14.367188 C 13.363766 14.534188 13.21875 14.556641 12.96875 14.431641 C 12.71875 14.305641 11.914938 14.041406 10.960938 13.191406 C 10.218937 12.530406 9.7182656 11.714844 9.5722656 11.464844 C 9.4272656 11.215844 9.5585938 11.079078 9.6835938 10.955078 C 9.7955938 10.843078 9.9316406 10.663578 10.056641 10.517578 C 10.180641 10.371578 10.223641 10.267562 10.306641 10.101562 C 10.389641 9.9355625 10.347156 9.7890625 10.285156 9.6640625 C 10.223156 9.5390625 9.737625 8.3065 9.515625 7.8125 C 9.328625 7.3975 9.131125 7.3878594 8.953125 7.3808594 C 8.808125 7.3748594 8.6425625 7.375 8.4765625 7.375 z'/%3E%3C/svg%3E");
}

.ico_.error1{
  width: 14px; height: 14px; background-size: contain; background-position: 50% 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16px' height='16px'%3E%3Cpath fill='%23ffeea3' d='M0.93,14.5c-0.223,0-0.334-0.15-0.371-0.214s-0.112-0.235,0-0.429l7.07-12.246 C7.741,1.418,7.926,1.397,8,1.397s0.259,0.021,0.371,0.214l7.07,12.246c0.112,0.193,0.037,0.364,0,0.429S15.293,14.5,15.07,14.5 H0.93z'/%3E%3Cpath fill='%23ba9b48' d='M8,1.968L14.946,14H1.054L8,1.968 M8,0.897c-0.313,0-0.626,0.155-0.804,0.464l-7.07,12.245 C-0.232,14.226,0.215,15,0.93,15h14.14c0.715,0,1.162-0.774,0.804-1.393L8.804,1.362C8.626,1.052,8.313,0.897,8,0.897L8,0.897z'/%3E%3Cpath fill='%2336404d' d='M8 11A1 1 0 1 0 8 13 1 1 0 1 0 8 11zM7 5H9V10H7z'/%3E%3C/svg%3E");
}


[class*="ico-svg-"]{width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center;}
[class*="ico-svg-"]::before{
  display: inline-block;
  width: 100%;
  height: 100%;
  mask-repeat: no-repeat;
  mask-position: center left;
  mask-size: contain;
  content: "";
}


.ico-svg-search1::before {
  background-color: #000;
  mask-image: url('../images/ico/ico_search1.svg?ic=ico-svg-search1');
}
.ico-svg-blank::before {
  background-color: #000;
  mask-image: url('../images/ico/ico_blank.svg?ic=ico-svg-blank');
}
.ico-svg-call::before {
  background-color: #000;
  mask-image: url('../images/ico/ico_call.svg?ic=ico-svg-call');
}
.ico_write .ico-svg-call::before{ background-color: #fff; }
.ico-svg-close::before {
  background-color: #fff;
  mask-image: url('../images/ico/ico_close.svg?ic=ico-svg-close');
}
.ico-svg-compass::before {
  background-color: #000;
  mask-image: url('../images/ico/ico_compass.svg?ic=ico-svg-compass');
}
.ico-svg-route::before {
  background-color: #000;
  mask-image: url('../images/ico/ico_route.svg?ic=ico-svg-route');
}
.ico-svg-zoom::before {
  background-color: #000;
  mask-image: url('../images/ico/ico_zoom.svg?ic=ico-svg-zoom');
}

.ico-svg-shop::before {
  background-color: #fff;
  mask-image: url('../images/common/local_mall_20dp_FILL0_wght400_GRAD-25_opsz20.svg?ic=ico-svg-shop');
}
.ico-svg-shop-blue::before {
  mask-image: url('../images/ico/ico_shop_blue.svg?ic=ico-svg-shop-blue');
  background: #3c2ced;
}

.ico-svg-language::before {
  background-color: #fff;
  mask-image: url('../images/common/language_20dp_FILL0_wght300_GRAD-25_opsz20.svg?ic=ico-svg-language');
}

.ico-svg-360::before {
  background-color: #fff;
  mask-image: url('../images/common/ico_360.svg?ic=ico-svg-360');
}

.ico-svg-download1::before {
  background-color: #000;
  mask-image: url('../images/ico/ico_download1.svg?ic=ico-svg-download1');
}







@media screen and (max-width: 840px) {
    .ico_[class*="sns2_"]{background-size: 2.4vw;}
    .ico_.sns2_1{ background-size: 1.5vw;}
    .ico_.search_top{width: 4.2vw;height: 4.2vw;background-repeat: no-repeat;background-size: contain;}
}


.notes_lst li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 0px;
  line-height: 1.5;
  font-size: var(--fz-sss);
}

.notes_lst li::before {
  content: "*"; /* Star symbol */
  position: absolute;
  left: 0;
  top: 0;
  color: #000; /* Star color */
}

@media screen and (max-width: 840px) {
  .notes_lst li {
    padding-left: 3vw;
    margin-bottom: 1vw;
  }
}



.head-type1{ display: flex; align-items: center; justify-content: space-between; }
.bg_chnage_black .head-type1{ color: #fff; }
@media screen and (max-width: 840px) {
  .head-type1{}
}

.wrap-loading{
  position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999999999999999;overflow: hidden;background-color: #000;color: #fff;display: flex;align-items: center;justify-content: center;
  transition: height 1000ms cubic-bezier(0.520, 0.205, 0.465, 1.005); /* custom */
  transition-timing-function: cubic-bezier(0.520, 0.205, 0.465, 1.005); /* custom */

}
.wrap-loading.off{ height: 0;  }
.wrap-loading > .inner{
    text-align: center;
}
.wrap-loading .txt{font-size: var(--fz-tit2);font-weight: var(--fw-r);}
.wrap-loading .loader{
    width: 100%;
    height: 2px;
    background: #fff;
    margin-top: 10px;
    position: relative;
}
.wrap-loading .bar{
    position: absolute;
    width: 0;
    height: 100%;
    background: #ffc72c;
    left: 0;
    top: 0;
    transition: all 600ms cubic-bezier(0.520, 0.205, 0.465, 1.005); /* custom */
    transition-timing-function: cubic-bezier(0.520, 0.205, 0.465, 1.005); /* custom */
}
.wrap-loading.exocom .loader{ display: inline-block; font-size: 0; line-height: 0; width: auto; height: auto; background: transparent; margin-top: 0; position: relative; }
.wrap-loading.exocom .bar{ 
  background-color: transparent; overflow: hidden;
  -webkit-animation: loader-width 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: loader-width 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.wrap-loading img{ max-width:none; width:380px; }
.wrap-loading.exocom img{ max-width:none; width:240px; }
.wrap-loading.exocom.off .bar{ width: 100% !important; }


.wrap-loading.exo .loader{ display: inline-block; font-size: 0; line-height: 0; width: auto; height: auto; background: transparent; margin-top: 0; position: relative; }
.wrap-loading.exo .bar{
  background-color: transparent;
  -webkit-animation: loader-width 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: loader-width 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  overflow: hidden;
}
.wrap-loading.exo.off .bar{width: 100% !important;}
.wrap-loading.exo .bar img{ max-width:none; }

@media screen and (max-width: 840px){
  .wrap-loading img{max-width:none;width: 80vw;}
  .wrap-loading .bar{
    background-size: 80vw !important;
  }
}


@-webkit-keyframes loader-width {
  0% {
    width:0%;
  }
  100% {
    width:95%;
  }
}
@keyframes loader-width {
  0% {
    width:0%;
  }
  100% {
    width:95%;
  }
}

.quick-linkcenter{
    position: fixed;
    right: 10px;
    top: calc(50% - 80px);
    z-index: 7;
    display: flex;
    justify-content: center;
    align-items: center;
}
.quick-linkcenter > .inner{
    padding: 5px;
    text-align: center;
}
.quick-linkcenter > .inner a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    background: rgb(255, 207, 75);
    border-radius: 50%;
    font-size: 16px;
    font-weight: var(--fw-b);
    line-height: 1.1;
    flex-direction: column;
    text-align:center;
}
.quick-linkcenter > .inner a .ico{display:block;width:100%;height: 50px;position: relative;}
.quick-linkcenter > .inner a .ico i{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%; background-size: contain;}
.quick-linkcenter > .inner a .tit{display: flex;margin-top: 11px;width: 90%;justify-content: center;font-size: 14px;}
.quick-linkcenter > .inner a .more{display:flex;margin-top: 5px;font-size: 10px;align-items: center;line-height:1;width: 90%;justify-content: center;margin-left: 5px;}


@media screen and (max-width: 840px){
  .quick-linkcenter{right: 2vw;top: calc(50% - 12.5vw);}
  .quick-linkcenter > .inner{ padding: 1vw; }
  .quick-linkcenter > .inner a{width: 25vw;height: 25vw;font-size: 2vw;background: rgba(255, 207, 75,0.7);}
  .quick-linkcenter > .inner a .ico{height: 9vw;margin-bottom: 0.6vw;}
  
  .quick-linkcenter > .inner a .tit{margin-top: 1vw;width: 94%;justify-content: center;font-size: 2.8vw;line-height: 1;}
  .quick-linkcenter > .inner a .more{margin-top: 1vw;font-size: 2.5vw;width: 96%;margin-left: 2vw;}

}


.btn-quick-top{position: fixed;right: 16px;bottom: 21px;width: 60px;height: 60px;background-color: rgb(255, 207, 75);color: #000;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 10px;font-weight: 500;text-transform: uppercase; z-index: 5;}

@media screen and (max-width: 840px){
    .btn-quick-top{position: fixed;right: 4vw;bottom: 4vw;width: 13vw;height: 13vw;font-size: 2.6vw;}    
}






.thumb{ position: relative; }
.thumb.bdrs_1{border-radius: 10px; overflow: hidden;}
.thumb.bdrs_2{border-radius: 15px; overflow: hidden;}
.thumb.bdrs_half{border-radius: 10px 10px 0 0; overflow: hidden;}
.thumb.n2_1{ display: block; padding-bottom: 50%; position: relative;  overflow: hidden;}
.thumb.n1_2{ display: block; padding-bottom: 200%; position: relative;  overflow: hidden;}
.thumb.n1_14{ display: block; padding-bottom: 140%; position: relative;  overflow: hidden;}
.thumb.n1_1{ display: block; padding-bottom: 92%; position: relative;  overflow: hidden;}
.thumb.n4_3{ display: block; padding-bottom: 75%; position: relative;  overflow: hidden;}
.thumb.n16_9{ display: block; padding-bottom: 56.25%; position: relative; overflow: hidden; }
.thumb.n16_9.cust1{ padding-bottom: 64.25%;}
.wrap_video{ position: relative; background-color: #ddd; }
.thumb iframe,
.thumb video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.btn-yt-play{ opacity: 0; }
@media (hover: hover) {
  .btn-yt-play:hover{ opacity: 1; }
}


.thumb.hv_type1 .bg-pos:after,
.thumb.hv_type1 .bg-pos{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -moz-transform: scale(1) rotate(0.001deg);
    -webkit-transform: scale(1) rotate(0.001deg);
    -o-transform: scale(1) rotate(0.001deg);
    -ms-transform: scale(1) rotate(0.001deg);
    transform: scale(1) rotate(0.001deg);
}
.thumb.hv_type1 .bg-pos:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1.0); content: ""; opacity: 0;
}
@media (hover: hover) {
  .item.hv_type:hover .thumb.hv_type1 .bg-pos,
  .thumb.hv_type1:hover .bg-pos{
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -ms-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out;
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
  }
  .item.hv_type:hover .bg-pos:after,
  .thumb.hv_type1:hover .bg-pos:after{opacity: 0.3;}
}

.thumb.hv_type2 .summary{position: absolute;left: 0;bottom: 13px;z-index: 2;color: #fff;font-size: 15px;width: 100%;text-align: center;padding: 0 20px;box-sizing: border-box; opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.thumb.hv_type2 .bg-pos:after,
.thumb.hv_type2 .bg-pos{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -moz-transform: scale(1) rotate(0.001deg);
    -webkit-transform: scale(1) rotate(0.001deg);
    -o-transform: scale(1) rotate(0.001deg);
    -ms-transform: scale(1) rotate(0.001deg);
    transform: scale(1) rotate(0.001deg);
}
.thumb.hv_type2 .bg-pos:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0.6) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0.6) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); content: ""; opacity: 0;
}
@media (hover: hover) {
  .thumb.hv_type2:hover .bg-pos{
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -ms-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out;
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
  }
  .thumb.hv_type2:hover .bg-pos:after{opacity: 1;}
  .thumb.hv_type2:hover .summary{opacity: 1;}
}



.lst-col{display: flex;flex-wrap: wrap;/* justify-content: space-between; */}
.lst-col.num2 > .item{width: 47.5%;margin-left: 4.8%;margin-top: 7%;}
.lst-col.num2 > .item:nth-child(2n+1){ margin-left:0;}
.lst-col.num2 > .item:nth-child(-n+2){ margin-top:0;}
.lst-col.num2.w49_8 > .item{width: 49.8%;margin-left: 0.4%;margin-top: 1%;}
.lst-col.num2.w49_8 > .item:nth-child(2n+1){ margin-left:0;}
.lst-col.num2.w49_8 > .item:nth-child(-n+2){ margin-top:0;}
.lst-col.num2.w49_5 > .item{width: 49.5%;margin-left: 1%;margin-top: 2%;}
.lst-col.num2.w49_5 > .item:nth-child(2n+1){ margin-left:0;}
.lst-col.num2.w49_5 > .item:nth-child(-n+2){ margin-top:0;}
.lst-col.num2.w49 > .item{width: 49%;margin-left: 1%;margin-top: 3%;}
.lst-col.num2.w49 > .item:nth-child(2n+1){ margin-left:0;}
.lst-col.num2.w49 > .item:nth-child(-n+2){ margin-top:0;}
.lst-col.num2.w48 > .item{width: 48%;margin-left: 2%;margin-top: 2%;}
.lst-col.num2.w48 > .item:nth-child(2n+1){ margin-left:0;}
.lst-col.num2.w48 > .item:nth-child(-n+2){ margin-top:0;}
.lst-col.num2.w47 > .item{width: 47%;margin-left: 3%;margin-top: 3%;}
.lst-col.num2.w47 > .item:nth-child(2n+1){ margin-left:0;}
.lst-col.num2.w47 > .item:nth-child(-n+2){ margin-top:0;}

.lst-col.num3 > .item{ width: 32.4242%;  margin-left: 1.3637%; margin-top: 1.3637%; }
.lst-col.num3.mg0 > .item{width: calc(33.333% - 3px);margin-left: 3px;margin-top: 5%;}
.lst-col.num3.mg1 > .item{width: 31.429%;margin-left: 2.8565%;margin-top: 5%;}

body .lst-col.num3 > .item:nth-child(3n+1){ margin-left:0;}
body .lst-col.num3 > .item:nth-child(-n+3){ margin-top:0;}
body .lst-col.num3.mg0 > .item:nth-child(3n+1){ width: 33.333%;}


.lst-col.num4 > .item{width: 22.918%;margin-left: 2.770%;margin-top: 3.4%;}
.lst-col.num4.mg_s > .item{width: 23.748%; margin-left: 1.6%; margin-top: 1.6%;}
.lst-col.num4.mg_s.mt2 > .item{ margin-top: 3.6%; }
.lst-col.num4.mg_s.mt2 > .item:nth-child(4n+1),
.lst-col.num4 > .item:nth-child(4n+1){ margin-left:0;}
.lst-col.num4.mg_s.mt2 > .item:nth-child(-n+4),

.lst-col.num4.mg_ss > .item{width: 24.62%; margin-left: 0.5%; margin-top: 0.5%;}
.lst-col.num4.mg_ss > .item{ margin-top: 0.5%; }
.lst-col.num4.mg_ss > .item:nth-child(4n+1),
.lst-col.num4 > .item:nth-child(4n+1){ margin-left:0;}
.lst-col.num4.mg_ss > .item:nth-child(-n+4),

.lst-col.num4 > .item:nth-child(-n+4){ margin-top:0;}

.lst-col.num5 > .item{width: 22.918%;margin-left: 2.770%;margin-top: 3.4%;}
.lst-col.num5 > .item:nth-child(5n+1){ margin-left:0;}
.lst-col.num5 > .item:nth-child(-n+5){ margin-top:0;}

/* 홍보영상 리스트 */
.lst-col.num5 > .item{width: 17.73%;margin-left: 2.770%;margin-top: 3.4%;}
body .lst-col.num3.pr1 > .item:nth-child(3n+1){ margin-left:0;}
body .lst-col.num3.pr1 > .item:nth-child(-n+3){ margin-top:0;}
.lst-col.num2 .item.thumb1{width: calc(97.23% - 500px);}
.lst-col.num2 .item.cont1{ width: 470px; }

li.techspec{ position: relative; padding-left: 15px; margin-bottom: 5px;  }
li.techspec:after{ position: absolute; left: 0; top: 0; content:"•"; }

@media screen and (max-width: 1480px){
  body .lst-col.num3-wxga.sz2.mt2 > .item:nth-child(1n+1),
  body .lst-col.num3-wxga > .item:nth-child(1n+1){width: 31.222%;margin-left: 2.1%; margin-top: 5%;}
  body .lst-col.num3-wxga.sz2.mt2 > .item:nth-child(3n+1),
  body .lst-col.num3-wxga > .item:nth-child(3n+1){ margin-left:0;}
  body .lst-col.num3-wxga.sz2.mt2 > .item:nth-child(-n+3),
  body .lst-col.num3-wxga > .item:nth-child(-n+3){ margin-top:0;}
}
@media screen and (max-width: 1200px){
  body .lst-col.num2-xga.sz2.mt2 > .item:nth-child(1n+1),
  body .lst-col.num2-xga > .item:nth-child(1n+1){width: 48%;margin-left: 2%;margin-top: 6%;}
  body .list_beer .lst-col.num2-xga.sz2.mt2 > .item:nth-child(1n+1){ margin-top: 9%; }
  body .lst-col.num2-xga.sz2.mt2 > .item:nth-child(2n+1),
  body .lst-col.num2-xga > .item:nth-child(2n+1){ margin-left:0;}
  body .lst-col.num2-xga.sz2.mt2 > .item:nth-child(-n+2),
  body .list_beer .lst-col.num2-xga.sz2.mt2 > .item:nth-child(-n+2),
  body .lst-col.num2-xga > .item:nth-child(-n+2){ margin-top:0;}
}
@media screen and (max-width: 840px){
.lst-col.num2 .item.thumb1{width: 100%;}
  .lst-col{display: flex;flex-wrap: wrap;}
  .lst-col.num2.w49_8 > .item,
  .lst-col.num2.w49 > .item,
  .lst-col.num2.w49_5 > .item,
  .lst-col.num2.w48 > .item,
  .lst-col.num2.w47 > .item,
  .lst-col.num2 > .item{width: 100%;margin-left: 0%;}
  .lst-col.num2.w49_8 > .item:nth-child(1n+1),
  .lst-col.num2.w49_5 > .item:nth-child(1n+1),
  .lst-col.num2.w49 > .item:nth-child(1n+1){ margin-left:0; margin-top: 4vw;}
  .lst-col.num2.w49_5 > .item:nth-child(1n+1),
  .lst-col.num2.w48 > .item:nth-child(1n+1),
  .lst-col.num2.w47 > .item:nth-child(1n+1),
  .lst-col.num2 > .item:nth-child(1n+1){ margin-left:0; margin-top: 4vw;}
  .lst-col.num2.w49_5 > .item:first-child,
  .lst-col.num2.w49_8 > .item:first-child,
  .lst-col.num2.w49 > .item:first-child,
  .lst-col.num2.w48 > .item:first-child,
  .lst-col.num2.w47 > .item:first-child,
  .lst-col.num2 > .item:first-child{ margin-top:0;}

  .lst-col.num3 > .item{ width: auto;  margin-left: 0%; margin-top: 1.3637%; }
  .lst-col.num3.mg0 > .item{width: auto;margin-left: 0;margin-top: 0;}

  body .lst-col.num3 > .item:nth-child(1n+1){margin-top: 8vw; margin-left:0;}
  body .lst-col.num3 > .item:nth-child(1){margin-top: 0;}
  body .lst-col.num3.mg0 > .item{margin-top: 0;}
  body .lst-col.num3.mg0 > .item:nth-child(1n+1){ width: auto;}

  .lst-col.num4.mg_ss > .item:nth-child(1n+1),
  .lst-col.num4 > .item:nth-child(1n+1){width: 100%;margin-left: 0;margin-top: 5vw;}

  .lst-col.num4.mg_ss > .item:first-child,
  .lst-col.num4 > .item:first-child{ margin-top:0; }
  .lst-col.num4 > .item{width: 100%;margin-left: 0;margin-top: 5vw;}
  .lst-col.num4 > .item:first-child{ margin-top:0; }


  .lst-col.num4.num2-mo.sz2.mt2 > .item{ margin-top: 11.6%; }
  .lst-col.num4.num2-mo.sz2.mt2  > .item:nth-child(-n+2){ margin-top:0;}

  
  .lst-col.num3 > .item{width: 100%;margin-left: 1.3637%;margin-top: 1.3637%;}
  .lst-col.num3.mg0 > .item{width: calc(33.333% - 3px);margin-left: 3px;margin-top: 7%;}
  .lst-col.num3.mg1 > .item{width: 100%;margin-left: 0%;margin-top: 7%;}

  body .lst-col.num2-mo > .item:nth-child(1n+1){width: 48.5% !important; margin-left: 3% !important; margin-top: 6vw !important;}
  body .lst-col.num2-mo > .item:nth-child(2n+1){ margin-left:0 !important;}
  body .lst-col.num2-mo > .item:nth-child(-n+2){ margin-top:0 !important;}

  li.techspec{ padding-left: 3vw; margin-bottom: 2vw; }

}




.bg-mode,
.bg-mode.white { background-color: #fff; }
.bg-mode.black { background-color: #000; color: #fff; }


.video-container.magazine_mov{  }

.title2{ font-size: var(--fz-tit2); font-weight: var(--fw-b);  }
.bg-mode.black .title2{ color: #fff; }

.box-prd-sns{}
.box-prd-sns > .thumb{}
.box-prd-sns > .cate{background:#e6e6e6;display: flex;justify-content: space-between;}
.box-prd-sns > .cate p{display:flex;align-items: center;padding:14px;color: #000;font-size: var(--fz-xs);}
.box-prd-sns > .cate p:first-child{ margin-right:10px;}
.box-prd-sns > .cate p b{ margin-left:10px; flex-grow:1; }
.box-prd-sns > .cont{ min-height: 69px; margin-top:-1px; background: #fff; padding: 18px; background-color: #f5f5f5; }
.box-prd-sns > .cont .h_1{ font-size: var(--fz-s); text-align: center; font-weight: var(--fw-b); color:#000; }
.box-prd-sns > .cont .sns{ text-align: center; margin-top: 10px; }
.box-prd-sns > .cont .sns a{ width: 30px; height: 30px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%;background-color: #000;}
@media (hover: hover) {
  .box-prd-sns:hover .cont{ background:#ffc72c; }
}

@media screen and (max-width: 840px){
    
  .box-prd-sns{}
  .box-prd-sns > .thumb{}
  .box-prd-sns > .cate{display: flex;flex-direction: column;}
  .box-prd-sns > .cate p{padding: 1.1vw;}
  .box-prd-sns > .cate p:first-child{margin-right: 0;}
  .box-prd-sns > .cate p b{ margin-left:10px; flex-grow:1; }
  .box-prd-sns > .cont{padding: 3vw;}
  .box-prd-sns > .cont .h_1{font-size: var(--fz-s);word-wrap: break-word;}
  .box-prd-sns > .cont .h_1 span{ display:inline-block }
  .box-prd-sns > .cont .sns{ text-align: center; margin-top: 3vw; }
  .box-prd-sns > .cont .sns a{ width: 7vw; height: 7vw;}
  }



.box-prd-type2{}
.box-prd-type2 > .thumb{}
.box-prd-type2 > .thumb .tag{
    position: absolute;
    left: 0;
    top: 0;
    display:flex;
}
.box-prd-type2 > .thumb .tag > *{padding: 12px 23px;background:#000;color:#fff;text-transform: uppercase;font-size: var(--fz-s);font-weight: var(--fw-b);}
.box-prd-type2 > .thumb .tag .t1{background: #f20b00;}
.box-prd-type2 > .thumb .tag .t2{
    color: var(--color-point);
}
.box-prd-type2 > .cont{
    padding: 35px 0;
}
.box-prd-type2 > .cont .h_1{
    font-size: var(--fz-xxl);
    font-weight: var(--fw-sb);
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.box-prd-type2 > .cont .t_1{
    margin-top: 10px;
    font-size: var(--fz-nl);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.box-prd-type2 > .cont .date{
    font-size: var(--fz-ss);
    margin-top: 10px;
}

.bg-mode.black .box-prd-type2 > .cont{ color: #fff; }
.bg-mode.black .box-prd-type2 > .cont .h_1{}
.bg-mode.black .box-prd-type2 > .cont .t_1{}
.bg-mode.black .box-prd-type2 > .cont .date{}


.swiper-pagination.type2{text-align: center;position: relative;margin-top: 20px;}
.swiper-pagination.type2 .swiper-pagination-bullet{opacity: 0.3;background-color: #000;margin: 0 10px;width: 10px;height: 10px;}
.swiper-pagination.type2 .swiper-pagination-bullet-active { opacity: 1; }


.bg_chnage_black .swiper-pagination.type2 .swiper-pagination-bullet,
.bg-mode.black .swiper-pagination.type2 .swiper-pagination-bullet{ background-color: #fff;  }
.swiper-pagination.type2 .swiper-pagination-bullet-active { opacity: 1; }

.swiper-pagination.type3{text-align: center;position: relative; margin-top: 60px;}
.swiper-pagination.type3 .swiper-pagination-bullet{ background-color: #f2f2f2; border: 1px solid #4c4c4d; margin: 0 10px;width: 25px;height: 25px; }
.swiper-pagination.type3 .swiper-pagination-bullet-active { background-color: #000000; border-color: #000; }

.bg_chnage_black .swiper-pagination.type3 .swiper-pagination-bullet,
.bg-mode.black .swiper-pagination.type3 .swiper-pagination-bullet{ background-color: #fff; border-color: #fff;  }
.bg_chnage_black .swiper-pagination.type3 .swiper-pagination-bullet-active {  background-color: #d9a925; border-color: #d9a925; }

@media screen and (max-width: 840px){
  .swiper-pagination.type3{ margin-top: 10vw;}
  .swiper-pagination.type3 .swiper-pagination-bullet{ margin: 0 2vw;width: 5vw;height: 5vw; }
}


.wrap-sponsored{position: relative;height: calc(100vh - 142px);overflow: hidden;max-height: 1200px;min-height: 700px;}

.wrap-sponsored .head{position: absolute;left: 0;top: 160px;width: 100%;color: #fff;text-align: center;color: #fff;text-align: center;z-index: 6;}
.wrap-sponsored .head .h_1 p{ font-size: var(--fz-s); font-weight: var(--fw-b); text-align: center;}
.wrap-sponsored .head .h_1 p span{display:inline-flex;padding: 11px 20px;border: 1px #505050 solid;margin-left: -1px;}
.wrap-sponsored .head .h_1 p .cate{background:#f20b00;color:#fff;border-color: #f20b00;margin: 0;}
.wrap-sponsored .head .h_2 { margin-top:20px; }
.wrap-sponsored .head .h_2 p{margin-top: 0;font-size: 60px;font-weight: 700;text-align: center;line-height: 1.3;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient:vertical; }
.wrap-sponsored .head .t_1{font-size: 25px; line-height: 1.6; max-width: 1000px; margin: 0 auto; margin-top: 28px;}
.wrap-sponsored .head .date{margin-top: 25px; font-size: var(--fz-s); }
.wrap-sponsored .head .slider{ display: inline-block; max-width: 1280px;  }
.wrap-sponsored .head .swiper-pagination.type2{ margin-top: 80px; }
@media screen and (max-width: 1400px) {
    .wrap-sponsored{min-height: 450px;}
    .wrap-sponsored .head{ top: 70px; }
    .wrap-sponsored .head .slider{ display: inline-block; max-width: none; width:80%;  }
    .wrap-sponsored .head .h_1 p{ font-size: var(--fz-ss);}
    .wrap-sponsored .head .h_1 p span{display:inline-flex;padding: 7px 10px; }
    .wrap-sponsored .head .h_2 { margin-top:20px; }
    .wrap-sponsored .head .h_2 p{margin-top: 0;font-size: 40px;max-width: 1100px;margin: 0 auto;}
    .wrap-sponsored .head .t_1{font-size: 20px; line-height: 1.5; max-width: 900px; margin-top: 18px;}
    .wrap-sponsored .head .date{margin-top: 15px; font-size: var(--fz-ss); }
    .wrap-sponsored .head .swiper-pagination.type2{ margin-top: 40px; }
    
}
 

.wrap-sponsored .img_sponsored{
 border-top: 1px solid transparent;
 -moz-transform: translateY(0%);
 -webkit-transform: translateY(0%);
 -o-transform: translateY(0%);
 -ms-transform: translateY(0%);
 transform: translateY(calc(0%));
 transition: all 1000ms cubic-bezier(0.435, 0.210, 0.375, 1.005); /* custom */
 transition-timing-function: cubic-bezier(0.435, 0.210, 0.375, 1.005); /* custom */
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
}
.wrap-sponsored .img_sponsored:after{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.35); content:""; z-index:1; }
.wrap-sponsored .img_sponsored .area_row{max-width:1740px;height: calc(100vh - 142px);margin:0 auto;/* overflow: hidden; */}
.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: 40vw;
  max-height: 50vh;
  width: auto;
  height: auto;
 }
.wrap-sponsored .img_sponsored .item:nth-child(odd){text-align: left;}
.wrap-sponsored .img_sponsored .item:nth-child(even) .pic{ margin-top: -5vh; }

.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;}
@media screen and (max-width: 1400px) {
    .wrap-sponsored .img_sponsored .item .pic img{ max-width: 30vw; max-height: 45vh; }
    .wrap-sponsored .img_sponsored .item:nth-child(even) .pic{ margin-top: -10vh; }
}


.wrap-view-head{
    text-align: center;
}
.wrap-view-head .h_1{
    font-size: var(--fz-tit1);
    line-height: 1.2;
    font-weight: var(--fw-b);
}
.wrap-view-head .t_1{
    font-size: var(--fz-xl);
    margin-top: 40px;
    margin: 50px 80px 0;
}

.bbs_top_type1{display: flex;align-items: center;}
.bbs_top_type1 > .date{
    margin-right: 20px;
    font-size: var(--fz-s);
}

.wrap_share_select{
    display: none;
    position: relative;
/*    display: inline-block;*/
    overflow: hidden;
}
.wrap_share_select a{
    color: #fff;
    font-size: var(--fz-ss);
    text-transform: uppercase;
    font-weight: var(--fw-b);
    display: inline-flex;
    align-items: center;
    opacity: 0.3;
}
@media (hover: hover) {
  .wrap_share_select a:hover{ opacity:1; }
}
.wrap_share_select a .t{margin-left:10px;flex-grow: 1;}
.wrap_share_select .btn_open{width: 50px;height: 50px;border-radius: 50%;background: #fff; border:1px #cddbe4 solid; display: inline-flex;justify-content: center;align-items: center;}
.wrap_share_select .btn_open .ico_.share{width: 25px;height: 25px;}
.wrap_share_select .box_share{
    background: #000;
    border-radius: 10px;
    position: absolute;
    right: 0;
    bottom: 70px;
    width: 255px;
    color: #fff;
    border: 2px #000 solid;
    text-align: left;
}
.wrap_share_select .box_share .link{
    padding: 14px 20px;
    border-bottom: 1px rgba(255,255,255,0.2) solid;
}

.wrap_share_select .box_share .link a i{}
.wrap_share_select .box_share .link a i .t{}
.wrap_share_select .box_share .lst_sns{padding: 15px 20px;}
.wrap_share_select .box_share .lst_sns li{ margin-bottom: 10px; }
.wrap_share_select .box_share .lst_sns li:last-child{ margin-bottom: 0; }
.wrap_share_select .box_share .circle{width:20px;height:20px;display:inline-flex;align-items: center;justify-content: center;}
.wrap_share_select .box_share .lst_sns li a .t{}

.wrap_share_select .box_share{
    
  opacity: 0;
  -moz-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -o-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.wrap_share_select.active{overflow: visible;}
.wrap_share_select.active .box_share{ 
  
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
 }
 @media (hover: hover) {
  .wrap_share_select .btn_open:hover{background: #ffc72c;border-color: #ffc72c;}
}
.wrap_share_select.active .btn_open{background: #000000;border-color: #000000;}
.bg-mode.black .wrap_share_select.active .btn_open{background: #000000;border-color: #ffffff;}
.bg-mode.black .wrap_share_select .box_share{ border-color:#fff;  }

.wrap-tag-bot{position: relative;text-align: center;}
.wrap-tag-bot > .inner{
    display: inline-flex;
    flex-wrap: wrap;
    margin: -7px 170px;
}
.wrap-tag-bot > .inner .t{
    background: #b2b2b2;
    color: #fff;
    display: inline-flex;
    padding: 9px 24px;
    border-radius: 3px;
    margin: 7px 3px 0;
    font-weight: var(--fw-sb);
}
@media (hover: hover) {
  .wrap-tag-bot > .inner .t:hover{ opacity:0.8; }
}
.wrap-tag-bot .wrap_share_select{position:absolute;right:0;top: -9px;}
.bg-mode.black .wrap-tag-bot > .inner .t{ background:#262626; }

.wrap-pageing-type2{
    display: flex;
    justify-content: space-between;
}
.wrap-pageing-type2 .area{
    width: 380px;
    display: flex;
    position: relative;
    text-align: right;
    flex-direction: column;
}
.wrap-pageing-type2 .area.lft{}
.wrap-pageing-type2 .area.rgh{
    text-align: left;
}
.wrap-pageing-type2 .area .h_1{
    display: block;
    font-size: var(--fz-ss);
}
.wrap-pageing-type2 .area .t_1{
    display: block;
    font-size: var(--fz-n);
    font-weight: var(--fw-eb);
    line-height: 1.5;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin-left: 50px;
}
@media (hover: hover) {
  .wrap-pageing-type2 .area:hover .t_1{
      text-decoration: underline;
      text-underline-offset:  3px;
  }
}
.wrap-pageing-type2 .area .arr{
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
    font-size: 24px;
    line-height: 1;
}
.wrap-pageing-type2 .area .arr i{}

.wrap-pageing-type2 .area.rgh .h_1{}
.wrap-pageing-type2 .area.rgh .t_1{
    margin-right: 50px;
    margin-left: 0;
}
.wrap-pageing-type2 .area.rgh .t_1 a{}
.wrap-pageing-type2 .area.rgh .arr{
    left: auto;
    right: 0;
}
.wrap-pageing-type2 .area.rgh .arr i{}
.bg-mode.black .wrap-pageing-type2 .area{ color:#fff; }

.ed-text-group{}
.ed-text-group .h_1{
    font-size: var(--fz-tit2);
    font-weight: var(--fw-b);
    margin-bottom: 50px;
    line-height: 1.2;
}
.ed-text-group .t_1{
    font-size: var(--fz-s);
    font-weight: var(--fw-l);
    line-height: 1.7;
    margin-top: 20px;
}
.ed-text-group .t_1:first-child{
  margin-top: 0;
}

.ed-box-gray{ background-color: #F3F6F9; padding: 30px 30px; border-radius: 5px; overflow: hidden; }
  .bg-mode.black .ed-box-gray{ background-color: #262626; }

.line-top1{ border-top: 2px solid #000; padding-top: 30px; margin-top: 30px; }

@media screen and (max-width: 840px) {
  .ed-box-gray{ padding: 5vw 4vw; }
}

.bg-mode.black .ed-text-group{ color:#ffffff; }

.ed-thumb-solo{ text-align: center; }
.ed-thumb-solo img{ max-width: 100%; height: auto;  }
.ed-summary{font-size: var(--fz-s);text-align: center;margin-top: 25px;}
.bg-mode.black .ed-summary{ color:#fff; }

.wrap-full-img{ display: flex; }
.wrap-full-img .item{ width: 33%; margin-left: 0.5%; }
.wrap-full-img .item:first-child{ margin-left:0; }
.wrap-full-img .item .thumb{position: relative;width: 100%;height: 0;padding-bottom: 100%;}


.lay-ty1{display: flex;justify-content: space-between;}
.lay-ty1 > .item{flex: none;margin-left: 0;}
.lay-ty1 > .item:first-child{margin-left: 0;}
.lay-ty1.import1{}
@media screen and (max-width: 1080px) {
    .lay-ty1.mo_none1{display:block;}
    .lay-ty1 .item{margin-top:5vw;}
    .lay-ty1 .item:first-child{margin-top: 0;}

.lay-ty1.import1 .item{width: 100% !important; margin-left: 0 !important; margin-right:0 !important;}
    .lay-ty1.import1 .item.n1,
    .lay-ty1.import1 .item.n2{order:1 !important;}
}


.Sirv{ width: 80% !important; left: 10% !important; }
@media screen and (max-width: 840px) {
  .Sirv{ width: 80% !important; left: 10% !important; }
}


.txt-point1{ font-weight: bold; color: var(--color-yellow2); text-decoration: underline; text-underline-offset: 3px; }
.visual_belt{ position: relative; height: 650px; overflow: hidden; }
.wrap-contactus{display: flex;align-items: stretch;justify-content: space-between;}
.wrap-contactus .area{}
.wrap-contactus .area.lft{
    flex-grow: 1;
}
.wrap-contactus.size2 .area.lft{
    max-width:700px;
}
.wrap-contactus .area.rgh{
    width: 340px;
    padding-left: 60px;
    margin-left: 60px;
    box-sizing: border-box;
    border-left: 1px #d7e3e8 solid;
}
.wrap-contactus.size2 .area.rgh{
    width: 500px;
    padding-left: 60px;
    margin-left: 60px;
    box-sizing: border-box;
    border-left: 1px #d7e3e8 solid;
}

.wrap-form{}
.wrap-form .rows{display: flex;margin-bottom: 10px;}
.wrap-form .rows > .head{
    min-width: 150px;
    max-width: 150px;
    margin-right: 40px;
    display: flex;
    align-items: center;
}
.wrap-form .rows > .head.multi{
    align-items: flex-start;
    padding-top: 11px;
}
.wrap-form .rows > .cont{
    flex-grow: 1;
}

.form-control-wrap { position: relative;}
.form-control-wrap.half > .inner-from-cotrol{ width: 50%;  }
.form-control-wrap > .inner-from-cotrol{ margin-left: -13px; margin-top: -5px;  display: flex; }
.form-control-wrap .cols{ position: relative; display: inline-block; margin-left: 13px; margin-top: 5px; 
  flex-grow:1; }
.form-control-wrap.num2 .cols{  width: 50%; }


input.form_field {
    display: inline-block;
    width: 100%;
    height: 48px;
    padding: 8px 12px;
    vertical-align: middle;
    font-size: var(--fz-sn);
    font-weight: var(--fw-m);
    background: #fff;
    border: 1px solid #d7e3e8;
    border-radius: 5px;
    box-sizing: border-box;
}
input.form_field:focus {
    border-color: #6b6b6b;
}
input.form_field.alert{ border-color: #ef4625;  }

@media screen and (max-width: 1024px){
  .wrap-contactus{display: flex;align-items: stretch;justify-content: space-between;flex-direction: column;}
  .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: 30px;
    padding-top: 30px;
  }

}

.textarea1{line-height: 0;}
.textarea1 textarea{width: 100%;height: 290px;padding: 20px;box-sizing: border-box;border: 0;margin: 0;line-height: 1.3;color: #000;font-weight: 500;border: 1px solid #d7e3e8;border-radius: 5px;overflow: hidden;font-size: 18px;}
@media screen and (max-width: 840px){
  .textarea1 textarea{width: 100%; height: 40vw; padding:5vw 4vw; font-size: 4vw;}  
}

.t-alert{ margin-top: 7px; margin-bottom: 5px; font-size: 12px; color: #ef4625;  }
.t-info{ margin-top: 10px; margin-bottom: 5px; font-size: 12px; }


/* flie-upload */

.file-upload {
  background-color: #ffffff;
  padding: 20px;
  border: 1px #d7e3e8 solid;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 140px;
  box-sizing: border-box;
  position: relative;
}
@media (hover: hover) {
  .file-upload:hover{ border-color:#000; }
}

.file-upload-btn {
  width: 100%;
  margin: 0;
  color: #ffffff;
  background: #1fb264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824b;
  transition: all 0.2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}
@media (hover: hover) {
  .file-upload-btn:hover {
    background: #1aa059;
    color: #ffffff;
    transition: all 0.2s ease;
    cursor: pointer;
  }
}
.file-upload-btn:active {
  border: 0;
  transition: all 0.2s ease;
}

.file-upload-content {
  display: none;
  text-align: left;
  width: 100%;
  height: 100%;
}
.file-upload-content .up_img{
    margin-bottom: 12px;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.image-upload-wrap {
  margin-top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.image-dropping {
  background-color: #efefef;
  border: 2px dashed #ddd;
}

.image-title-wrap {margin-top: 5px;max-width: 70%;}
.image-title-wrap p{ font-size:12px }


.drag-text {
  text-align: center;
  font-size: 12px;
  font-weight: 300;
}
.drag-text .ico img{width: 53px;opacity: 0.3;}
.drag-text h3 {
  opacity: 0.5;
  font-weight: 300;
  margin-top: 10px;
}

.file-upload-image {
  width: 80px;
}

.remove-image {
  color: #000;
  padding: 10px;
  transition: all 0.2s ease;
  outline: none;
  text-transform: uppercase;
  position: absolute;
  right: 11px;
  top: 5px;
  line-height: 1;
  font-size: 14px;
  border-radius: 50%;
}
@media (hover: hover) {
  .remove-image:hover {
    background: #000;
    color: #ffffff;
    transition: all 0.2s ease;
    cursor: pointer;
  }
}
.remove-image:active {
  border: 0;
  transition: all 0.2s ease;
}


.wrap-search2{
    width: 370px;
    display: inline-block;
}
.wrap-search2 .inner-search2{background: #ffc72c;display: flex;position: relative;border-radius: 3px;overflow: hidden;box-sizing: border-box;}
.wrap-search2 .inp{border: 0;background: transparent;height: 46px;padding: 0 45px 0 20px;width: 100%;font-weight: var(--fw-r);}
.wrap-search2 .inp::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a37e18;
}
.wrap-search2 .inp::-moz-placeholder {
  /* Firefox 19+ */
  color: #a37e18;
}
.wrap-search2 .inp:-ms-input-placeholder {
  /* IE 10+ */
  color: #a37e18;
}
.wrap-search2 .inp:-moz-placeholder {
  /* Firefox 18- */
  color: #a37e18;
}

.wrap-search2 .btn{
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrap-search2 .btn i{display:inline-flex;width: 18px;height: 18px;position: relative;}


.wrap-dealer-locator{}
.wrap-dealer-locator .inner-dealer-locator{
    display: flex;
    justify-content: space-between;
}
.wrap-dealer-locator .list_store{
    max-width: 35.4%;
    flex-grow: 1;
    border: 1px #d7e3e8 solid;
    border-radius: 5px;
    overflow: hidden;
    overflow-y: auto;
    height: 840px;
    position: relative;
}
@media (min-width:840px) {
    body .wrap-dealer-locator .list_store *{
        -ms-overflow-style: -ms-autohiding-scrollbar;
        scrollbar-width: thin;
        scrollbar-color: #fff #fff
    }
    body .wrap-dealer-locator .list_store::-webkit-scrollbar {
        height: .8rem;
        width: .4rem;
    }
    body .wrap-dealer-locator .list_store::-webkit-scrollbar-track {
        background: #fff
    }
    body .wrap-dealer-locator .list_store::-webkit-scrollbar-thumb {
        background-color: #ffc72c;
        border-radius: 0;
        cursor: pointer !important;
    }
}


.wrap-dealer-locator .asl-map-canv{
    flex-grow: 1;
    max-width: 62.7%;
    position: relative;
}
.wrap-dealer-locator .inner-asl-map{height: 0;padding-bottom: 100%;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 50px;
    cursor: pointer;
}
.wrap-dealer-locator .item .box-store-type1{ border-bottom: 1px #d7e3e8 solid; }
.wrap-dealer-locator .item.active{
  background-color: #d7e3e8;
}
@media (hover: hover) {
  .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; }

.box-store-type1{padding: 38px 0 40px;}  
.box-store-type1 .inner-box-store > .cont{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 10px;
}
.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{
    font-size: var(--fz-sss);
    line-height: 1.4;
}
.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:17px; height:17px; }
.box-store-type1 .box_info .t_call span{margin-left: 1px;}
.box-store-type1 .box_info .t_dis{
    margin-top: 17px;
    font-size: var(--fz-sss);
    font-weight: var(--fw-sb);
}
.box-store-type1 .box_info .t_dis b{ color:#1d74e8;}
.box-store-type1 .box_rating{
    display: flex;
}
.box-store-type1 .box_rating .col{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-left: 5px;
    text-align:center;
}
.box-store-type1 .box_rating .col:first-child{ margin-left:0; }
.box-store-type1 .box_rating .col .logo{}
.box-store-type1 .box_rating .col .logo img{}
.box-store-type1 .box_rating .col .t{}

.ico-rating{display: flex;flex-direction: column;align-items: center;min-width: 70px;}
.ico-rating .ico{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.ico-rating .mh{font-size: var(--fz-sss);line-height: 1.3;margin-bottom: 14px;}
.ico-rating .ico img{width: 48%;}
.ico-rating .txt{
    font-size: var(--fz-sss);
    font-weight: var(--fw-sb);
    margin-top: 9px;
    line-height: 1;
}
.ico-rating.sliver{}
.ico-rating.sliver .ico{
    background: #b6c6cf;
}
.ico-rating.sliver p{
    color: #b6c6cf;
}
.ico-rating.gold{}
.ico-rating.gold .ico{background: #f9aa00;}
.ico-rating.gold p{
    color: #f99200;
}
.ico-rating.platinum{}
.ico-rating.platinum .ico{ background-color: #000; }
.ico-rating.platinum p{ color: #000; }

.ico-rating.route{}
.ico-rating.route .ico{
    background: transparent;
    width: 50px;
}
.ico-rating.route .ico i{width: 50px;height: 50px;}
.ico-rating.route i:before{
    background: #1f75e8;
}
.ico-rating.route .txt{
    color: #1f75e8;
}
.ico-rating.route.small .ico{ width: 30px; height: 30px; }
.ico-rating.route.small .ico i{width: 30px;height: 30px;}
.ico-rating.route.small .txt{margin-top:5px;font-size: 12px;}

.popup-supply{position: absolute;left: 0;top: 0; display: none;}
.popup-supply .inner-popup{
    background: #000;
    border-radius: 10px;
    padding: 46px 30px;
    width: 400px;
    color: #fff;
    position: relative;
}
.popup-supply .h_1{
    font-size: var(--fz-n);
    font-weight: var(--fw-b);
    text-transform: uppercase;
    margin-bottom: var(--pr-ss);
}
.popup-supply .t_1{font-size: var(--fz-sss);line-height: 1.6;}
.popup-supply .t_1 i{width: 17px;height: 17px;}
.popup-supply .t_2{ font-size: var(--fz-sss); margin-top: 10px; }
.popup-supply .t_2 b{ color:#00baff;}
.popup-supply .btns{margin-top: 20px;display: flex;}
.popup-supply .btns > *{ margin-right:5px;  flex-grow:1;} 
.popup-supply .btns > *:last-child{ margin-right:0;}
.popup-supply .btn_close{
    position: absolute;
    right: 20px;
    top: 20px;
}
.popup-supply .btn_close i{width: 24px;height: 24px;}


.popup-directions{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: none;align-items: center;justify-content: center;}
.popup-directions.active{ display:flex;  }
.popup-directions .inner-popup{
    background: #000;
    border-radius: 10px;
    padding: 46px 30px;
    width: 400px;
    color: #fff;
    position: relative;
}
.popup-directions .h_1{
    font-size: var(--fz-n);
    font-weight: var(--fw-b);
    text-transform: uppercase;
    margin-bottom: var(--pr-ss);
}
.popup-directions .fild{
    display: flex;
    align-items: center;
}
.popup-directions .fild .h{
    width: 62px;
    font-weight: var(--fw-r);
}
.popup-directions .fild .inp{
    flex-grow: 1;
}
.popup-directions .fild .inp input{
    width: 100%;
    background: transparent;
    border: 1px #646464 solid;
    border-radius: 5px;
    height: 40px;
    margin-bottom: 10px;
    padding: 0 14px;
    box-sizing: border-box;
    color: #fff;
}
.popup-directions .fild .inp input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.3);
}
.popup-directions .fild .inp input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.3);
}
.popup-directions .fild .inp input:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(255, 255, 255, 0.3);
}
.popup-directions .fild .inp input:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.3);
}
.popup-directions .fild.sz2{ margin-top:15px;}
.popup-directions .fild.sz2 .h{width: 160px;}
.popup-directions .fild .chkbox{ display:flex; }
.popup-directions .fild .chkbox label{ margin-left:7px; margin-right:15px; }
.popup-directions .btns{margin-top: 30px;display: flex;}
.popup-directions .btns > *{ margin-right:5px;} 
.popup-directions .btns > *:last-child{ margin-right:0;}
.popup-directions .btn_close{
    position: absolute;
    right: 20px;
    top: 20px;
}
.popup-directions .btn_close i{width: 24px;height: 24px;}

.bot-dealer-locator{}
.bot-dealer-locator .inner-bot-dealer{ display: flex; }
.bot-dealer-locator .col{ min-width: 380px; }
.bot-dealer-locator .col.lft{ flex-grow:1;  margin-right:105px; }
.bot-dealer-locator .col.rgh{min-width: 380px;}
.bot-dealer-locator .col .line{
    padding-bottom: 52px;
    margin-bottom: 52px;
    border-bottom: 1px #d7e3e8 solid;
    display: flex;
    align-items: flex-end;
    font-weight: var(--fw-r);
    line-height: 1.5;
}
.bot-dealer-locator .col .line:last-child{margin-bottom:0;border: 0;padding-bottom: 0;}
.bot-dealer-locator .col .btn{ min-width: 270px; text-align: right; }

.bot-dealer-locator .box_rating_bot{
    border: 1px #d7e3e8 solid;
    border-radius: 5px;
    padding: 30px 35px;
    text-align: center;
}
.bot-dealer-locator .box_rating_bot .lst{
    display: flex;
    justify-content: space-between;
}
.bot-dealer-locator .box_rating_bot .lst > *{
    margin: 0 8px;
}
.bot-dealer-locator .box_rating_bot .btn{
    text-align: center;
    margin-top: 34px;
}

.lst-online-store{}
.lst-online-store .item{}
.lst-online-store .thumb{
    border: 1px #d7e3e8 solid;
    width: 100%;
    height: 110px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lst-online-store .thumb img{max-width: 75%;max-height: 70%;}
.lst-online-store .t_1{
    text-align: center;
    font-size: var(--fz-sss);
    font-weight: var(--fw-m);
    margin-top: 10px;
}

@media screen and (max-width: 1080px){
  .wrap-dealer-locator .inner-dealer-locator{
      display: flex;
      justify-content: space-between;
      flex-direction: column-reverse;
  }
  .wrap-dealer-locator .asl-map-canv{
      flex-grow: 1;
      max-width: 100%;
      position: relative;
  }
  .wrap-dealer-locator .list_store{
    max-width: 100%;
    height: 810px;
    margin-top: var(--pr-s);
  }

  .bot-dealer-locator .inner-bot-dealer{display: flex;flex-direction: column;}
  .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);}

}



.wrap-our-mission{
    position: relative;
    background-color: #000;
    overflow: hidden;
}
.wrap-our-mission > .bg-video{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.wrap-our-mission > .bg-video:after{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); content:""; }
.wrap-our-mission > .bg-video .video-background:after{ background-color: rgba(0, 0, 0, 0.7); }
.wrap-our-mission > .bg-video > *{}
.wrap-our-mission .inner-our-mission{position: relative;z-index: 2;padding: 140px 0;color: #fff;display: flex;justify-content: space-between;}
.wrap-our-mission .area{
    width: 46.4%;
}
.wrap-our-mission .area.lft{}
.wrap-our-mission .area.rgh{}
.wrap-our-mission .area .h_1{ font-size: var(--fz-tit1); font-weight: var(--fw-b); line-height: 1.1; }
.wrap-our-mission .area .t_1{font-size: var(--fz-s);margin-top: 31px;line-height: 1.6;}
.wrap-our-mission .area .thumb{ position:relative; height:0; overflow:hidden;  }
.wrap-our-mission .area.lft .img{margin-top: 120px;}
.wrap-our-mission .area.rgh .img{margin-bottom: 120px;margin-top: 79px;}
.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: url(../images/common/bg_water.png) no-repeat;
  background-position: -22px -44px;
  width: 50px;
  height: 62px;
  display: flex;
  color: #000;
  justify-content: center;
}
.ico-water .t{text-align: center;font-size: var(--fz-n);font-weight: var(--fw-b);display: block;margin-top: 14px;}

.wrap-banner-card1{
    border: 1px #d7e3e8 solid;
    border-radius: 5px;
}
.wrap-banner-card1 .inner-card1{
    padding: 30px 20px;
    min-height: 157px;
}
@media (hover: hover) {
  .wrap-banner-card1 .inner-card1:hover{-webkit-box-shadow: 3px 5px 27px -2px rgba(0,0,0,0.2);  box-shadow: 3px 5px 27px -2px rgba(0,0,0,0.2);}
}
.wrap-banner-card1 .top{
    display: flex;
    position: relative;
    cursor: pointer;
}
.wrap-banner-card1 .top .ico-water{
    position: absolute;
    left: 0;
    top: 0;
}
.wrap-banner-card1 .top .cont{
    flex-grow: 1;
    margin-left: 70px;
    min-height: 98px;
}
.wrap-banner-card1 .top .cont .h_1{
    font-size: var(--fz-nl);
    font-weight: var(--fw-b);
    line-height: 1.4;
    color:var(--color-point);
}
.wrap-banner-card1 .top .cont .t_1{
    font-size: var(--fz-n);
    font-weight: var(--fw-b);
    line-height: 1.4;
}
.wrap-banner-card1 .top .cont .t_2{
    margin-top: 10px;
    font-size: var(--fz-sss);
    font-weight: var(--fw-r);
}
.wrap-banner-card1 .btns{
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

.ico-water.black{background-position: -84px -44px; color: #fff;}


.wrap-about-map{
    position: relative;
    z-index: 0;
    display: inline-block;
}
.wrap-about-map .ori{}
.wrap-about-map .inner-about-map{
    /*position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;*/
    opacity: 1;
}
.wrap-about-map .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.wrap-about-map [class*="ico_"]{
  position: absolute;
  left: 1%;
  top: 1%;
  line-height: 1.1;
  transition: all 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
  transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */

}
.wrap-about-map.active [class*="ico_"]{
  opacity: 0.5;
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.wrap-about-map.active .active{
  opacity: 1;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.wrap-about-map [class*="ico_"] .ico{
    min-width: 52px;
    height: 64px;
    width: 52px;
    background-image: url(../images/aboutus/bg_res_yellow.png);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    font-weight: 800;
}
.wrap-about-map [class*="ico_"] .ico.black{
   background-image: url(../images/aboutus/bg_res_black.png);
   color: #fff;
}
.wrap-about-map [class*="ico_"] .ico span{margin-top: -8px;}
.wrap-about-map [class*="ico_"] p{
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 6px;
}
.wrap-about-map [class*="ico_"].lft{
    display: flex;
    align-items: center;
    text-align: left;
}
.wrap-about-map [class*="ico_"].lft p{margin-top: 6px;margin-left: 11px;}
.wrap-about-map .ico_a{left: 75%;top: 25.4%;width: 17%;}
.wrap-about-map .ico_b{left: 5.9%;top: 27.8%;width: 12%;text-align: center;}
.wrap-about-map .ico_c{left: 35.3%;top: 25.6%;width: 19%;}
.wrap-about-map .ico_d{left: 71.3%;top: 36.4%;width: 26%;}
.wrap-about-map .ico_e{left: 68.6%;top: 45.7%;width: 17%;}




.wrap-about-map [class*="ico_"].active{ z-index: 3; }
.wrap-about-map [class*="ico_"].active .ico{
  -webkit-animation: bounce-in-top 1.1s infinite alternate ;
          animation: bounce-in-top 1.1s infinite alternate ;
}



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

  .wrap-about-map [class*="ico_"] .ico{
      min-width: 7vw;
      height: 9vw;
      width: 7vw;
      font-size: 2.6vw;
      background-size: contain;
      background-repeat: no-repeat;
  }
 .wrap-about-map [class*="ico_"] p{
    font-size: 2.2vw;
    margin-top: 0.7vw;
 }
  .wrap-about-map [class*="ico_"].lft p{margin-top: 0;margin-left: 1.2vw;}
  .wrap-about-map .ico_a{left: 73.8%;top: 18.4%;width: 26vw;}
  .wrap-about-map .ico_b{left: -3.1%;top: 19.8%;width: 32%;text-align: center;}
  .wrap-about-map .ico_c{left: 32.3%;top: 22.3%;width: 20.7%;}
  .wrap-about-map .ico_d{left: 51%;top: 23.2%;width: 23%;display: flex;flex-direction: row-reverse;}
  .wrap-about-map .ico_e{left: 68.9%;top: 39.4%;width: 17%;}


}






@-webkit-keyframes bounce-in-top {
 
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25% {
    -webkit-transform: translateY(0) translateZ(0px);
            transform: translateY(0) translateZ(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}





.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;
}

@media screen and (max-width: 1280px){
    .wrap-banner-type1{position: relative;height: 600px;}
    .wrap-banner-type1:after{width:60%;}
    .wrap-banner-type1 .cont{ padding: 70px 0 30px; }
    .wrap-banner-type1 .cont .inner{width: 55%;}
}





.tab-type1{}
.tab-type1 > ul{ display: flex; }
.tab-type1 > ul > li{ flex-grow: 1; text-align: center; }
.tab-type1 > ul > li a{ font-size: var(--fz-n); font-weight: var(--fw-r); }
.tab-type1 > ul > li.active a{ font-weight:var(--fw-b) }
.tab-type1 > ul > li.active a{  text-decoration: underline; text-underline-offset:  4px; }
@media (hover: hover) {
  .tab-type1 > ul > li a:hover{  text-decoration: underline; text-underline-offset:  4px; }
}

.wrap-history{ position:relative; padding-bottom: 150px; z-index: 2;}
.wrap-history .btn_prev,
.wrap-history .btn_next{ position: absolute;background: transparent;width: 45%;height: 620px;left: 0;top: 0;z-index: 2;}
.wrap-history .btn_next{
    right: 0;
    left: auto;
}
.wrap-history .slide_years{
    height: 180px;
    overflow: hidden;
    line-height: 1.4;
    position: absolute;
    left: 0;
    top: 123px;
    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: calc(50% - 680px);
  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: 170px;*/
  font-size: 100px;
  font-weight: var(--fw-m);
/*  font-weight: var(--fw-el);*/
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
  color:#DFDFDF;
}

.wrap-history .slide_thumb{
    position: absolute;
    right: 0;
    top: 0;
    width: 620px;
    height: 620px;
    background: #ddd;
    overflow: hidden;
}
.wrap-history .slide_thumb .item{position: absolute;left: 0;top: 0;width: 100%;height: 100%; z-index: 0;}
.wrap-history .slide_thumb .item.active{ z-index: 1; }
.wrap-history .slide_thumb .item.mov{ z-index: 2; }
.wrap-history .slide_thumb .item .bg-pos{}

.wrap-history .slide_history_cont{
    margin-top: 400px;
}
.wrap-history .slide_history_cont .item{position: absolute; left: -9999px; top: -9999px; top:100%; opacity: 0;}
.wrap-history .slide_history_cont .item.active{ position: relative; left: 0; top: 0; opacity: 1;  }
.wrap-history .slide_history_cont .item > *{
  transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
  -moz-transform: translateX(40px);
  -webkit-transform: translateX(40px);
  -o-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
}

.wrap-history .slide_history_cont .item.active > *{
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

.wrap-history .slide_history_cont .item .h_1{
    font-size: var(--fz-xxl);
    font-weight: var(--fw-b);
    line-height: 1.1;
    max-width: 570px;
    transition-delay: 150ms;
}
.wrap-history .slide_history_cont .item .t_1{
    max-width: 570px;
    font-size: var(--fz-s);
    font-weight: var(--fw-r);
    line-height: 1.6;
    margin-top: 23px;
    transition-delay: 250ms;
}
.wrap-history .slide_history_cont .item .bg-pos{}

.wrap-history .slide_history_cont .item .wrap_more{ margin-top: 45px; transition-delay: 450ms;}
.wrap-history .wrap_more .btn_more{
    font-size: var(--fz-sss);
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    margin-bottom: 50px;
}
.wrap-history .wrap_more .btn_more .arr{
    width: 25px;
    height: 25px;
    background: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    margin-left: 9px;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  display: flex; align-items: center; justify-content: center; line-height: 1;
}
.wrap-history .wrap_more .btn_more.on .arr{
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.wrap-history .wrap_more .btn_more .arr i{}
.wrap-history .wrap_more .txt_more{
    border: 1px #d7e3e8 solid;
    border-radius: 5px;
    padding: 30px 35px;
    background: #fff;
    position: relative;
}
.wrap-history .wrap_more .inner_txt_more{
    position: relative;
    z-index: 3;
}
.wrap-history .wrap_more .his_t1{margin: 6px 0px;line-height: 1.6;font-size: var(--fz-s);/* position: relative; */mix-blend-mode:difference;position: relative;}
.wrap-history .wrap_more .his_t1 p{position:relative;z-index: 5; display: flex;}
.wrap-history .wrap_more .his_t1 p .dot{ margin-right: 5px; }
.wrap-history .wrap_more .his_t1 a{ display: inline-block;  font-weight: var(--fw-r); text-decoration: underline; text-underline-offset:  3px;  position: relative; }
.wrap-history .wrap_more .his_t1 p:hover{ }
@media (hover: hover) {
  .wrap-history .wrap_more .his_t1 a:hover{ background-color: rgba(255, 255, 255, 0.7); }
}



.wrap-history .js_img_wrap {position: absolute;top: 0;left: 0;visibility: hidden;z-index: 0;opacity: 1;}
.wrap-history .js_img_wrap img {transform: translate(-30%, -50%);position: absolute;opacity: 1; max-width: 500px;}

@media screen and (max-width: 1350px){
    .wrap-history .slide_years .item p{font-size: 8vw;}
    .wrap-history .slide_years .item{ left: calc(50% - 47vw);}
    .wrap-history .slide_thumb{ width: 40vw; height: 40vw;}
    .wrap-history .slide_history_cont .item .h_1{ max-width: 42vw; }
    .wrap-history .slide_history_cont .item .t_1{ max-width: 42vw; margin-top: 25px;}
    
}



.btn-ham-ty{w;width: 50px;height: 50px;border: 1px #ddd solid;border-radius: 50%;background: #fff;position: relative;display: inline-flex;}
.btn-ham-ty span{position:absolute;left: calc(50% - 9px);top:calc(50% - 3px);width:18px;height:2px;background:#000;}
.btn-ham-ty span:nth-child(1){}
.btn-ham-ty span:nth-child(2){ top:calc(50% + 3px);}
@media (hover: hover) {
.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{position: sticky;left: 0;top: 520px;z-index: 5;width: 100%;height: 0;text-align: right;}
.nav_subpage .inner_nav_subpage{
    width: 300px;
    display: inline-block;
    margin-right: 17px;
    position: relative;
}
.nav_subpage .inner_nav_subpage .btn-ham-ty{ position: absolute;display: inline-flex;right: 0;bottom: 40px;}

.nav_subpage .inner_nav_subpage .lst{
    text-align: left;
    margin-top: 17px;
    position: absolute;
    right: 0;
    bottom: 106px;
}

.nav_subpage .inner_nav_subpage .lst ul{
    background: #000;
    padding: 30px;
    border-radius: 5px;
}
.nav_subpage .inner_nav_subpage .lst li{margin-top: 14px;}
.nav_subpage .inner_nav_subpage .lst li:first-child{ margin-top:0; }
.nav_subpage .inner_nav_subpage .lst li a{
  font-size: var(--fz-sss);
  font-weight: var(--fw-sb);
  color:#fff;
  text-transform:uppercase;
  opacity:0.5;
  position:relative;
  padding-left:20px;
  display:block;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.nav_subpage .inner_nav_subpage .lst li a i{ 
  position:absolute; left:-10px; top:0; font-size:20px; color:#ffd42b; opacity:0; 
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.nav_subpage .inner_nav_subpage .lst li a i.blank{
  position:relative;
  left:auto;
  opacity:1;
  color:#fff;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display:inline-flex;
  font-size: 14px;
}
@media (hover: hover) {
  .nav_subpage .inner_nav_subpage .lst li a:hover{ opacity:1;}
  .nav_subpage .inner_nav_subpage .lst li a:hover i{ opacity:1; left:0; }  
}
.nav_subpage .inner_nav_subpage .lst li.active a{ opacity:1;}
.nav_subpage .inner_nav_subpage .lst li.active a i{ opacity:1; left:0; }


.wrap-brand-video-top{ position: relative; height: 100vh; min-height: 600px;  background-color: #fff; display: flex; align-items: center; overflow: hidden; }

.wrap-brand-video-top > .bg-video:after{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); content:""; }
.wrap-brand-video-top > .bg-video .video-background:after{ background-color: rgba(0, 0, 0, 0.7); }
.wrap-brand-video-top > .bg-video > *{}

.wrap-brand-video-top .cont{ position: relative;z-index: 2;color: #fff;width: 100%; }
.wrap-brand-video-top .cont .h_1{
    font-size: 60px;
    font-weight: var(--fw-b);
    line-height: 1;
}
.wrap-brand-video-top .cont .h_1 .t-shape{ margin-top:10px; }
.wrap-brand-video-top .cont .t_1{
    font-size: var(--fz-l);
    line-height: 1.5;
    font-weight: var(--fw-r);
    margin-top: 25px;
}

.t-shape {
  position: relative;
  display: inline-block;
}
.t-shape .title__text {
  opacity: 0;
  margin: 0;
}
.t-shape .title__shape {
  content: '';
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: left;
}


.wrap-brand-section1{ position: relative; overflow: hidden; }
.inner-brand-section1{ position: relative; color: #fff;  }
.inner-brand-section1 .bg-pos{}
.cont-brand-section1{
    padding: 160px 0;
    position: relative;
}
.cont-brand-section1 .mg-rgh{ max-width: 800px;margin-left: auto; }
.cont-brand-section1 .mg-rgh.step1{ margin-top: 80px; }
.cont-brand-section1 .step2{ margin-top: 80px; }
.cont-brand-section1 .mg-rgh.step1 > .inr{display: flex;justify-content: flex-start;}
.cont-brand-section1 .logo{ margin-top: 80px; }
.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: 260px;
    padding-right: 30px;
}
.cont-brand-section1 .area.n2{
    max-width: 224px;
}
.cont-brand-section1 .area .mt1{
    margin-top: 33px;
}


.wrap-brand-section2{}
.inner-brand-section2{
    padding: 150px 0;
}
.inner-brand-section2 > .inr-c-ed{
    display: flex;
    align-items: center;
}
.inner-brand-section2  .area{
    flex-grow: 1;
}
.inner-brand-section2  .area.lft{
    min-width: 550px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.inner-brand-section2  .area.lft > *{}
.inner-brand-section2  .area.rgh{}
.inner-brand-section2  .area.rgh .mt{
    margin-top: 30px;
}
.inner-brand-section2  .area .logo{margin-bottom: 50px;}
.inner-brand-section2  .area .h_2{
    font-size: var(--fz-xxl);
    font-weight: var(--fw-b);
    margin-bottom: 20px;
}
.inner-brand-section2  .area .t_1{font-size: var(--fz-s);line-height: 1.6;font-weight: var(--fw-r);}
.inner-brand-section2  .area .t_1.dt{ display:flex; }
.inner-brand-section2  .area .t_1.dt{}
.inner-brand-section2  .area .t_1.dt .dot{}
.inner-brand-section2  .area .t_1.dt .t{ flex-grow:1; margin-left:6px; }

@media screen and (max-width: 1400px){
    .inner-brand-section2  .area.lft{
        min-width: 400px;
        height: 400px;
    }
}





.wrap-our-brand{
    position: relative;
    background-color: #000;
    overflow: hidden;
}
.wrap-our-brand > .bg-video{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.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{position: relative;z-index: 2;padding: 140px 0;color: #fff;display: flex;justify-content: space-between;}
.wrap-our-brand .area{
    width: 46.4%;
}
.wrap-our-brand .area.lft{}
.wrap-our-brand .area.rgh{
    padding-top: 170px;
}
.wrap-our-brand .area .h_1{ font-size: var(--fz-tit1); font-weight: var(--fw-b); line-height: 1.1; }
.wrap-our-brand .area .t_1{font-size: var(--fz-s);margin-top: 61px;line-height: 1.6;}
.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: 130px;}
.wrap-our-brand .area.lft .thumb{padding-bottom: 132.1%;}
.wrap-our-brand .area.rgh .thumb{padding-bottom: 100.8%;}



.lifestyle-video-top {position: relative;height: 100vh;min-height: 600px;background-color: #fff;display: flex;align-items: flex-end;overflow: hidden;}
.lifestyle-video-top.c_cont{ align-items: center; }
.lifestyle-video-top  > .bg-video:after{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); content:""; }
.lifestyle-video-top  > .bg-video .video-background:after{ background-color: rgba(0, 0, 0, 0.6); }
.lifestyle-video-top  > .bg-video > *{}
.lifestyle-video-top .cont{position: relative;z-index: 2;color: #fff;width: 100%;text-align: center;padding-bottom: 220px; }
.lifestyle-video-top  .cont .logo{ text-align: center; margin-bottom: 30px; }
.lifestyle-video-top  .cont .logo img{ max-width:410px; }
.lifestyle-video-top  .cont .h_1{ font-size: 150px; font-weight: var(--fw-eb); line-height: 1; }
.lifestyle-video-top  .cont .h_1 .t-shape{ margin-top:10px; }
.lifestyle-video-top  .cont .t_1{ font-size: var(--fz-tit2); line-height: 1.3; font-weight: var(--fw-l); margin-top: 55px; }
.lifestyle-video-top  .cont .t_1 span{display: block;}

.lifestyle-video-top  .cont.type2{position: relative;z-index: 5;color: #fff;width: 100%;text-align: center;padding-bottom: 220px;}

.lifestyle-video-top.c_cont  .cont.type2{ padding-bottom: 0; }
.lifestyle-video-top  .cont.type2 .h_1{ font-size: 75px;font-weight: var(--fw-eb);line-height: 1; }
.lifestyle-video-top  .cont.type2 .h_1 .t-shape{ margin-top:10px; display: inline-block; }
.lifestyle-video-top  .cont.type2 .t_1{ font-size: var(--fz-s);line-height: 1.6;font-weight: var(--fw-r);margin-top: 23px; }
.lifestyle-video-top  .cont.type2 .t_1 span{display: block;}

@media screen and (max-width: 1300px){
.lifestyle-video-top  .cont.type2 .h_1{ font-size: 5vw; }
}

@media screen and (max-width: 840px){
  .lifestyle-video-top .cont .logo img{ max-width: 60vw; }
  .lifestyle-video-top{display:flex;align-items: center;justify-content: center;}
  .lifestyle-video-top  .cont{ width: 90vw; padding-bottom: 0; }
  .lifestyle-video-top  .cont .h_1{ font-size: 12vw; }
  .lifestyle-video-top  .cont .h_1 .t-shape{ margin-top:1vw; }
  .lifestyle-video-top  .cont .t_1{ font-size: 5vw; line-height: 1.5; margin-top: 8vw; }
  
  .lifestyle-video-top  .cont.type2{ padding-bottom: 0;}
  .lifestyle-video-top  .cont.type2 .h_1{ font-size: 9vw; }
  .lifestyle-video-top  .cont.type2 .h_1 .t-shape{ margin-top:1vw;}
  .lifestyle-video-top  .cont.type2 .t_1{ font-size: 3.6vw; margin-top: 6vw; }
  .lifestyle-video-top  .cont.type2 .t_1 br{ display:none; }
  .lifestyle-video-top  .cont.type2 .t_1 span{display: block;}
  
}


.section_style_infomation{ position: relative; height: 100vh; background-color: #000;  overflow: hidden;}
.section_style_infomation .wrap_canvas{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 0;}
.section_style_infomation .wrap_canvas canvas{}
.section_style_infomation .txt_infomation{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}
.section_style_infomation .txt_infomation .inr-c-ed{display:flex;flex-direction: column;align-items: flex-end;justify-content: center;height: 100%;padding: 100px 0;box-sizing: border-box;}
.section_style_infomation .txt_infomation .group_txt{color: #fff;margin-top: 62px;max-width: 520px;}
.section_style_infomation .txt_infomation .group_txt:first-child{ margin-top:0; }
.section_style_infomation .txt_infomation .group_txt .h_1{font-size: var(--fz-tit2);font-weight: var(--fw-sb);margin-bottom: 31px;}
.section_style_infomation .txt_infomation .group_txt .t_1{font-size: 17px;font-weight: var(--fw-el);line-height: 1.6;}


.section_style_infomation.type2{ position: relative; background-color: #fff;  }
.section_style_infomation.type2 .bg-pos{}
/*.section_style_infomation.type2 .group_txt{ color: #000; }*/
.section_style_infomation.type2 .txt_infomation .inr-c-ed{
  align-items: flex-start;
}
.section_style_infomation.type2 .txt_infomation .group_txt .h_1{ font-weight: var(--fw-b); }

.section_style_infomation.type2 .txt_infomation .group_txt .t_1{ font-weight: var(--fw-m); }

.section_style_infomation.type2 .bg1{
  -webkit-animation: scale-in-lsinfo 20s linear infinite alternate ;
      animation: scale-in-lsinfo 20s linear infinite alternate ;
}

.section_style_infomation.type3{ position: relative; background-color: #ffcf4b;  }
/*.section_style_infomation.type3 .group_txt{ color: #000; }*/
.section_style_infomation.type3 .txt_infomation .inr-c-ed{
  align-items: flex-start;
}
.section_style_infomation.type3 .txt_infomation .group_txt .h_1{ font-weight: var(--fw-b); }

.section_style_infomation.type3 .txt_infomation .group_txt .t_1{ font-weight: var(--fw-m); }

.section_style_infomation .bg-pos.bg1{
  -webkit-animation: scale-in-lsinfo 40s linear infinite alternate ;
    animation: scale-in-lsinfo 40s linear infinite alternate ;
}
.section_style_infomation .bg-pos.bg1:after{ position:absolute; left:0; top:0; width:100%; height:100%;  background-color:rgba(0,0,0,0.8); content:""; }

@media screen and (max-width: 840px){
  .section_style_infomation .txt_infomation .inr-c-ed{padding: 20vw 0 10vw;box-sizing: border-box;display: flex;align-items: center;justify-content: flex-start;}
  .section_style_infomation .txt_infomation .group_txt{ margin-top: 7vw; }
  .section_style_infomation .txt_infomation .group_txt .h_1{ font-size: 6vw; margin-bottom: 5vw;}
  .section_style_infomation .txt_infomation .group_txt .t_1{font-size: 4vw; }
}


@-webkit-keyframes scale-in-lsinfo {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes scale-in-lsinfo {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}



.lst_collection_slide{ position: relative;  background-color: #000; height:100vh;  overflow: hidden; }
.lst_collection_slide .inner_section{
    display: flex;
    height: 100%;
    position: relative;
    flex-direction: column;
    justify-content: center;
}

.lst_collection_slide .head{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; z-index: 5; display: flex; align-items: center; justify-content: center;  }
.lst_collection_slide .head > .inner{ text-align: center; }

.lst_collection_slide .txt{position: relative;text-align: center;margin-top: 90px; margin-left: 40px;   margin-right: 40px;  } 
.lst_collection_slide .txt p{font-size: 40px;font-weight: var(--fw-el);line-height: 1.2;color: #fff;margin: 0 auto;}
.lst_collection_slide .txt p.tn1_0{ max-width: 1050px; }
.lst_collection_slide .txt p.tn1_1{ max-width: 1300px; }
.lst_collection_slide.kryptek.active2 .pin-wrap-list2 .item .cont,
.lst_collection_slide.kryptek.active2 .title{ color: #000; }

@media screen and (max-width: 1420px){
  .lst_collection_slide .txt p{ font-size: 3.6vw; }
}

@media screen and (max-width: 840px){
  .lst_collection_slide .head{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; z-index: 5; display: flex; align-items: center; justify-content: center;  }
  .lst_collection_slide .head > .inner{ text-align: center; }

  .lst_collection_slide .txt{position: relative;text-align: center;margin: 5vw 4.6vw 0;} 
  .lst_collection_slide .txt p{font-size: 4vw;width: 100%;line-height: 1.4;}
}


.pin-wrap-list2{
  width: 1340px;
  height: auto;
  /*display:flex;
  justify-content: flex-start;
  align-items: center;*/
  position: relative;
  z-index: 5;
  margin-top: 110px;
  margin-left: auto; margin-right: auto;
  /* overflow: hidden; */
}
.pin-wrap-list2 > .inner{
  display:flex;
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  }
.pin-wrap-list2 .item{text-align:center;width: 20%;}
.pin-wrap-list2 .item .thumb{margin-bottom: 30px; height: 0;width: 100%; padding-bottom: 90%; position: relative; display: inline-block;}
.pin-wrap-list2 .item .thumb .bg-pos{background-size: contain;}
.pin-wrap-list2 .item .cont{ color:#fff; font-size:19px; font-weight: 600; text-transform: uppercase; }

.pin-wrap-list2.num3 .item{width: 25%;margin: 0 4.2%;}
.pin-wrap-list2.num4 .item{ width: 25%; }
@media screen and (max-width: 1420px){
  .pin-wrap-list2{ width: calc(100% - 80px);  }
  
}

@media screen and (max-width: 840px){
  .pin-wrap-list2{
    width: 90vw;
    /*display:flex;
  justify-content: flex-start;
  align-items: center;*/
    position: relative;
    margin-top: 0;
}
.pin-wrap-list2 > .inner{
  display:flex;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  flex-wrap: wrap;
}
.pin-wrap-list2 .item{text-align:center;width: 40vw; margin:0 2vw 4vw;}
.pin-wrap-list2 .item .thumb{margin-bottom: 2vw;height: 35vw;width: 40vw; padding-bottom: 0; }
.pin-wrap-list2 .item .cont{font-size: 3.6vw;line-height: 1.2;}

.pin-wrap-list2.num3 .item,
.pin-wrap-list2.num4 .item{ width: 40vw;  margin:0 2vw 4vw; }
}



.pin-wrap-list4{
  width: 1340px;
  height: auto;
  position: relative;
  z-index: 5;
  margin-top: 70px;
  margin-left: auto; margin-right: auto;
}
.pin-wrap-list4 > .inner{
    display:flex;
    -moz-transform: translateX(100vw);
    -webkit-transform: translateX(100vw);
    -o-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translateX(100vw);
 }
.pin-wrap-list4 .item{text-align:center;min-width: 320px;max-width: 320px;}
.pin-wrap-list4 .item .thumb{margin-bottom: 30px;height: 270px;width: 270px;position: relative;display: inline-flex;justify-content: center;align-items: center;}
.pin-wrap-list4 .item .thumb .bg-pos{background-size: contain;width:90%;height:90%;left: 5%;top: 5%;}
.pin-wrap-list4 .item .cont{ color:#fff; font-size:19px; font-weight: 600; text-transform: uppercase; }

.pin-wrap-list4.num3 .item{width: 25%;margin: 0 4.2%;}
.pin-wrap-list4.num4 .item{ width: 25%; }
@media screen and (max-width: 1420px){
  .pin-wrap-list4{ width: calc(100% - 80px);  }
  
}

@media screen and (max-width: 840px){
  .pin-wrap-list4{
    width: 91.2vw;
    position: relative;
    margin-top: 0;
  }
  .pin-wrap-list4 .item{text-align:center;min-width: 45vw;max-width: 45vw;}
  .pin-wrap-list4 .item .thumb{margin-bottom: 3vw;height: 35vw;width: 35vw;position: relative;display: inline-flex;justify-content: center;align-items: center;}
  .pin-wrap-list4 .item .thumb .bg-pos{background-size: contain;width:90%;height:90%;left: 5%;top: 5%;}
  .pin-wrap-list4 .item .cont{color:#fff;font-size: 4vw;}

  .nomotion_mo{ padding: 14vw 0; height: auto !important; }
  .nomotion_mo .pin-wrap-list4 > .inner{
    display:flex;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    flex-wrap: wrap;
  }
  .nomotion_mo .pin-wrap-list4 .item{ margin-top:8vw; }
  .nomotion_mo .pin-wrap-list4 .item:nth-child(-n+2){ margin-top:0;}

}




.lst_collection_slide.junior .ico{ position: absolute;  opacity: 0; }


.lst_collection_slide.junior .ico img{ width:100%; height:auto; }

.lst_collection_slide.junior .ico.n1{left: 2vw;top: 5vw;width: 16vw; 
   transition: all 1200ms cubic-bezier(0.720, 0.005, 0.265, 1.550); /* custom */
  transition-timing-function: cubic-bezier(0.720, 0.005, 0.265, 1.550); /* custom */
  transition-delay: 250ms;
  -moz-transform: scale(0) rotate(20deg) translateY(100px);
  -webkit-transform: scale(0) rotate(20deg) translateY(100px);
  -o-transform: scale(0) rotate(20deg) translateY(100px);
  -ms-transform: scale(0) rotate(20deg) translateY(100px);
  transform: scale(0) rotate(20deg) translateY(100px);
}
.lst_collection_slide.junior .ico.n2{left: -8vw;bottom: -2.6vw;width: 40vw;
   transition: all 1500ms cubic-bezier(0.720, 0.005, 0.265, 1.550); /* custom */
  transition-timing-function: cubic-bezier(0.720, 0.005, 0.265, 1.550); /* custom */
  transition-delay: 0;
  -moz-transform: scale(0) rotate(-40deg) translateX(50px) translateY(50px);
  -webkit-transform: scale(0) rotate(-40deg) translateX(50px) translateY(50px);
  -o-transform: scale(0) rotate(-40deg) translateX(50px) translateY(50px);
  -ms-transform: scale(0) rotate(-40deg) translateX(50px) translateY(50px);
  transform: scale(0) rotate(-40deg) translateY(100px);
  transform-origin: bottom left;
}
.lst_collection_slide.junior .ico.n3{right: -13px;top: 19vw;width: 22vw;

  transition: all 1500ms cubic-bezier(0.720, 0.005, 0.265, 1.550); /* custom */
  transition-timing-function: cubic-bezier(0.720, 0.005, 0.265, 1.550); /* custom */
  -moz-transform: scale(0) rotate(-40deg) translateX(50px) translateY(50px);
  -webkit-transform: scale(0) rotate(-40deg) translateX(50px) translateY(50px);
  -o-transform: scale(0) rotate(-40deg) translateX(50px) translateY(50px);
  -ms-transform: scale(0) rotate(-40deg) translateX(50px) translateY(50px);
  transform: scale(0) rotate(-40deg) translateY(100px);
  transform-origin: center right;


}


.lst_collection_slide.junior .ico.n1.active,
.lst_collection_slide.junior .ico.n2.active,
 .lst_collection_slide.junior .ico.n3.active{
  opacity: 1;
   -moz-transform: scale(1) rotate(0) translateY(0);
  -webkit-transform: scale(1) rotate(0) translateY(0);
  -o-transform: scale(1) rotate(0) translateY(0);
  -ms-transform: scale(1) rotate(0) translateY(0);
  transform: scale(1) rotate(0) translateY(0);
 }

.lst_collection_slide.junior .ico.n1.active img{
-webkit-animation: heartbeat 3s ease-in-out infinite both;
    animation: heartbeat 3s ease-in-out infinite both;
}        


.lst_collection_slide.junior .ico.n2.active img{
-webkit-animation: heartbeat 4s ease-in-out infinite both;
    animation: heartbeat 4s ease-in-out infinite both;
}        


.lst_collection_slide.junior .ico.n3.active img{
-webkit-animation: heartbeat 5s ease-in-out infinite both;
    animation: heartbeat 5s ease-in-out infinite both;
}        


@media screen and (max-width: 840px){
  .lst_collection_slide.junior .ico.n1,
  .lst_collection_slide.junior .ico.n2,
  .lst_collection_slide.junior .ico.n3{
    transition: all 700ms cubic-bezier(0.720, 0.005, 0.265, 1.550); /* custom */
  transition-timing-function: cubic-bezier(0.720, 0.005, 0.265, 1.550); /* custom */
  }
  .lst_collection_slide.junior .ico.n1{left: 4vw;top: 19vw;width: 27vw;}
 .lst_collection_slide.junior .ico.n2{left: auto;bottom: -5.6vw;width: 70vw;right: 1vw;}
 .lst_collection_slide.junior .ico.n3{left: 117px;top: 74vw;width: 42vw;right: auto;}
}



.lst_collection_slide.junior .ico.n1.active,
.lst_collection_slide.junior .ico.n2.active,
.lst_collection_slide.junior .ico.n3.active{
  opacity: 1;
  -moz-transform: scale(1) rotate(0) translateY(0);
  -webkit-transform: scale(1) rotate(0) translateY(0);
  -o-transform: scale(1) rotate(0) translateY(0);
  -ms-transform: scale(1) rotate(0) translateY(0);
  transform: scale(1) rotate(0) translateY(0);
}

.lst_collection_slide.junior .ico.n1.active img{
  -webkit-animation: heartbeat 3s ease-in-out infinite both;
  animation: heartbeat 3s ease-in-out infinite both;
}        


.lst_collection_slide.junior .ico.n2.active img{
  -webkit-animation: heartbeat 4s ease-in-out infinite both;
  animation: heartbeat 4s ease-in-out infinite both;
}        


.lst_collection_slide.junior .ico.n3.active img{
  -webkit-animation: heartbeat 5s ease-in-out infinite both;
  animation: heartbeat 5s ease-in-out infinite both;
}  
}


.wrap-img-parallax1{ position: relative; }
.wrap-img-parallax1 > .inr-c-ed{position: relative;z-index: 2;padding: 140px 0;color: #fff;display: flex;justify-content: space-between;}
.wrap-img-parallax1 .area{ width: 46.4%; }
.wrap-img-parallax1 .area.full{ width: auto;  }
.wrap-img-parallax1 .area .item{ margin-bottom:8%; }
.wrap-img-parallax1 .area.lft{}
.wrap-img-parallax1 .area.rgh{ padding-top: 170px; }
.wrap-img-parallax1 .area .thumb{ position:relative; overflow: hidden; }
.wrap-img-parallax1 .area .thumb img{ max-width: 100%; width:100%;  }
.wrap-img-parallax1.full > .inr-c-ed{ padding: 180px 0 0; }

@media screen and (max-width: 840px){
  .wrap-img-parallax1{ position: relative; }
  .wrap-img-parallax1 > .inr-c-ed{position: relative;z-index: 2;padding: 12vw 0;display: flex;flex-direction: column;}
  .wrap-img-parallax1 .area{width: auto;}
  .wrap-img-parallax1 .area.full{ width: auto;  }
  .wrap-img-parallax1 .area .item{ margin-bottom:8%; }
  .wrap-img-parallax1 .area.lft{}
  .wrap-img-parallax1 .area.rgh{padding-top: 10vw;}
  .wrap-img-parallax1 .area .thumb{ position:relative; overflow: hidden; }
  .wrap-img-parallax1.full > .inr-c-ed{ padding: 12vw 0 0; }
}



.wrap-collection-slide{ position: relative; z-index: 0; padding: 170px 0; }
@media screen and (max-width: 840px){
  .wrap-collection-slide{ position: relative; z-index: 0; padding: 14vw 0; }
}

.wrap-banner-type2{ position: relative; z-index: 2; }
.wrap-banner-type2 .swiper-slide{ overflow:hidden; }
.bg_chnage_black .wrap-banner-type2,
.bg_chnage_black .wrap-banner-type2 a{ color: #fff; }
.wrap-banner-type2 .thumb{ overflow: hidden;  text-align: center;}
.wrap-banner-type2 .thumb img{ max-width: 100%; max-height: 410px; }
.wrap-banner-type2 .cont{
}
.wrap-banner-type2 .cont > .inner{
    max-width: 900px;
    margin: 40px auto 0;
}
.wrap-banner-type2 .cont .h_1{
    font-size: var(--fz-tit1);
    font-weight: var(--fw-b);
    line-height: 1.3;
}
.wrap-banner-type2 .cont .h_2{
    font-size: var(--fz-nl);
    margin-top: 20px;
    line-height: 1.4;
}
.wrap-banner-type2 .cont .t_1{
    font-size: var(--fz-nl);
    margin-top: 30px;
    line-height: 1.5;
}
@media screen and (max-width: 840px){
  .wrap-banner-type2 .cont .h_2{
      margin-top: 2vw;
      line-height: 1.4;
  }
  .wrap-banner-type2 .cont .t_1{
      margin-top: 3vw;
  }
}

.wrap-banner-type2.lft{display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;}
.wrap-banner-type2.lft .thumb{margin-left: 5%;width: 60%;}
.wrap-banner-type2.lft .cont{width: 43%;}
.wrap-banner-type2.lft .cont .inner{ margin-top:0;  }
.wrap-banner-type2.full{ color:#fff; padding:120px 0; }
.wrap-banner-type2.full .cont .inner{ margin-top:0;  }

@media screen and (max-width: 840px){
  .wrap-banner-type2.lft{display: flex;align-items: flex-start;flex-direction: column;justify-content: flex-start;}
  .wrap-banner-type2.lft .thumb{margin-left: 0;width: 100%;}
  .wrap-banner-type2.lft .cont{width: 100%;margin-top: 8vw;}
  .wrap-banner-type2.lft .cont .inner{ margin-top:0;  }
  .wrap-banner-type2.full{color:#fff;padding: 15vw 4.6vw;}
  .wrap-banner-type2.full .cont .inner{ margin-top:0;  }
}

.junior_slide_cont1_1{display: flex;align-items: center;}
.junior_slide_cont1_1 .i360{min-width: 800px; min-height: 800px; }
.junior_slide_cont1_1 .ico1{ width: 400px; margin-right: 40px; margin-top: 30px; }
.junior_slide_cont1_1 .txt{ flex-grow: 1; }
@media screen and (max-width: 840px){
  .wrap-banner-type2 .cont{ margin-left: 0; margin-right: 0;}
  .junior_slide_cont1_1{display: flex;align-items: center;flex-direction: column;}
  .junior_slide_cont1_1 .ico1{width: 30vw;margin-right: 0;margin-top: 10vw;}
  .junior_slide_cont1_1 .txt{margin-top: 5vw;}
}

.wrap-sirv-360{ max-width: 900px; margin: 0 auto; }
.wrap-sirv-360 .inner{ position: relative; }
.wrap-sirv-360 .ico_360{width: 80px;height: 80px;position:absolute;left:0;top:0;z-index: 2;}
.wrap-sirv-360 .ico_360 span{ width:100%; height:100%; display:block; background-size:contain; background-repeat:no-repeat }

@media screen and (max-width: 840px){
  .wrap-sirv-360{ margin-bottom: 5vw; }
  .wrap-sirv-360 .inner{ margin-left: 4vw; margin-right: 4vw; }
  .wrap-sirv-360 .ico_360{ width: 10vw;height: 10vw; }
}
.lifestyle-video-top.kryptek .cont.type2{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center; mix-blend-mode:difference; }
.lifestyle-video-top.kryptek .cont.type2 .inr-c-ed{ position: relative; z-index: 5;}

.wrap-spot-main {
  background-color: #000;
  min-width: 100vw; height: 100vh;
  overflow: hidden;
  position: relative;
}
.wrap-spot-main:after{position: absolute;   left: 0;  top: 0;   width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.4); content: ""; z-index: 2;  }
.wrap-spot-main .item{width: 100%; height: 100vh; position: relative;}

.wrap-spot-main .item .bg-pos {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  z-index: 0;
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: all 7000ms ease;
  -moz-transition: all 7000ms ease;
  -ms-transition: all 7000ms ease;
  -o-transition: all 7000ms ease;
  transition: all 7000ms ease;
}
.wrap-spot-main .item.swiper-slide-active .bg-pos{
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.lst_collection_slide.kryptek .bg_item{ opacity: 0; 
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  background-repeat: repeat;
  background-size: 30%;
}
.lst_collection_slide.kryptek.active1 .bg_item.n1,
.lst_collection_slide.kryptek.active2 .bg_item.n2,
.lst_collection_slide.kryptek.active3 .bg_item.n3{ opacity: 1; }


.lst_collection_slide.kryptek .title{ font-size: 75px; text-transform: uppercase; font-weight: 600; color: #fff; text-align: center; margin-bottom: 40px; }
.lst_collection_slide.kryptek .thumb .bg{
  opacity: 0;
  transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.lst_collection_slide.kryptek .thumb .off,
.lst_collection_slide.kryptek .thumb .on{
  opacity: 0;
  transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.lst_collection_slide.kryptek .thumb .off{ opacity: 1; 
}

.lst_collection_slide.kryptek .thumb:hover .bg{
  opacity: 1;
}
.lst_collection_slide.kryptek .thumb:hover .off{
  opacity: 0;
}
.lst_collection_slide.kryptek .thumb:hover .on{
  opacity: 1;
  /*-webkit-animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate-reverse both;
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate-reverse both;*/
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.5;
  }
}


.lst_collection_slide.kryptek .txt p{ font-size: 22px;   }

@media screen and (max-width: 1340px){
.lst_collection_slide.kryptek .txt p{ font-size: 2.5vw; }
}
@media screen and (max-width: 840px){
.lst_collection_slide.kryptek .title{font-size: 7vw; margin-top: 6vw; margin-bottom: 9vw;}
.lst_collection_slide.kryptek .txt p{ font-size: 4vw; }
}
.wrap-mov2-kryptek{ padding: 120px 0; background-color: #000; height: 100vh; }
.inner-mov2-kryptek{ max-width: 1340px; margin-left: auto; margin-right: auto; }
.wrap-mov2-kryptek .flexbox{display: flex; align-items: center;}
.wrap-mov2-kryptek .mov{ position: relative; min-width: 400px; height: 700px; flex-grow: 1;}
.wrap-mov2-kryptek .txt{ margin-left: 70px; color: #fff; flex-grow: 1; }
.wrap-mov2-kryptek .txt .h_1{
    font-size: 33px;
}

@media screen and (max-width: 1420px){
  .inner-mov2-kryptek{ margin-left: 40px; margin-right: 40px; }
}
@media screen and (max-width: 840px){
  .wrap-mov2-kryptek{padding: 9vw 0;min-height: 100vh;}
  .inner-mov2-kryptek{max-width: none;margin-left: 0;margin-right: 0;}
  .wrap-mov2-kryptek .flexbox{display: flex;align-items: center;flex-direction: column;}
  .wrap-mov2-kryptek .mov{position: relative;min-width: 100vw;height: 64vh;flex-grow: 1;}
  .wrap-mov2-kryptek .txt{margin-left: 0;margin: 5vh 4.6vw 0;}
  .wrap-mov2-kryptek .txt .h_1{
      font-size: 2vh;
  }
}



.junior_slide_cont1_2{
    max-width: 830px;
    margin: 0 auto;
}
.junior_slide_cont1_2 .item{
    display: flex;
    align-items: center;
    margin-bottom: 70px;
}
.junior_slide_cont1_2 .item:last-child{margin-bottom: 0;}
.junior_slide_cont1_2 .item .ico{margin-right: 30px;}
.junior_slide_cont1_2 .item .ico img{width: 230px;}
.junior_slide_cont1_2 .item .txt{flex-grow:1;font-size: var(--fz-l);}
.junior_slide_cont1_2 .item.rev{display: flex;flex-direction: row-reverse;}
.junior_slide_cont1_2 .item.rev .ico{margin-left: 30px; margin-right:0;}

@media screen and (max-width: 840px){
  .junior_slide_cont1_2{
      max-width: none;
      margin: 0 auto;
  }
  .junior_slide_cont1_2 .item{
      display: flex;
      align-items: center;
      margin-bottom: 7vw;
      
  }
  .junior_slide_cont1_2 .item .txt{ font-size:4vw; }
  .junior_slide_cont1_2 .item:last-child{margin-bottom: 0;}
  .junior_slide_cont1_2 .item .ico{margin-right: 7vw;}
  .junior_slide_cont1_2 .item .ico img{min-width: 23vw;}
  .junior_slide_cont1_2 .item.rev .ico{margin-left: 7vw; margin-right:0;}  
}

.junior_slide_cont1_2 .item .ico.n1 img{
  -webkit-animation: shake-lr 3s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
          animation: shake-lr 3s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}
.junior_slide_cont1_2 .item .ico.n2 img{
  -webkit-animation: shake-lr 3s cubic-bezier(0.455, 0.030, 0.515, 0.955)  1s infinite both;
          animation: shake-lr 3s cubic-bezier(0.455, 0.030, 0.515, 0.955)  1s infinite both;

}
.junior_slide_cont1_2 .item .ico.n3 img{
  -webkit-animation: shake-lr 3s cubic-bezier(0.455, 0.030, 0.515, 0.955)  1.5s infinite both;
          animation: shake-lr 3s cubic-bezier(0.455, 0.030, 0.515, 0.955)  1.5s infinite both;
}

.lst_collection_slide2{overflow: hidden;background-color: #000;padding: 130px 0;position: relative;}
.lst_collection_slide2 .wrap_canvas{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;  opacity: 0.2; }
.lst_collection_slide2 .inner_section{ position: relative; z-index: 1; }
.lst_collection_slide2 .head{}
.lst_collection_slide2 .head .h{
    color: #fff;
    text-align: center;
    font-size: 75px;
    font-weight: var(--fw-eb);
    line-height: 1;
    text-transform: uppercase;
}
.lst_collection_slide2 .head .t1{
    color: #fff;
    text-align: center;
    font-size: var(--fz-nl);
    font-weight: var(--fw-n);
    line-height: 1;
    margin-top: 20px;
}
.lst_collection_slide2 .txt p{ color: #fff;  }
.lst_collection_slide2 .txt{margin-top: 70px; max-width:1000px;margin-left:auto;margin-right:auto;font-size: var(--fz-l);line-height: 1.5;font-weight: var(--fw-el);}
.lst_collection_slide2 .t_1{text-align:center;font-size: var(--fz-s);line-height: 1.3;}
 .apex_blg_alt{position: absolute;right: -15%;top: 0;z-index: 0;background-size: contain;opacity: 0.3;width: 50%;left: auto;}
 .apex_mov1_alt{}

@media screen and (max-width: 840px){
  .lst_collection_slide2{padding: 14vw 0;position: relative;}
  .lst_collection_slide2 .wrap_canvas{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;  opacity: 0.2; }
  .lst_collection_slide2 .inner_section{ position: relative; z-index: 1; }
  .lst_collection_slide2 .head{}
  .lst_collection_slide2 .head .h{ font-size: 9vw; }
  .lst_collection_slide2 .txt p{ color: #fff;  }
  .lst_collection_slide2 .txt{margin-top: 15vw; margin-left:4vw; margin-right:4vw; font-size: 4vw; }
  .lst_collection_slide2 .t_1{ text-align:center; }

  .apex_blg_alt{ position: absolute; right: -40%; top: -25%;z-index: 0;background-size: contain;opacity: 0.3;width: 100%;left: auto; }

  .apex_mov1_alt{background-size: 130vw;}
  
}

.pin-wrap-list3{
  width: auto;
  height: auto;
  /*display:flex;
  justify-content: flex-start;
  align-items: center;*/
  position: relative;
  z-index: 5;
  margin-top: 130px;
  margin-left: auto;
  margin-right: auto;
  /* overflow: hidden; */
}
.pin-wrap-list3 > .inner{display:flex;justify-content: center;}
.pin-wrap-list3 .item{text-align:center;width: 380px;min-width: 380px;}
.pin-wrap-list3 .item .thumb{margin-bottom: 30px;height: 0;width: 100%;position: relative;display: inline-block;padding-bottom: 75.3%;}
.pin-wrap-list3 .item .thumb .bg-pos{background-size: contain;}
.pin-wrap-list3 .item .cont,
.pin-wrap-list3 .item .cont2,
.pin-wrap-list3 .item .cont2 a{ color:#fff; font-size:19px; font-weight: 600; text-transform: uppercase; }
.pin-wrap-list3 .item .thumb .bg-pos.off,
.pin-wrap-list3 .item .thumb .bg-pos.on{
  transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.pin-wrap-list3 .item .thumb .bg-pos.off{ opacity:1; }
.pin-wrap-list3 .item .thumb .bg-pos.on{ opacity:0; }

.pin-wrap-list3 .item .thumb:hover .bg-pos.off{ opacity:0; }
.pin-wrap-list3 .item .thumb:hover .bg-pos.on{ opacity:1; }

@media screen and (max-width: 840px){
  .pin-wrap-list3{margin-top: 12vw;margin-left: 0;margin-right: 0;}
  .pin-wrap-list3 > .inner{display:flex;justify-content: flex-start;flex-wrap: wrap;}
  .pin-wrap-list3 .item{text-align:center;width: 48%;min-width: auto;margin: 0 1% 10vw;}
  .pin-wrap-list3 .item .thumb{margin-bottom: 5vw;height: 40vw;width: 100%;margin-bottom: 5vw; padding-bottom: 0;}
  .pin-wrap-list3 .item .thumb .bg-pos{background-size: contain;}
  .pin-wrap-list3 .item .cont,.pin-wrap-list3 .item .cont2,.pin-wrap-list3 .item .cont2 a{font-size: 4vw;}

  .pin-wrap-list3.mo_solo > .inner{display:flex;justify-content: flex-start;flex-wrap: wrap;flex-direction: column;}
  .pin-wrap-list3.mo_solo .item{text-align:center;width: 100%;min-width: auto;margin: 0 0 10vw;}
  .pin-wrap-list3.mo_solo .item .thumb{margin-bottom: 5vw;height: 62vw;width: 100%;margin-bottom: 5vw;padding-bottom: 0;}
  .pin-wrap-list3.mo_solo .item .thumb .bg-pos{background-size: contain;}
  .pin-wrap-list3.mo_solo .item .cont,.pin-wrap-list3.mo_solo .item .cont2,.pin-wrap-list3.mo_solo .item .cont2 a{font-size: 4vw;}


}

.wrap-img-full{font-size: 0;}
.wrap-img-full img{ width: 100%; }


.lineup_top_visual{ height: 100vh; position: relative; overflow: hidden; }
.lineup_top_visual:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; content:"";  }
.lineup_top_visual .wrap_canvas{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.lineup_top_visual .wrap_canvas canvas{}
.lineup_top_visual .full_txt{}
.lineup_top_visual .cont{
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
    z-index: 20;
}
.lineup_top_visual .cont .t_1{font-size: 4.7vh;line-height: 1.1;font-weight: var(--fw-b);text-align: center;margin: 0 auto;max-width: 1360px;padding: 0 40px;}
.bg_chnage_black .lineup_top_visual .cont .t_1{ color: #fff;  }
.lineup_top_visual .cont .t_1 .translation-txt{ display: block; }
.lineup_top_visual .cont .t_1 .translation-txt > *{ opacity: 0.1; }
/*.hg-note .lineup_top_visual .cont .t_1{font-size: 40px;}*/


.lineup_top_visual .full_txt{
    position: absolute;
    left: 0;
    top: calc(50% - 24vh);
    z-index: 0;
    width: 100%;
}
.lineup_top_visual.modular .full_txt{
  left: 2vw;
}
.lineup_top_visual .full_txt .item{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
  text-align:center;
  display: flex;
}
.lineup_top_visual .full_txt .item p{
  font-size: 17.5vw;
  font-weight: var(--fw-b);
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  letter-spacing:0.04em;
  color: #D0D0D0;
}

.bg_chnage_black .lineup_top_visual .full_txt .item p{ color: #3B3B3B;;   }

/*.hg-note .lineup_top_visual .full_txt .item p{ font-size: 200px; }*/

.lineup_top_visual.bg_black{ background-color: #000;  }
.lineup_top_visual.bg_black .cont{ color: #fff; }
.lineup_top_visual.bg_black .full_txt .item p{color: #3B3B3B; }

.lineup_top_visual.bg_none:after{ display: none; }
.lineup_top_visual .wrap_sirv{
    position: absolute;
    left: 0;
    top: 11.7%;
    width: 100%;
    height: 70%;
    z-index: 5;
}



@media screen and (max-width: 840px){
  .lineup_top_visual .full_txt{}
  .lineup_top_visual .cont .t_1{font-size: 7vw; padding:0 8vw;}
  .lineup_top_visual .cont .t_1 .translation-txt{ display: inline; }
  .lineup_top_visual .full_txt{
      position: absolute;
      left: 2vw;
      top: calc(50% - 21vh);
      z-index: 0;
      width: 100%;
  }
  .lineup_top_visual .full_txt .item p{
    font-size: 18.2vw;
    letter-spacing:-0em;
  }
  .lineup_top_visual .cont{
    bottom: 15vw;
  }
  
}



.wrap-lineup-video-top{height: 100vh;position: relative;overflow: hidden;min-height: 950px;max-height: 1600px;display: flex;align-items: flex-end;}
.wrap-lineup-video-top > .bg-video:after{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); content:""; }
.wrap-lineup-video-top > .bg-video .video-background:after{ background-color: rgba(0, 0, 0, 0.4); }
.wrap-lineup-video-top > .bg-video > *{}
.wrap-lineup-video-top .cont{position: relative;z-index: 5;color: #fff;width: 100%;bottom: 13%;}
.wrap-lineup-video-top .cont .inr-c-ed{}

.wrap-lineup-video-top.type2{ background:#000; display:flex; }
.wrap-lineup-video-top.type2 .box_video{ width:55%; height:100%; position:relative; flex-grow:1; }
.wrap-lineup-video-top.type2 .box_video:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content:"";  }
.wrap-lineup-video-top.type2 .cont{flex-grow:1;height:100%;display:flex;align-items: center;max-width: 45%;box-sizing: border-box;padding: 3%;margin-left: 5%;box-sizing: border-box;}

.wrap-lineup-video-top.type2 .wrap-lineup-mov1 .h_1{font-size: var(--fz-tit2);}
.wrap-lineup-video-top.type2 .wrap-lineup-mov1 .t_1{font-size: var(--fz-l);line-height: 1.5;}

.wrap-lineup-video-top.type2.raceair_spin1 .cont{  padding: 0; margin-left: 0; }
.wrap-lineup-video-top.type2.raceair_spin1 .cont > * { width:95%; margin:0 auto; }


.wrap-lineup-video-top.raceair_mov1{
    display: block;
    padding: 120px 0;
    height: 100vh;
}
.wrap-lineup-video-top.raceair_mov1 .inner_raceair_mov1{
    display: block;
    max-width: 1140px;
    margin: 0 auto;
}
.wrap-lineup-video-top.raceair_mov1 .tit1{
    color: #fff;
    font-size: var(--fz-tit1);
    font-weight: var(--fw-sb);
    max-width: 920px;
    margin: 0 auto;
    line-height: 1.2;
    position: relative;
    z-index: 5;
}

.wrap-lineup-video-top.raceair_mov1 .box_video{width: 60%;height: 100%;flex-grow: 1;position: absolute;left: 0;top: 0;}
.wrap-lineup-video-top.raceair_mov1 .box_video:after{ display:none; }
.wrap-lineup-video-top.raceair_mov1 .cont{
    height: 470px;
    padding: 0;
    margin: 0;
    width: 860px;
    max-width: none;
    min-width: auto;
    bottom: 0;
    display: block;
    margin-top: 0;
    position: absolute;
    left: calc(50% - 100px);
    top: calc(50% - 200px);
    min-height: auto;
    max-height: none;
}

.wrap-lineup-video-top.raceair_mov1 .pin-wrap-list3{margin-top: 0;width: 100%;}
.wrap-lineup-video-top.raceair_mov1 .pin-wrap-list3 > .inner{}
.wrap-lineup-video-top.raceair_mov1 .pin-wrap-list3 > .inner .item{ width:50%; }
.wrap-lineup-video-top.raceair_mov1 .pin-wrap-list3 > .inner .item .thumb{ margin:0; }
.wrap-lineup-video-top.raceair_mov1 .pin-wrap-list3 > .inner .item .t2{font-size:var(--fz-ss);line-height: 1.3;display: inline-block;margin-top: 6px;}


@media screen and (max-width: 1626px){
  .wrap-lineup-video-top.raceair_mov1 .cont{
      height: 390px;
      padding: 0;
      margin: 0;
      width: 770px;
      max-width: none;
      min-width: auto;
      bottom: 0;
      display: block;
      margin-top: 0;
      position: absolute;
      left: auto;
      top: calc(50% - 200px);
      min-height: auto;
      max-height: none;
      right: 40px;
  }
}

@media screen and (max-width: 1460px){
  .wrap-lineup-video-top.raceair_mov1 .box_video{ width: 80%; } 

}

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

}







@media screen and (max-width: 1740px){
 .wrap-lineup-video-top.type2.raceair_spin1 .pin-wrap-list3 .item{text-align:center;width: 45%; min-width: 45%; margin:0 2.5%;}
}
@media screen and (max-width: 840px){
  .wrap-lineup-video-top.type2{background:#000;display: block;height: auto;padding-bottom: 15vw;}
  .wrap-lineup-video-top.type2 .box_video{width: 100%;height: 150vw;position:relative;flex-grow:1;}
  .wrap-lineup-video-top.type2 .cont{flex-grow:1;height:100%;display:flex;align-items: center;max-width: 100%;box-sizing: border-box;padding: 5vw;margin-left: 0;flex-direction: column;}
  .wrap-lineup-video-top.type2 .wrap-lineup-mov1 .h_1{font-size: var(--fz-tit2);}
  .wrap-lineup-video-top.type2 .wrap-lineup-mov1 .t_1{font-size: var(--fz-l);line-height: 1.5;}
  .wrap-lineup-video-top.type2.raceair_spin1 .pin-wrap-list3 .item{text-align:center;width: 90vw;min-width: 90vw;margin: 0 10vw 0 0;}
}



.wrap-lineup-video-top.type3{background:#000;display:flex;flex-direction: row-reverse;}
.wrap-lineup-video-top.type3 .box_video{ width:55vw; height:100%; position:relative; flex-grow:1; }
.wrap-lineup-video-top.type3 .box_video:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content:"";  }
.wrap-lineup-video-top.type3 .cont{flex-grow:1;height:100%;display:flex;align-items: center;max-width: 45vw;box-sizing: border-box;padding: 50px;margin-right: 5vw;}
.wrap-lineup-video-top.type3 .wrap-lineup-mov1 .h_1{font-size: var(--fz-tit2);}
.wrap-lineup-video-top.type3 .wrap-lineup-mov1 .t_1{font-size: var(--fz-l);line-height: 1.5;}


.wrap-lineup-mov1{display:flex;justify-content: space-between;}
.wrap-lineup-mov1 .area{ }
.wrap-lineup-mov1 .area.lft{min-width: 290px;width: 290px;}
.wrap-lineup-mov1 .area.lft img{ max-width:100%; }
.wrap-lineup-mov1 .area.rgh{flex-grow: 1;margin-left: 150px;max-width: 760px;}
.wrap-lineup-mov1 .h_1{
    font-size: var(--fz-tit1);
    line-height: 1.1;
    font-weight: var(--fw-b);
}
.wrap-lineup-mov1 .t_1{
    font-size: var(--fz-tit1);
    line-height: 1.3;
    margin-top: 22px;
}
.wrap-lineup-mov1 .t_2{
    font-size: var(--fz-s);
    margin-top: 30px;
    line-height: 1.3;
}

.wrap-lineup-mov1.type2{display:flex;justify-content: space-between;text-align: center;}
.wrap-lineup-mov1.type2 .area{ }
.wrap-lineup-mov1.type2 .area.lft{min-width: 360px;width: 360px;}
.wrap-lineup-mov1.type2 .area.lft img{ max-width:100%; }
.wrap-lineup-mov1.type2 .area.rgh{flex-grow: 1;margin-left: 0;max-width: 800px;margin: 0 auto;}

@media screen and (max-width: 840px){
  .wrap-lineup-video-top{ min-height: auto; max-height: none; height: 180vw; }
  .wrap-lineup-video-top.full{ height: auto; padding: 15vw 0; }
  
  .wrap-lineup-mov1{display:flex;justify-content: flex-start;flex-direction: column;}
  .wrap-lineup-mov1 .area{ }
  .wrap-lineup-mov1 .area.lft{min-width: auto;width: auto; text-align:center;}
  .wrap-lineup-mov1 .area.lft img{ max-width:70vw; }
  .wrap-lineup-mov1 .area.rgh{flex-grow: 1;margin-left: 0;max-width: none; margin-top:10vw;}
  
  .wrap-lineup-mov1 .t_1{ margin-top: 5vw; }
  .wrap-lineup-mov1 .t_2{ margin-top: 5vw; }
  
  .wrap-lineup-mov1.type2{display:flex;justify-content: space-between;text-align: center;}
  .wrap-lineup-mov1.type2 .area{ }
  .wrap-lineup-mov1.type2 .area.lft{min-width: 360px;width: 360px;}
  .wrap-lineup-mov1.type2 .area.lft img{ max-width:100%; }
  .wrap-lineup-mov1.type2 .area.rgh{flex-grow: 1;margin-left: 0;max-width: 800px;margin: 0 auto;}

  .wrap-lineup-video-top.type3{ display: block; }
  .wrap-lineup-video-top.type3 .box_video{ width:100%; height:100%; position:relative; flex-grow:1; }
  .wrap-lineup-video-top.type3 .box_video:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content:"";  }
  .wrap-lineup-video-top.type3 .cont{flex-grow:1;height: auto;display:flex;align-items: center;max-width: none;box-sizing: border-box;padding: 0;margin-right: 0;position: absolute;left: 0;bottom: 20vw;}

  
}


@media screen and (max-width: 840px){
  .wrap-lineup-video-top.raceair_mov1{ display: block; padding: 12vw 0; height: auto; }
  .wrap-lineup-video-top.raceair_mov1 .tit1{ margin: 0 5vw; }
  .wrap-lineup-video-top.raceair_mov1 .cont{
      height: auto;
      padding: 0;
      margin: 0 2vw;
      width: 92vw;
      max-width: none;
      min-width: auto;
      bottom: 0;
      display: block;
      margin-top: 0;
      position: relative;
      left: auto;
      top: 0;
      min-height: auto;
      max-height: none;
      right: 0;
      margin-top: -15vw;
  }
  .wrap-lineup-video-top.raceair_mov1 .pin-wrap-list3 > .inner .item{ width:auto; }
  .wrap-lineup-video-top.raceair_mov1 .pin-wrap-list3 > .inner .item .thumb{ margin:0; }
  .wrap-lineup-video-top.raceair_mov1 .box_video{width: 100vw;height: 110vw;position: relative;left: 0;top: 0;} 
  
}






.slide-flip  .swiper-container{ overflow: visible; }
.box-filp{}
.box-filp .back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.box-filp .back {
  backface-visibility: hidden;
  background: white;
  transform: rotateY(180deg);
}
.box-prd-filp{ background-color: #f5f8fa; border-radius: 10px; overflow: hidden; }
.box-prd-filp .cont{ height:360px; }
.box-prd-filp > .inner{ padding: 40px; }
.box-prd-filp .h_1{
    font-size: var(--fz-l);
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    height: 53px;
    overflow: hidden;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height: 1.1;
}
.box-prd-filp .thumb{ height: 240px;  }
.box-prd-filp .thumb > .bg-pos{ background-size:contain;  mix-blend-mode: multiply;}




@media screen and (min-width: 841px) {
  .box-filp .front,.box-filp .back{
    transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
    transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
  }
  .box-filp:hover .front{
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .box-filp:hover .back{
    -moz-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
  }

}


.box-prd-filp-bak{ background-color: #ffc72c; border-radius: 10px; overflow: hidden; }
.box-prd-filp-bak .cont{height:360px;}
.box-prd-filp-bak > .inner{ padding: 40px; }
.box-prd-filp-bak .txt_scroll{font-size: var(--fz-sn);font-weight: var(--fw-r);height: 360px;overflow-y: auto;overflow-x: hidden;padding-right: 15px;}
.box-prd-filp-bak .txt_scroll > .outer{}

@media (min-width:840px) {
    body .box-prd-filp-bak .txt_scroll *{
        -ms-overflow-style: -ms-autohiding-scrollbar;
        scrollbar-width: thin;
        scrollbar-color: #fff #fff
    }
    body .box-prd-filp-bak .txt_scroll::-webkit-scrollbar {
        height: .8rem;
        width: .4rem;
    }
    body .box-prd-filp-bak .txt_scroll::-webkit-scrollbar-track {
        background: #fff
    }
    body .box-prd-filp-bak .txt_scroll::-webkit-scrollbar-thumb {
        background-color: #000;
        border-radius: 0;
        cursor: pointer !important;
    }
}


@media screen and (max-width: 840px){
  
  .box-prd-filp{ border-radius: 4vw; }
  .box-prd-filp .cont{height: 75vw;}
  .box-prd-filp > .inner{padding: 7vw 5vw;}
  .box-prd-filp .h_1{
      font-size: 5vw;
      margin-bottom: 7vw;
      height: 10vw;
      
  }
  .box-prd-filp .thumb{ height: 55vw; }
  .box-prd-filp-bak .cont{height: 75vw;}
  .box-prd-filp-bak > .inner{padding: 7vw 5vw;}
  .box-prd-filp-bak .txt_scroll{font-size: 3.6vw; height: 77vw; padding-right: 3vw;}
  
}




.box-prd-filp-bak .btns,
.box-prd-filp .btns{
    margin-top: 40px;
    text-align: center;
}
.box-prd-filp-bak .btns a,
.box-prd-filp .btns a{display: inline-block;line-height: 1;background-color: #000000;color: #fff;text-align: center;max-width: 230px;padding: 12px 20px;border-radius: 5px;min-width: 200px;}

@media screen and (max-width: 840px){
  .box-prd-filp-bak .btns,
  .box-prd-filp .btns{
      margin-top: 7vw;
      text-align: center;
  }
  .box-prd-filp-bak .btns a,
  .box-prd-filp .btns a{max-width: 100%;padding: 3vw 5vw;border-radius: 1vw;min-width: 100%;box-sizing: border-box;}

  .box-filp .front,
  .box-filp .back{
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
  }
  .box-filp.active .front{
    -moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    
  }

  .box-filp.active .back{
    -moz-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);

  }
}


.wrap-protection1{ position: relative; height: 100vh; overflow: hidden;}
.wrap-protection1 .cont{ position:absolute; left:0; top:180px; max-width: 60%; }
.wrap-protection1 .cont.type2{ left:45%; }

.wrap-protection1 .h_1{
  font-size: var(--fz-tit1);font-weight: var(--fw-b);line-height:1;font-size: 4.6vh;
   transition: all 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
  transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
  opacity: 0;
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}
.wrap-protection1 .t_1{
   transition: all 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
  transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
  opacity: 0;
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  margin-top: 25px;font-size: var(--fz-l);font-weight: var(--fw-r); font-size: 2.6vh;
}

.wrap-protection1 .cont.active .h_1,
.wrap-protection1 .cont.active .t_1{
  transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
  transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
  opacity: 1;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.wrap-protection1 .cont.active .t_1{ }



.wrap-protection1 .wrap_canvas{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.wrap-protection1 .wrap_canvas .circle-ty1{position: absolute;left: 50%;top: 50%;width: 25px;height: 25px;border-radius: 50%;background-color: #f42b04;z-index: 1;}
.wrap-protection1 .wrap_canvas .circle-ty1.n1{margin-top: 7vh;margin-left: 41vh;}
.wrap-protection1 .wrap_canvas .circle-ty1.n2{margin-top: -5vh;margin-left: 65vh;}
.wrap-protection1 .wrap_canvas .circle-ty1.n3{margin-top: 26vh;margin-left: 58vh;}
.wrap-protection1 .wrap_canvas .circle-ty1.n4{margin-top: 7vh;margin-left: -60.4vh;}
.wrap-protection1 .inr-c-ed{ position: relative; padding-top: 130px; height: 1100px; box-sizing: border-box; }

.wrap-protection2{ position: relative; height: 1100px; overflow: hidden; }

.wrap-protection2 .h_1{font-size: var(--fz-tit1);font-weight: var(--fw-b);line-height: 1;}
.wrap-protection2 .t_1{ margin-top: 25px;font-size: var(--fz-l);font-weight: var(--fw-r); }


.wrap-protection2 .wrap_canvas{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.wrap-protection2 .wrap_canvas .circle-ty1{position: absolute;left: 50%;top: 50%;width: 25px;height: 25px;border-radius: 50%;background-color: #f42b04;z-index: 1;}
.wrap-protection2 .wrap_canvas .circle-ty1.n1{margin-top: 85px;margin-left: -50px;}
.wrap-protection2 .inr-c-ed{ position: relative; padding-top: 130px; height: 1100px; box-sizing: border-box; }

.wrap-protection2.ly2{ height: auto; }
.wrap-protection2.ly2 .inr-c-ed{ padding-bottom: 160px;  height: auto; } 
.wrap-protection2.ly2 .inner{display: flex;justify-content: space-between;}
.wrap-protection2.ly2.rev .inner{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.wrap-protection2.ly2 .inner > .cont{width: 39%;margin-right: 5%;}
.wrap-protection2.ly2 .inner > .thumb{max-width: 48%;min-width: 50%;text-align: right;}
.wrap-protection2.ly2 .inner > .thumb img{ max-width:100%;}

.wrap-protection2.ly2 .swiper-nav.type2{display: flex;align-items: center;justify-content: space-between;position: absolute;left: 0;top: calc(50% - 90px);width: 100%;}
.wrap-protection2.ly2 .swiper-nav.type2 > *{ position:absolute; }
.wrap-protection2.ly2 .swiper-nav.type2 .swiper-prev{ left:-70px; top:0; }
.wrap-protection2.ly2 .swiper-nav.type2 .swiper-next{ right:-70px; top:0; }

.wrap-banner-type3{ display: flex;justify-content: space-between;}
.wrap-banner-type3 .cont{ width: 44%; margin-right: 5%;}
.wrap-banner-type3 .thumb{ max-width: 35%; min-width: 35%; text-align: right; }
.wrap-banner-type3 .thumb img{ max-width:100%;}
.wrap-banner-type3 .h_1{ font-size: var(--fz-tit1);font-weight: var(--fw-b);line-height: 1;}
.wrap-banner-type3 .t_1{ margin-top: 25px;font-size: var(--fz-l);font-weight: var(--fw-r);}

.bg_chnage_black .wrap-banner-type3 .h_1,
.bg_chnage_black .wrap-banner-type3 .t_1{ color: #fff;}


.wrap-banner-type3.rev{ display: flex;justify-content: space-between;flex-direction: row-reverse;}
.wrap-banner-type3.rev .cont{ width: 44%; margin-left: 5%; margin-right: 0; }
.wrap-banner-type3.rev .thumb{ max-width: 35%; min-width: 35%; text-align: left; }

@media screen and (max-width: 1530px){
  .wrap-protection2.ly2 .inr-c-ed{ padding-left:90px; padding-right: 90px; }
  .wrap-protection2.ly2 .swiper-nav.type2 .swiper-prev{ left:20px; top:0; }
  .wrap-protection2.ly2 .swiper-nav.type2 .swiper-next{ right:20px; top:0; }
}

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

  .wrap-protection1 .cont{ position:absolute; left:0; top:20vw; max-width: none; }
  .wrap-protection1 .cont.type2{left: 0;}

  .wrap-protection1 .h_1{
    font-size: 6vw; line-height:1;
    transition: all 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
    transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
    opacity: 0;
    -moz-transform: translateY(10vw);
    -webkit-transform: translateY(10vw);
    -o-transform: translateY(10vw);
    -ms-transform: translateY(10vw);
    transform: translateY(10vw);
  }
  .wrap-protection1 .t_1{
   transition: all 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
   transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
   opacity: 0;
   -moz-transform: translateY(10vw);
   -webkit-transform: translateY(10vw);
   -o-transform: translateY(10vw);
   -ms-transform: translateY(10vw);
   transform: translateY(10vw);
   margin-top: 5vw; font-size:4vw;
  }

  .wrap-protection1 .cont.active .h_1,
  .wrap-protection1 .cont.active .t_1{
  transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
  transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
  opacity: 1;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  }
  .wrap-protection1 .cont.active .t_1{ }



    .wrap-protection1 .wrap_canvas .circle-ty1{position: absolute;left: 50%;top: 50%;width: 25px;height: 25px;border-radius: 50%;background-color: #f42b04;z-index: 1;}
  .wrap-protection1 .wrap_canvas .circle-ty1.n1{margin-top: 7vh;margin-left: 41vh;}
  .wrap-protection1 .wrap_canvas .circle-ty1.n2{margin-top: -5vh;margin-left: 65vh;}
  .wrap-protection1 .wrap_canvas .circle-ty1.n3{margin-top: 26vh;margin-left: 58vh;}
  .wrap-protection1 .wrap_canvas .circle-ty1.n4{margin-top: 7vh;margin-left: -60.4vh;}
  .wrap-protection1 .inr-c-ed{ position: relative; padding-top: 130px; height: 1100px; box-sizing: border-box; }

  .wrap-protection2{ position: relative; height: 1100px; overflow: hidden; }

  .wrap-protection2 .h_1{font-size: var(--fz-tit1);font-weight: var(--fw-b);line-height: 1;}
  .wrap-protection2 .t_1{ margin-top: 25px;font-size: var(--fz-l);font-weight: var(--fw-r); }

  
  .wrap-protection1 .wrap_canvas .circle-ty1{position: absolute;left: 50%;top: 50%;width: 4vw;height: 4vw;font-size: 0;line-height: 0;}
  .wrap-protection1 .wrap_canvas .circle-ty1.n1{margin-top: 9vh;margin-left: 3vh;}
  .wrap-protection1 .wrap_canvas .circle-ty1.n2{margin-top: 18vh;margin-left: -6vh;}
  .wrap-protection1 .wrap_canvas .circle-ty1.n3{margin-top: 27vh;margin-left: 4vh;}
  .wrap-protection1 .wrap_canvas .circle-ty1.n4{margin-top: 16vh;margin-left: -5.4vh;}
  .wrap-protection1 .inr-c-ed{position: relative;padding-top: 20vw;height: 100vh;}

  .wrap-protection2{ position: relative; height: 1100px; overflow: hidden; }

  .wrap-protection2 .h_1{font-size: var(--fz-tit1);font-weight: var(--fw-b);line-height: 1;}
  .wrap-protection2 .t_1{ margin-top: 25px;font-size: var(--fz-l);font-weight: var(--fw-r); }


  .wrap-protection2 .wrap_canvas{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
  .wrap-protection2 .wrap_canvas .circle-ty1{position: absolute;left: 50%;top: 50%;width: 25px;height: 25px;border-radius: 50%;background-color: #f42b04;z-index: 1;}
  .wrap-protection2 .wrap_canvas .circle-ty1.n1{margin-top: 85px;margin-left: -50px;}
  .wrap-protection2 .inr-c-ed{ position: relative; padding-top: 130px; height: 1100px; box-sizing: border-box; }

  .wrap-protection2.ly2{ height: auto; }
  .wrap-protection2.ly2 .inr-c-ed{padding-bottom: 10vw;height: auto;padding: 30vw 0 12vw;} 
  .wrap-protection2.ly2 .inner{display: flex;justify-content: space-between;flex-direction: column-reverse;}
  .wrap-protection2.ly2 .inner > .cont{width: auto;margin-right: 0;margin-top: 6vw;}
  .wrap-protection2.ly2 .inner > .thumb{max-width: none;min-width: auto;text-align: center;}
  .wrap-protection2.ly2 .inner > .thumb img{ max-width:100%;}

  .wrap-protection2.ly2 .swiper-nav.type2{display: flex;align-items: center;justify-content: flex-end;position: absolute;left: 0;top: 0;width: 90vw;}
  .wrap-protection2.ly2 .swiper-nav.type2 > *{ position:relative; }
  .wrap-protection2.ly2 .swiper-nav.type2 .swiper-prev,
  .wrap-protection2.ly2 .swiper-nav.type2 .swiper-next{left:auto;right:auto;margin-left: 5vw;}
  .wrap-banner-type3.rev,
  .wrap-banner-type3{display: flex;justify-content: space-between;flex-direction: column-reverse;}
  .wrap-banner-type3.rev .cont,
  .wrap-banner-type3 .cont{width: auto;margin-right: 0;}
  .wrap-banner-type3.rev .thumb,
  .wrap-banner-type3 .thumb{ max-width: 80vw;min-width: 80vw;text-align: center;margin: 0 auto 10vw;}
  .wrap-banner-type3 .thumb img{ max-width:100%;}
  .wrap-banner-type3 .h_1 br{ display:none; }
  .wrap-banner-type3 .t_1{margin-top: 4vw;font-size: var(--fz-l);font-weight: var(--fw-r);}


  .wrap-protection2.ly2.rev .inner{display: flex;justify-content: space-between;flex-direction: column-reverse;}


}





 
.bg_chnage_black .wrap-protection1,
.bg_chnage_black .wrap-protection2{ color: #fff; }


.circle-ty1 .waves {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(195, 53, 26, 1);
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.circle-ty1 .waves:before, .circle-ty1 .waves:after {
  content: "";
  position: absolute;
  background: rgba(195, 53, 26, 1);
  margin-left: -8px;
  margin-top: -8px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-animation: wave 3s infinite linear;
  animation: wave 3s infinite linear;
}
.circle-ty1 .waves:after {
  opacity: 0;
  -webkit-animation: wave 3s 1.5s infinite linear;
          animation: wave 3s 1.5s infinite linear;
}

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

  .circle-ty1 .waves {
    width: 4vw;
    height: 4vw;
  }
  .circle-ty1 .waves:before, .circle-ty1 .waves:after {
    margin-left: -2.5vw;
    margin-top: -2.3vw;
    width: 9vw;
    height: 9vw;
  }

}



@-webkit-keyframes wave {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes wave {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.swiper-nav{ margin-top: 40px; }
.swiper-nav.type2{ display: flex; align-items: center; justify-content: space-between; }
.swiper-nav.type2 button{ 
  width: 50px; height: 50px; border-radius: 50%; background-color: #fff; color: #000; 
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.20);
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.20);
}
@media (hover: hover) {
.swiper-nav.type2 button:hover{
    background-color: #ffc72c;
  }
}

@media screen and (max-width: 840px){
  .swiper-nav.type2 button{  width: 12vw; height: 12vw; font-size:5vw }
}



.wrap_mov_motion1{ height: 100vh; background-color: #000;overflow: hidden; }

/*.wrap_mov_motion1 > .inner{height: 100vh;margin-top: -25.5vh;-moz-transform: scale(10);-webkit-transform: scale(10);-o-transform: scale(10);-ms-transform: scale(10);transform: scale(2.6);}*/
.wrap_mov_motion1 > .inner{height: 100vh;margin-top: -8vh;}
.wrap_mov_motion1 > .inner .col{ display: flex; }
.wrap_mov_motion1 > .inner .col{}
.wrap_mov_motion1 > .inner .col.n1{ margin-left: -50vw; }
.wrap_mov_motion1 > .inner .col.n2{margin-left: -11.1vw;}
.wrap_mov_motion1 > .inner .col.n3{margin-left: -48.1vw;}
.wrap_mov_motion1 > .inner .movie,
.wrap_mov_motion1 > .inner .img{min-width: 40vw;min-height: 35.5vh;position: relative;background-repeat: no-repeat;background-size: cover;overflow: hidden;margin-right: 2vh;margin-bottom: 2vh;}
.wrap_mov_motion1 > .inner .movie:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 2;  content:"";}

.wrap_mov_motion1 > .inner .img.n1_1{ background-image: url(../images/collection/kryptek/img3_1.jpg); }
.wrap_mov_motion1 > .inner .img.n1_2{ background-image: url(../images/collection/kryptek/img3_2.jpg); }
.wrap_mov_motion1 > .inner .img.n1_3{ background-image: url(../images/collection/kryptek/img3_1.jpg); }
.wrap_mov_motion1 > .inner .img.n1_4{ background-image: url(../images/collection/kryptek/img3_3.jpg); }

.wrap_mov_motion1 > .inner .img.n2_1{ background-image: url(../images/collection/kryptek/img3_9.jpg); }
.wrap_mov_motion1 > .inner .img.n2_2{ background-image: url(../images/collection/kryptek/img3_10.jpg); }
.wrap_mov_motion1 > .inner .img.cen{ background-image: url(../images/collection/kryptek/img_cen.jpg); display: flex;justify-content: center;align-items: center; }
.wrap_mov_motion1 > .inner .img.cen .logo img{ width: 40%; }

.wrap_mov_motion1 > .inner .img.n3_1{ background-image: url(../images/collection/kryptek/img3_5.jpg); }
.wrap_mov_motion1 > .inner .img.n3_2{ background-image: url(../images/collection/kryptek/img3_8.jpg); }
.wrap_mov_motion1 > .inner .img.n3_3{ background-image: url(../images/collection/kryptek/img3_7.jpg); }
.wrap_mov_motion1 > .inner .img.n3_4{ background-image: url(../images/collection/kryptek/img3_6.jpg); }

.wrap_mov_motion1 .cont{position: absolute;left: 0;top: 50%;width: 100%;color: #fff;z-index: 5;text-align: center;mix-blend-mode:difference;margin-top: -10vw;}
.wrap_mov_motion1 .cont p{ 
  opacity: 0;
  -moz-transform: translateY(90px);
  -webkit-transform: translateY(90px);
  -o-transform: translateY(90px);
  -ms-transform: translateY(90px);
  transform: translateY(90px);
  transition: all 500ms cubic-bezier(0.705, 0.180, 0.230, 0.900); /* custom */
  transition-timing-function: cubic-bezier(0.705, 0.180, 0.230, 0.900); /* custom */
}


.wrap_mov_motion1 .cont .inner_cont{}
.wrap_mov_motion1 .cont .h_1{
  font-size: 120px;
  font-weight: 900;
  line-height: 1;
    /*  opacity: 0;
    -moz-transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -o-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);*/
    font-size: 6.2vw;
  }
  .wrap_mov_motion1 .cont .t_1{
    font-size: 31px;
    font-weight: 600;
    margin-top: 0;
  }
  .wrap_mov_motion1 .cont .t_2{
    font-size: 30px;
    line-height: 1.2;
    margin-top: 30px;
    font-weight:200;
  }

  .wrap_mov_motion1 .cont.active p{ 
    opacity: 1;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);

  }

  .wrap_mov_motion1 .cont.active p:nth-child(1){  transition-delay: 0ms;}
  .wrap_mov_motion1 .cont.active p:nth-child(2){  transition-delay: 50ms;}
  .wrap_mov_motion1 .cont.active p:nth-child(3){  transition-delay: 100ms;}


  @media screen and (max-width: 840px){
    .wrap_mov_motion1{height: 100vh;}
    .wrap_mov_motion1 > .inner{height: 100vh;margin-top: 0;}
    .wrap_mov_motion1 > .inner .col{ display: flex; }
    .wrap_mov_motion1 > .inner .col{ width: 270vw; }
    .wrap_mov_motion1 > .inner .col.n1{margin-left: -50vw;}
    .wrap_mov_motion1 > .inner .col.n2{margin-left: -50.1vw;}
    .wrap_mov_motion1 > .inner .col.n3{margin-left: -48.1vw;}
    .wrap_mov_motion1 > .inner .movie,
    .wrap_mov_motion1 > .inner .img{min-width: auto;min-height: auto; width:40vw; height: 35.5vh; position: relative;background-repeat: no-repeat;background-size: cover;overflow: hidden;margin-right: 2vh;margin-bottom: 2vh;}
    .wrap_mov_motion1 > .inner .movie:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 2;  content:"";}
    .wrap_mov_motion1 > .inner .movie{ width:100%; height:100%; position:absolute; left:0; top:0; }
    .wrap_mov_motion1 > .inner .img.n1_1,
    .wrap_mov_motion1 > .inner .img.n1_2,
    .wrap_mov_motion1 > .inner .img.n1_3,
    .wrap_mov_motion1 > .inner .img.n1_4{ width:120vw;  height:20vh; }

    .wrap_mov_motion1 > .inner .col.n2 > *{width:120vw;height: 53vh;position: relative;}

    .wrap_mov_motion1 > .inner .img.n3_1,
    .wrap_mov_motion1 > .inner .img.n3_2,
    .wrap_mov_motion1 > .inner .img.n3_3,
    .wrap_mov_motion1 > .inner .img.n3_4{ width:120vw; height:20vh; }
    .wrap_mov_motion1 .cont{margin-top: -10vw;}
    .wrap_mov_motion1 .cont .inner_cont{}
    .wrap_mov_motion1 .cont .h_1{font-size: 13.2vw;}
    .wrap_mov_motion1 .cont .t_1{font-size: 7vw;margin-top: 4vw;line-height: 1;}
    .wrap_mov_motion1 .cont .t_2{font-size:4vw;margin-top: 6vw;max-width: 80vw;margin-left: 10vw;line-height: 1.4;}
    .wrap_mov_motion1 .cont .t_2 br{ display:none; }



  }




.wrap-spot-type3{ position: relative; width: 100%; height: 700px;  display: flex; align-items: center; justify-content: center; overflow: hidden;}
.wrap-spot-type3 .bg-pos{
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: all 12000ms ease;
  -moz-transition: all 12000ms ease;
  -ms-transition: all 12000ms ease;
  -o-transition: all 12000ms ease;
  transition: all 12000ms ease;
}
.wrap-spot-type3 .cont{position: relative;z-index: 1;text-align: center;color: #fff;}
.wrap-spot-type3 .cont .inner{ max-width:1080px; margin:0 auto; }
.wrap-spot-type3 .logo{}
.wrap-spot-type3 .logo img{}
.wrap-spot-type3 .h_1{
    font-size: var(--fz-tit1);
    font-weight: var(--fw-eb);
    margin-top: 20px;
}
.wrap-spot-type3 .t_1{
    font-size: var(--fz-l);
    font-weight: var(--fw-el);
    line-height: 1.5;
    max-width: 1060px;
    word-break: keep-all;
    margin-top: 30px;
}

.wrap-spot-type3.active .bg-pos{ 
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width: 840px){
  .wrap-spot-type3{height: 160vw;}
  .wrap-spot-type3 .cont .inner{ margin:0 4.6vw; }
  .wrap-spot-type3 .logo img{ max-width:80vw; }
  .wrap-spot-type3 .h_1{ margin-top: 5vw; }
  .wrap-spot-type3 .t_1{ max-width: 86vw; margin-top: 10vw; }
}




.wrap-fc{padding: 120px 0;position: relative; z-index: 0;}
.wrap-fc > .inner{ position:relative; z-index:1;}
.wrap-fc .h_1{
    color: #000;
    text-align: center;
    font-size: 75px;
    font-weight: var(--fw-eb);
    line-height: 1;
}
.wrap-fc .t_1{
  color:#000;
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  font-size: var(--fz-l);
  line-height: 1.5;
  font-weight: var(--fw-el);
  text-align:center;
  word-break: keep-all;
}

.wrap-fc.a_top{ padding-top: 60px; background-color: #fff; }
.wrap-fc.a_top > .inner{}
.wrap-fc.a_top .h_1{ margin-bottom: 40px; }
.wrap-fc.a_top .t_1{ margin-top: 10px; }
.wrap-fc.a_top .item{display:flex; justify-content: center;}
.wrap-fc.a_top .item .bg-pos{
    width: 300px;
    height: 400px;
    position: relative;
    background-size: contain;
    background-position: 50% 50%;
}
@media screen and (max-width: 840px){
  .wrap-fc{padding: 12vw 0;position: relative;}
  .wrap-fc > .inner{
    margin: 0 4.6vw;
}
  .wrap-fc .h_1{
      font-size: 9vw;
  }
  .wrap-fc .t_1{
    max-width: none;
  }
  
  .wrap-fc.a_top{padding-top: 5vw;}
  .wrap-fc.a_top > .inner{}
  .wrap-fc.a_top .h_1{margin-bottom: 6vw;}
  .wrap-fc.a_top .t_1{margin-top: 5vw;}
  .wrap-fc.a_top .item{display:flex; justify-content: center;}
  .wrap-fc.a_top .item .bg-pos{
      width: 56vw;
      height: 64vw;
      position: relative;
      background-size: contain;
      background-position: 50% 50%;
  }
}


.wrap-fc.a_barca{background: #001844; overflow: hidden;}
.wrap-fc.a_barca > .inner{ }
.wrap-fc.a_barca .h_1{ margin-top:40px; color:#fff;  }
.wrap-fc.a_barca .t_1{ margin-top:40px; color:#fff;  }
.wrap-fc.a_barca .logo{
    display: flex;
    justify-content: center;
}
.wrap-fc.a_barca .logo > .inner{
    display: inline-block;
    position: relative;
    font-size: 0;
}
.wrap-fc.a_barca .logo .ori{ opacity: 0; }
.wrap-fc.a_barca .logo .bar,
.wrap-fc.a_barca .logo .txt{ position:absolute; left:0; top:0; width:100%; }
.wrap-fc.a_barca .logo .bar.n1{top: 0%;}
.wrap-fc.a_barca .logo .bar.n2{top: 81%;}
.wrap-fc.a_barca .logo .txt.n1{top: 6%;}
.wrap-fc.a_barca .logo .txt.n2{top: 31.2%;}
.wrap-fc.a_barca .logo .txt.n3{top: 56.2%;}
@media screen and (max-width: 840px){
  .wrap-fc.a_barca .h_1{margin-top: 5vw;color:#fff;}
  .wrap-fc.a_barca .t_1{margin-top: 5vw;}
  .wrap-fc.a_barca .logo > .inner{ margin: 0 8vw; }
}


.lst_collection_slide2.barca{
    background: #001391;
}

.wrap-fc.a_bayern{height: 599px;display: flex;justify-content: center;align-items: center; overflow: hidden;}
.wrap-fc.a_bayern > .inner{position: relative;}
.wrap-fc.a_bayern .bg-pos{
   -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0ms ease;
  -moz-transition: all 0ms ease;
  -ms-transition: all 0ms ease;
  -o-transition: all 0ms ease;
  transition: all 0ms ease;
}
.wrap-fc.a_bayern.active .bg-pos{
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 4000ms ease;
  -moz-transition: all 4000ms ease;
  -ms-transition: all 4000ms ease;
  -o-transition: all 4000ms ease;
  transition: all 4000ms ease;
}
.wrap-fc.a_bayern .h_1{ color:#fff;}
.wrap-fc.a_bayern .t_1{ color:#fff; margin-top:40px;}

@media screen and (max-width: 840px){
  .wrap-fc.a_bayern{ height: 120vw; }
  .wrap-fc.a_bayern .t_1{ margin-top: 5vw; }
}

.lst_collection_slide2.bayern{
    background: rgb(72,72,72);
    background: -moz-linear-gradient(90deg, rgba(72,72,72,1) 0%, rgba(1,1,1,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(72,72,72,1) 0%, rgba(1,1,1,1) 100%);
    background: linear-gradient(90deg, rgba(72,72,72,1) 0%, rgba(1,1,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#484848",endColorstr="#010101",GradientType=1);
}


.wrap-fc.a_juventus{ min-height: 100vh;box-sizing: border-box; overflow: hidden; }
.wrap-fc.a_juventus > .inner{
    margin: 0 40px;
    color: #fff;
}
.wrap-fc.a_juventus .bg-pos{}
.wrap-fc.a_juventus .logo2{
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 5;
    width: 300px;
}
.wrap-fc.a_juventus .logo{display:flex;justify-content: center;}
.wrap-fc.a_juventus .logo > .inner{ width:300px; }
.wrap-fc.a_juventus .logo img{ width:100%; }
.wrap-fc.a_juventus .h_1{
    color: #fff;
    margin-top: 60px;
}
.wrap-fc.a_juventus .t_1{
    color: #fff;
    margin-top: 20px;
}

@media screen and (max-width: 840px){
  .wrap-fc.a_juventus{min-height: auto;box-sizing: border-box;height: auto; padding-bottom: 35vw;}
  .wrap-fc.a_juventus > .inner{ margin: 0 40px; }
  .wrap-fc.a_juventus .logo2{
      right: 6vw;
      bottom: 13vw;
      width: 32vw;
  }
  .wrap-fc.a_juventus .logo > .inner{width: 55vw;}
  .wrap-fc.a_juventus .h_1{margin-top: 5vw;}
  .wrap-fc.a_juventus .t_1{margin-top: 4vw;}  
}


.wrap-fc.a_arsenal{ background-color: #e30613; }
.wrap-fc.a_arsenal > .inner{}
.wrap-fc.a_arsenal .logo{display: flex;justify-content: center;}
.wrap-fc.a_arsenal .logo > .inner{width: 400px;height: auto;}
.wrap-fc.a_arsenal .logo > .inner img{width: 100%;}
.wrap-fc.a_arsenal .h_0{font-size: 75px;font-weight: var(--fw-eb);margin-bottom: 40px;color: #fff;text-align: center;}
.wrap-fc.a_arsenal .h_1{margin-top: 30px;color: #fff;}
.wrap-fc.a_arsenal .t_1{margin-top: 21px;color: #fff;}
@media screen and (max-width: 840px){
  .wrap-fc.a_arsenal .h_0{ font-size: 9vw; margin-bottom: 5vw; color: #fff; }
  .wrap-fc.a_arsenal .logo > .inner{ width: 55vw; }
  .wrap-fc.a_arsenal .h_1{ margin-top: 6vw; }
  .wrap-fc.a_arsenal .t_1{ margin-top: 3vw; }
}












@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  20% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  47% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  63% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  85% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  20% {
    -webkit-transform: scale(0.94);
            transform: scale(0.94);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  47% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  70% {
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  95% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


@-webkit-keyframes shake-lr {

}
@keyframes shake-lr {
  0%,
  70% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  5% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  10%,
  20%,
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  30%,
  50%,
  55% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  65% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
}



.wrap-riders-bot{
    display: flex;
    position: relative;
    z-index: 0;
    justify-content: space-between;
}
.wrap-riders-bot > .area{
    flex-grow: 1;
    max-width: 49.5%;
}
.wrap-riders-bot > .area .lft{}
.wrap-riders-bot > .area .rgh{}

.wrap-riders-bot .blocCat{
    margin-bottom: 2%;
}
.wrap-riders-bot .blocCatContent{
    position: relative;
    color: #fff;
    box-sizing: border-box;
    padding: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 470px;
    background-position: 50% 50%;
}
.wrap-riders-bot .blocCatContent:after{
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .3;
  z-index: 0;
}
.wrap-riders-bot .blocCatContent:before{
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-image: url('../images/collection/raceair/trame_pilote.png');
  background-position: right bottom;
  background-repeat: no-repeat;
  z-index: 0;
}
.wrap-riders-bot .blocCatContent h2{position:relative;z-index:1;font-size: var(--fz-tit2);line-height: 1;margin-bottom: 25px;}
.wrap-riders-bot .blocCatContent p{position:relative;z-index:1;font-size: var(--fz-nl);margin-bottom: 9px;}

@media screen and (max-width: 840px){
  .wrap-riders-bot{
      display: flex;
      position: relative;
      z-index: 0;
      justify-content: space-between;
      flex-direction: column;
  }
  .wrap-riders-bot > .area{
      max-width: none;
  }
  .wrap-riders-bot > .area .lft{}
  .wrap-riders-bot > .area .rgh{}
  .wrap-riders-bot .blocCat{}
  .wrap-riders-bot .blocCatContent{
      padding: 15vw 8vw;
      min-height: auto;
  }

  .wrap-riders-bot .blocCatContent h2{ margin-bottom: 5vw; }
  .wrap-riders-bot .blocCatContent p{ margin-bottom: 1vw; }
}


.more-link{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; text-align: left; text-indent: -9999px; z-index: 5; }

.lst-type-hor-type1{ border-top:2px #000 solid;}
.lst-type-hor-type1 .item{ border-bottom:1px #d7e3e8 solid; padding:60px 0;}

.post-hor-type1 .inner-post{display: flex;flex-direction: row-reverse;position: relative;z-index: 0;align-items: center;}
.post-hor-type1 .thumb{ margin-left: 40px; min-width: 410px; width: 410px; height: 0;position: relative; background-color: #f9f9f9;border: 1px solid #eaeaea;background-size: cover; flex-grow: 1;padding-bottom: 22%; overflow: hidden; }
.post-hor-type1 .thumb .bg-pos{ z-index: 2; }
.post-hor-type1 .thumb:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background-image: url(../images/common/h_logo.png); background-repeat: no-repeat;background-position: center; background-size: 60%; content:""; opacity: 0.5; }
.post-hor-type1 .cont{margin-left: 0;flex-grow: 1;}

[class*="cont-"] .inner-cont{
    max-width: 90%;
}
[class*="cont-"] .h_1{
  font-size: var(--fz-xxl);font-weight: var(--fw-sb); line-height: 1.2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient:vertical;
}
[class*="cont-"] .t_1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient:vertical;
    font-size: var(--fz-nl);
    margin-top: 20px;
}
[class*="cont-"] .info{margin-top: 14px;line-height: 1;}
[class*="cont-"] .info span{}
[class*="cont-"] .data{font-weight: var(--fw-m);}

.post-hor-type1 .thumb .bg-pos{
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
@media (hover: hover) {
  .post-hor-type1:hover .h_1{ text-decoration: underline; text-underline-offset:  5px; }

  .post-hor-type1:hover .thumb .bg-pos{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 600ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
    transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
  }
}


@media screen and (max-width: 840px){
  .lst-type-hor-type1 .item{padding:8vw 0;}
  
  .post-hor-type1 .inner-post{display: flex;flex-direction: column;position: relative;z-index: 0;align-items: center;}
  .post-hor-type1 .thumb{margin-left: 0;width: 100vw; min-width: auto; padding-bottom: 75%;overflow: hidden;margin-bottom: 5vw;min-width: 100vw;}
  .post-hor-type1 .thumb .bg-pos{ z-index: 2; }
  .post-hor-type1 .thumb:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background-image: url(../images/common/h_logo.png); background-repeat: no-repeat;background-position: center; background-size: 60%; content:""; opacity: 0.5; }
  .post-hor-type1 .cont{margin-left: 0;flex-grow: 1;}
  
  [class*="cont-"] .inner-cont{ max-width: 100%; }
  [class*="cont-"] .t_1{ margin-top: 5vw; }
  [class*="cont-"] .info{ margin-top: 5vw; }
}


.wrap-view-head{ padding-top: 80px; }
.bbs_top_view{ padding-bottom: 22px; border-bottom:2px #000 solid; }

@media screen and (max-width: 840px){
  .wrap-view-head{ padding-top: 7vw; }
  .bbs_top_view{ padding-bottom: 4vw; }
}

.wrap_file_download{border-width: 1px 0 2px;border-style: solid;border-color: #d7e3e8 #000 #000;padding: 25px 0 20px;display: flex;}
.wrap_file_download .h{
    font-size: var(--fz-s);
    font-weight: var(--fw-eb);
}
.wrap_file_download .lst{
    flex-grow: 1;
    margin-left: 20px;
    display: flex;
    flex-wrap: wrap;
}
.wrap_file_download .lst .item{
    margin-right: 22px;
    margin-bottom: 5px;
}
.wrap_file_download .lst a{
    line-height: 1;
    display: inline-flex;
    align-items: center;
    font-size: var(--fz-s);
  word-break: break-all;
}
.wrap_file_download .lst a i{
    margin-left: 7px;
}

@media (hover: hover) {
  .wrap_file_download .lst a:hover{
      text-decoration: underline;
    text-underline-offset:  3px;
  }
}


@media screen and (max-width: 840px){
  .wrap_file_download{padding: 5vw 0 3vw;display: flex;}
  .wrap_file_download .h{
      font-size: var(--fz-s);
      font-weight: var(--fw-eb);
  }
  .wrap_file_download .lst{
      margin-left: 5vw;
      display: flex;
      flex-direction: column;
  }
  .wrap_file_download .lst .item{
      margin-right: 0;
      margin-bottom: 2vw;
  }
  .wrap_file_download .lst a{
      line-height: 1;
      display: inline-flex;
      align-items: center;
      font-size: var(--fz-s);
      
  }
  .wrap_file_download .lst a i{
      margin-left: 7px;
      min-width: 5vw;
      width: 5vw;
      height: 5vw;
  }
}


.wrap-lineup-video-top.raceair_mov2 .wrap-lineup-mov1{  }
.wrap-lineup-video-top.raceair_mov2 .wrap-lineup-mov1 > .area{
    margin: 0;
    position: relative;
    flex-grow: 1;
    min-width: 100%;
}
.wrap-lineup-video-top.raceair_mov2 .wrap-lineup-mov1 .before,
.wrap-lineup-video-top.raceair_mov2 .wrap-lineup-mov1 .after{
  transition: all 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190); /* easeInCubic */
  transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); /* easeInCubic */
   max-width: 60%;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  
}
.wrap-lineup-video-top.raceair_mov2 .wrap-lineup-mov1 .before{ 
  position: relative; left: 0; top: 0; z-index: 1; 
}
.wrap-lineup-video-top.raceair_mov2 .wrap-lineup-mov1 .after{ 
  position: absolute; right: 0; top: 0;z-index: 0; opacity:0; 
   -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);

}
.wrap-lineup-video-top.raceair_mov2 .wrap-lineup-mov1.step2 .before{
  opacity:0; 
  -moz-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}
.wrap-lineup-video-top.raceair_mov2 .wrap-lineup-mov1.step2 .after{
   opacity:1; 
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}


.lst_collection_raceair{ background-color: #000; height: 100vh; min-height: 700px; max-height:1200px;  position: relative; z-index: 0; overflow: hidden;}

.lst_collection_raceair .wrap_canvas{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.lst_collection_raceair .wrap_canvas:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; content:""; z-index: 1; }

.lst_collection_raceair .wrap_canvas canvas{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.lst_collection_raceair .inner_section{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position:relative;
    z-index:2;
    overflow: hidden;
}
.lst_collection_raceair .inner_section > *{ flex-grow:1; }
.lst_collection_raceair .logo_cen{
  position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lst_collection_raceair .logo_cen img{ max-width:500px; }

.lst_collection_raceair .head{ color:#fff; text-align:center;}
.lst_collection_raceair .head .h_1{
    font-size: 30px;
    line-height: 1.1;
    font-weight: var(--fw-sb);
}
.lst_collection_raceair .head .h_2{
    font-size: 80px;
    line-height: 1.1;
    margin-top: 4px;
    font-weight: var(--fw-b);
}
.lst_collection_raceair .head .t_1{
    font-size: var(--fz-n);
    margin-top: 7px;
    line-height: 1.4;
}
.lst_collection_raceair .head .t_2{
    font-size: var(--fz-l);
    margin-top: 30px;
    line-height: 1.4;
}

@media screen and (max-width: 840px){
  .lst_collection_raceair .logo_cen img{ max-width:50vw; }
  .lst_collection_raceair .view-m .bg-pos{ background-size:80vw; opacity:0.4 ;}
  .lst_collection_raceair .head .h_1{ font-size: 5vw;}
  .lst_collection_raceair .head .h_2{ font-size: 10vw; margin-top: 2vw;}
  .lst_collection_raceair .head .t_1{ margin-top: 1vw; line-height: 1.4;}
  .lst_collection_raceair .head .t_2{ margin-top: 6vw;}

  .wrap-lineup-video-top.raceair_mov2 .wrap-lineup-mov1 .before,
  .wrap-lineup-video-top.raceair_mov2 .wrap-lineup-mov1 .after{ max-width: 100%; }

  .wrap-lineup-video-top.raceair_mov2 .wrap-lineup-mov1 .after{ 
    position: relative; right: 0; top: 0;z-index: 0; opacity:1; 
    margin-top: 6vw;
     -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);

  }

}

.lst_collection_raceair .lst_logo{}
.lst_collection_raceair .lst_logo .item{}
.lst_collection_raceair .lst_logo .item li{}

.lst_collection_raceair .lst_logo{
    position: relative;
    left: 0;
    top:0;
    z-index: 0;
    width: 100%;
    /* overflow: hidden; */
    height: 50px;
    margin-top: 60px;
}

.lst_collection_raceair .lst_logo .item{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
  text-align:center;
  display: flex;
}
.lst_collection_raceair .lst_logo .item .lst{ display:flex; }
.lst_collection_raceair .lst_logo .item li{
  margin-left: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  width: 140px;
  display: flex;
}
.lst_collection_raceair .lst_logo .item li img{
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 840px){
  .lst_collection_raceair .lst_logo{ height: 10vw; margin-top: 10vw; }
  .lst_collection_raceair .lst_logo .item .lst{ display:flex; }
  .lst_collection_raceair .lst_logo .item li{ margin-left: 5vw; width: 20vw; }
  
}



.lst-tag-type1{font-size: var(--fz-ss);font-weight: var(--fw-b);overflow: hidden;}
.lst-tag-type1 > dl{display: flex;align-items: center;margin-left: -16px;margin-top: -5px; flex-wrap: wrap;}
.lst-tag-type1 > dl > dd{margin-left: 8px;margin-top: 5px;position: relative;padding-left: 8px;}
.lst-tag-type1 > dl > dd:after{position:absolute;left: 0;top: calc(50% - 5px);height: 10px;background-color: #a5a5a5;content:"";width: 1px;}




.lst_protection_raceair{ position: relative; height: 100vh; overflow: hidden; }
.lst_protection_raceair > .bg{ 
  z-index: 0; 
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  transition: all 10000ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.lst_protection_raceair > .step1{position: absolute;left: calc(50% - 500px);top: 30%;z-index: 2;width: 1000px;height: 620px;z-index: 3;}
.lst_protection_raceair > .step2{position: absolute;left: calc(50% - 500px);top: 26%;z-index: 2;width: 1000px;height: 620px; z-index: 2;}
.lst_protection_raceair  .helmet{ background-size: contain; }
.lst_protection_raceair .area .info{  position: absolute; left: 0; top: 0;}
.lst_protection_raceair .info .line .bg-pos{ background-size: contain;}
.lst_protection_raceair .info .line{width: 100%;height: 100%;overflow: hidden;position: relative;}
.lst_protection_raceair .info .txt{position: absolute;left: 89%;top: -9.4%;padding: 0 0 0 15px;line-height: 1.4;z-index: 1;color: #fff;font-weight: var(--fw-r);/* text-transform: uppercase; */font-size: 21px; width: 230px; font-weight: 500; }


.lst_protection_raceair .dot{
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    left: -0.9%;
    bottom: -6%;
    background: url(../images/collection/raceair/dot1.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /*    background: rgb(98,156,71);
    background: -moz-radial-gradient(circle, rgba(98,156,71,1) 0%, rgba(98,156,71,0) 100%);
    background: -webkit-radial-gradient(circle, rgba(98,156,71,1) 0%, rgba(98,156,71,0) 100%);
    background: radial-gradient(circle, rgba(98,156,71,1) 0%, rgba(98,156,71,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#629c47",endColorstr="#629c47",GradientType=1);*/
}
.lst_protection_raceair .dot:after{width: 10px;height: 10px;border-radius:50%;background:#fff;content:"";position:absolute;left: calc(50% - 5px); top: calc(50% - 5px);}
.lst_protection_raceair .waves{}
.lst_protection_raceair .waves:before, .lst_protection_raceair .waves:after {
  content: "";
  position: absolute;
  background-color: rgb(255 255 255 / 60%);
  margin-left: 0;
  margin-top: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-animation: wave2 3s infinite linear;
  animation: wave2 3s infinite linear;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
}
.lst_protection_raceair .waves:after {
  opacity: 0;
  -webkit-animation: wave2 3s 1.5s infinite linear;
          animation: wave2 3s 1.5s infinite linear;
}

.lst_protection_raceair .step1 > .helmet{}
.lst_protection_raceair .step1 .area{}

.lst_protection_raceair .step1 .info.n1{
    left: 22%;
    bottom: 63%;
    width: 11%;
    height: 59%;
    top: auto;
}
.lst_protection_raceair .step1 .info.n2{
   left: 50%;
   bottom: 99%;
   width: 14%;
   height: 20%;
   top: auto;
}
.lst_protection_raceair .step1 .info.n2 .txt{width:150px;top: -22%;left: 83%;}
.lst_protection_raceair .step1 .info.n2 .line{}
.lst_protection_raceair .step1 .info.n2 .dot{bottom: -15%;left: 5.8%;}

.lst_protection_raceair .step1 .info.n3{
   left: 66%;
   bottom: 79%;
   width: 14%;
   height: 25%;
   top: auto;
}
.lst_protection_raceair .step1 .info.n3 .txt{width: 260px;top: -22%;left: 83%;}
.lst_protection_raceair .step1 .info.n3 .line{}
.lst_protection_raceair .step1 .info.n3 .dot{bottom: -15%;left: 5.8%;}


.lst_protection_raceair .step2 > .helmet{}
.lst_protection_raceair .step2 .area{}
.lst_protection_raceair .step2 .info.n1{
    left: 32%;
    bottom: 81%;
    width: 11%;
    height: 34%;
    top: auto;
}
.lst_protection_raceair .step2 .info.n1 .dot{left: -17%;}
.lst_protection_raceair .step2 .info.n1 .txt{left: 108%; width: 260px;}
.lst_protection_raceair .step2 .info.n2{
   left: 44%;
   bottom: 63%;
   width: 11%;
   height: 36%;
   top: auto;
}
.lst_protection_raceair .step2 .info.n2 .txt{width: 220px;top: -12%;left: 104%;}
.lst_protection_raceair .step2 .info.n2 .line{}
.lst_protection_raceair .step2 .info.n2 .dot{bottom: -11%;left: -13.7%;}

.lst_protection_raceair .step2 .info.n3{
   left: 20%;
   bottom: 46%;
   width: 11%;
   height: 24%;
   top: auto;
}
.lst_protection_raceair .step2 .info.n3 .txt{width: 240px;top: -22%;left: -236%;text-align: right;  padding-right: 15px;padding-left: 0;}
.lst_protection_raceair .step2 .info.n3 .line{}
.lst_protection_raceair .step2 .info.n3 .dot{bottom: -15%;left: 79.8%;}
.lst_protection_raceair .step2 .info.n4{
   left: 20.3%;
   bottom: 13.8%;
   width: 11%;
   height: 24%;
   top: auto;
}
.lst_protection_raceair .step2 .info.n4 .txt{width: 230px;top: -22%;left: -231%;text-align: right;  padding-right: 15px;padding-left: 0;}
.lst_protection_raceair .step2 .info.n4 .line{}
.lst_protection_raceair .step2 .info.n4 .dot{bottom: -15%;left: 79.8%;}

.lst_protection_raceair.active1 > .bg{
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}




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

  .lst_protection_raceair > .step1{left: 7vw;top: 22%; width: 86vw;height: 139vw; z-index: 3;}
  .lst_protection_raceair > .step2{left: 7vw;top: 22%; width: 86vw;height: 139vw; z-index: 2;}
  .lst_protection_raceair .info .txt{position: absolute;left: 89%;top: -14.4%;padding: 0 0 0 2vw;font-size: 3vw;width: 26vw;}


  .lst_protection_raceair .dot{
      width: 5vw;
      height: 5vw;
      left: -2.9%;
      bottom: -6%;
  }
  .lst_protection_raceair .dot:after{width: 10px;height: 10px; left: calc(50% - 5px); top: calc(50% - 5px);}
  .lst_protection_raceair .waves:before, .lst_protection_raceair .waves:after {
    background-color: rgb(255 255 255 / 60%);
    width: 8vw;
    height: 8vw;
    left: calc(50% - 4vw);
    top: calc(50% - 3.8vw);
  }
  .lst_protection_raceair .step1 .info.n1{
      left: 2.2%;
      bottom: 56.2%;
      width: 15.7%;
      height: 32%;
      top: auto;
  }
  .lst_protection_raceair .step1 .info.n2{
     left: 50%;
     bottom: 82%;
     width: 21%;
     height: 12%;
     top: auto;
  }
  .lst_protection_raceair .step1 .info.n2 .txt{width: 24vw;top: -39%;left: 84%;}
  .lst_protection_raceair .step1 .info.n2 .line{}
  .lst_protection_raceair .step1 .info.n2 .dot{bottom: -15%;left: 5%;}

  .lst_protection_raceair .step1 .info.n3{
     left: 62%;
     bottom: 45%;
     width: 20%;
     height: 25%;
     top: auto;
  }
.lst_protection_raceair .step1 .info.n3 .txt{width: 26vw;top: 76%;left: -189%;text-align: right;padding-right: 3vw;}
  .lst_protection_raceair .step1 .info.n3 .line{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
  .lst_protection_raceair .step1 .info.n3 .dot{bottom: 87%;left: 84.8%;}


  .lst_protection_raceair .step2 > .helmet{}
  .lst_protection_raceair .step2 .area{}
  .lst_protection_raceair .step2 .info.n1{
      left: 13%;
      bottom: 74%;
      width: 18%;
      height: 22%;
      top: auto;
  }
  .lst_protection_raceair .step2 .info.n1 .dot{left: -14%;}
  .lst_protection_raceair .step2 .info.n1 .txt{left: 98%;width: 40vw;}
  .lst_protection_raceair .step2 .info.n2{
     left: 40%;
     bottom: 60%;
     width: 14%;
     height: 16%;
     top: auto;
  }
  .lst_protection_raceair .step2 .info.n2 .txt{width: 30vw;top: -23%;left: 94%;}
  .lst_protection_raceair .step2 .info.n2 .line{}
  .lst_protection_raceair .step2 .info.n2 .dot{bottom: -11%;left: -12.7%;}

  .lst_protection_raceair .step2 .info.n3{
     left: 7%;
     bottom: 38%;
     width: 11%;
     height: 11%;
     top: auto;
  }
  .lst_protection_raceair .step2 .info.n3 .txt{width: 34vw;top: -29%;left: 96%;text-align: left;padding-left: 2vw;}
  .lst_protection_raceair .step2 .info.n3 .line{}
  .lst_protection_raceair .step2 .info.n3 .dot{bottom: -15%;left: -21.2%;}
  .lst_protection_raceair .step2 .info.n4{
     left: 12.3%;
     bottom: 22.8%;
     width: 11%;
     height: 13%;
     top: auto;
  }
  .lst_protection_raceair .step2 .info.n4 .txt{width: 40vw;top: -31.8%;left: 112%;text-align: left;padding-right: 0;padding-left: 3vw;}
  .lst_protection_raceair .step2 .info.n4 .line{}
  .lst_protection_raceair .step2 .info.n4 .dot{bottom: -15%;left: -21.8%;}

  .lst_protection_raceair.active1 > .bg{
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }


}


.wrap-cookies-popup{position: fixed;right: 40px;bottom: 40px;z-index: 10;width: 370px;z-index: 20;}
.inner-cookies-popup{background-color: #000;color: #fff;border-radius: 10px;padding: 20px;font-size: 12px;line-height: 1.5;}
.wrap-cookies-popup .head{
    position: relative;
    margin-bottom: 16px;
}
.wrap-cookies-popup .head .h{
    font-size: 16px;
    font-weight: 500;
}
.wrap-cookies-popup .head .close{
    position: absolute;
    right: 5px;
    color: #fff;
    top: 0;
    font-size: 18px;
}

.wrap-cookies-popup .cont{}
.wrap-cookies-popup .cont p{}
.wrap-cookies-popup .cont p a{
    color: #68aeff;
}
@media (hover: hover) {
  .wrap-cookies-popup .cont p a:hover{
      color: #8abffc;
  }
}
.wrap-cookies-popup .cont p .l{  display: inline-block;
    position: relative;
    top: -2px;
    margin: 0 4px;
    width: 1px;
    height: 12px;
    background-color: rgba(255,255,255,0.2);
    font-size: 0;
    overflow: hidden;
    vertical-align: middle }
.wrap-cookies-popup .cont .bot{margin-top: 20px;text-align: right;}
.wrap-cookies-popup .cont .btns{display: inline-flex;align-items: center;justify-content: center;color: #000;background-color: #ffbc23;padding: 10px 21px;border-radius: 10px;text-shadow: 2px 1px 4px rgb(72 72 72 / 16%);}

@media (hover: hover) {
  .wrap-cookies-popup .cont .btns:hover{ background-color: #ffbc23; opacity: 0.8; }
}


.popup_important_notice{position: fixed;left: calc(50% - 300px); bottom: 40px; width: 600px; z-index: 2147483659; display: none;}
.inner_important_notice{background-color: #000;color: #fff;border-radius: 10px;padding: 20px;font-size: 12px;line-height: 1.5;}
.popup_important_notice .head{
    position: relative;
    margin-bottom: 16px;
}
.popup_important_notice .head .h{
    font-size: 16px;
    font-weight: 500;
}
.popup_important_notice .head .close{
    position: absolute;
    right: 5px;
    color: #fff;
    top: -3px;
    font-size: 18px;
}

.popup_important_notice .cont{}
.popup_important_notice .cont p{}

@media screen and (max-width: 840px){
  .popup_important_notice{ left: calc(50% - 45vw); bottom: 5vw; width: 90vw; }
  .inner_important_notice{ padding: 4vw; font-size: 3vw; }
  .popup_important_notice .head{
      position: relative;
      margin-bottom: 4vw;
  }
  .popup_important_notice .head .h{
      font-size: 4vw;
  }
  .popup_important_notice .head .close{
      right: 1vw;
      color: #fff;
      top: -0.2vw;
      font-size: 4.2vw;
  }
}




.lifestyle-video-top.features{ height: 500px; min-height: auto; }
.lifestyle-video-top.features > .bg-video:after{ background-color: rgba(0, 0, 0, 0.3); }


.head-common{ position: relative; z-index: 1; }
@media screen and (max-width: 840px){
  .head-common .h_1{ line-height:1.1; }
  .head-common .t_1{ line-height:1.3; max-width:80vw; margin-left:auto; margin-right:auto; }
}



.sec_features_01{ padding-top: 150px; padding-bottom: 150px; background-color: #000; color: #fff; }

.item_features_1{
    display: flex;
    position: relative;
}
.item_features_1 .logo{
    min-width: 200px;
    position: relative;
    z-index: 0;
    width: 200px;
    padding-top: 8px;
    text-align: right;
}
.item_features_1 .logo img{ width: 100%; height: auto; }
.item_features_1 .cont,
.item_features_2 .cont{
    margin-left: 40px;
    position: relative;
    z-index: 1;
    width: calc(60% - 260px);
}
.item_features_1 .cont p,.item_features_2 .cont p{ line-height: 1.6; }
.item_features_1 .cont .h_1,
.item_features_2 .cont .h_1{
    font-size: var(--fz-l);
    font-weight: var(--fw-b);
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1.1;
}
.item_features_2.mt_1,
.item_features_1 .cont .mt_1{
    margin-top: 60px;
}
.item_features_1 .mov:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; z-index: 2; content:""; }

.item_features_1 .mov{position: absolute;right: 0;top: -100px;width: 62%;height: 540px;z-index: 0;}


.item_features_1.vortex .mov{position: absolute;right: 0;top: -100px;width: 39%;height: 360px;z-index: 0;}


.sec_features_01.bg2{  background-color: #EFF4F8; color: #000; }
.item_features_1.rev{}
.item_features_1.rev .logo{ padding-left: 46%; }
.item_features_1.rev .mov{position: absolute;left: 0;top: 0;width: 42%;height: 0;z-index: 0;padding-bottom: 23.1%;}

.item_features_1.rev .cont{  }


.item_features_2{  }
.item_features_2 .cont{ margin-left: 0; width: auto; }
.item_features_2 .h_1{}
.item_features_2 .t_1{}
.item_features_2 .logo_bot{ margin-top:20px; text-align:right; }
.item_features_2 .logo_bot img{ width:130px; }
.sec_features_01{position: relative;}
.bg-pos.features_shell{background-size: 45%;background-position: 100% 100%;opacity: 0.6;}

.wrap_banner_feature{ width: 100%; height: 500px; position: relative; }
.wrap_banner_feature.h2{ height: 600px; }



@media screen and (max-width: 840px){
  .sec_features_01{ padding-top: 12vw; padding-bottom: 12vw;}
  .item_features_1{
      display: flex;
      flex-direction: column-reverse;
  }
  .item_features_1 .logo{
      min-width: auto;
      position: relative;
      z-index: 0;
      width: auto;
      padding-top: 1vw;
      text-align: right;
      height: auto;
  }
  .item_features_1 .logo img{width: 40vw;height: auto;margin-top: 4vw;}
  .item_features_1 .cont,
  .item_features_2 .cont{
      margin-left: 0;
      width: auto;
  }
  .item_features_1 .cont p,.item_features_2 .cont p{ line-height: 1.6; }
  .item_features_1 .cont .h_1,
  .item_features_2 .cont .h_1{
      margin-bottom: 3vw;
  }
  .item_features_2.mt_1,
  .item_features_1 .cont .mt_1{
      margin-top: 60px;
  }
  .item_features_1 .mov:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; z-index: 2; content:""; }
  
  .item_features_1 .mov{position: relative;right: 0;top: 0;width: 100%;height: 60vw;z-index: 0; margin-bottom: 5vw;}
  
  
  .item_features_1.vortex .mov{position: relative;right: 0;top: 0;width: 100%;height: 80vw;z-index: 0; margin-bottom: 5vw;}
  
  
  .sec_features_01.bg2{  background-color: #EFF4F8; color: #000; }
  .item_features_1.rev{}
  .item_features_1.rev .logo{ padding-left: 46%; }
  .item_features_1.rev .mov{position: relative;left: 0;top: 0;width: 100%;height: 0;z-index: 0;padding-bottom: 60vw;}
  
  .item_features_1.rev .cont{  }
  
  
  .item_features_2{  }
  .item_features_2 .cont{ margin-left: 0; width: auto; }
  .item_features_2 .h_1{}
  .item_features_2 .t_1{}
  .item_features_2 .logo_bot{margin-top: 5vw;}
  .item_features_2 .logo_bot img{width: 28vw;}
  .sec_features_01{position: relative; margin-top: -2px;}
  .bg-pos.features_shell{background-size: 45%;background-position: 100% 100%;opacity: 0.6;}
  
  .wrap_banner_feature{ width: 100%; height: 500px; position: relative; }
  .wrap_banner_feature.h2{height: 100vw;}
  
}


@-webkit-keyframes wave2 {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes wave2 {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}



/* 리콜 폼 */
.wpforms-submit.wpforms-form.buttontypesubmit{background-color: #000;color: #fff;padding: 15px 40px;font-size: var(--fz-nl);}
.wpforms-submit.wpforms-form.buttontypesubmit:hover{background-color: rgb(255, 207, 75);color: #000;}
.wpforms-field-row{display: flex;margin-bottom: 14px;}
.wpforms-field-row > *{ flex-grow:1; }
.wpforms-field{margin-bottom: 30px;}
.wpforms-field-label{font-size: var(--fz-nl);font-weight: var(--fw-m);display: inline-block;margin-bottom: 8px;}
.wpforms-one-half{min-width: 49%;}
.wpforms-first.wpforms-one-half{ margin-right:2%; }
.wpforms-field-row-block{}
.wpforms-field-sublabel{font-size:var(--fz-s);margin-top:5px;display:inline-block;color: #232323;}
.wpforms-field-medium,
.wpforms-field-address-address2,
.wpforms-field-required{width:100%;border:1px #acacac solid;padding: 10px;box-sizing: border-box;}
.wpforms-field-address-country{height: 52px;}

.select_helmet_details{}
.select_helmet_details li{
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1.3;
}
.select_helmet_details input{
    margin-right: 10px;
}
.select_helmet_details label{}

.wpforms-image-choices{
    display: flex;
    flex-wrap: wrap;
}
.wpforms-image-choices input{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: 0;
}
.wpforms-image-choices label{
    text-align: center;
    display: block;
    padding: 20px;
    box-sizing: border-box;
}
.wpforms-image-choices-label{
    display: block;
    text-align: center;
}
.wpforms-image-choices .wpforms-image-choices-item{
    flex-grow: 1;
    min-width: 31.222%;
    margin: 2% 1%;
    position: relative;
    max-width: 31.222%;
}
.wpforms-image-choices-image{
    display: inline-block;
    margin-bottom: 30px;
}
.wpforms-image-choices-image img{}
ul.wpforms-image-choices-modern li:has(input:checked) label{
   font-family: 'icomoon' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;

  /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   box-shadow: 4px 3px 20px 5px rgb(0 0 0 / 11%);
   -webkit-box-shadow: 4px 3px 20px 5px rgb(0 0 0 / 11%);
   -moz-box-shadow: 4px 3px 20px 5px rgb(0 0 0 / 11%);
}
ul.wpforms-image-choices-modern li:has(input:checked) label:after{
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  content: "\e116";
  background: #ffcf4b;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}


@media screen and (max-width: 840px){
  .wpforms-one-half{min-width: 100%;margin-bottom: 12px;}
  .wpforms-field-row{display: flex;margin-bottom: 14px;flex-wrap: wrap;}
  .wpforms-first.wpforms-one-half{ margin-right:0; }
  .wpforms-image-choices .wpforms-image-choices-item{
      flex-grow: 1;
      min-width: 48%;
      margin: 2% 1%;
      position: relative;
      max-width: 48%;
  }
  .wpforms-image-choices-image{
      display: inline-block;
      margin-bottom: 30px;
  }
}