@charset "utf-8";
body{}
.line_b {border-bottom: #666 1px solid;}
.line_l {border-left: #666 1px solid;}
.line_r {border-right: #666 1px solid;}
.line_t {border-top: #666 1px solid;}
th,td {text-align: -webkit-center;}
td {padding-top: 4px;}
ul { margin: 0px; padding: 0px; }
li { margin: 0px; padding: 0px; }

#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{padding:100px 0 60px}
#sec2 .sec2_in{width:1200px;margin:0 auto;}
#sec2 .sec2_in .tit{box-sizing: border-box;text-align: center;color:#8BBDFF;font-family: 'Noto Sans KR';margin-bottom:20px;}
#sec2 .sec2_in .tit h2{line-height:48px;font-size:36px;font-family: 'Noto Serif KR';margin-bottom:5px;font-weight: 500;}
#sec2 .sec2_in .tit h3{line-height:22px;font-size:18px;color:#000;opacity: .5;}

#sec2 .sec2_in .box{margin:60px 0 80px;box-sizing: border-box;height:auto;}
#sec2 .sec2_in .box .left_box{box-sizing: border-box;width:100%;height:auto;font-family: 'Noto Sans KR';color:#53585a;position: relative;}
#sec2 .sec2_in .box .left_box h2{line-height:34px;font-size:26px;color:#8BBDFF;font-weight: 500;margin-bottom:45px;text-align: center;}
#sec2 .sec2_in .box .left_box ul li:last-child:before{top:18px;}
#sec2 .sec2_in .box .left_box a{padding:15px 35px;margin: 40px auto 0px;background: #8BBDFF;display: block;box-sizing: border-box;width:150px;color:#fff;font-weight: 500;border:2px solid #8BBDFF;transition: all .5s;font-family: 'Mukta';}
#sec2 .sec2_in .box .left_box a:hover{background: #fff;color:#8BBDFF;}

#sec2 .sec2_in .box .right_box{box-sizing: border-box;width:100%;height:auto;margin-top:80px;}

#sec2 .sec2_in .bot_img{height:640px;box-sizing: border-box;position: relative;}
#sec2 .sec2_in .bot_img .txt{width:440px;height:220px;position: absolute;left:0;top:0;font-family:'Noto Sans KR';font-size:14px;color:#53585a;}
#sec2 .sec2_in .bot_img .txt p{box-sizing: border-box;position: absolute;top:60px;line-height:28px;}
#sec2 .sec2_in .bot_img .txt span{box-sizing: border-box;position: absolute;bottom:0px;right:30px;text-align: right;line-height:28px;}

.room_tit { display: none; }
.room_data { padding: 0px !important; }
.room_data li .tit { padding: 0px !important; margin-top: 30px;  }
.room_data li .data { padding: 0px !important; text-align: center; }
.room_data li .data p { line-height: 28px;}
.person_limit tbody { display: none; }


/*#sec3*/

#sec3 .sec3_in{width:1200px;height:645px;margin:0 auto;}
#sec3 .sec3_in > h2{line-height:60px;font-size:26px;text-align: right;font-family: 'Noto Serif KR';color:#8BBDFF;font-weight: 500;margin-bottom:70px;}
#sec3 .sec3_in .rooms_slide{height:475px;}
#sec3 .sec3_in .rooms_slide .img{box-sizing: border-box;}

#sec3 .sec3_in .rooms_slide .img_wrap{width:380px;height:340px;box-sizing: border-box;margin-bottom:15px;}

#sec3 .sec3_in .rooms_slide .img1{background: url(../images/sub2/1/image1.jpg)no-repeat 70% 50%;background-size: cover;}
#sec3 .sec3_in .rooms_slide .img2{background: url(../images/sub2/2/image1.jpg)no-repeat 30% 50%;background-size: cover;}
#sec3 .sec3_in .rooms_slide .img3{background: url(../images/sub2/3/image1.jpg)no-repeat 80% 50%;background-size: cover;}
#sec3 .sec3_in .rooms_slide .img4{background: url(../images/sub2/4/image1.jpg)no-repeat 40% 50%;background-size: cover;}
#sec3 .sec3_in .rooms_slide .img5{background: url(../images/sub2/5/image1.jpg)no-repeat 50% 50%;background-size: cover;}
#sec3 .sec3_in .rooms_slide .img6{background: url(../images/sub2/6/image1.jpg)no-repeat 30% 50%;background-size: cover;}
#sec3 .sec3_in .rooms_slide .img7{background: url(../images/sub2/7/image1.jpg)no-repeat 50% 50%;background-size: cover;}
#sec3 .sec3_in .rooms_slide .img8{background: url(../images/sub2/8/image1.jpg)no-repeat 50% 50%;background-size: cover;}

#sec3 .sec3_in .rooms_slide h2{line-height:22px;font-size:20px;color:#53585a;font-family: 'Noto Serif KR';}
#sec3 .sec3_in .rooms_slide h3{font-size:14px;line-height:20px;font-family: 'Noto Sans KR';margin-top:15px;color:#53585a;}
#sec3 .sec3_in .rooms_slide .swiper-slide:hover h2{color:#8BBDFF;}

#sec3 .rooms_slide .rooms_pagi{}
#sec3 .rooms_slide .rooms_pagi .swiper-pagination-bullet{width:8px;height:8px;background: #fff;margin:0 5px;opacity: 1;vertical-align: middle;transition: all .3s;background: #53585a;}
#sec3 .rooms_slide .rooms_pagi .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #8BBDFF;width:8px;height:8px;}