@media all and (max-width:1700px) {
  .sc-notion .tit-area{
    padding: 180px 20px 60px !important;
  }

  .notion-slide{
    position: absolute; 
    left: 18.5%; 
    transform: translateX(-50%);
  }
  .sc-notion .tit-area {
    padding-top: 180px !important;
  }

}
@media all and (max-width:1600px) {
  .notion-slide{
    position: absolute; 
  }
  .control-box {
    left: 20px;
}
}
@media all and (max-width:1500px) {


}
@media all and (max-width:1400px) {
  .sc-prd .col-left{
    padding-inline: 20px 40px !important; 
  }
  .sc-prd .thumb-bg {
    display: none;
  }

  .sc-notion{
    height: auto !important;
  }
  .notion-slide {
  position: static !important;
  transform: translateX(0%) !important;
  }

  .notion-slide .swiper-slide-active .datetime {
    color: #888 !important;
  }
  .notion-slide .swiper-slide-active h3 {
    color: #222 !important;
  }
  .notion-slide .swiper-slide-active a{
    background: #FFF !important;
  }
  .notion-slide .swiper-slide-active a::before{
    border-width: 6px;
  
  }

}
@media all and (max-width:1300px) {


}
@media all and (max-width:1200px) {
  .sc-main .scroll-down {
    display: none !important;
  }
  .sc-main .swiper-slide .thumb img {
    object-position: 60% center;
  }

}

@media all and (max-width:1200px){
  .sc-prd .tit-area{
    margin-top: 80px;
  }
  .prd-tab{
    padding-inline: 20px!important; 
  }
  .sc-prd {
    height: auto !important;
    flex-direction: column;
    gap: 73px;
}

.sc-prd .swiper-slide-active a::before {
  border-width: 6px;
  box-shadow:none;
}
.sc-prd .col-left .tit-area{
  padding-inline: 20px!important; 
}
.sc-prd .col-left{
  padding-inline: 0px!important; 
}
.sc-prd .col-right .bg-thumb{
  max-width: none;
}
.sc-prd .col-right .bg-thumb img {
  margin-left: 0px;
  margin-top: 160px;
}
.sc-prd .swiper-wrapper{
  margin-bottom: 70px;
  padding-inline: 20px!important; 
}
.sc-prd .swiper-pagination {
  max-width: none;
left: 0 !important;
}





}
@media all and (max-width:1100px){
  .sec1 .desc {
    font-size: 48px;
}
}
@media all and (max-width:1024px) {
  .sc-main h2{
  font-size: 7.0vw;
  }
  .sc-main p {
    font-size: 2.2vw;
  }
  .sc-main .swiper-slide .thumb img {
    object-position: 70% center;
  }
  .sec1 .desc {
    font-size: 45px;
}
.sec1 .img1{
  width: 180px;
}
.sec1 .img1 span {
  width: 180px;
}

.sc-info h2 {
  font-size: 5.467vw;
}
.sc-info p {
  font-size: 2.4vw;
}
.main-banner-area .txt-wrap p{
font-size: 4.0vw;
}





}
@media all and (max-width:810px) {
  .sec1 .desc {
    font-size: 43px;
}
}
@media all and (max-width:768px) {
  .sc-main .swiper-slide .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.sc-main .swiper-slide {
  justify-content: flex-end;
  padding-bottom: 130px;
}
.control-box {
  bottom: 100px;
}

  .sc-main p {
    font-size: 20px;
  }
  .sec1 .desc {
    line-height: 8.5vh;
  }
  .sc-moto .sec1{
    padding-top: 100px;
  }


  .sc-info .thumb {
    width: 60%;
    height: 60%;

  }
  .sc-prd .prd-tab a {
    flex-direction: row;
    min-width: 164px;
  }
  .sc-main h2 {
    font-size: 35px;
}


  .main-banner-area .txt-wrap {
    flex-direction: column;
    gap: 60px;
  }
  .sc-prd .swiper-slide a p {
    font-size: 20px;
  }
  .sc-notion .tit-area h2,
  .sc-prd .tit-area h2 {
    font-size: 7.467vw;
  }
  .hori-thumb img {
    object-position: 30% center;
}

.main-banner-area .txt-wrap p {
  font-size: 32px;
}




}

@media all and (max-width:640px) {
  .sc-info h2 {
    font-size: 6.467vw;
  }
  .sc-info p {
    font-size: 3.667vw;
  }
}
@media all and (max-width:500px) {
  .sc-notion .swiper-slide,
  .sc-prd .swiper-slide {
    width: 100% ;
}
.sc-main p {
  font-size: 3.8vw;
}

.sc-notion .item {
  width: 100% ;
  max-width: none !important;
}
.sec1 .desc {
  font-size: 32px;
}
}

@media all and (max-width:460px) {
  .sc-notion .tit-area h2,
  .sc-prd .tit-area h2 {
    font-size: 32px;
  }
  .sc-main .swiper-slide {
    padding-bottom: 130px;
}
.control-box {
  bottom: 100px;
}
.sc-main h2 {
  font-size: 40px;
}



}
@media all and (max-width:425px) {
  .sc-main h2 {
    font-size: 35px;
  }
}
@media all and (max-width:375px) {}