@charset "utf-8";

/* main-visual 
.main-slide{position:relative;}
.main-visual{position:relative; z-index:2; width: auto; margin:0 40rem; height: calc(100vh - 130rem);position: relative;min-height: 100%; overflow:hidden; border-radius:20rem;}
.main-visual .swiper-wrapper{height: 100%!important; justify-content: space-between;}
.main-visual__item{ position: relative; height: 100% !important; overflow:hidden;}
.main-visual__item{background-position: 50% 50%; background-size: cover;  }
.main-visual__video{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.main-visual__video:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:2;}
.main-visual__video video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; filter: brightness(0.6); display:block;}
.main-visual__title{position: absolute; left:50%; margin-left:-770rem; top:35%; width:1540rem; text-align:center; z-index:3;}
.main-visual__title > *{transition: all 1s ease; opacity: 0;transform: translateY(30rem);}
.main-visual__title h2{font-size:58rem; font-weight:700; line-height: 1.2em;color: #fff; font-family:var(--font-kr); word-break:keep-all;}
.main-visual__title > em{margin-bottom:15rem; display:inline-block; font-size:18rem; font-weight:500; color:#fff; line-height:1.2em; word-break:keep-all; font-family:var(--font-kr); }
.visual01 .main-visual__title > em{margin-top:10rem;}
.main-visual__title a{position:relative; display:flex; align-items:center; justify-content:center; margin:85rem 0 0; width:190rem; height:60rem; text-align:center; border:2rem solid #fff; box-sizing:border-box; border-radius:5rem; z-index:1;}
.main-visual__title a:before{content:''; position:absolute; top:0; left:0; width:0%; height:100%; background:var(--color-point);  z-index:-1; transition:all 0.3s ease;}
.main-visual__title a > span{font-size:16rem; font-weight:600; color:#fff; z-index:1;}
.main-visual__title a:hover{border-color:var(--color-point);}
.main-visual__title a:hover:before{width:100%;}

.btn_swiper{display:flex; justify-content: center; align-items: center; gap:12rem; margin-top:25rem;}
.btn_swiper > *{color:#fff; font-size:16rem; color:#fff;}
.main-visual .paging{position:static; margin-top:30rem; display:flex; justify-content: center; align-items: center; z-index:50;}
.main-visual .paging span{position:relative; display:flex; justify-content: center; align-items: center; box-sizing:border-box; width:22rem; height:22rem; margin:0 5rem; border-radius:50rem; background:transparent; border:2px solid transparent; opacity:1; transition:all 1s; cursor:pointer;}
.main-visual .paging span:before{content:''; display:inline-block; width:6rem; height:6rem; background:#fff; border-radius:50rem; opacity:0.5;}
.main-visual .paging span.swiper-pagination-bullet-active{border-color:#fff;}
.main-visual .paging span.swiper-pagination-bullet-active:before{opacity:1;}
.main-visual .swiper-slide-active .main-visual__title h2{opacity:1; transform:translateY(0); transition-delay:0.5s;}
.main-visual .swiper-slide-active .main-visual__title em{opacity:1; transform:translateY(0); transition-delay:0.6s;}
.main-visual .swiper-slide-active .paging,
.main-visual .swiper-slide-active .btn_swiper{opacity:1; transform:translateY(0); transition-delay:0.7s;}
i.main-visual__bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 5s ease;transform:scale(1.1);background-size: cover;background-repeat: no-repeat; background-position:50% 50%;}
.swiper-slide-active i.main-visual__bg{transform:scale(1);}


@media all and (max-width:1600px){
	.main-visual__title{left:5%; width:90%; margin-left:0;}
}

@media all and (max-width:1300px){
	.main-visual__title h2{font-size:50rem;}
}
@media all and (max-width:1024px){
	.main-visual{border-radius:10rem; margin:0 14rem; height:600rem;}
	.main-visual__title{top:29%;}
	.main-visual__title h2{font-size:45rem;}
	.main-visual .paging span{width:20rem; height:20rem;}

}
@media all and (max-width:768px){
	.main-visual{height:500rem;}
	.main-visual__title > em{font-size:17rem;}
	.main-visual__title h2{font-size:35rem;}
}
@media all and (max-width:620px){
	.main-visual{height:400rem;}
	.main-visual__title > em{font-size:16rem;}
	.main-visual__title h2{font-size:30rem;}

}
@media all and (max-width:540px){
	.main-visual__title > em{font-size:15rem;}
	.main-visual__title h2{font-size:25rem;}
	.scroll_ani span{font-size:13rem;}
}
@media all and (max-width:480px){
	.main-visual{height:300rem; border-radius:7rem; margin:0 14rem;}
	.main-visual__title > em{font-size:12rem; margin-bottom:8rem;}
	.main-visual__title h2{font-size:17rem;}
	.main-visual .paging{margin-top:18rem;}
	.main-visual .paging span{width:15rem; height:15rem; border-width:1px;}
	.main-visual .paging span:before{width:4rem; height:4rem;}

	.scroll_ani span{font-size:11rem; padding-bottom:25rem;}
	.scroll_ani i{height:25rem;}
	.scroll_ani i::after{height:10rem;}
}
*/


.main-title{text-align:center; margin-bottom:80rem;}
.main-title h3{position:relative; font-size:72rem; font-weight:800; color:#fff; line-height:1.3em; word-break:keep-all; letter-spacing:-0.5px;}
.main-title h3 i{color:var(--color-point);}
.main-title > p{display:block; margin-top:50rem; font-size:24rem; font-weight:500; color:#fff; line-height:1.5em; word-break:keep-all;}
.main-title .btn-basic{margin:50rem auto 0;}
.main-title.wt > *{color:#fff;}



@media all and (max-width:1300px){
	.main-title h3{font-size:65rem;}
}
@media all and (max-width:1024px){

}

@media all and (max-width:768px){
	.main-title{margin-bottom:60rem;}
	.main-title h3{font-size:55rem;}
	.main-title > p{margin-top:35rem; font-size:20rem;}
	.main-title .btn-basic{margin:35rem auto 0;}
}
@media all and (max-width:620px){

	.main-title h3{font-size:45rem;}
	.main-title > p{margin-top:20rem; font-size:15rem;}
}
@media all and (max-width:480px){
	.main-title{margin-bottom:40rem;}
	.main-title h3{font-size:25rem;}
	.main-title > p{margin-top:15rem; font-size:13rem;}
	.main-title .btn-basic{margin:20rem auto 0;}

}


/* branch */
.main-branch{position:relative; padding:100rem 0 0; box-sizing:border-box; overflow-x:hidden;}
.branch-top{margin:0 70rem 70rem; box-sizing:border-box; display:flex; justify-content: space-between; align-items: flex-end;}
.branch-top p{display:block; font-size:24rem; font-weight:500; color:#fff; line-height:1.4em; word-break:keep-all; margin-bottom:30rem;}
.branch-top h3{display:block; font-size:80rem; font-weight:800; color:#fff; line-height:1.2em; word-break:keep-all;}
.branch-top h3 em{position:relative; top:5rem; display:inline-block; margin-left:20rem; font-size:36rem; font-weight:400; color:#949494; line-height:1em;}
.branch-top a{position:relative; top:-12rem; margin-right:90rem;}
.txt-red{color:var(--color-point);}
.branch-slide{}
.branch-slide .item{height:auto;}
.branch-slide .item a{position:relative; display:block; width:100%; height:100%; border-radius:10rem; overflow:hidden;}
.branch-slide .item a .img{width:100%; height:100%;}
.branch-slide .item a .img img{width:100%; height:100%;}
.branch-slide .item a .txt{position:absolute; left:0; right:0; bottom:0; display:flex; justify-content: center; width:100%; padding:13rem 10rem; background:#363636; font-size:18rem; font-weight:600; color:#fff; line-height:1em; box-sizing:border-box;}
.main-branch .owl-dots{display:none;}

/* video */

.main-video{position:relative; width:100%;  height: auto;}
.main-video a{display:block; width:100%; height: 100%; }
.main-video video{width:100%; height:auto;}
.main-video iframe{position:relative; display: block; width:100%; height:auto; aspect-ratio: 16 / 9; z-index:-1;}

/*
.main-video{width:100%;}
.main-video a{display:block; width:100%; position: relative; height: 0;padding-bottom: 57%;}
.main-video iframe{width:100%;height: 100%;position: absolute;top: 0;left: 0; z-index:-1;}
*/

/* event */
section[class^="main-"]:not(.main-branch){position:relative; margin:200rem 0; box-sizing:border-box;}
.event-list{width:1250rem; margin:0 auto;}

/* programm */
.programm-bn{width:100%; height:470rem; box-sizing:border-box; background:url(../img/main/programm.jpg)no-repeat center; background-size:cover;}
.main-programm .cont{text-align:center;}
.main-programm .btn-admin{position:relative; margin:40rem auto 0;}

/* trainer */
.main-trainer .cont{text-align:center;}
.main-trainer .btn-admin{position:relative; margin:40rem auto 0;}

@media all and (max-width:1300px){
	.branch-top a{margin:0;}
	.event-list{width:100%;}
}

@media all and (max-width:1024px){
	.main-branch{padding:80rem 0 0;}
	.branch-top{margin:0 40rem 50rem;}
	.branch-top p{margin-bottom:25rem; font-size:22rem;}
	.branch-top h3{font-size:70rem;}
	.branch-top h3 em{font-size:30rem;}
}
@media all and (max-width:768px){
	.main-branch{padding:60rem 0 0;}
	.branch-top{margin:0 30rem 40rem; display:block;}
	.branch-top p{margin-bottom:20rem; font-size:20rem;}
	.branch-top h3{font-size:60rem;}
	.branch-top h3 em{margin-left:15rem; font-size:25rem;}
	.branch-top a{margin-top:40rem;}

	section[class^="main-"]:not(.main-branch){margin:150rem 0;}


}

@media all and (max-width:620px){
	.main-branch{padding:50rem 0 0;}
	.branch-top{margin:0 20rem 30rem;}
	.branch-top p{margin-bottom:15rem; font-size:17rem;}
	.branch-top h3{font-size:45rem;}
	.branch-top h3 em{margin-left:10rem; font-size:20rem;}
	.branch-top a{margin-top:35rem;}
}

@media all and (max-width:480px){
	.branch-top{margin:0 14rem 20rem;}
	.branch-top p{margin-bottom:12rem; font-size:12rem;}
	.branch-top h3{font-size:27rem;}
	.branch-top h3 em{top:2rem; margin-left:6rem; font-size:13rem;}
	.branch-slide .item{height:273rem;}
	.branch-slide .item a{border-radius:6rem;}
	.branch-slide .item a .txt{padding:12rem 5rem; font-size:13rem;}



	section[class^="main-"]:not(.main-branch){margin:50rem 0;}

	.programm-bn{height:auto; padding:10rem 0;}

	.main-trainer .owl-dots{display:none;}
	.main-programm .btn-admin,
	.main-trainer .btn-admin{margin:20rem auto 0;}
}

/* iOS Safari 전용 스타일 */
@supports (-webkit-touch-callout: none) {
	.main-visual__video video{position:absolute; top:50%; left:50%; width:auto; height:100%; transform:translate(-50%, -50%); 
}
/* iOS Safari 전용 스타일 */