/* ani */
@keyframes fadeUp {
  to { opacity: 1;transform: translateY(0); }
}


/* tab */
.round-tab{display:flex;gap:12px;width:100%;max-width: 364px;margin: 0 auto 20px;padding:12px 16px;background: rgba(255, 255, 255, 0.15);border-radius:500px;}
.round-tab li{flex:1;max-width:160px;}
.round-tab button{width: 100%;height: 60px;color:#B8B8B8;font-size:24px;font-weight:700;line-height:36px;border-radius:500px;transition:background .3s, color .3s;}
.round-tab button.active{background-color: #fff;color:#313131;}

/* reveal 효과 */
.main-con .reveal:nth-child(1) { transition-delay: 0s; }
.main-con .reveal:nth-child(2) { transition-delay: 0.1s; }
.main-con .reveal:nth-child(3) { transition-delay: 0.2s; }
.main-con .reveal:nth-child(4) { transition-delay: 0.3s; }


/* main visual */
.main-visual{height:100dvh;position: relative;}
.main-visual .swiper{height:100%;}
.main-visual .swiper-slide img{width:100%;height:100%;}
.main-visual .main-visual-text-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width:100%;max-width: 1432px;padding:0 16px;margin:0 auto;}
.main-visual .main-visual-text-box .text-01{opacity:0;transform:translateY(60px);margin-bottom:40px;font-weight: 700;font-size: 62px;line-height: 88px;color:#fff;}
.main-visual .main-visual-text-box .text-02{opacity:0;transform:translateY(60px);font-weight: 500;font-size: 20px;line-height: 32px;color:#E3E8EA;}
.main-visual .swiper-slide-active .main-visual-text-box .text-01{animation: fadeUp 1.2s .3s cubic-bezier(.2,.8,.2,1) forwards;}
.main-visual .swiper-slide-active .main-visual-text-box .text-02{animation:fadeUp 1.2s .5s cubic-bezier(.2,.8,.2,1) forwards;}
.main-visual .swiper-controls{display:flex;gap:24px;align-items:center;position: absolute;z-index: 8;bottom:60px;left:50%;transform:translateX(-50%);}
.main-visual .swiper-controls .controls{display:flex;align-items:center;gap:9px;}
.main-visual .swiper-prev-main {position: static;width: 32px;height: 32px;margin: 0;background: url("../images/main/icon-swiper-prev.svg") no-repeat 50% 50%;background-size: 100%;}
.main-visual .swiper-pause-main {width: 32px;height: 32px;margin: 0;background: url("../images/main/icon-swiper-pause.svg") no-repeat 50% 50%;background-size: 100%;}
.main-visual .swiper-play-main {width: 32px;height: 32px;margin: 0;background: url("../images/main/icon-swiper-play.svg") no-repeat 50% 50%;background-size: 100%;}
.main-visual .swiper-next-main {position: static;width: 32px;height: 32px;margin: 0;background: url("../images/main/icon-swiper-next.svg") no-repeat 50% 50%;background-size: 100%;}

/* 슬라이드 프로그레스 바 */
.main-visual  .swiper-progress-bar {position:relative;width:320px;}
.main-visual  .swiper-progress-bar .bar {position: absolute;width: 100%;height: 3px;background:rgba(255, 255, 255, 0.3);clear: both;opacity: 0;bottom: 0;left: 0;right: 0;top: 50%;transform: translate(0px, -50%);}
.main-visual  .swiper-progress-bar .bar:after {position: absolute;top: 0;left: 0;background: #fff;height: 100%;width: 0;content: "";transition: 0.01s all linear;}

/* 슬라이드 프로그레스 바 에니메이션 */
.main-visual  .swiper-progress-bar.active .bar {opacity: 1;}
.main-visual  .swiper-progress-bar.animate .bar:after {width: 100%;transition-duration: 2s;}


/* main common */
.main-con section{padding:120px 0;}
.main-con .top-text-box{display:flex;flex-direction:column;gap:24px;text-align:center;align-items:center;justify-content:center;margin-bottom:60px;}
.main-con .top-text-box .sm-title{color:#C01640;font-weight: 700;font-size: 18px;line-height: 28px;}
.main-con .top-text-box .top-title{font-size:50px;font-weight:700;line-height:72px;color:#fff;}
.main-con .top-text-box .top-text{font-size:20px;font-weight:500;line-height:32px;color:#D3D8DB;}

/* main sec1 */
.main-con .sec-01{position:relative;background-color: #F6F6F6;z-index:1;}
.main-con .sec-01 .bg-text{position:absolute;top:74px;right:0;z-index:-1;color:#EFECEC;font-weight: 700;font-size: 220px;line-height: 200px;}
.main-con .sec-01 .top-text-box{text-align:left;align-items: flex-start;}
.main-con .sec-01 .top-text-box .top-title{color:#212529;}
.main-con .sec-01 .card-swiper{overflow:hidden;}
.main-con .sec-01 .card-swiper .swiper-slide{display:flex;flex-direction:column;gap:16px;}
.main-con .sec-01 .card-swiper .img{border-radius:24px;}
.main-con .sec-01 .card-swiper .text-box{padding:16px;}
.main-con .sec-01 .card-swiper .text-box .num{color:#C01640;font-size:16px;line-height:24px;font-weight:700;}
.main-con .sec-01 .card-swiper .text-box .title{margin:4px 0 8px;font-weight: 700;font-size: 24px;line-height: 36px;}
.main-con .sec-01 .card-swiper .text-box .text{color:#72767B;font-size:16px;line-height:24px;font-weight:500;}

/* main sec2 */
.main-con .sec-02{position:relative;z-index:1;background:url("../images/main/bg-main-sec2.png"), linear-gradient(180deg, #2C2D31 0%, #111213 100%);background-size:cover}
.main-con .sec-02 .item-box{display:flex;gap:60px;justify-content: center;}
.main-con .sec-02 .item-box .img{width: 570px;/* border:1px solid rgba(255, 255, 255, 0.5);border-radius:24px; */}
.main-con .sec-02 .item-box .text-box{width: 570px;padding:40px;overflow:hidden;border:1px solid #fff;border-radius:24px;background-color: #fff;}
.main-con .sec-02 .item-box .text-box .top-text{display:flex;flex-direction:column;gap:8px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #D9D9D9;}
.main-con .sec-02 .item-box .text-box em{color:#E41D4E;font-size:18px;line-height:28px;font-weight:700;}
.main-con .sec-02 .item-box .text-box .top-text .title{font-weight: 700;font-size: 42px;line-height: 60px;}
.main-con .sec-02 .item-box .text-box .top-text .intro-text{color:#4C5053;font-size:18px;line-height:28px;font-weight:700;}
.main-con .sec-02 .item-box .text-box .btm-text{margin-bottom:24px;}
.main-con .sec-02 .item-box .text-box .activity-title{display: flex;align-items: center;color: #4C5053;font-size: 18px;font-weight: 700;line-height: 28px;gap: 4px;margin-bottom: 8px;}
.main-con .sec-02 .item-box .text-box .activity-list{display:flex;flex-direction:column;gap:4px;}
.main-con .sec-02 .item-box .text-box .activity-list li{display:flex;align-items:center;color:#72767B;font-size:16px;line-height:24px;font-weight:500;}
.main-con .sec-02 .item-box .text-box .activity-list li::before{display:inline-block;margin-right:8px;width:4px;height:4px;border-radius:100%;background:#72767B;content:'';}
.main-con .sec-02 .item-box .text-box .btns{column-gap:16px;}
.main-con .sec-02 .item-box .text-box .btns .btn{flex:1;}
.main-con .sec-02 .bg-text{position:absolute;z-index:-1;font-weight: 700;font-size: 220px;line-height: 200px;}


.main-con .sec-03{padding:79px 0;background: url("../images/main/bg-main-sec3.png")no-repeat;background-size:cover;}




/* ----------------------------------media 1024px-------------------*/
@media (max-width: 1024px) { 
.d-md-none{display:none;}
.round-tab{padding: 10px 14px;gap: 10px;margin-bottom:15px;}
.round-tab button{height: 48px;font-size: 17px;line-height: 27px;}

/* main visual */
.main-visual {height: 68dvh;}
.main-visual .main-visual-text-box .text-01{margin-bottom: 25px;font-size: 28px;line-height: 42px;}
.main-visual .main-visual-text-box .text-02{font-size: 15px;line-height: 23px;}

/* main common */
.main-con section {padding: 60px 0;}
.main-con .top-text-box{margin-bottom:25px;gap: 15px;}
.main-con .top-text-box .top-title {font-size: 25px;line-height: 36px;}
.main-con .top-text-box .top-text {font-size: 16px;line-height: 25px;}

/* sec1 */
.main-con .sec-01 .bg-text{font-size: 69px;line-height: 49px;top: 33px;}
.main-con .sec-01 .card-swiper .text-box{padding:0;}
.main-con .sec-01 .card-swiper .text-box .num {font-size: 15px;line-height: 21px;}
.main-con .sec-01 .card-swiper .text-box .title {font-size: 18px;line-height: 23px;}
.main-con .sec-01 .card-swiper .text-box .text {font-size: 15px;line-height: 21px;}

/* sec2 */
.main-con .sec-02 .item-box{flex-wrap:wrap;gap: 15px;}
.main-con .sec-02 .item-box .img{width:100%;}
.main-con .sec-02 .item-box .text-box{width:100%;padding: 30px;}
.main-con .sec-02 .item-box .text-box em {font-size: 15px;line-height: 21px;}
.main-con .sec-02 .item-box .text-box .top-text {padding-bottom: 20px;margin-bottom: 20px;}
.main-con .sec-02 .item-box .text-box .top-text .title {font-size: 23px;line-height: 34px;}
.main-con .sec-02 .item-box .text-box .top-text .text {font-size: 16px;line-height: 24px;}
.main-con .sec-02 .item-box .text-box .top-text .intro-text{font-size:16px;line-height:24px;}

/* sec3 */
.main-con .sec-03{padding:60px 0;}
}

/* ----------------------------------media 768px-------------------*/
@media (max-width: 768px) {

.main-visual .swiper-progress-bar{width:156px;}

/* main sec1 */
.main-con .sec-01 .card-swiper .swiper-slide{width:420px !important;}

/* sec2 */
.main-con .sec-02 .item-box .text-box {padding: 20px 15px;border-radius: 15px;}

}


/* ----------------------------------media 420px-------------------*/
@media (max-width: 420px) {

/* main sec1 */
.main-con .sec-01 .card-swiper .swiper-slide{width:100% !important;}

/* main sec2 */
.main-con .sec-02 .item-box .text-box .btns{flex-wrap: wrap;gap: 8px;}
.main-con .sec-02 .item-box .text-box .btns .btn{flex:none;width:100%;}

}