@charset "utf-8";

@media screen and (max-width:1500px){
  .copyright{right:auto;left:50px;}
}

@media screen and (max-width:1450px){
  .mainpage .car-bg .swiper-slide .sl-img img{height:250px;}
  .mainpage .car-bg .swiper-slide .sl-txt img{height:45px;}
  .mainpage .car-bg .swiper{margin-bottom:0;}

}

@media screen and (max-width:1300px){
  header .gnb>ul>li{font-size: 14px;}
  header .gnb>ul{gap:25px;}

}

@media screen and (max-width:1100px){
  .copyright{position:static;left:auto;right:auto;bottom:auto;width:100%;}
  footer .inner{gap:50px;flex-wrap: wrap;}
  footer .con-r{gap:30px;}
  #bt-menu ul li{font-size: 14px;}
  #bt-menu ul li a img{width:80px;}
}

@media screen and (max-width:1024px){
  .inner{padding:0 30px;}
  .mainpage .contents{padding:100px 0;}
  .mainpage .car-bg .swiper-slide .sl-img{padding:0 15px;}
  .mainpage .car-bg .swiper-slide .sl-img img{height:auto;width:100%;}
  .mainpage .car-bg .swiper-slide .sl-txt img{height:auto;width:80%;}

  .mainpage .detail-wrap .conbx .con-txt{font-size: 17px;}
  .mainpage .detail-wrap .conbx .con-txt .more-btn{height:35px;margin:20px auto 0;font-size: 14px;}
  .mainpage .detail-wrap>.inner{flex-wrap: wrap;}
  .mainpage .detail-wrap .conbx{width:calc((100% / 3) - 10px);}

  .mainpage .con-tit img{height:50px;}
  .mainpage .quicklk-wrap ul{gap:20px;}
  .mainpage .quicklk-wrap ul li{width:calc((100% / 2) - 10px);}
  .mainpage .quicklk-wrap ul li{font-size: 16px;}
  .mainpage .quicklk-wrap ul li .ico{height:40px;}

  .mainpage .ch-wrap .conbx{font-size: 15px;}
  .mainpage .models-wrap .con-tit{margin-bottom:100px;}
	
}

@media screen and (min-width:768px){
  .m-only{display:none !important;}

}

@media screen and (max-width:768px){
  .pc-only{display:none;}
  .m-only{display:block;}
  .m-only.con-flex,
  .m-only.con-flex-bet{display:flex;}
  .inner{padding:0 20px;}
  .mainpage .contents{padding:70px 0;}


  /*임시*/
  header{display:none;}
  section{margin-top:0;}
  .mainpage .visual{height:100dvh;}

  .mainpage .car-bg{width:100%;background:#f7f3f3 url(../img/etc/car_lst_bg.jpg) no-repeat bottom;background-size:cover;}
  .mainpage .car-bg .swiper-slide .sl-txt{margin-bottom:30px;}
  .mainpage .detail-wrap{padding:0;}
  .mainpage .detail-wrap>.inner{padding:0;}
  .mainpage .detail-wrap .conbx{width:100%;aspect-ratio:auto;height:200px;}

  .mainpage .con-tit img{height:30px;}
  .mainpage .quicklk-wrap ul li{height:120px;aspect-ratio: auto;font-size: 17px;}
  .mainpage .quicklk-wrap ul li .ico{height:30px;}
  /* .mainpage .quicklk-wrap ul{gap:10px;} */
  /* .mainpage .quicklk-wrap ul li{width:calc((100% / 2) - 5px);} */
  .mainpage .quicklk-wrap ul{gap:20px;}
  .mainpage .quicklk-wrap ul li{width:100%;}
  .mainpage .con-tit{margin-bottom:35px;}
  .mainpage .ch-wrap .con-wrap{flex-wrap: wrap;gap:30px 20px;}
  .mainpage .ch-wrap .conbx {width: 100%;}
  .mainpage .ch-wrap .conbx .con-img{aspect-ratio: 1/.5;}
  .mainpage .models-wrap .con-tit{margin-bottom:30px;}
  .mainpage .sl-btn{width:70%;margin:0 auto;margin-top:20px;}
  .mainpage .sl-btn a{height:35px;width:100%;font-size: 13px;border:1px solid #999}
  .mainpage .models-wrap .swiper{bottom:-20px;}
  .mainpage .car-bg .swiper-slide{width:70vw;}
  .mainpage .car-bg .swiper-slide .sl-txt img{width:55%}
  .mainpage .type-wrap.car-bg .swiper-slide .sl-txt img{width:90% !important;}
  .mainpage .ch-wrap .conbx .con-img::before{width:50px;}
  
  footer .con-r{flex-wrap: wrap;}
  footer .con-r{font-size: 13px;}
  footer .com-info-bx{width:100%;}
  footer .con-l .contact span{font-size: 13px;}
  footer .con-l .contact p{font-size: 25px;}
  footer{padding:40px 0 85px;}
  footer .com-info-bx ul{display:flex;flex-wrap: wrap;gap:0 10px;}
  footer .offline li{width:calc(50% - 5px);}
  

  .swiper-pagination-fraction{bottom:30px;font-size: 13px;}
  .mainpage .car-bg{padding-bottom:100px;}
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px;}

  .mainpage .visual .s1{background:url(../img/etc/visual_bg1_m.jpg) no-repeat bottom center / cover;}
  .mainpage .visual .s2{background:url(../img/etc/visual_bg2_m.jpg) no-repeat bottom center / cover;}
  /* .mainpage .visual .s3{background:url(../img/etc/visual_bg3_m.jpg) no-repeat bottom center / cover;} */

  footer h1 img{width:90px;}
  footer .con-l{display:flex;width:100%;justify-content: space-between;align-items: center;}
  footer .con-l .contact p{font-size: 20px;margin-top:0;}
  footer .con-l .contact{margin-top:0;}
  footer .inner{gap:25px;}
  footer .offline{padding-top:20px;border-top:1px solid #252526;}
	footer .con-r{gap:20px;}
  .top-btn{right:17px;bottom:110px;width:40px;height:40px;}

  #bt-menu{height:44px;}
  #bt-menu ul li{font-size:11px;}
  #bt-menu ul li a img{width:50%;}
  #bt-menu ul li:first-child{border-right:1px solid #6d6e71;}

}
@media screen and (max-width:500px){
  
	
  /* .mainpage .con-tit img{height:20px;} */
  .mainpage .ch-wrap .conbx .con-img{aspect-ratio: 1/.4;}

  /* .mainpage .detail-wrap .conbx.detail-bx1 .con-img{background:url(../img/etc/feature_lst_bg1.jpg) no-repeat center center / cover;} */
.mainpage .detail-wrap .conbx.detail-bx2 .con-img{background:url(../img/etc/feature_lst_bg2_m.jpg) no-repeat center center / cover;}
.mainpage .detail-wrap .conbx.detail-bx3 .con-img{background:url(../img/etc/feature_lst_bg3_m.jpg) no-repeat center center / cover;}
footer .con-r{font-size: 10px;}
footer .con-l .contact span{font-size: 11px;}
footer .con-l .contact p{font-size: 18px;}
footer h1 img{width:80px;}
.copyright{font-size: 12px;}
footer .con-r h4{font-size: 11px;}
footer .com-info-bx ul{gap:0 8px;}

}