@charset "utf-8";

/* main */
.main-com .main-contents{position:relative;}
.main-com .pd-lg{padding:var(--gap-lg) 0;}
.main-con-tit {margin-bottom: var(--gap-tit);}
.main-con-tit h3{font-family: var(--eng), var(--kor);font-size: var(--font45);font-weight:500;color:var(--bk);text-transform: uppercase; letter-spacing: -.03em; font-weight: 500}

#main .sec01 {background: #f5f5f5}
#main .sec03 {background: #f5f5f5}

.main-contents .car-bg .swiper-slide .sl-img{width:100%;height:100%;display:flex;align-items: bottom;justify-content: center;}
.main-contents .car-bg .swiper-slide .sl-txt{margin:0 auto 50px;text-align: center;}
.main-contents .car-bg .swiper-slide .sl-img img{height:330px;}
.main-contents .car-bg .swiper-slide .sl-txt img{height:50px;}
.main-contents .type-wrap.car-bg .swiper-slide .sl-txt img{width:100% !important;height:auto !important;}
.main-contents .car-bg .swiper{margin-bottom:50px;}
.ani-sl .sl-txt{opacity: 0;transform: translateY(30px);transition: all 0.6s ease;font-size:var(--font32);font-weight:600;}
.ani-sl .sl-txt h4{font-size:inherit;font-weight:inherit;}
.ani-sl .sl-btn{margin-top:var(--gap-md);justify-content: center;opacity: 0;transition: all 0.6s ease;gap:15px;}
.ani-sl .sl-btn a{font-size:13px;height:36px;border-radius: 0}
.ani-sl .swiper-slide-active .sl-txt{opacity: 1;transform: translateY(0);}
.ani-sl .swiper-slide-active .sl-btn {opacity: 1;;}

.ani-sl .sl-btn a.quote-btn{background:var(--bk);color:#fff; border-color: var(--bk)}
.ani-sl .sl-btn a.more-btn{background:#fff;color:var(--bk);border:1px solid var(--bk);}
.main-contents .car-bg .swiper-horizontal>.swiper-pagination-bullets, 
.main-contents .car-bg .swiper-pagination-bullets.swiper-pagination-horizontal, 
.main-contents .car-bg .swiper-pagination-custom, 
.main-contents .car-bg .swiper-pagination-fraction{text-align: center;margin-top:50px;}

.main-visual{position:relative;width:100%;height:100dvh;}
.main-visual .visual-txt{position:absolute;bottom:100px;left:0;width:100%;color:#fff;}
.main-visual .sl-btn{margin-top:30px;gap:15px;}
.main-visual .sl-btn .btn{height:36px;font-size:13px;border-radius: 0;}
.main-visual .more-btn{background:#fff;color:var(--bk);border:1px solid var(--bk);}
.main-visual .quote-btn{background:var(--bk);color:#fff;border:none;}
.main-visual h2{font-size:50px;font-weight:600;line-height:1.2;}
.main-visual .visual-swip-page{position:absolute;bottom:30px;left:0;width:100%;text-align: center;z-index:5;}
.main-visual .swiper-pagination-bullet{width:12px;height:12px;background:transparent;opacity:1;border:1px solid #fff;margin:0 10px !important;}
.main-visual .swiper-pagination-bullet-active{background:#fff;}

/*cover*/
.ex_list {display: flex; flex-direction: column; gap:40px}
.ex_list .list {position: relative; display: flex; align-items: center; width: 100%; aspect-ratio: 1300 / 384;}
.ex_list .list.ex1 {background:url('../img/main/bg_ex01.jpg') no-repeat center center / cover;}
.ex_list .list.ex2 {background:url('../img/main/bg_ex02.jpg') no-repeat center center / cover;}
.ex_list .list.ex3 {background:url('../img/main/bg_ex03.jpg') no-repeat center center / cover;}
.ex_list .list .txt {color: #fff; margin-left: 75px}
.ex_list .list .txt dt {font-size: var(--font25); margin-bottom: 5px; font-weight: 600}
.ex_list .list .txt .btn_wrap {margin-top: 20px}
.ex_list .list .txt .btn_wrap .btn {height: 30px; font-size: var(--font12); border-radius: 0; border-color: #fff}




@media screen and (max-width:768px){
  .ex_list .list {aspect-ratio: 16 / 7;}
  .ex_list .list .txt {margin-left: 40px}
  #main .sec03 {background: #fff; padding: 0}
  #main .sec03 .recom-lst-wrap.sct_10 .sct_ct_wrap {padding: 30px 0 30px}
  #main .sec04.pd-lg {padding-top: 0}
  
}
@media screen and (max-width:500px){
  .ex_list .list { aspect-ratio: 16 / 9;}
  .ex_list .list .txt {margin-left: 20px}
  .ex_list .list .txt dd {font-size: 12px}
  .ex_list {gap:16px}  
}

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

}



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

  .main-contents .car-bg .swiper-slide .sl-img{padding:0 15px;}
  .main-contents .car-bg .swiper-slide .sl-img img{height:auto;width:100%;}
  .main-contents .car-bg .swiper-slide .sl-txt img{height:auto;width:80%;}



  .main-contents .con-tit img{height:50px;}

  .main-contents .models-wrap .con-tit{margin-bottom:100px;}
	
}




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

  .main-contents .car-bg{width:100%;}
  .main-contents .car-bg .swiper-slide .sl-txt{margin-bottom:30px;}


  .main-contents .con-tit img{height:30px;}
  .main-contents .con-tit{margin-bottom:35px;}

  .main-contents .models-wrap .con-tit{margin-bottom:30px;}
  .main-contents .sl-btn{width:70%;margin:0 auto;margin-top:20px;}
  .main-contents .sl-btn a{height:35px;width:100%;font-size: 13px;border:1px solid #999}
  .main-contents .models-wrap .swiper{bottom:-20px;}
  .main-contents .car-bg .swiper-slide{width:70vw;}
  .main-contents .car-bg .swiper-slide .sl-txt img{width:55%}
  .main-contents .type-wrap.car-bg .swiper-slide .sl-txt img{width:90% !important;}
  

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

  .main-visual .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px !important;}
  .main-visual .sl-btn{margin-top:20px;}
  .main-visual .sl-btn{gap:8px;}
  
  .main-visual h2 {font-size: 30px}
}

@media screen and (max-width:500px){
  .main-contents .sl-btn{width:calc(80%); gap:10px}
  .main-contents .car-bg .swiper {margin-top:50px}
}