@import url('https://fonts.googleapis.com/css2?family=Six+Caps&display=swap');
#scroll-container  {position: relative;  overflow: hidden;}
html, body {
  height: 100%;
  
}

/*인트로 검정화면*/
.intro-bg {background:#000;opacity:1;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:999;transition-duration: 0.5s;    visibility: visible;}
.intro-bg.on{opacity:0;transition-duration: 0.5s;    visibility: hidden;}

#inc01{}
#inc01 .gsap_cont{}
#inc01 .gsap_cont ul{overflow:hidden}
#inc01 .gsap_cont ul li{position:relative;clip-path: inset(0);width:100vw;height:100vh;}
#inc01 .gsap_cont ul li > div{position:fixed;left:0;top:0;overflow:hidden;height:100vh;}
#inc01 .gsap_cont ul li > div img{width:100%;height:100%;}



/*짤리는효과*/
.ctn {position:relative;clip-path: inset(0);width:100vw;height:100vh;}
.ctn > .fxd{width:100%;height:100%;position:fixed;left:0;top:0;overflow:hidden;height:100vh;z-index:1;}

/*배경들*/
.ctn01 .bg{background:url(/images/default/main/ctn01-bg.jpg)no-repeat center center;background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.ctn02 .bg{background:url(/images/default/main/ctn02-bg.jpg)no-repeat center center;background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.ctn03 .bg{background:url(/images/default/main/ctn03-bg.jpg)no-repeat center center;background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.ctn05 .bg{background:url(/images/default/main/ctn05-bg.jpg)no-repeat center center;background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.ctn08 .fxd{background:url(/images/default/main/ctn08-bg.jpg)no-repeat center center;background-size:cover;}

@media (max-width:767px){
.ctn02 .bg{background: url(/images/default/main/ctn02-bg.jpg) no-repeat calc(100% + 25rem) center;}
}


.ctn01 .bg,
.ctn02 .bg,
.ctn05 .bg{transform: scale(1.2, 1.2);      transition: all 2s ease-in-out;}
.ctn01.active .bg,
.ctn02.active .bg,
.ctn05.active .bg{    transform: scale(1, 1);     transition: all 2s ease-in-out;}

/*공통으로 사용 하는 것*/
.inner {width:1600px;margin:0 auto;}
.tit-zone h2{line-height:1.2;display:inline-block;}
.tit-zone h2 > span{font-size:2.5rem;font-weight:700;color:rgba(255,255,255,0.65);display:block;}
/*.active .tit-zone h2 span{animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.3s;}*/
.tit-zone h2 > span b{color:rgba(255,255,255,0.65);position:relative;font-weight:700;}
.tit-zone h2 > span b:after{-webkit-transition: all 0.5s; transition: all 0.5s; content: attr(title); display: block; position: absolute; top: 0; left: 0; width: 0%; white-space: nowrap; overflow: hidden; color: #fff;    -webkit-transition: all 0.5s;font-weight:700;}
.active .tit-zone h2 > span b:after {width: 100%;    -webkit-transition: all 0.5s; transition-delay: 0.2s;line-height:1.2;}
.tit-zone p{font-size:.9rem;color:rgba(255,255,255,0.7);margin-top:1.15rem;overflow:hidden;}
.tit-zone p span {transform: translate3d(0, 150%, 0);color:rgba(255,255,255,0.65);display:block;}
.active  .tit-zone p span{animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.3s;}
.active  .tit-zone p.delay02 span {    animation-delay: 0.5s;}

.tit-zone h2 em:first-child {transform:translateX(-50%);transition-duration: 1.5s;display:block;}
.active .tit-zone h2 em:first-child {transform:translateX(0);transition-duration: 1.5s;}
.tit-zone h2 em:nth-child(2) {transform:translateX(50%);transition-duration: 1.5s;display:block;}
.active .tit-zone h2 em:nth-child(2) {transform:translateX(0);transition-duration: 1.5s;}

.noPost{ position:relative; color:#333; text-align:center;padding:10rem 1rem; background:#FAFAFA; width:100%;  margin-top:1.5%;height: 32rem;}
.noPost span{width:6rem; height:6rem; margin:0 auto; display: flex; align-items: center; justify-content: center; border:2px solid #EFEFEF; border-radius:50%; background:#fff; margin-bottom:1rem;}
.noPost img { border:none; vertical-align:middle; width:50%; }




@keyframes text-up {
	from {
		transform: translate3d(0, 150%, 0);
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}
.fade-out > .tit-zone h2 span{animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.3s;}
.fade-out > .tit-zone p span{animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.3s;}
.fade-out > .tit-zone p.delay02 span {    animation-delay: 0.5s;}

@media (max-width:767px){
	.tit-zone p  {font-size:15px;}
	.ctn > .fxd{height:100%;position:relative;}
}


.more-btn{display:flex;align-items:center;font-size:0.9rem;font-weight:700;color:#fff;margin-top:2.75rem;position:relative;z-index:1;}
.more-btn i {width:1.25rem;height:1.25rem;background:#1060a1;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:0.35rem;transition-duration: 0.5s;}
.more-btn i img{width:0.5rem;}
.more-btn:hover i{transform: rotate(180deg);transition-duration: 0.5s;}

@media (max-width:1600px){
	.inner {width:100%;padding:0 2.5rem;}
}
@media (max-width:1030px){
	.tit-zone h2 span{font-size:2.2rem;}
	.inner {width:100%;padding:0 5vw;}
}

/*스크롤*/
.scrollDown{color:#fff;font-size:.9rem;display:flex; flex-direction:column;position:fixed;left:50%;bottom:2.5rem;text-align:center;z-index:2;transform:translateX(-50%);}
.scrollDown .icon-scroll-down {display:inline-block;width:18px;height:26px;border-radius:9px;border:1px solid #fff;position:relative;margin:0 auto;margin-bottom:0.45rem;}
.scrollDown .icon-scroll-down:after{content:'';display:block;position:absolute;width:2px;height:4px;background:#fff;border-radius:1px 1px 1px 1px;left:50%;transform:translateX(-50%); animation: scroll .9s linear infinite;}
.scrollDown .text {font-size:0.8rem;color:#fff;}


@keyframes scroll {
    0% {
    top: 5px;
	}
	50% {
		top: 10px;
	}
	100% {
		top: 5px;
	}
}

.ctn07 .scrollDown .icon-scroll-down{border:1px solid #333333;}
.ctn07 .scrollDown .icon-scroll-down:after {background:#333;}
.ctn07 .scrollDown .text {color:#333;}

.ctn08 .scrollDown .icon-scroll-down{border:1px solid #333333;}
.ctn08 .scrollDown .icon-scroll-down:after {background:#333;}
.ctn08 .scrollDown .text {color:#333;}


@media (max-width:1030px){
	.ctn07 .scrollDown {position:absolute;bottom:1rem;}
	.ctn08 .scrollDown {position:absolute;bottom:1rem;}
}




/*ctn01*/
.ctn01 .fxd {display:flex;justify-content:center;align-items:flex-end;    }


.ctn01 .link-list{display:flex;margin-top:4.3rem;}
.ctn01 .link-list li {height:10.6rem;padding:1.45rem 0.875rem 0 0.875rem;position:relative;}
.ctn01 .link-list li:before{content:'';display:block;position:absolute;width:100%;left:0;bottom:0;background:#1060a1;height:0;transition-duration: 0.5s;}
.ctn01 .link-list li a {font-size:1rem;color:#fff;position:relative;display:inline-block;width:100%;height:100%;}
.ctn01 .link-list li a:after{content:'';display:block;position:absolute;width:0.5rem;height:0.5rem;background:url(/images/default/main/more-icon.svg)no-repeat center center;background-size:cover;left:50%;top:2.35rem;margin-left:-0.25rem;opacity:0;}
.ctn01 .link-list li.on{padding:1.45rem 1.15rem 0  1.15rem;}
.ctn01 .link-list li.on a{font-size:1.15rem;font-weight:700;animation-delay:0.5s;}
.ctn01 .link-list li.on a:after {opacity:1;}
.ctn01 .link-list li.on:before{height:100%;transition-duration: 0.7s;}


@media (max-width:500px){
	.ctn01 .link-list {width:calc(100% + 10vw);margin-left:-5vw;flex-wrap:wrap;}
	.ctn01 .link-list li{width:calc(100% / 2);padding:1rem;height:5rem;}
	.ctn01 .link-list li a{text-align:center;}


}



/*ctn02*/
.ctn02 .fxd {display:flex;justify-content:center;align-items:center;}

/*ctn03*/
.ctn03 {position:relative;}
.ctn03 .more-btn {justify-content:center;}
.ctn03 .fxd {display:flex;justify-content:center;align-items:flex-end;padding-top:4.5rem;position:relative;padding-bottom:7.25rem;}
.ctn03 .fxd .tit-zone{text-align:center;}
.ctn03 .medical-team{display:flex;align-items:flex-end;justify-content:center;margin-top:1.5rem;gap:3rem;}
.ctn03 .medical-team li{position:relative;z-index:1;text-align:center;}
.ctn03 .medical-team li .img-zone {width:258px;height:331px;background:#cbc6bd;}
.ctn03 .medical-team li .txt-zone{margin-top:0.75rem;}
.ctn03 .medical-team li .txt-zone .txt{font-size:.8rem;color:#fff;}
.ctn03 .medical-team li .txt-zone strong {font-size:1rem;font-weight:700;color:#fff;display:block;}
.ctn03 .scrollDown{position:absolute;}


.ctn03 .banner-txt{position: absolute;bottom: 21.45rem;font-size: 4.5rem;color: rgba(255,255,255,0.1);animation: content_move linear infinite 20s;display: flex;width: 100%;white-space: nowrap;vertical-align: top;line-height: 1;font-weight:700;}

@-webkit-keyframes content_move {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
.ctn03 .medical-team-mob{display:none;}
@media (max-width:1500px){
	.ctn03 .fxd {    align-items: flex-start;padding:8rem 0;height:auto;}
	.ctn03 {height:auto;}
}
@media (max-width:1030px){

	.ctn03 {height:auto;}
	.ctn03 .fxd{height:auto;padding:5rem 0 8rem 0;}
	.ctn03 .medical-team{gap:1rem;}
	.ctn03 .medical-team li{width:calc(100% / 4 - 0.5rem);}
	.ctn03 .medical-team li .img-zone {width:100%;height:auto;}
	.ctn03 .medical-team li .img-zone img{max-width:100%;}
	        
}
@media (max-width:500px){
	.ctn03 .fxd{height:100%;   align-items: center;}
	.ctn03 .medical-team{flex-wrap:wrap}
	.ctn03 .medical-team li{width:calc(100% / 2 - 0.5rem);}

}


/*ctn04*/
.ctn04 .swiper{height:100%;}
.ctn04 .fxd{}
.ctn04 .fxd .tit-zone{text-align:center;padding-top:10.25rem;} 
.ctn04 .more-btn {justify-content:center;}
.ctn04 .swiper-pagination{top:calc(50% + 0.9rem) !important;bottom:auto;height:12px;}

.ctn04 .swiper-pagination-bullet {width:12px;height:12px;background:inherit;border:1px solid #fff;opacity:1;cursor:pointer;}
.ctn04 .swiper-pagination-bullet-active{background:#fff;}
.ctn04 .swiper-slide {padding-top:10.25rem;}
.ctn04 .swiper-slide .tit-zone h2{overflow:hidden;line-height:1.2;}






/*첫번째 슬라이드 말고 텍스트 효과*/


.ctn04 .swiper-slide .tit-zone02{overflow:hidden;line-height:1.2;text-align:center;position:relative;z-index:1;}
.ctn04 .swiper-slide .tit-zone02 h2 span{font-size:2.5rem;font-weight:700;color:rgba(255,255,255,0.65);display:block;}
.tit-zone02 h2 span b{color:#fff;}

.tit-zone02 p{font-size:.9rem;color:rgba(255,255,255,0.7);margin-top:1.15rem;overflow:hidden;}
.tit-zone02 p span {transform: translate3d(0, 150%, 0);color:rgba(255,255,255,0.65);display:block;line-height:1.5;}

.ctn04 .swiper-slide .tit-zone02 h2{display:inline-block;overflow:hidden;}
@keyframes text-up02 {
	from {
		transform: translate3d(0, 200%, 0);
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}


.ctn04.active .swiper-slide.swiper-slide-active .tit-zone02 h2 span{ animation-delay:0.3s;}
.ctn04.active .swiper-slide.swiper-slide-active .tit-zone02 p span{animation: text-up02 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.3s;}
.ctn04.active .swiper-slide.swiper-slide-active .tit-zone02 p.delay02 span {    animation-delay: 0.5s;}

.ctn04 .swiper .bg{position:absolute;left:0;top:0;width:100%;height:100%;transform: scale(1.2, 1.2);transition: all 2s ease-in-out;}
.ctn04 .swiper-slide.swiper-slide-active .bg {   transform: scale(1, 1);
    transition: all 2s ease-in-out;}


.ctn04 .swiper-slide .tit-zone02 h2 span b{color:rgba(255,255,255,0.65);position:relative;font-weight:700;}
.ctn04 .swiper-slide .tit-zone02 h2 span b:after{-webkit-transition: all 0.5s; transition: all 0.5s; content: attr(title); display: block; position: absolute; top: 0; left: 0; width: 0%; white-space: nowrap; overflow: hidden; color: #fff;    -webkit-transition: all 0.5s;    line-height: 1.2;font-weight:700;}
.ctn04.active .swiper-slide.swiper-slide-active .tit-zone02 h2 span b:after{width: 100%;    -webkit-transition: all 0.5s; transition-delay: 0.2s;}

.ctn04 .swiper-slide .tit-zone02 h2 em:first-child {transform:translateY(100%);transition-duration: 0.75s;display:block;}
.ctn04.active .swiper-slide.swiper-slide-active .tit-zone02 h2 em:first-child {transform:translateY(0);transition-duration: 0.75s;}
.ctn04 .swiper-slide .tit-zone02 h2 em:nth-child(2) {transform:translateY(50%);transition-duration: 1.5s;display:block;}
.ctn04.active .swiper-slide.swiper-slide-active .tit-zone02 h2 em:nth-child(2) {transform:translateY(0);transition-duration: 1.5s;}

.ctn04 .swiper-pagination {
  position: absolute;  /* 또는 absolute, 필요 시 */
  z-index: 10;         /* 다른 요소보다 높게 */
  pointer-events: auto; /* 꼭 추가 */
}

@media (max-width:1030px){
	.ctn04 .swiper-slide{padding-top:0;display: flex;align-items: center;justify-content: center;flex-direction:column;padding:0 1rem;}
	.ctn04 .swiper-pagination{top:auto !important;bottom:10rem !important;}
}

@media (max-width:767px){
	.tit-zone02 p {font-size:15px;}
	.ctn04 .swiper-slide.swiper-slide-active .bg{display:none;}
	.ctn04 .swiper-slide.swiper-slide-active .mob-bg{display:block;    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.2, 1.2);
    transition: all 2s ease-in-out;}

}

/*ctn05*/
.ctn05 {margin:0 auto;}
.ctn05 .fxd {display:flex;justify-content:center;align-items:flex-end;padding-bottom:7.65rem;}


/*ctn06*/
.ctn06 .swiper{height:100%;}
.ctn06 .swiper .inner{display:flex;align-items:flex-end;height:100%;padding-bottom:11.5rem;position:relative;z-index:1;}
.ctn06 {position:relative;}
.ctn06 .control-bx {position:absolute;bottom:7.25rem;left:0;z-index:1;height:2.15rem;width:1600px;left:50%;margin-left:-800px;}
.ctn06 .control-bx .control-next {width:2.2rem;height:2.25rem;background:url(/images/default/main/control-next-icon.png)no-repeat center center;background-size:cover;}
.ctn06 .control-bx .control-prev{width:2.2rem;height:2.25rem;background:url(/images/default/main/control-prev-icon.png)no-repeat center center;background-size:cover;}

.ctn06 .control-bx > div {display:flex;align-items:center;}

.ctn06  .swiper-pagination {text-align:left;position:relative;width:auto;left:auto;bottom:auto;padding:0 1.45rem;color:#fff;font-size:0.9rem;display:flex;}
.ctn06  .swiper-pagination span {line-height:1;font-weight:400;}
.ctn06  .swiper-pagination span.swiper-pagination-total {margin-top:0.6rem;}
.ctn06  .swiper-pagination em {margin:0 0.45rem;}

.ctn06 .swiper .bg{position:absolute;left:0;top:0;width:100%;height:100%;transform: scale(1.2, 1.2);transition: all 2s ease-in-out;}
.ctn06 .swiper-slide.swiper-slide-active .bg {    transform: scale(1, 1);
    transition: all 2s ease-in-out;}



/*ctn06-텍스트 효과*/
.ctn06 .swiper-slide .tit-zone03 h2{}
.ctn06 .swiper-slide .tit-zone03 h2 span{font-size:2.5rem;font-weight:700;color:rgba(255,255,255,0.65);display:block;}
.ctn06 .tit-zone03 h2 span b{color:#fff;}

.ctn06 .tit-zone03 p{font-size:.9rem;color:rgba(255,255,255,0.7);margin-top:1.15rem;overflow:hidden;}
.ctn06 .tit-zone03 p span {transform: translate3d(0, 150%, 0);color:rgba(255,255,255,0.65);display:block;}


@keyframes text-up02 {
	from {
		transform: translate3d(0, 200%, 0);
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}


.ctn06.active .swiper-slide.swiper-slide-active .tit-zone03 h2 span{}
.ctn06.active .swiper-slide.swiper-slide-active .tit-zone03 p span{animation: text-up02 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.3s;}
.ctn06.active .swiper-slide.swiper-slide-active .tit-zone03 p.delay02 span {    animation-delay: 0.5s;}
.ctn06 .swiper-slide .tit-zone03 h2 span b{color:rgba(255,255,255,0.65);position:relative;font-weight:700;}
.ctn06 .swiper-slide .tit-zone03 h2 span b:after{-webkit-transition: all 0.5s; transition: all 0.5s; content: attr(title); display: block; position: absolute; top: 0; left: 0; width: 0%; white-space: nowrap; overflow: hidden; color: #fff;    -webkit-transition: all 1.2s;    line-height: 1.2;font-weight:700;}
.ctn06.active .swiper-slide.swiper-slide-active .tit-zone03 h2 span b:after{width: 100%;    -webkit-transition: all 1.2s; transition-delay: 0.2s;}


.ctn06 .swiper-slide .tit-zone03 h2 em:first-child {transform:translateX(-50%);transition-duration: 1.5s;display:block;}
.ctn06.active .swiper-slide.swiper-slide-active .tit-zone03 h2 em:first-child {transform:translateX(0);transition-duration: 1.5s;}
.ctn06 .swiper-slide .tit-zone03 h2 em:nth-child(2) {transform:translateX(50%);transition-duration: 1.5s;display:block;}
.ctn06.active .swiper-slide.swiper-slide-active .tit-zone03 h2 em:nth-child(2) {transform:translateX(0);transition-duration: 1.5s;}



@media (max-width:1600px){
	.ctn06 .control-bx {width:100%;margin-left:0;left:2.5rem;        width: calc(100% - 10vw);}
}
@media (max-width:1030px){
	.ctn06 .control-bx {left:5vw;}
}
@media (max-width:767px){
	.ctn06 .tit-zone03 p {font-size:1rem;}

}


/*ctn07*/

/*화이트 배경일 경우 헤더 */
#header .color-logo {display:none;}
#header .white-logo {display:block;}
#header.header-b{}
#header.header-b .header_inner #nav ul li a {color:#333}
#header.header-b .btnAll span {    background-color: #333;}
#header.header-b .color-logo {display:block;}
#header.header-b .white-logo {display:none}


.ctn07 .fxd {display:flex;justify-content:center;align-items:flex-end;padding-bottom:7.65rem;}
.ctn07 .txt-tit p{line-height:1;overflow:hidden;}
.ctn07 .txt-tit p span {transform: translate3d(0, 150%, 0);font-size:1.15rem;color:#999;font-weight:700;    display: block;}
.ctn07.active .txt-tit p span{animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay: 0.3s;}
.ctn07 .txt-tit h2{line-height:1;margin-top:0.5rem;overflow:hidden;}
.ctn07 .txt-tit h2 span {color:#333;font-size:2.5rem;font-weight:700;transform: translate3d(0, 150%, 0);display:block;}
.ctn07.active .txt-tit h2 span {animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay: 0.5s;}




.ctn07 .inner{overflow:hidden;}
.ctn07 .youtube-con{margin-top:2rem;display:flex}
.ctn07 .youtube-con .list{width:calc(100% - 56.25%) ;   margin-right: 1.689rem;}
.ctn07 .youtube-con .list li a{display:flex;align-items:center}
.ctn07 .youtube-con .list li a img {width:10rem;height:5.5rem;    object-fit: cover;}
.ctn07 .youtube-con .list li a p {width:calc(100% - 10rem);font-size:1rem;font-weight:500;padding-left:1.25rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;max-height: 3rem;}
.ctn07 .youtube-con .list li:not(:last-child){margin-bottom:0.9rem;}

.ctn07.active .youtube-con .list {}
.ctn07 .youtube-con .right {transform:translateX(100%);}
.ctn07.active .youtube-con .right {animation: right-ani 1.2s cubic-bezier(0.4, 0, 0.2, 1) both;overflow:hidden;animation-delay: 0.9s;}
.ctn07.active07 .youtube-con .list{}
.ctn07.active07 .youtube-con .right{animation: right-ani 1.2s cubic-bezier(0.4, 0, 0.2, 1) both;overflow:hidden;animation-delay: 0.9s;}
.ctn07.active07 .txt-tit p span{animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay: 0.3s !important;}
.ctn07.active07 .txt-tit h2 span {animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay: 0.5s;}


.ctn07 .youtube-con .list li {
    opacity: 0; /* 처음에는 안 보이게 설정 */
    transform: translateY(20px); /* 아래쪽에서 시작 */
}
.ctn07.active07 .youtube-con .list li{animation: fadeInUp 0.6s ease-out forwards;}

/* 각 li 요소에 딜레이를 줘서 순차적으로 나타나게 함 */
.ctn07.active07 .youtube-con .list li:nth-child(1) { animation-delay: 0.4s; }
.ctn07.active07 .youtube-con .list li:nth-child(2) { animation-delay: 0.6s; }
.ctn07.active07 .youtube-con .list li:nth-child(3) { animation-delay: 0.8s; }
.ctn07.active07 .youtube-con .list li:nth-child(4) { animation-delay: 1.0s; }

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes left-ani{
	from {
		transform:translateX(-100%);
	}
	to {
		transform:translateX(0);
	}
}


@keyframes right-ani{
	from {
		transform:translateX(100%);
	}
	to {
		transform:translateX(0);
	}
}



.ctn07 .youtube-con .right{    width: 56.25%;}
.ctn07 .youtube-con .right a img{width:100%;height:100%;}
.ctn07 .youtube-con .right a {position:relative;display:block;height:100%;}
.ctn07 .youtube-con .right a p {color:#fff;position:absolute;font-weight:bold;top:1.75rem;left:1.5rem;font-size:0.975rem;}
.ctn07 .youtube-con .right a:after{content:'';display:block;position:absolute;width:3rem;height:3rem;background:url(/images/default/main/video-youtube.png)no-repeat center center;background-size:cover;right:1.5rem;bottom:2rem;}
.ctn07 .youtube-con .right a:before{content:'';display:block;position:absolute;width:4.2rem;height:4.2rem;background:url(/images/default/main/video-btn.png)no-repeat center center;background-size:cover;left:50%;top:50%;transform:translate(-50%,-50%);}
@media (max-width:1850px){
	.ctn07 .fxd {padding-bottom:4.5rem;}
}
@media (max-width:1030px){
	.ctn07 .youtube-con{ flex-direction: column-reverse;}
	.ctn07 .youtube-con .right{width:100%;}
	.ctn07.ctn{height:auto;min-height:100vh;}
	.ctn07 .fxd {padding:5rem 0;height:auto;position:relative;}
	.ctn07 .youtube-con .list{width:100%;margin-right:0;margin-top:1rem;}
	.ctn07 .youtube-con .list li a p br{display:none;}

}


/*ctn08*/
.ctn08 .fxd {display:flex;justify-content:center;align-items:center;padding-bottom:7.65rem;padding-top:4.5rem;}
.ctn08 .txt-tit p{font-size:1.15rem;color:#999;line-height:1;font-weight:700;}
.ctn08 .txt-tit h2{color:#333;font-size:2.5rem;font-weight:700;line-height:1;margin-top:0.5rem;}
.ctn08 .commu-list {display:flex;gap:2rem;margin-top:2rem;}
.ctn08 .commu-list > li {width:calc(100% / 4 - 1rem)}
.ctn08 .commu-list > li img {max-width:100%;}
.ctn08 .commu-list > li > a > div.txt-zone {display:flex;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;color:#333;margin-top:1.5rem;}
.ctn08 .commu-list > li > a > div.txt-zone img{margin-right:0.35rem;}
.ctn08 .commu-list > li > a > div.img-zone {overflow:hidden;}
.ctn08 .commu-list > li > a > div.img-zone img{
    transform: scale(1, 1);  transition: all 0.5s ease-in-out;}
.ctn08 .commu-list > li > a:hover > div.img-zone img{
    transform: scale(1.1, 1.1);   transition: all 0.5s ease-in-out;}

.ctn08 .txt-tit p{line-height:1;overflow:hidden;}
.ctn08 .txt-tit p span {transform: translate3d(0, 150%, 0);font-size:1.15rem;color:#999;font-weight:700;    display: block;}
.ctn08.active .txt-tit p span{animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay: 0.3s;}
.ctn08 .txt-tit h2{line-height:1;margin-top:0.5rem;overflow:hidden;}
.ctn08 .txt-tit h2 span {color:#333;font-size:2.5rem;font-weight:700;transform: translate3d(0, 150%, 0);display:block;}
.ctn08.active .txt-tit h2 span {animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay: 0.5s;}
.ctn08.active08 .txt-tit p span{animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay: 0.3s;}
.ctn08.active08 .txt-tit h2 span {animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay: 0.5s;}

.ctn08 .commu-list li {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.ctn08.active .commu-list li {
  opacity: 1;
  transform: translateY(0);
}

.ctn08.active .commu-list li:nth-child(1) {
  transition-delay: 0.7s;
}
.ctn08.active .commu-list li:nth-child(2) {
  transition-delay: 0.9s;
}
.ctn08.active .commu-list li:nth-child(3) {
  transition-delay: 1.1s;
}
.ctn08.active .commu-list li:nth-child(4) {
  transition-delay: 1.3s; 
}
.ctn08.active08 .commu-list li{
  opacity: 1;
  transform: translateY(0);
}



@media (max-width:1030px){
	.ctn08.ctn {height:auto;}
	.ctn08 .commu-list{flex-wrap:wrap;}
	.ctn08 .commu-list > li{    width: calc(100% / 2 - 1rem);}
	.ctn08 .commu-list > li a > img{width:100%;}
	.ctn08 .fxd{position:relative;height:auto;padding:5rem 0;}

	.ctn07 .txt-tit h2 span {font-size:2.2rem;}
	.ctn08 .txt-tit p span{font-size:15px;}
	.ctn08 .txt-tit h2 span{font-size:2.2rem;}
}



/*ctn09*/
.ctn09 {padding:5.9rem 0 4.75rem }
.ctn09 .inner{display:flex;align-items: flex-start;}
.ctn09 .inner h2{font-weight:700;width: 27%;overflow:hidden;}
.ctn09 .inner h2 span {font-size:2.5rem;color:#333;display:block;transform: translate3d(0, 150%, 0);}
.ctn09.active .inner h2 span  {animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.ctn09 .inner .counseling{width:calc(100% - 27%);}
.ctn09 .inner .counseling ul {display:flex;gap:2rem;margin-top:1.6rem;}
.ctn09 .inner .counseling ul li {width:calc(100% / 3 - 1rem);border-bottom:1px solid #333;display:flex;align-items:center;}
.ctn09 .inner .counseling ul li label {color:#333;font-size:0.9rem;width:3.5rem;line-height:1;display:block;padding:0 5px;padding-bottom:0.85rem;}
.ctn09 .inner .counseling ul li input {border:none;width:calc(100% - 3.5rem);padding-bottom:1rem;}
.ctn09 .inner .counseling ul li input::placeholder{color:#999;font-size:0.8rem;}
.ctn09 .inner .counseling .textarea-con{margin-top:2rem;}
.ctn09 .inner .counseling .textarea-con label{color:#333;font-size:0.9rem;line-height:1;display:block;padding:0 5px;padding-bottom:0.65rem;}
.ctn09 .inner .counseling .textarea-con textarea{border:none;background:#f5f5f5;border-radius:5px;padding:1.25rem 1rem;color:#333;height:6.45rem;}
.ctn09 .inner .counseling .textarea-con textarea::placeholder{color:#999;font-size:0.8rem;}
.ctn09 .inner .counseling .sumbit-con {display:flex;justify-content:flex-end;margin-top:1.25rem;}
.ctn09 .inner .counseling .sumbit-con input {background:#1060a1;color:#fff;width:9rem;height:2.5rem;font-size:0.9rem;border-radius:5px;font-size:0.9rem;border:none;}

@media (max-width:1600px){
	.ctn09 .inner h2{padding-right:1.5rem;}
	.ctn09 .inner h2 span{font-size:2.2rem;}

}
@media (max-width:1030px){
	.ctn09 .inner h2 span{font-size:2.2rem;}
	.ctn09 .inner{display:block;}
	.ctn09 .inner h2{padding-right:0;width:100%;}
	.ctn09 .inner .counseling{width:100%;}
}

@media (max-width:767px){
	.ctn09 .inner .counseling ul {flex-wrap:wrap;gap:1rem;}
	.ctn09 .inner .counseling ul li {width:100%;}
	.ctn09{padding:5rem 0;}
}


@media (max-width:1030px){
	.tit-zone h2 > span b:after {top:1px;}
	.ctn04 .swiper-slide .tit-zone02 h2 span b:after{top:1px;}
	.ctn06 .swiper-slide .tit-zone03 h2 span b:after{top:1px;}
}


.main-pop-con{    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;}

	.main-pop-con .main-pop {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3000;max-width: calc(100vw - 30px);width: 1300px;max-width: calc(100vw - 30px);}
	.main-pop-con .main-pop .swiper-slide img{max-width:100%;}

	.main-pop-bg{    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: rgba(0, 0, 0, .65);}

	.chkvsb{background:inherit !important;padding:0.5rem 0 !important;}
	.chkvsb i {font-size:1rem;}
	.chkvsb p {font-size:16px !important;}

	.main-pop-con .main-pop-top {display:flex;gap:0.5rem;justify-content:flex-end;margin-bottom:0.5rem;}
	.main-pop-con .main-pop-top > div {width:2rem;height:2rem;border:1px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;
}

@media (max-width:1200px){
	.main-pop-con .main-pop{width:700px;}
}