@charset "UTF-8";

/*******************************************
 * main popup
 *******************************************/ 
 
/* 공통 */ 
#main section .sec-tit .tit{ color:#111; }
#main section .sec-tit .tit .line{ overflow:hidden; }
#main section .sec-tit .tit .line span{ display: block; line-height: 110%; }
#main section .sec-tit .txt{ margin-top:32rem; color:#111; }
#main section .sec-tit.white *{ color:#fff; }
@media screen and (max-width: 1024px) {  
  #main section .sec-tit .txt{ margin-top:24rem; }
}

/* 퀵 메뉴 */
#main .quick-menu{ position:fixed; right:-88rem; bottom:50%; width:88rem; transform: translateY(50%); z-index:1001; opacity: 0; transition: bottom 1s ease, transform 1s ease; }
#main .quick-menu.btm{ bottom:0; transform: translateY(0);}
#main .quick-menu > ul > li{ position:relative; }
#main .quick-menu > ul > li:not(:first-child){ border-top:1px solid rgba(255,255,255,0.12)}
#main .quick-menu > ul > li .btn-quick{ display: flex; justify-content: center; align-items: center; width:100%; height:80rem; color:#fff; background:#231F20; transition: all 0.4s ease;} 
#main .quick-menu > ul > li .btn-quick span{ display: block; line-height:120%;}
#main .quick-menu > ul > li .btn-quick.on{ background:rgba(0,0,0,0.8); }
#main .quick-menu > ul > li .btn-srv span{ display: block; padding-top:30rem; background:url('../images/icon-quick-srv.svg') no-repeat center top / 24rem auto; }
#main .quick-menu > ul > li .btn-inquiry span{ padding-top:30rem; background:url('../images/icon-quick-inquiry.svg') no-repeat center top / 24rem auto; }
#main .quick-menu > ul > li .btn-popup{ background:#70553D !important; }
#main .quick-menu > ul > li .btn-quick-close { display: flex; align-items: flex-end; justify-content: flex-end; }
#main .quick-menu > ul > li .btn-quick-close button{ width:36rem; height:36rem; background:#4A3828 url('../images/icon-quick-close.svg') no-repeat center / 20rem auto; text-indent:-9999rem; }

#main #quick-service{ position:absolute; right:calc(100% + 2px); top:0; display: none; width:168rem; }
#main #quick-service ul li:not(:first-child){ border-top: 1px solid rgba(255, 255, 255, 0.08);}
#main #quick-service ul li a{ display: block; width:100%; padding:12rem 20rem; color:#fff; background:rgba(0,0,0,0.8); box-sizing:border-box; } 

#main #quick-popup{position:absolute; right:calc(100% + 2px); bottom:0; display: none; width:280rem; }
#main #quick-popup .btn-quick-close{ position: absolute; bottom:0; right:100%; }

#main #quick-popup ::-webkit-scrollbar { width: 4px; height: 4px;}
#main #quick-popup ::-webkit-scrollbar-track { background: transparent;}
#main #quick-popup ::-webkit-scrollbar-thumb { background-color: #8A8C8E; }

#main #quick-popup .swiper-slide{ height:400rem; background:rgba(0,0,0,0.8); }
#main #quick-popup .cont-img{ display: flex; height: 100%; }
#main #quick-popup .cont-img img{ display: block; width:100%; }
#main #quick-popup .cont-html{ height:100%; padding:32rem 40rem 36rem; color:#fff;; }
#main #quick-popup .cont-html img{ width:100%; max-width:100% !important; height:auto !important; }
#main #quick-popup .cont-video{ height: 100%;} 
#main #quick-popup .cont-video .video-box{ position:relative; width:100%; height:210rem; }
#main #quick-popup .cont-video .video-box video{ visibility: hidden; position:absolute; left:0; top:0; width:100%; height:100%; }
#main #quick-popup .cont-video .video-box iframe{ visibility: hidden; position:absolute; left:0; top:0; width:100%; height:100%; }
#main #quick-popup .cont-video .desc{ height:calc(100% - 210rem); padding:24rem 24rem 36rem; color:#fff; box-sizing:border-box; }

#main #quick-popup .ctr-box{ position:absolute; right:0; bottom:0; display: flex; background:#231F20; z-index:1; }
#main #quick-popup .swiper-pagination{ position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:0; width:56rem; font-size: 16rem; line-height: 36rem; color:#fff; font-weight: 600; text-align:center; letter-spacing: 0.64rem; }
#main #quick-popup .btn-arrow{ position:relative; top:auto; left:auto; right:auto; margin:0; width:36rem; height:36rem; }
#main #quick-popup .btn-arrow svg{ display: none;}
#main #quick-popup .swiper-button-prev{ background:url('../images/icon-main-popup-prev.svg') no-repeat center / 20rem auto; }
#main #quick-popup .swiper-button-next{ background:url('../images/icon-main-popup-next.svg') no-repeat center /  20rem auto; border-left: 1px solid rgba(255, 255, 255, 0.08); } 
  
#main #quick-popup .swiper-slide-active .cont-img { overflow-y:auto }
#main #quick-popup .swiper-slide-active .cont-html { overflow-y:auto }
#main #quick-popup .swiper-slide-active .cont-html iframe {width: 100% !important; height: auto !important;} /* 2026-03-20 추가 */
#main #quick-popup .swiper-slide-active .cont-video .video-box video{ visibility: visible;}
#main #quick-popup .swiper-slide-active .cont-video .video-box iframe{ visibility: visible;}
#main #quick-popup .swiper-slide-active .cont-video .desc{  overflow-y:auto }

@media screen and (max-width: 1024px) {  
  #main .quick-menu{ right:-72rem; top:auto; bottom:0; width:72rem; transform: translateY(0);  transition: transform 0.5s ease;  } 
  #main .quick-menu.btm{ transform: translateX(73rem);  }
  #main .quick-menu > ul > li .btn-quick{ height:66rem; }  
  #main .quick-menu > ul > li .btn-srv span{ padding-top:0; line-height: 120%; background:none; }
  #main .quick-menu > ul > li .btn-inquiry span{ padding-top:0; background:none; }  
  #main .quick-menu > ul > li .btn-quick-close button{ width:36rem; height:36rem; background:#4A3828 url('../images/icon-quick-close.svg') no-repeat center / 20rem auto; }
  #main #quick-service ul li a:focus { border:0; }

  #main #quick-service{ width:150rem; }
  #main #quick-service ul li a{ padding:12rem 20rem; } 

  #main #quick-popup{ width:calc(100vw - 108rem); max-width:280rem; }

  #main #quick-popup ::-webkit-scrollbar { width: 4px; height: 4px;} 

  #main #quick-popup .swiper-slide{ height:400rem; }
  #main #quick-popup .cont-html{ padding:32rem 40rem 36rem; }
  #main #quick-popup .cont-video .video-box{ height:210rem; }
  #main #quick-popup .cont-video .desc{ height:calc(100% - 210rem); padding:24rem 24rem 36rem; }

  #main #quick-popup .swiper-pagination{ width:56rem; font-size: 16rem; line-height: 36rem; letter-spacing: 0.64rem; }
  #main #quick-popup .btn-arrow{ width:36rem; height:36rem; }
  #main #quick-popup .swiper-button-prev{ background:url('../images/icon-main-popup-prev.svg') no-repeat center / 20rem auto; }
  #main #quick-popup .swiper-button-next{ background:url('../images/icon-main-popup-next.svg') no-repeat center / 20rem auto; } 
} 

/* visual */
#main .sec-visual{ position:relative; background:#231F20; overflow:hidden; }
#main .sec-visual .visual-txt{ position:absolute; left:0; top:60rem; width:100%; display: flex; justify-content: center; flex-direction: column; gap:45rem; z-index:2; }
#main .sec-visual .visual-txt > div{ display: flex; justify-content: center; align-items: center; }
#main .sec-visual .visual-txt > div span{ display: inline-block; overflow: hidden;}
#main .sec-visual .visual-txt > div span img{ width:100%; transform: translateY(110%); }

#main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(1){ width:122rem; margin-right:24rem; } 
#main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(2){ width:87rem; margin-right:24rem; } 
#main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(3){ width:120rem; margin-right:36rem; } 
#main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(4){ width:91rem; margin-right:28rem; } 
#main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(5){ width:55rem; margin-right:44rem; } 
#main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(6){ width:74rem; margin-right:36rem; } 
#main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(7){ width:129rem; margin-right:38rem; } 
#main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(8){ width:108rem; margin-right:35rem; } 
#main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(9){ width:120rem; } 

#main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(1){ width:90rem; margin-right:40rem; } 
#main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(2){ width:99rem; margin-right:36rem; } 
#main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(3){ width:91rem; margin-right:52rem; } 
#main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(4){ width:108rem; margin-right:53rem; } 
#main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(5){ width:95rem; margin-right:24rem; } 
#main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(6){ width:122rem; margin-right:41rem; } 
#main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(7){ width:18rem; } 

#main .sec-visual .swiper{ transform: scale(1.2);}
#main .sec-visual .swiper .swiper-slide{ overflow: hidden;}
#main .sec-visual .swiper .img-box{ position:relative; width:100%; height:100vh; }
#main .sec-visual .swiper .img-box img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
#main .sec-visual .swiper .video-box{ position:relative; width:100%; height:100vh; }
#main .sec-visual .swiper .video-box video{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}

#main .sec-visual .ctr-box{ position:absolute; left:0; bottom:184rem; display: flex; justify-content: center; align-items: center; width:100%; z-index:1; opacity: 0; }
#main .sec-visual .ctr-box .swiper-pagination{ position:relative; left:auto; top:auto; bottom:auto; display: flex; align-items: center; width:auto; margin-right:24rem; }
#main .sec-visual .ctr-box .swiper-pagination span{ font-size:18rem; line-height: 96%; font-weight: 600; color:#fff; font-family: var(--eng-font); }
#main .sec-visual .ctr-box .swiper-pagination .progress{ position:relative; display: block; margin:0 24rem; width:100rem; height:2px; background:rgba(255,255,255,.4);}
#main .sec-visual .ctr-box .swiper-pagination .progress .bar{ display: block; position:absolute; left:0; top:0; width:0; height:100%; background:#fff; }

/* #main .sec-visual .ctr-box .swiper-pagination .progress.active .bar{ width: 100%;transition: width linear;}
#main .sec-visual .ctr-box .swiper-pagination .progress.paused .bar { transition-property: none !important; } */
 
#main .sec-visual .ctr-box .btn-arrow{ position:relative; top:auto; left:auto; right:auto; margin:0; width:9rem; height:15rem; }
#main .sec-visual .ctr-box .btn-arrow svg{ display: none;}
#main .sec-visual .ctr-box .swiper-button-prev{ background:url('../images/icon-main-visual-prev.svg') no-repeat center / contain; }
#main .sec-visual .ctr-box .swiper-button-next{ margin-left:14rem; background:url('../images/icon-main-visual-next.svg') no-repeat center / contain; }

#main .sec-visual .ctr-box button.btn-ctr{ margin-left:16rem; width:10rem; height:16rem; text-indent:-9999rem; background:url('../images/icon-main-visual-stop.svg') no-repeat center / contain;  }
#main .sec-visual .ctr-box button.btn-play{ background:url('../images/icon-main-visual-play.svg') no-repeat center / contain; }
@media screen and (max-width: 1024px) {   
  #main .sec-visual .visual-txt{ top:28%; gap:13rem;  } 

  #main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(1){ width:36rem; margin-right:7rem; } 
  #main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(2){ width:26rem; margin-right:7rem; } 
  #main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(3){ width:36rem; margin-right:10rem; } 
  #main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(4){ width:27rem; margin-right:8rem; } 
  #main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(5){ width:16rem; margin-right:13rem; } 
  #main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(6){ width:22rem; margin-right:10rem; } 
  #main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(7){ width:38rem; margin-right:11rem; } 
  #main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(8){ width:32rem; margin-right:10rem; } 
  #main .sec-visual .visual-txt > div:nth-child(1) span:nth-child(9){ width:36rem; } 

  #main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(1){ width:27rem; margin-right:12rem; } 
  #main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(2){ width:29rem; margin-right:11rem; } 
  #main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(3){ width:27rem; margin-right:15rem; } 
  #main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(4){ width:32rem; margin-right:15rem; } 
  #main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(5){ width:28rem; margin-right:7rem; } 
  #main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(6){ width:36rem; margin-right:12rem; } 
  #main .sec-visual .visual-txt > div:nth-child(2) span:nth-child(7){ width:5rem; } 
 
  #main .sec-visual .swiper .img-box{ height:100vh; min-height:400rem; } 

  #main .sec-visual .ctr-box{ bottom:0; }
  #main .sec-visual .ctr-box .swiper-pagination{ margin-right:18rem; }
  #main .sec-visual .ctr-box .swiper-pagination span{ font-size:16rem; }
  #main .sec-visual .ctr-box .swiper-pagination .progress{ margin:0 16rem;  width:50rem; } 

  #main .sec-visual .ctr-box .btn-arrow{ width:7rem; height:12rem; }  
  #main .sec-visual .ctr-box .swiper-button-next{ margin-left:12rem; }

  #main .sec-visual .ctr-box button.btn-ctr{ margin-left:20rem; width:8rem; height:12rem; }
} 



/* service */
#main .sec-service{ position:relative; padding:240rem 0; }
#main .sec-service .layout{ position:relative; }
#main .sec-service .sec-tit{ position:absolute; left:0; top:0; } 

#main .sec-service .cont-wrap{ display: flex; flex-wrap:wrap; align-items: flex-start; gap:24rem; }
#main .sec-service .cont-wrap > div{ position: relative; width:calc(50% - 12rem); }

#main .sec-service .cont-box .img-box{ position:relative; overflow:hidden; }
#main .sec-service .cont-box .img-box img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
#main .sec-service .cont-box .info-box{ position:absolute; padding:64rem; display: block; box-sizing:border-box; background: rgba(248, 244, 240, 0.72);backdrop-filter: blur(20px); }
#main .sec-service .cont-box .info-box h3{ position:relative; padding-right:20rem; }
#main .sec-service .cont-box .info-box h3::before{ content:''; position:absolute; right:0; top:2rem; width:10rem; height:16rem; background:url('../images/icon-main-serveice-arrow.svg') no-repeat center / cover; }
#main .sec-service .cont-box .info-box p{ margin-top:6rem; color:#231F20; }
#main .sec-service .cont-box .info-box .category{ position: relative; padding-top:81rem; }
#main .sec-service .cont-box .info-box .category::before{ content:''; position: absolute; left:0; top:40rem; width:48rem; height:1px; background:#231F20; }
#main .sec-service .cont-box .info-box .category ul{ display: flex; gap:4rem; margin-top:10rem; }
#main .sec-service .cont-box .info-box .category ul li{ padding:3rem 11rem; border:1px solid #231F20; }

#main .sec-service .cont-box.cont-1{ margin-left:calc(50% + 12rem); }
#main .sec-service .cont-box.cont-1 .img-box{ width: 576rem; height:640rem; }
#main .sec-service .cont-box.cont-1 .info-box{ left:366rem; bottom:0; }
#main .sec-service .cont-box.cont-2{ margin-top:-160rem; }
#main .sec-service .cont-box.cont-2 .img-box{ width: 100%; height:480rem; }
#main .sec-service .cont-box.cont-2 .info-box{ left:0; top:290rem; }
#main .sec-service .cont-box.cont-3 .img-box{ width: 426rem; height:640rem; }
#main .sec-service .cont-box.cont-3 .info-box{ left:336rem; bottom:0; }

#main .sec-service .btn-area{ margin-top:20rem; }

@media screen and (max-width: 1024px) {  
  #main .sec-service{ padding:120rem 0 80rem; } 
  #main .sec-service .sec-tit{ position:relative; left:auto; top:auto; margin-bottom:64rem; } 

  #main .sec-service .cont-wrap{ flex-direction: column; gap:40rem; }
  #main .sec-service .cont-wrap > div{ width:100%; }
 
  #main .sec-service .cont-box .info-box{ padding:32rem; width:280rem; }
  #main .sec-service .cont-box .info-box h3{ padding-right:14rem; }
  #main .sec-service .cont-box .info-box h3::before{ top:5rem; } 
  #main .sec-service .cont-box .info-box .category{ padding-top:65rem; }
  #main .sec-service .cont-box .info-box .category::before{ top:32rem; width:48rem; }
  #main .sec-service .cont-box .info-box .category ul{ flex-wrap:wrap; gap:4rem; margin-top:10rem; } 

  #main .sec-service .cont-box.cont-1{ margin-left:0; }
  #main .sec-service .cont-box.cont-1 .img-box{ width: 80%; height:0; padding-bottom:89%; }
  #main .sec-service .cont-box.cont-1 .info-box{ left:auto; right:0; bottom:-135rem; }
  #main .sec-service .cont-box.cont-2{ margin-top:178rem; margin-bottom:240rem; }
  #main .sec-service .cont-box.cont-2 .img-box{ width: 100%; height:0; padding-bottom:66%; }
  #main .sec-service .cont-box.cont-2 .info-box{ left:0; top:auto; bottom:-200rem; }
  #main .sec-service .cont-box.cont-3 .img-box{ width: 68.5%; height:0; padding-bottom:103%; }
  #main .sec-service .cont-box.cont-3 .info-box{ left:auto; right:0; bottom:-100rem; }

  #main .sec-service .btn-area{ margin-top:160rem; }
}

/* membership */
#main .sec-membership{ position:relative; padding:240rem 0; overflow: hidden; }
#main .sec-membership .bg{ position:absolute; left:0; top:0; width:100%; height:calc(100% + 200rem); object-fit: cover; z-index:-1; } 
#main .sec-membership .sec-tit{ margin-bottom:120rem; }  
#main .sec-membership .swiper{ margin:0; width:1286rem; }
#main .sec-membership .cont-box{ position:relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding:64rem; height:400rem; box-sizing: border-box; box-shadow: 16rem 16rem 16rem 0 rgba(0, 0, 0, 0.10); }
#main .sec-membership .swiper-slide:nth-child(1) div{ background:url('../images/img-main-membership-bg1.jpg') no-repeat center / cover; }
#main .sec-membership .swiper-slide:nth-child(2) div{ background:url('../images/img-main-membership-bg2.jpg') no-repeat center / cover; }
#main .sec-membership .swiper-slide:nth-child(3) div{ background:url('../images/img-main-membership-bg3.jpg') no-repeat center / cover; }
#main .sec-membership .cont-box p{ color:#fff; }
#main .sec-membership .cont-box a{ position:relative; z-index:2; display: inline-block; padding:9rem 24rem; color:#fff; background:#70553D; }
#main .sec-membership .cont-box img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; } 
 

@media screen and (max-width: 1024px) {  
  #main .sec-membership{ padding:120rem 0; } 
  #main .sec-membership .sec-tit{ margin-bottom:80rem; }  
  #main .sec-membership .swiper{ margin-left:-20rem; padding:0 20rem; width:calc(100% + 40rem);  }
  #main .sec-membership .cont-box{ padding:40rem; height:320rem; }  
  #main .sec-membership .cont-box a{ padding:11rem 24rem; }  
 
  #main .sec-membership .swiper-scrollbar{ position: relative; left:auto; top:auto; margin:40rem 0 0; opacity: 1 !important; height:1px; background:rgba(0,0,0,.12); border-radius:0; }
  #main .sec-membership .swiper-scrollbar-drag{ background:#8F6B4A; border-radius:0;  }
}

/* own the 100 */
#main .sec-ownthe100{ padding:200rem 0; background:#231F20; overflow: hidden; }
#main .sec-ownthe100 .sec-tit .txt{ margin-top:40rem; }
#main .sec-ownthe100 .row{ display: flex; gap:24rem; margin-bottom: 24rem; }
#main .sec-ownthe100 .row:last-child{ margin-bottom:0; }
#main .sec-ownthe100 .cont-box{ position:relative; overflow:hidden; }
#main .sec-ownthe100 .cont-box a{ position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding:64rem; height:400rem; box-sizing:border-box; }
#main .sec-ownthe100 .cont-box .txt-box .tit{ font-size: 40rem; line-height: 110%; color:#fff; font-weight: 500; text-transform: uppercase; font-family: var(--eng-font); }
#main .sec-ownthe100 .cont-box .txt-box .txt{ color:#fff; }
#main .sec-ownthe100 .cont-box .btn-arrow{ position:relative; padding-right:24rem; color:#fff; }
#main .sec-ownthe100 .cont-box .btn-arrow::before{ content:''; position:absolute; right:0; top:50%; margin-top:-10rem; width:20rem; height:20rem; background:url('../images/icon-main-wonthe100-more.svg') no-repeat center / cover; }
#main .sec-ownthe100 .cont-box .bg{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; transform: scale(1); transition: all 1s ease;}
#main .sec-ownthe100 .cont-box a:hover + .bg{ transform: scale(1.1);}
 
#main .sec-ownthe100 .row-1 > .sec-tit{ width:calc(100% - 1152rem); }
#main .sec-ownthe100 .row-1 > .box-1{ width:876rem; }
#main .sec-ownthe100 .row-1 > .box-2{ width:276rem; }
#main .sec-ownthe100 .row-2 > div{ flex:1; }
@media screen and (max-width: 1024px) { 
  #main .sec-ownthe100{ padding:120rem 0; }
  #main .sec-ownthe100 .sec-tit { margin-bottom:64rem; }
  #main .sec-ownthe100 .sec-tit .txt{ margin-top:24rem; }
  #main .sec-ownthe100 .row{ flex-direction: column; gap:0; margin-bottom: 0; } 
  #main .sec-ownthe100 .cont-box{ margin-bottom:24rem;}
  #main .sec-ownthe100 .cont-box:last-of-type{ margin-bottom:0; }
  #main .sec-ownthe100 .cont-box a{  height:420rem; padding:40rem;  }
  #main .sec-ownthe100 .cont-box .txt-box .tit{ font-size: 32rem; }  
  
  #main .sec-ownthe100 .row-1 > .sec-tit{ width:100%; }
  #main .sec-ownthe100 .row-1 > .box-1{ width:100%; }
  #main .sec-ownthe100 .row-1 > .box-2{ display: none; } 
}

/* now */
#main .sec-now{ padding:200rem 0 240rem; background:#F1E8E0; overflow:hidden; }
#main .sec-now .list-top{ display: flex; justify-content: space-between; align-items: end; margin-bottom:188rem; }
#main .sec-now .list-top .btn-more{ padding:8rem 23rem; border:1px solid #231F20; color:#231F20; box-sizing:border-box; }

#main .sec-now .swiper{ overflow: visible;}
#main .sec-now .swiper a{ position: relative; display: block; padding:32rem 0 146rem; height:340rem; border-top:2px solid #231F20; box-sizing:border-box; }
#main .sec-now .swiper .tit{ color:#231F20; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#main .sec-now .swiper .desc{ margin-top:20rem; color:#231F20; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#main .sec-now .swiper .date{ position:absolute; left:0; bottom:0; padding-right:32rem; color:#535455; }
#main .sec-now .swiper .date::before{ content: ''; position:absolute; right:0; top:0; width:20rem; height:20rem; background:url('../images/icon-main-now-date.svg') no-repeat center / cover; }
#main .sec-now .swiper .thumb{ position:absolute; right:0; bottom:0; width:160rem; height:120rem; overflow: hidden; }
#main .sec-now .swiper .thumb img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; transform: scale(1); transition: all 1.5s ease; }

#main .sec-now .swiper a:hover .tit{ text-decoration: underline; }
#main .sec-now .swiper a:hover .thumb img{ transform: scale(1.1); }

@media screen and (max-width: 1024px) { 
  #main .sec-now{ padding:120rem 0; background:#fff; }
  #main .sec-now .list-top{ flex-direction: column; align-items: start; margin-bottom:96rem; }
  #main .sec-now .list-top .btn-more{ margin-top:32rem; padding:11rem 23rem; }

  #main .sec-now .swiper{ margin-left:-20rem; padding:0 20rem; width:calc(100% + 40rem); }
  #main .sec-now .swiper-scrollbar{ position: relative; left:auto; top:auto; margin:40rem 0 0; opacity: 1 !important; height:1px; background:rgba(0,0,0,.12); border-radius:0; }
  #main .sec-now .swiper-scrollbar-drag{ background:#8F6B4A; border-radius:0;  }
}