/***** main *****/
.container{padding-bottom: 0;}

/*** contents ***/
.contents{padding: 150px 0 0;max-width: 100%;}

/** swiper **/
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0 !important;}
.foreword{position: relative;margin-bottom: 15px;padding-right: 45%;}
.foreword .sub{position: absolute;bottom: 10px;right: 0;line-height: 30px;font-family: "Pretendard";font-weight: 500;font-size: 26px;}
.mainSwiper{margin-top: 0;height: 755px;border-radius: unset;}
.mainSwiper .img_box{overflow: hidden;border-radius: 50px;height: 580px;}
.mainSwiper .img_box img{width: 100%;height: 100%;object-fit: cover;}
.mainSwiper .swiper-slide{background-position: center;background-size: cover;background-color: #fff;}
.mainSwiper .swiper-pagination{bottom: 15px !important;left: 150px !important;width: 200px !important;}
.mainSwiper .swiper-pagination-bullet{width: auto !important;height: auto !important;margin-left: 30px !important;margin-right: 0 !important;background: none !important;opacity: 1 !important;font-family: "Poppins";font-weight: 300;font-size: 20px;color: #fff;}
.mainSwiper .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.mainSwiper .swiper-pagination-bullet-active{line-height: 45px;font-weight: 600;font-size: 32px;color: #09a7e2;}
.mainSwiper .progress-wrapper {position: absolute;right: 45px;bottom: 25px;width: calc(100% - 430px);height: 5px;background-color: rgba(255,255,255,.4);z-index: 10;} /* https://swiper-live.webflow.io */
.mainSwiper .progressbar {width: 100%;height: 100%;background-color: #09a7e2;transform: scale3d(.2, 1, 1);transform-origin: 0%;transform-style: preserve-3d;}
.mainSwiper .swiper-slide-prev img,
.mainSwiper .swiper-slide-active img,
.mainSwiper .swiper-slide-duplicate-active img{animation-name: zoom;animation-duration: 4s;animation-fill-mode: forwards;}
@keyframes zoom {
	from {
		transform: scale(1.1);
	}
	to {
		transform: scale(1);
	}
}

.sndSwiper .swiper-slide{padding: 0 20px;max-width: 1560px;height: auto;max-height: 840px;}
.sndSwiper .flex{padding: 4vw;height: 100%;background-color: #f1f1f1;border-radius: 50px;box-shadow: 0px 0px 20px #0000000d;opacity: 0.8;}
.sndSwiper .swiper-slide-active{opacity: 1;}
.sndSwiper .swiper-pagination{top: unset !important;bottom: 7.5vw !important;left: 54% !important;width: auto !important;}
.sndSwiper .swiper-pagination-bullet{transition: all 0.3s;}
.sndSwiper .swiper-pagination-bullet-active{width: 52px;background-color: #09a7e2;border-radius: 25px;}
.swiper-button-next{right: calc(50vw - 795px) !important;}
.swiper-button-prev{left: calc(50vw - 795px) !important;}
.swiper-button-next, .swiper-button-prev{width: 74px !important;height: 74px !important;color: #111 !important;background-color: #fff;border-radius: 50%;box-shadow: 0px 4px 10px #0000001d;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 28px !important;}
.sndSwiper .flex{justify-content: space-between;align-items: center;}
.sndSwiper .img{padding-bottom: 50%;width: 50%;max-width: 680px;height: 0;background-size: contain;background-position: center;}
.sndSwiper .txt{width: 45%;}
.sndSwiper .txt strong{line-height: 1.2;font-family: "Poppins";font-weight: 700;font-size: 75px;}
.sndSwiper .txt p{margin: 20px 0;font-size: 24px;}
.sndSwiper .txt ul{overflow: hidden;}
.sndSwiper .txt li{float: left;margin-top: 10px;margin-right: 10px;padding: 15px 20px;font-size: 20px;background-color: #d6dee0;border-radius: 20px;}
/* .sndSwiper .txt li:last-child{margin-right: 0;} */
.sndSwiper .txt .more{margin-top: 40px;padding-right: 80px;line-height: 52px;font-family: "Poppins";font-weight: 300;font-size: 30px;background-image: url(../images/snb_arr.png);background-position: left 175px center;transition: all 0.3s;}
.sndSwiper .txt .more:hover{background-position-x: right;}

.gray_box{margin-top: 120px;padding: 190px 0;background-color: #f6f6f6;background-image: url(../images/gray.png);background-position: bottom left;}
.trdSwiper{max-width: 1560px;max-height: 840px;height: auto;}
.trdSwiper .swiper-slide{display: flex;justify-content: space-between;padding: 0 20px;}
.trdSwiper .swiper-slide-active .about p, 
.trdSwiper .swiper-slide-active .pic p{font-weight: 700;opacity: 1;}
.trdSwiper .about{display: flex;justify-content: center; align-items: center;padding: 0 50px;width: 32.5%;}
.trdSwiper .about p{text-align: center;font-size: 30px;opacity: 0;word-break: keep-all;transition: 1s 0.4s;}
.trdSwiper .pic{position: relative;width: 65%;height: auto;font-size: 0;border-radius: 50px;}
.trdSwiper .pic p{position: absolute;top: 80px;left: 50%;transform: translateX(-50%);width: 100%;text-align: center;font-size: 68px;color: #fff;opacity: 0;transition: 1s 0.4s;}
.trdSwiper .pic span{display: block;font-weight: 500;font-size: 30px;}
.trdSwiper .pic img{width: 100%;height: 100%;object-fit: cover;border-radius: 50px;}
/* .trdSwiper .pic{padding-bottom: 55.3%;width: 65%;height: 0;background-size: contain;} */
.trdSwiper .about-box{position: absolute;top: 0;left: 20px;width: calc(32.5% - 15px);height: 100%;text-align: center;background-color: #fff;border-radius: 50px;}
.trdSwiper .about-box p{margin-top: 100px;display: block;font-family: "Poppins";font-size: 30px;font-weight: 300;color: #777;}
.trdSwiper .about-box b {display: block;font-size: 50px;font-weight: 700;}
.trdSwiper .swiper-pagination{bottom: 50px;width: 32.5%;background-image: url(../images/trd_num.png);background-position: bottom 10px left 55%;}
.trdSwiper .swiper-pagination .current, .trdSwiper .swiper-pagination .total{font-family: "Poppins";}
.trdSwiper .swiper-pagination .current{width: 60px;font-weight: 600;font-size: 90px;color: #09a7e2;vertical-align: top;}
.trdSwiper .swiper-pagination .total{font-weight: 300;font-size: 34px;vertical-align: bottom;}
.trdSwiper .swiper-pagination .slit{width: 40px;font-size: 0;}

.advt_box{padding: 150px 0 240px;background-color: #d1dbde;}
.advt_box .rotate{top: 150px;right: calc(50vw - 760px);}
.advt_box .flex{margin: 90px auto 0;padding:  0 120px 0 20px;max-width: 1560px;}
.advt_box .arrow{position: relative;margin-right: 90px;width: 150px;background-image: url(../images/nation_arr.png);background-position: bottom right;}
.advt_box .arrow p{position: absolute;top: 95px;left: -85px;transform: rotate(-90deg);min-width: 340px;}
.advt_box .arrow p{text-align: right;font-family: "Poppins";font-weight: 700;font-size: 52px;}
.advt_box .vod{margin: 0;width: calc(100% - 240px);max-width: unset;}
.advt_box .nation{justify-content: flex-start;}

.contact{padding: 165px 0;color: #fff;background-image: url(../images/map.png);background-size: cover;}
.contact strong{display: block;line-height: 1.4;text-align: center;font-family: "Poppins";font-weight: 700;font-size: 75px;}
.contact .flex{margin-top: 50px;justify-content: space-between;}
.contact .map_box{width: 61%;}
.contact .map_box .map, .contact .map_box iframe{width: 100%;height: 100%;border-top-right-radius: 50px;}
.contact .map_box .map{background-color: lightpink;}
.contact .map_box:has(iframe) .map{background-color: unset;}
.contact .addr_box{width: calc(39% - 75px);}
.contact .addr_box p.where{font-weight: 700;font-size: 32px;}
.contact .addr_box li{margin-top: 30px;font-weight: 500;font-size: 25px;}
.contact .addr_box li:first-child{margin-top: 40px;}
.contact .addr_box li b{display: block;font-family: "Poppins";font-weight: 700;font-size: 20px;color: #09a7e2;}
.contact .addr_box .more{margin-top: 180px;padding: 14px 0;width: 230px;text-align: center;font-family: "Poppins";font-weight: 300;font-size: 20px;border: 1px solid #09a7e2;}


@media all and (max-width: 1599px) {
  .sndSwiper .swiper-button-next{right: 5px !important;}
  .sndSwiper .swiper-button-prev{left: 5px !important;}
  .sndSwiper .swiper-button-next, .sndSwiper .swiper-button-prev{width: 4.6vw !important;height: 4.6vw !important;}
  .sndSwiper .swiper-button-next:after, .sndSwiper .swiper-button-prev:after{font-size: 1.75vw !important;}

}

/* 노트북, 태블릿 가로 */
@media all and (max-width: 1559px) {
	.foreword{padding-right: calc(100% - 645px);padding-bottom: 40px;line-height: 60px;font-size: 45px;}
	.foreword .sub{bottom: 0;left: 0;right: unset;}

  /* .sndSwiper .swiper-pagination{left: 55% !important;} */
  .sndSwiper .txt strong{font-size: 4.8vw;}
  .sndSwiper .txt p{font-size: 1.55vw;}
  .sndSwiper .txt li{font-size: 1.3vw;}
  .sndSwiper .txt .more{margin-top: 2.5vw;line-height: 3.3vw;padding-right: 5vw;font-size: 1.9vw;background-position-x: calc(100% - 1vw);background-size: contain;}
  
  .trdSwiper .about p{font-size: 1.92vw;}
  .trdSwiper .pic p{font-size: 4.4vw;}
  .trdSwiper .pic span{font-size: 1.9vw;}

  .advt_box .rotate{right: 20px;width: initial;}
  
  .contact .addr_box p.where{font-size: 2.05vw;}
  .contact .addr_box li{font-size: 1.6vw;}
  .contact .addr_box li b{font-size: 1.3vw;}
}

/* 태블릿, 모바일 */
@media all and (max-width: 1023px) {
  .container{padding-bottom: 0;}

  .foreword{padding-right: calc(100% - 470px);padding-bottom: 60px;height: 150px;line-height: 45px;font-size: 33px;}
  .foreword .sub{width: 250px;font-size: 20px;}
  .mainSwiper{height: 675px;}
  .mainSwiper .img_box{border-radius: 35px;height: 510px;}
  .mainSwiper .swiper-pagination{bottom: 25px !important;left: 100px !important;width: 165px !important;}
  .mainSwiper .swiper-pagination-bullet{width: auto !important;height: auto !important;line-height: 20px;font-size: 14px;}
  .mainSwiper .swiper-pagination-bullet-active{line-height: 1;font-size: 20px;}
  .mainSwiper .progress-wrapper{bottom: 15px !important;right: 30px;width: calc(100% - 130px) !important;}
  
  .sndSwiper .flex{padding-top: 30px;padding-bottom: 60px;}
  .sndSwiper .swiper-pagination{bottom: 30px !important;left: calc(4vw + 20px) !important;}
  .sndSwiper .flex{justify-content: center;align-items: unset;min-height: 555px;}
  .sndSwiper .img, .sndSwiper .txt{float: unset !important;width: 100%;}
  .sndSwiper .img{padding-bottom: 240px;max-width: 240px;}
  .sndSwiper .txt strong{font-size: 35px;}
  .sndSwiper .txt p{font-size: 16px;}
  .sndSwiper .txt li{padding: 10px 20px;font-size: 14px;border-radius: 10px;}
  .sndSwiper .txt .more{margin-top: 20px;padding-right: 45px;line-height: 1.75;font-size: 16px;background-position-x: calc(100% - 8px);}
  .sndSwiper .swiper-button-next, .sndSwiper .swiper-button-prev{width: 32px !important;height: 32px !important;}
  .sndSwiper .swiper-button-next:after, .sndSwiper .swiper-button-prev:after{font-weight: 700;font-size: 12px !important;}
  
  .gray_box{padding: 100px 0;}
  .trdSwiper{height: 615px;/* max-height: 640px; */}
  .trdSwiper .swiper-slide{flex-direction: column;justify-content: unset;}
  .trdSwiper .about, .trdSwiper .pic{width: 100%;}
  .trdSwiper .about{margin-bottom: 20px;padding: 110px 20px 90px;min-height: 260px;}
  .trdSwiper .about p{font-size: 20px;}
  .trdSwiper .about-box{left: 20px;width: calc(100% - 40px);height: 260px;min-height: auto;border-radius: 30px;}
  .trdSwiper .about-box p{margin-top: 30px;font-size: 14px;}
  .trdSwiper .about-box b {font-size: 30px;}
  .trdSwiper .pic p{top: 50px;font-size: 40px;padding: 0 10px;}
  .trdSwiper .pic span{font-size: 16px;}
  .trdSwiper .pic img{height: 335px;border-radius: 30px;}
  .trdSwiper .swiper-pagination{bottom: 375px;width: 100%;background-size: 33px;background-position: bottom 10px left 52%;}
  .trdSwiper .swiper-pagination .current{width: 30px;font-size: 40px;}
  .trdSwiper .swiper-pagination .total{font-size: 15px;}
  .trdSwiper .swiper-pagination .slit{width: 20px;}

	.advt_box{padding-bottom: 140px;}
  .advt_box .rotate{top: 150px;right: -20px;width: 160px;}
  .advt_box .flex{margin-top: 70px;padding: 0 20px;}
  .advt_box .arrow{margin-right: 20px;width: 45px;background-image: url(../images/nation_arr2.png);}
  .advt_box .arrow p{top: 220px;left: -305px;min-width: 665px;font-size: 30px;}
  .advt_box .vod{margin-top: 0;padding-top: 340px;width: calc(100% - 65px);min-height: 400px;}
  .advt_box .player iframe{height: 315px;}

  .contact{padding: 80px 0;}
  .contact strong{line-height: 1.4;font-size: 40px;}
  .contact .flex{margin-top: 20px;padding-right: 40px;justify-content: start;}
  .contact .map_box{width: 100%;height: 230px;}
  .contact .addr_box{width: 100%;margin-top: 30px;padding-left: 20px;}
  .contact .addr_box p.where{font-size: 20px;}
  .contact .addr_box li, .contact .addr_box li b{font-size: 16px;}
  .contact .addr_box li, .contact .addr_box li:first-child{margin-top: 20px;}
  .contact .addr_box .more{margin-top: 30px;padding: 12px 0;width: 170px;font-size: 14px;}

}

@media all and (max-width: 479px) {
  .foreword{font-size: 6.8vw;}
	.advt_box .nation li:nth-child(2){margin-right: 0;}
}

@media all and (max-width: 374px) {
	.advt_box .nation li{width: calc((100% - 15px) / 2);}
	.advt_box .nation li button{background-position-x: 18%;}
}