/* popup_notice */
	.popup_notice{width: 400px;height: 476px;position: absolute;top: 200px;right: 10%;z-index: 9;background: #292C2F url('/images/common/popup_notice.png') center center no-repeat;	background-size:100% auto ;}
	.popup_notice .text{width: 360px;height: 165px;margin: 180px auto 0;display: flex; align-items: center; justify-content:center; }
	.popup_notice .date{width: 360px;height: 44px;margin: 8px auto 0;line-height: 44px;color: #fff;text-align: center;}
	.popup_notice .date > strong{color: #FFDD00;}

	@media (max-width:992px){
		.popup_notice{right: 2%;}
	}

	@media (max-width:768px){
		.popup_notice{width: 100%;height: 376px;position:static;background-size:auto 100% ;padding-top: 144px;margin-bottom: 2px;}
		.popup_notice .text{width: 260px;height: 130px;margin: 0 auto;}
		.popup_notice .date{width: 300px;height: 34px;margin: 0 auto;line-height: 34px;padding-top: 4px;}
	}

/* popup */
    .popup_wrap{position:absolute;top:200px;right:calc(10% + 410px);z-index:10;}
    .popup_common{width:372px;height: 440px;display:none;}

    .popup_close{height:36px;line-height:36px;display: flex;justify-content:space-between;padding: 0 8px;background-color: #000;}
    .popup_close > a{color:#fff; font-size:14px;}
    .popup_close > a:hover{color: #C3AD98;}

    .swiper-slide > a{display: inline-block;width:372px;height: 440px;}
    .swiper-slide > a > img{width:100%;height: 100%;}
    .swiper-pagination-bullet {width: 20px !important;height: 20px !important;text-align: center;line-height: 20px;font-size: 12px;color: #000;opacity: 1;background: rgba(0, 0, 0, 0.2);}
    .swiper-pagination-bullet-active {color: #fff;background: #007aff;}
    .swiper-button-next, .swiper-button-prev{color: rgba(255,255,255,.3) !important;}

    @media (max-width:992px){
        .popup_wrap{right:calc(2% + 410px);}
    }

    @media (max-width:768px){
        .mobile_wrap{position: absolute;top: 70px;left: 0;width: 90%;left: 5%;z-index:10;}
        .popup_wrap{position: static;}
        .popup_common,
        .swiper-slide > a{width:100%;height:384px;}
    }
	


/* common*/
body{background-color: #fff !important;}
.header{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);transition: background-color 0.3s ease, backdrop-filter 0.3s ease;background-color: rgba(0, 0, 0, 0.3);}

.quick-menu{display: none;}

.main-btn-wrap{text-align: center;margin-top: 80px;}
.main-title{text-align: center;margin-bottom: 80px;}
.main-title div:first-child{font-size: 37px;font-family: 'Cardo';color: #000;}
.main-title div:last-child{font-size: 20px;}
.bg-color{background-color: var(--bg-color);}
.btn-more{border: 1px solid #ddd;border-radius: 0;color: #666;background-color: #fff;text-transform: uppercase;padding:10px 40px;position: relative;}
.btn-more:hover{border-color: var(--point-color);color: var(--point-color);}

@media (max-width: 768px) {
    .main-btn-wrap{margin-top: 40px;}
    .main-title{margin-bottom: 40px;}
    .section{padding: 50px 0;}
    .facility .main-title{margin: 0 !important;}
    .facility .main-btn-wrap{margin: 0 !important;}
    .main-title div:first-child{font-size: 24px;}
    .main-title div:last-child{font-size: 16px;}
}

/* Hero Section */
#hero.hero {padding: 0;margin: 0;width: 100%;height: 100vh;position: relative;overflow: hidden;display: block;line-height: 0;}
.hero_text{position: absolute;top: 60%;left: 10%;z-index:9;color: #fff;font-weight: 100;animation-name: fadeUpAniMainText; animation-duration: 8s; animation-fill-mode: forwards; animation-iteration-count: infinite;}
.hero_text > div:nth-child(1){font-size: 2.3rem;font-family: 'Noto Serif KR';}
.hero_text > div:nth-child(2){font-size: 1.2rem;padding-top: 40px;line-height: 1.5;}

/* Hero Video Styles */
#hero video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;object-fit: cover;display: block;margin: 0;padding: 0;}

@media (max-width: 768px) {
  #hero video {width: 100%;height: 100%;object-fit: cover;}
  .hero_text{display: none;}
}

/* Hero Carousel Styles - Only for #hero-carousel */
#hero-carousel.carousel {width: 100%;height: 100vh;padding: 0;margin: 0;background-color: var(--background-color);position: relative;}
#hero-carousel .carousel-inner {width: 100%;height: 100vh;position: relative;}
#hero-carousel .carousel-item {width: 100%;height: 100vh;position: relative;overflow: hidden;}
#hero-carousel .carousel-item img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;z-index: 1;}
#hero-carousel .carousel-item:before {content: "";background: color-mix(in srgb, var(--background-color), transparent 60%);position: absolute;inset: 0;z-index: 2;}
.hero .carousel-container {position: absolute;inset: 90px 64px 64px 64px;display: flex;justify-content: center;align-items: center;flex-direction: column;z-index: 3;color: #fff;}

@keyframes fadeInUp {
  from {opacity: 0;transform: translate3d(0, 100%, 0);}
  to {opacity: 1;transform: translate3d(0, 0, 0);}
}

@keyframes fadeInDown {
  from {opacity: 0;transform: translate3d(0, -100%, 0);}
  to {opacity: 1;transform: translate3d(0, 0, 0);}
}

/* scroll down */
.scrolldown_icon{position: absolute;bottom: 50px;left:50%; transform:translateX(-50%);z-index:7;}
.sceoll-container {display: flex;justify-content: center;align-items: center;width: 10rem;height:10rem;overflow: hidden;pointer-events: none;}
.chevron {position: absolute;width: 2.1rem;height: 0.48rem;opacity: 0;transform: scale(0.3);-webkit-animation: move-chevron 3s ease-out infinite;animation: move-chevron 3s ease-out infinite;}
.chevron:first-child {-webkit-animation: move-chevron 3s ease-out 1s infinite;animation: move-chevron 3s ease-out 1s infinite;}
.chevron:nth-child(2) {-webkit-animation: move-chevron 3s ease-out 2s infinite;animation: move-chevron 3s ease-out 2s infinite;}
.chevron:before,
.chevron:after {content: "";position: absolute;top: 0;height: 100%;width: 50%;background: #fff;}
.chevron:before {left: 0;transform: skewY(30deg);}
.chevron:after {right: 0;width: 50%;transform: skewY(-30deg);}

@-webkit-keyframes move-chevron {
  25% {opacity: 1;}
  33.3% {opacity: 1;transform: translateY(2.28rem);}
  66.6% {opacity: 1;transform: translateY(3.12rem);}
  100% {opacity: 0;transform: translateY(4.8rem) scale(0.5);}
}

@keyframes move-chevron {
  25% {opacity: 1;}
  33.3% {opacity: 1;transform: translateY(2.28rem);}
  66.6% {opacity: 1;transform: translateY(3.12rem);}
  100% {opacity: 0;transform: translateY(4.8rem) scale(0.5);}
}

@media (max-width:768px){
  .scrolldown_icon{display: none;}
} 

/* about */
.about-inner {width: 100%;height: 850px;position: relative;background: #fff;margin: 0 auto; overflow: hidden;}
.gallery-img {position: absolute;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);background-size: cover;background-position: center center;background-repeat: no-repeat;}

.with-border {border: 2px solid white;box-sizing: border-box;}

.gallery-img.img-01 {width: 384px;height: 238px;left: 20%;top: 10%;background-image: url('/images/facil01_2.jpg');}
.gallery-img.img-02 {width: 510px;height: 318px;left: 10%;top: 50%;background-image: url('/images/facil01_1.jpg');}
.gallery-img.img-03 {width: 336px;height: 447px;right: 15%;top: 20%;background-image: url('/images/stay_5.jpg');}
.gallery-img.img-04 {width: 161px;height: 213px;left: 12%;top: 40%;background-image: url('/images/bg_club3.jpg');}
.gallery-img.img-05 {width: 161px;height: 213px;right: 10%;top: 50%;background-image: url('/images/facil01_3.jpg');}

.main-description {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;font-size: 20px;background-color: #fff;padding: 14px; border-radius: 10px;}

@media (max-width: 992px) {
    .about-inner {height: 700px;}
    .gallery-img.img-01 {width: 280px;height: 174px;left: 15%;top: 8%;}
    .gallery-img.img-02 {width: 380px;height: 237px;left: 5%;top: 45%;}
    .gallery-img.img-03 {width: 250px;height: 333px;right: 10%;top: 18%;}
    .gallery-img.img-04 {width: 120px;height: 159px;left: 8%;top: 38%;}
    .gallery-img.img-05 {width: 120px;height: 159px;right: 8%;top: 48%;}
    .main-description {font-size: 16px;padding: 12px;}
    .main-description img {max-width: 200px;height: auto;}
}

@media (max-width: 768px) {
    .section.about {display: none;}
}


/* event */
section.event{padding: 150px 0;}
.board-event .event{margin: 0;}

@media (max-width: 992px) {
    section.event{padding: 50px 0;}
}

@media (max-width: 768px) {
    .board-event > div{margin-bottom: 20px;}
}

.board-event .event{position: relative;width: 260px;height: 365px;margin: 0 auto;}
    .board-event .event > .img{width: 260px;height: 365px;}
    .board-event .event > .txt{position: absolute;left: 0;bottom: 50px;width: 85%;background-color: rgba(255,255,255,0.8);padding: 10px;}
    .board-event .event .txt .title{color: #000;}
    .board-event .event .txt .date{color: #666;}
    
    @media (max-width: 1200px) {
        .board-event .event,
        .board-event .event > .img{width: 220px;height: 309px;}
    }

    @media (max-width: 992px) {
        .board-event .event,
        .board-event .event > .img{width: 170px;height: 239px;}
    }

    @media (max-width: 768px) {
        .board-event .event,
        .board-event .event > .img{width: 100%;height: 400px;}
        .board-event .event .txt .title{font-size: 16px;}
    }


/* course */
section.course{width: 100%;height: 600px;background-image: url('/images/bg-sub-book.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;color: #fff;}
section.course::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 0;}
section.course > *{position: relative;z-index: 1;}
section.course{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.course-inner{width: 100%;height: auto;text-align: center;}
.course-title{font-size: 34px;font-weight: 300;font-family: "Noto Serif KR", serif;color: #fff;margin-bottom: 40px;}
.course-description{font-size: 18px;font-weight: 300;color: #fff;margin: 0;}
.course .btn-more{background-color: var(--main-color);color: #fff;border-color: var(--main-color);}

@media (max-width: 992px) {
    section.course{height: 400px;padding: 14px;}
    .course-title{font-size: 22px;}
    .course-description{font-size: 16px;}
}


/* facility */
.section.facility-main{padding: 50px 0;}
.facility-inner {width: 90%;height: 850px;position: relative;background: #fff;margin: 0 auto; overflow: hidden;}
.gallery-img {position: absolute;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);background-size: cover;background-position: center center;background-repeat: no-repeat;}
.facility-title-wrap{position: absolute;left: 50%;top: calc(50% - 100px);transform: translateX(-50%);z-index: 10;margin: 0;width: auto;background-color: #fff;padding: 10px;}
.facility-title-wrap > .main-btn-wrap{margin-top: 20px !important;}
.facility-title-wrap > .main-title{margin-bottom: 20px !important;}
.with-border {border: 2px solid white;box-sizing: border-box;}

.gallery-img.img-01 {width: 384px;height: 238px;left: 20%;top: 10%;background-image: url('/images/c_b01.jpg');}
.gallery-img.img-02 {width: 510px;height: 318px;left: 10%;top: 50%;background-image: url('/images/03_06_b2.jpg');}
.gallery-img.img-03 {width: 336px;height: 447px;right: 15%;top: 20%;background-image: url('/images/main_sec-321.png');}
.gallery-img.img-04 {width: 161px;height: 213px;left: 12%;top: 40%;background-image: url('/images/main_sec-322.png');}
.gallery-img.img-05 {width: 161px;height: 213px;right: 10%;top: 55%;background-image: url('/images/main_sec-331.png');}

@media (max-width: 992px) {
    .facility-inner {height: 600px;width: 100%;}
    .gallery-img.img-01 {width: 280px;height: 174px;left: 15%;top: 8%;}
    .gallery-img.img-02 {width: 380px;height: 237px;left: 5%;top: 45%;}
    .gallery-img.img-03 {width: 250px;height: 333px;right: 10%;top: 18%;}
    .gallery-img.img-04 {width: 120px;height: 159px;left: 8%;top: 38%;}
    .gallery-img.img-05 {width: 120px;height: 159px;right: 8%;top: 48%;}
}

/* contact */
section.contact{width: 100%;height: 500px;display: flex;}
section.contact > div{flex: 1;}
.contact-wrap{background-color: var(--main-color);display: flex;justify-content: center;align-items: center;}
.main-contact-info{display: inline-block;color: #fff;}
.main-contact-info a{color: #fff;}
.contact-info-title > div:nth-child(2){font-size: 34px;margin-bottom: 50px;}
.main-contact-info > ul{display: flex;gap: 50px;}
.main-contact-info > ul > li > span{display: block;}
.main-contact-info > ul > li > strong{font-size: 24px;}

@media (max-width: 1200px) {
    .main-contact-info > ul{display: block;}
    .main-contact-info > ul > li + li{margin-left: 0px;}
}

@media (max-width: 992px) {
    section.contact{height: auto;display: block;}
    section.contact > div{width: 100%;}
    .contact-wrap{padding: 40px 14px;}
    .contact-info-title > div:nth-child(2){font-size: 24px;margin-bottom: 20px;}
    .main-contact-info{font-size: 14px;}
    .main-contact-info > ul > li > strong{font-size: 22px;}
    .main-contact-info-title > div:nth-child(2){margin-bottom: 20px;}
}


/* footer */
.footer{padding-top: 20px;}
.footer > .container{max-width: 1450px}
.footer > .container:nth-child(1){border-bottom: 1px solid rgba(255,255,255,0);}