/* 메인 h2 공통 */
.main>section h2{margin-bottom: 20px; }
.main>section h2>a{display: flex; align-items: center; font-size: 28px; font-weight: 700; color: #000;}

/* 메인 리스트 공통 - 리스트 페이지에서 동일하게 사용 */
.trip_list{display: flex; flex-wrap: wrap; column-gap: 1.2%; row-gap: 60px;}
.trip_list li{width: 32.5%; }
.trip_list li .img_wrap{border-radius: 20px; overflow: hidden; height: 320px;}
.trip_list li .img_wrap>a{display: block; width: 100%; height: 100%; object-position: 50% 50%;}
.trip_list li .img_wrap img{ object-position: 50% 50%; width: 100%;}
.trip_list li .txt_wrap{margin-top: 20px;}
.trip_list li .txt_wrap h3{font-size: 22px; font-weight: 700; line-height: 1.4em; margin-bottom: 5px;}
.trip_list li .txt_wrap .tags_wrap{word-break: keep-all; line-height: 1.4em;}
.trip_list li .txt_wrap .tags_wrap span{font-size: 13px; font-weight: 600; color: #999; word-break: auto-phrase;}
.trip_list li .txt_wrap .price_wrap{margin-top: 20px; display: flex; column-gap: 10px; align-items: flex-end;}
.trip_list li .txt_wrap .price_wrap p.product_price{font-size: 20px; font-weight: 700; color: #000; margin-bottom: 0; line-height: 1.4em;}
.trip_list li .txt_wrap .price_wrap p.sijung_price{font-size: 16px; font-weight: 500; color: #999; text-decoration: line-through; line-height: 1.4em;}

/* mian swiper 공통 */
.slide_wrap{width: 100%; position: relative;}
.slide_wrap .swiper_btn_wrap .next_prev_btn,
.arrow_wrap button{position: absolute; width: 48px; height: 48px; border-radius: 10px; background-color: #FFF;  z-index: 5; display: flex !important; justify-content: center; align-items: center;  border: 1px solid #DDD; box-shadow: 0 0 8px rgba(0,0,0,0.1); cursor: pointer; font-size: 20px; color: #000;}
.slide_wrap .swiper_btn_wrap .next_prev_btn svg{display: none;}
.slide_wrap .swiper_btn_wrap .swiper-button-prev{left: -24px;}
.slide_wrap .swiper_btn_wrap .swiper-button-next{right: -24px;}
s


#mainVisual{position: relative;}
#mainVisual .swiper-slide{width: 100%; height: auto; overflow: hidden;}
#mainVisual .swiper-slide .img_wrap{display: block; overflow: hidden;}
#mainVisual .swiper-slide .img_wrap img{border-radius: 30px; object-fit: cover; width: 100%; height: 100%;}
#mainVisual .swiper-slide .txt_wrap{position: absolute; left: 62px; bottom: 67px; color: #FFF;}
#mainVisual .swiper-slide .txt_wrap h2{font-size: 64px; font-weight: 300; font-family: 'Poppins'; margin-bottom: 20px; line-height: 1.2em;}
#mainVisual .swiper-slide .txt_wrap p{font-size: 24px; font-weight: 400; margin-bottom: 5px; line-height: 1.4em;}
#mainVisual .swiper-slide .txt_wrap p.tags{font-size: 18px; font-weight: 700;}
#mainVisual .slide_wrap .swiper_btn_wrap .next_prev_btn{top: 50%; transform: translateY(-50%);}

#mainVisual .progress_wrap{display: flex; align-items: center; justify-content: center; margin-top: 30px; column-gap: 20px;}
#mainVisual .progress_wrap .pause_play_wrap{position: relative; width: 20px; height: 20px;}
#mainVisual .progress_wrap .pause_play_wrap button{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #000; background: none; border: none;}
#mainVisual .progress_wrap .pause_play_wrap button.play_btn{display: none;}
#mainVisual .progress_wrap .swiper-scrollbar .scroll_bar{width: 440px; height: 2px; background-color: #D9D9D9;}
#mainVisual .progress_wrap .swiper-scrollbar .scroll_bar .color{background-color: #52C3F1; height: 100%;}
#mainVisual .progress_wrap .swiper-pagination{position: relative; background-color: #f0f0f0; border-radius: 13px; padding: 6px 0; width: 72px; text-align: center; color: #000; font-family: 'Poppins'; line-height: 1em;}


#mainSec01{margin-bottom: 100px; width: 100%; margin-top: 95px;}
#mainSec01 .more_btn_wrap{position: relative; margin-top: 57px; width: 100%;}
#mainSec01 .more_btn_wrap::before{content: ''; display: block; position: absolute; width: 100%; height: 1px; border: 1px dashed #CCC; top: 50%; transform: translateY(-50%);}
#mainSec01 .more_btn_wrap .more_btn{position: relative; margin: 0 auto; display: block; width: 140px; height: 36px; border-radius: 36px; border: 1px solid #CCC; background-color: #FFF; font-size: 14px; font-weight: 600; line-height: 36px; text-align: center; color: #444;}


#mainSec02{position: relative; margin-bottom: 140px; background:url(../_img/main/banner_bg.jpg) no-repeat center / cover; height: 340px; border-radius: 20px;}
#mainSec02::after{content:''; display: block; position: absolute; right: 80px; width: 600px; height: 357px; background: url(../_img/main/banner_img.png) no-repeat center / cover; bottom: -40px; z-index: 1;}
#mainSec02 .txt_wrap{position: absolute; top: 50%; transform: translateY(-50%); left: 62px; z-index: 2; width: 55%; box-sizing: border-box;}
#mainSec02 .txt_wrap h2{font-size: 40px; font-weight: 300; color: #FFF; line-height: 1.4em; word-break: keep-all;}
#mainSec02 .txt_wrap h2 span.yellow{color: #FDF624; font-weight: 700;}
#mainSec02 .txt_wrap p.info_txt{font-size: 16px; font-weight: 500; line-height: 1.6em; color: #FFF; word-break: keep-all;}
#mainSec02 .txt_wrap .btn_wrap{margin-top: 20px; display: flex; column-gap: 6px;}
#mainSec02 .txt_wrap .btn_wrap a{display: inline-block; height: 54px; line-height: 54px; border-radius: 27px; border: 1px solid #FFF; color: #FFF; padding: 0 30px; font-weight: 700;}
#mainSec02 .txt_wrap .btn_wrap a.btn2{color: #4bacac; background-color: #FFF;}


#mainSec03{position: relative; margin-bottom: 100px; width: 100%;}
#mainSec03 .swiper-slide{margin-right: 20px; width: 304px;}
#mainSec03 .swiper-slide .img_wrap{ height: 460px; width: 100%;}
#mainSec03 .swiper-slide .img_wrap img{width: 100%; height: 100%;}
#mainSec03 .txt_wrap{margin-top: 20px;}
#mainSec03 .txt_wrap h3{font-size: 20px; font-weight: 700; color: #000; line-height: 1.4em; margin-bottom: 5px;}
#mainSec03 .txt_wrap p.review{font-weight: 500; color: #000; font-size: 14px; line-height: 1.6em;}
#mainSec03 .txt_wrap p.product_name{font-size: 14px; font-weight: 500; color: #666; margin-top: 15px;}
#mainSec03 .swiper_btn_wrap .next_prev_btn{top: 220px;}






#mainSec04{position: relative; margin-bottom: 100px;}
#mainSec04 h2{display: flex; column-gap: 20px; align-items: center;}
#mainSec04 h2 span.info{font-size: 14px; font-weight: 500; color: #000;}
#mainSec04 .trip_list>li{width: 24%;}
#mainSec04 .trip_list>li:nth-child(4) ~ li{display: none;}
#mainSec04 .trip_list>li .img_wrap{height: 235px; border-radius: 0;}
#mainSec04 .trip_list>li .txt_wrap h3{font-size: 20px;}
#mainSec04 .trip_list>li .txt_wrap p.schedule{font-size: 14px; font-weight: 500; color: #000; word-break: keep-all;}
#mainSec04 .trip_list>li .txt_wrap p.schedule span.red{color: #EF5B7C;}
#mainSec04 .trip_list>li .txt_wrap p.schedule span.blue{color: #1C95C5;}





#mainSec05{position: relative; margin-bottom: 100px;}
#mainSec05 .trip_list>li{position: relative; width: 24%;}
#mainSec05 .trip_list>li>a{position: relative; display: block; width: 100%; object-fit: contain; object-position: 50% 50%;}
#mainSec05 .trip_list>li>a img{width: 100%;}
#mainSec05 .trip_list>li>a span.state{display: block; position: absolute; left: 20px; bottom: 20px; font-size: 13px; font-weight: 700; color: #FFF; background-color: #EF5B7C; height: 21px; line-height: 21px; border-radius: 10.5px; padding: 0 10px;}
#mainSec05 .trip_list>li .txt_wrap h3{font-size: 20px;}



#mainSec06{margin-bottom: 85px;}
#mainSec06 .trip_cate{display: flex; column-gap: 1.2%; margin-bottom: 0;}
#mainSec06 .trip_cate>li{width: 32.5%; height: 320px; }
#mainSec06 .trip_cate>li>a{display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 40px;}
#mainSec06 .trip_cate>li .txt_wrap{color: #FFF;}
#mainSec06 .trip_cate>li .txt_wrap h2{font-size: 32px; font-weight: 700; margin-bottom: 5px; line-height: 1.4em;}
#mainSec06 .trip_cate>li .txt_wrap p{font-size: 18px; font-weight: 600; line-height: 1.6em;}















@media screen and (max-width: 1660px){
  .trip_list li .img_wrap{height: 18.675vw;}
  #mainSec02::after{width: 36.145vw; height: 21.506vw;}
  #mainSec04 .trip_list>li .img_wrap{height: 13.855vw;}
}









@media screen and (max-width: 1024px){
  .trip_list{flex-wrap: wrap; column-gap: 0; justify-content: space-between;}
  .trip_list li .img_wrap{height: 27.375vw;}
  .trip_list li .img_wrap img{height: 100%;}

  .slide_wrap .swiper_btn_wrap .next_prev_btn,
  .arrow_wrap button{display: none;}
  #mainVisual .swiper-slide .txt_wrap{bottom: auto; top: 50%; transform: translateY(-50%);}
  #mainVisual .swiper-slide .txt_wrap h2{font-size: 54px;}
  #mainVisual .swiper-slide .txt_wrap h2 span.bold{display: block;}
  #mainVisual .swiper-slide .txt_wrap p{font-size: 20px;}
  #mainVisual .swiper-slide .txt_wrap p.tags{font-size: 14px;}

  #mainSec01 h2>a .pc{display: none;}
  #mainSec01 h2>a .mob{display: block;}
  #mainSec01 .swiper-slide{width: 250px; margin-right: 15px;} 
  #mainSec01 .more_btn_wrap{display: none;}

  #mainSec02 .txt_wrap h2.mob{display: block;}
  #mainSec02 .txt_wrap h2.pc{display: none;}
  #mainSec02 .txt_wrap p.info_txt{display: none;}
  #mainSec02::after{bottom: auto; top: 50%; transform: translateY(-50%); right: 40px;}

  #mainSec04 h2 span.info{display: none;}
  #mainSec04 .trip_list>li{width: 48.6%;}
  #mainSec04 .trip_list>li .img_wrap{height: 27.855vw;}

  #mainSec05 h2 span.pc{display: none;}
  #mainSec05 h2 span.mob{display: block;}
  #mainSec05 .trip_list>li{width: 48.6%;}

  #mainSec06 .trip_cate{justify-content: space-between; column-gap: 0;}
  #mainSec06 .trip_cate>li{width: 48.6%;}
  #mainSec06 .trip_cate>li:nth-child(3){display: none;}
  #mainSec06 .trip_cate>li .txt_wrap p{display: none;}



}







@media screen and (max-width: 768px){
  .trip_list{row-gap: 40px;}
  .trip_list li .img_wrap img{height: 100%;}
  
  #mainVisual .swiper-slide .img_wrap{height: 46.875vw;}
  #mainVisual .swiper-slide .img_wrap img{border-radius: 0; object-position: 50% 100%;}
  #mainVisual .swiper-slide .txt_wrap{left: 20px;}
  #mainVisual .swiper-slide .txt_wrap h2{font-size: 24px; margin-bottom: 10px;}
  #mainVisual .swiper-slide .txt_wrap p{font-size: 14px; margin: 0;}
  #mainVisual .swiper-slide .txt_wrap p.tags{display: none;}
  #mainVisual .progress_wrap{margin-top: 0; position: absolute; right: 20px; bottom: 20px;}
  #mainVisual .progress_wrap .pause_play_wrap,
  #mainVisual .progress_wrap .swiper-scrollbar .scroll_bar{display: none;}
  #mainVisual .progress_wrap .swiper-pagination{background:rgba(0,0,0,0.6); color: #FFF; width: 60px; height: 21px; line-height: 21px; border-radius: 16.5px; font-size: 11px; column-gap: 2px; display: flex; justify-content: center;}
  #mainVisual .progress_wrap .swiper-pagination{font-weight: 300;}

  #mainSec01,
  #mainSec03{padding-left: 20px; position: relative; box-sizing: border-box;}
  #mainSec04,
  #mainSec05,
  #mainSec06{padding: 0 20px; position: relative; box-sizing: border-box;}

  

  #mainSec01{margin-bottom: 60px; margin-top: 40px;}

  #mainSec02{margin-bottom: 60px; border-radius: 0; height: 37.838vw;}
  #mainSec02 .txt_wrap{left: 0; width: 100%; padding: 0 20px;}
  #mainSec02 .txt_wrap h2{font-size: 24px;}
  #mainSec02 .txt_wrap .btn_wrap a:first-child{display: none;}
  #mainSec02::after{width: 45.405vw; height: 27.027vw; right: 20px;}

  #mainSec03{margin-bottom: 60px;}
  

  #mainSec04{margin-bottom: 60px;}
  #mainSec05{margin-bottom: 60px;}

  #mainSec06{margin-bottom: 60px;}
  #mainSec06 .trip_cate>li>a{padding: 40px 20px;}




    

  

}










@media screen and (max-width: 500px){
  .main>section h2{margin-bottom: 15px;}
  .main>section h2>a{font-size: 16px;}

  .slide_wrap .swiper_btn_wrap .next_prev_btn,
  .arrow_wrap button{width: 38px; height: 38px;}

  .trip_list{row-gap: 20px;}
  .trip_list li {width: 150px;}
  .trip_list li .img_wrap{height: 150px; border-radius: 10px; overflow: hidden;}
  .trip_list li .img_wrap img{width: 100%; height: 100%;}
  .trip_list li .txt_wrap{margin-top: 10px;}
  .trip_list li .txt_wrap h3{font-size: 14px;}
  .trip_list li .txt_wrap .tags_wrap span{font-size: 11px;}
  .trip_list li .txt_wrap .tags_wrap span:nth-child(3) ~ span{display: none;}
  .trip_list li .txt_wrap .price_wrap{flex-direction: column; align-items: flex-start; justify-content: left; margin-top: 10px;}
  .trip_list li .txt_wrap .price_wrap p.sijung_price{order: 1; font-size: 12px;}
  .trip_list li .txt_wrap .price_wrap p.product_price{order: 2; font-size: 14px;}


  #mainVisual{margin-bottom: 20px;}
  #mainVisual .swiper-slide .img_wrap{height: 140px;}
  #mainVisual .progress_wrap{bottom: 5px; right: 10px;}
  #mainVisual .progress_wrap .swiper-pagination{height: 21px; padding: 0;}

  #mainSec01{margin-bottom: 40px;}
  #mainSec01 .swiper-slide{width: 150px; margin-right: 10px;} 


  #mainSec02{margin-bottom: 40px; height: 140px;}
  #mainSec02 .txt_wrap h2{font-size: 16px; margin-bottom: 10px;}
  #mainSec02 .txt_wrap .btn_wrap{margin-top: 10px;}
  #mainSec02 .txt_wrap .btn_wrap a{font-size: 12px; height: 30px; line-height: 30px; padding:  0 15px;}

  #mainSec03{margin-bottom: 40px;}
  #mainSec03 .swiper-slide{width: 150px; margin-right: 10px;}
  #mainSec03 .swiper-slide .img_wrap{height: 226px; border-radius: 10px; overflow: hidden;}
  

  #mainSec03 .txt_wrap h3{font-size: 14px;}
  #mainSec03 .txt_wrap p.review{font-size: 12px;}
  #mainSec03 .txt_wrap p.product_name{font-size: 12px; margin-top: 10px;}

  #mainSec04{margin-bottom: 40px;}
  #mainSec04 .trip_list>li .img_wrap{height: 44.000vw; border-radius: 10px; overflow: hidden;}
  #mainSec04 .trip_list>li .txt_wrap h3{font-size: 14px; }
  #mainSec04 .trip_list>li .txt_wrap p.schedule{font-size: 12px; line-height: 1.4em;}

  #mainSec05{margin-bottom: 40px;}
  #mainSec05 .trip_list>li>a{height: 44.000vw; border-radius: 10px; overflow: hidden;}
  #mainSec05 .trip_list>li>a img{height: 100%;}
  #mainSec05 .trip_list>li>a span.state{left: 10px; bottom: 10px;}
  #mainSec05 .trip_list>li .txt_wrap h3{font-size: 14px;}


  #mainSec06{margin-bottom: 40px;}
  #mainSec06 .trip_cate>li{border-radius: 10px; width: 48.6%; height: 220px; border-radius: 10px; overflow: hidden;}
  #mainSec06 .trip_cate>li>a{padding: 20px 15px;}
  #mainSec06 .trip_cate>li:nth-child(1)>a{background:url(../_img/main/cate_bg01_mob.jpg) no-repeat center / cover !important;}
  #mainSec06 .trip_cate>li:nth-child(2)>a{background:url(../_img/main/cate_bg02_mob.jpg) no-repeat center / cover !important;}

  #mainSec06 .trip_cate>li .txt_wrap h2{font-size: 18px;}








}