@charset "utf-8";
body{}
#header .gnb > li.on:before{content: '';width:20px;height:2px;background: #8BBDFF;position: absolute;left:15px;bottom:10px;opacity: 1;transition: all .3s;}

#sec1{width:100%;height:100vh;box-sizing: border-box;position: relative;}

#sec1 .tit{position: absolute;left:200px;top:50%;z-index: 2;transform: translate(0,-50%);color:#fff;}
#sec1 .tit h2{font-size:56px;line-height:68px;font-family: 'Noto Serif KR';margin-bottom:30px;}
#sec1 .tit h3{font-size:16px;line-height:22px;font-family: 'Noto Sans KR';margin-bottom:30px;}
#sec1 .tit a{padding:15px 35px;background: #8BBDFF;display: inline-block;box-sizing: border-box;color:#fff;font-weight: 500;border:2px solid #8BBDFF;transition: all .5s;}
#sec1 .tit a:hover{background: #fff;color:#8BBDFF;}

#sec1 .line{width:1px;height:220px;position: absolute;bottom:-110px;right:80px;z-index: 1;}
#sec1 .line .color{width:1px;height:0%;background: #8BBDFF;position: absolute;left:0;top:0;animation: colortb 1s ease infinite;}
@keyframes colortb{
    0% {height:0%;opacity: 1;}
    60%{opacity: .8;}
    100%{height:100%;opacity: 0;}
}

#sec1 .main_slide{width:100%;height:100%;position: relative;}
#sec1 .main_slide .img{background: #d6d6d6;width:100%;height:100%;}

#sec1 .main_slide .cover{position: absolute;width:100%;height:100%;left:0;top:0;background: #000;z-index: 1;opacity: .05;}

#sec1 .main_slide .main_pagi{bottom:30px;}
#sec1 .main_slide .main_pagi .swiper-pagination-bullet{width:10px;height:10px;background: #fff;margin:0 5px;opacity: 1;vertical-align: middle;transition: all .3s;}
#sec1 .main_slide .main_pagi .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #8BBDFF;width:6px;height:6px;position: relative;margin:0 10px;}
#sec1 .main_slide .main_pagi .swiper-pagination-bullet.swiper-pagination-bullet-active:before{content: '';width:16px;height:16px;border:1px solid #8BBDFF;position: absolute;left:50%;top:50%;border-radius: 9px;transform: translate(-50%,-50%);}

#sec1 .main_slide .main_next{width:80px;height:80px;right:0;background: rgba(255,255,255,.3);}
#sec1 .main_slide .main_next:after{font-size:34px;color:#fff;font-weight: 600;transition: all .3s;}
#sec1 .main_slide .main_next:hover:after{color:#8BBDFF;}

#sec1 .main_slide .main_prev{width:80px;height:80px;left:0;background: rgba(255,255,255,.3);}
#sec1 .main_slide .main_prev:after{font-size:34px;color:#fff;font-weight: 600;transition: all .3s;}
#sec1 .main_slide .main_prev:hover:after{color:#8BBDFF;}

/*sec2*/

#sec2{width:100%;margin:120px 0 100px;font-family: 'poppins';}
#sec2 .sec2_in{width:1230px;margin:0 auto;}
#sec2 .sec2_in .top{}
#sec2 .sec2_in .top h2{font-size:42px;color:#8BBDFF;}
#sec2 .sec2_in .top h3{font-size:24px;margin:16px 0 32px;letter-spacing: 1px;opacity: .5;}

#sec2 .sec2_in .mi{width:100%;margin-bottom:60px;}

#sec2 .sec2_in .bot{}
#sec2 .sec2_in .bot h3{padding:14px 20px;border-bottom:1px solid #e1e1e1;font-size:22px;    font-family: "Cormorant Garamond";font-style: italic;color:#84847c;margin-bottom:15px;}
#sec2 .sec2_in .bot .txt{padding-top:30px;margin-bottom:32px;}
#sec2 .sec2_in .bot .txt h2{font-size:14px;line-height:30px;display: block;color:#84847c;margin-bottom:14px;}
#sec2 .sec2_in .bot .txt h2:last-child{margin:0;}

#sec2 .sec2_in .bot .re{margin-top:50px;}
#sec2 .sec2_in .bot .re a{display: inline-block;font-size:12px;line-height:2em;letter-spacing: .3em;padding:13px 54px;color:#fff;background: #8BBDFF;border:1px solid transparent; font-family: 'Josefin Sans';transition: all .3s ease-in-out;}
#sec2 .sec2_in .bot .re a:hover{background:rgba(139,189,255,.6);}

/*sec3*/

#sec3{}
#sec3 .sec3_in{width:1230px;margin:0 auto;padding-bottom:100px;border-bottom:1px solid rgba(227,231,232,0.7);}
#sec3 .sec3_in > h2{font-family: 'Josefin Sans';display: block;
margin:30px 0;color:#8BBDFF;font-size:22px;line-height:1.5em;letter-spacing: .15em;}
#sec3 .sec3_in .facility_slide{}
#sec3 .sec3_in .facility_slide .swiper-slide{}
#sec3 .sec3_in .facility_slide .swiper-slide .img{}
#sec3 .sec3_in .facility_slide .swiper-slide .img a{display: block;position: relative;overflow: hidden;}
#sec3 .sec3_in .facility_slide .swiper-slide .img a img{width:100%;}
#sec3 .sec3_in .facility_slide .swiper-slide .img a p{position: absolute;left:0;bottom:-45px;right:0;text-align: center;line-height:45px;background: rgba(233,32,79,.5);color:#fff;font-family: 'Noto Sans KR';font-size:13px;transition: all .4s ease-in-out;}
#sec3 .sec3_in .facility_slide .swiper-slide:hover .img a p{bottom:2px;}

#sec3 .sec3_in .facility_slide .swiper-slide .txt{margin-top:19px;}
#sec3 .sec3_in .facility_slide .swiper-slide .txt h2{width:50%;float:left;font-family: 'Josefin Sans';line-height: 24px;vertical-align: bottom;}
#sec3 .sec3_in .facility_slide .swiper-slide .txt h2 a{display: block;color:#4d504a;letter-spacing: -.5px;}
#sec3 .sec3_in .facility_slide .swiper-slide:hover .txt h2 a{color:#8BBDFF;}

#sec3 .sec3_in .facility_slide .swiper-slide .txt h3{width:50%;float:left;text-align: right;font-size:12px;font-family: 'sans-serif';font-weight: 400;letter-spacing: 1px;color:#4d504a;line-height: 24px;vertical-align: bottom;}