@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@300&display=swap');

/* image */
#index .visual .Swipers .MyFrame iframe {background:url(http://gonylab10.speedgabia.com/sunega/main/top1.jpg) no-repeat 50% 50%; background-size:cover;}
#index .movie iframe {background:url(https://gonylab10.speedgabia.com/sunega/thumbnail/ratio.jpg) no-repeat 50% 50%; background-size:cover;}

#index .view_up .view_left {background:url(https://gonylab10.speedgabia.com/sunega/main/12.jpg) no-repeat 50% 50%; background-size:cover;}
#index .view_up .view_right div:first-of-type {background:url(https://gonylab10.speedgabia.com/sunega/main/2.jpg) no-repeat 50% 50%; background-size:cover;}
#index .view_up .view_right div:nth-of-type(2) {background:url(https://gonylab10.speedgabia.com/sunega/main/3.jpg) no-repeat 50% 50%; background-size:cover;}

#index .view_down .top .left div:first-of-type {background:url(https://gonylab10.speedgabia.com/sunega/main/4.jpg) no-repeat 50% 50%; background-size:cover;}
#index .view_down .top .left div:nth-of-type(2) {background:url(https://gonylab10.speedgabia.com/sunega/main/5.jpg) no-repeat 50% 50%; background-size:cover;}
#index .view_down .top .right {background:url(https://gonylab10.speedgabia.com/sunega/main/3.jpg) no-repeat 50% 50%; background-size:cover;}

#index .view_down .bottom .left {background:url(https://gonylab10.speedgabia.com/sunega/main/6.jpg) no-repeat 50% 50%; background-size:cover;}
#index .view_down .bottom .right {background:url(https://gonylab10.speedgabia.com/sunega/main/9.jpg) no-repeat 50% 50%; background-size:cover;}

#index .reserve .reserve_bg {background:url(http://gonylab10.speedgabia.com/sunega/main/bottom2.jpg) no-repeat 50% 50%; background-size:cover;}

#index .floating_video {    position: relative;width: 100%; background-color: transparent !important;  z-index: 500; padding-bottom:15%;} 
#index .floating_video .iframe_outer {text-align:center;}
#index .floating_video iframe {margin-right:3%; width:1200px; height:672px; transition:0.5s;}

#index .floating_video .header-title {padding-top: 50px; text-align: center}
#index .floating_video .header-title h1{margin-bottom: 10px; line-height: 1.2}
#index .visual .bg {z-index:100; opacity:0; transition:0.5s; display:none;} 
#index .visual .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/bg.png) repeat left top;}

/* index */
#index .visual h1 {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);  width: 20%; z-index: 3;}
#index .visual h1 img{width: 100%;}
#index .visual .swiper-view .swiper-wrapper::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .4; z-index: 2;}
#index .Swipers .swiper-pagination {bottom:5%; position: relative; z-index: 5;}
#index .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 7px};
#index .visual_bg {display:none; position: absolute; width:100%; height:100%; top:0; left:0; z-index:1; opacity:0.5; transition:0.5s; background-color:rgba(0, 0, 0, 0.55);}
#index .video {width:100%; height:800px;}
#index .video .videoWrap {position:relative; width:100%; height:800px; overflow:visible; z-index:60;}
#index .video .videoWrap .vid {max-width:1400px; position:absolute; width:100%; height:100%; top:-10%; left:50%; transform:translateX(-50%);}
#index .video .videoWrap .vid iframe {position:absolute; width:100%; height:100%;}

#index .info {background-color:#ececec; position:relative; width:100%; height:100%; overflow:visible; z-index:50;}
#index .info .innerWrap {position:relative; display:flex; width:100%; height:900px;  margin:0 auto;}
#index .infoWrap  {flex:1;}
#index .infoWrap h3 {position:absolute; top:50%; transform: translateY(-50%); left:10%; color:#222;}
#index .infoWrap h3 span {display:block; font-size:20px; font-family:'Namum Square';}
#index .infoWrap h3 strong {display:block; font-size:70px; margin:20px 0 40px; font-family: 'IBM Plex Sans KR', sans-serif; opacity:0; transform:translateY(50%); transition:1.5s;}
#index .infoWrap h3 .line {border:1px solid #333; width:75px; height:1px; margin-bottom:20px;}
#index .infoWrap h3 p {display:block; font-size:17px; font-weight:400; font-family:'Namum Square'; line-height:2; color:#555;}

#index .movieWrap {flex:1; overflow:hidden; opacity:1; transform:translateY(0); transition:0.5s;}
#index .movie {position:relative; width:100%; height:100%;  background:url(https://gonylab10.speedgabia.com/sunega/main/bottom.jpg) no-repeat 50% 50%; background-size:cover;}
#index .movie iframe {position:absolute; width:100% !important; height:100% !important;}
/* #index .movie::after {position:absolute; content:""; width:100%; height:100%; top:3%; left:4%; z-index:-1; border:2px ridge #aea59d;} */

#index .rooms {position:relative; width:100%; height:1500px; background:#faf1ee; overflow:hidden; z-index:50;}
/* #index .roomsWrap {max-width:1400px; margin:0 auto;} */
#index .roomsWrap .swiper-pagination {display:none;}
#index .roomsWrap h3 {text-align:right; padding:250px 0 40px; color: #444444; margin-right: 13%;}
/* #index .roomsWrap h3 span { font-size:20px; font-family:'Nanum Square'; text-align:center; margin-bottom: 15px;} */
#index .roomsWrap h3 strong { font-size:70px;  text-align:center; margin-left: 20px; vertical-align: middle;font-family: MyLotteRegular; }

#index .rooms .Swipers {opacity:0; transform:translateY(25%); transition:0.75s; width: 77%; margin: 0 auto; }
#index .room_swiper {overflow:visible;}
#index .room_swiper .InBox {height:900px;}
/* 0824 ����
.swiper-slide{height: 97%; transition: all .5s ; }
*/
.swiper-slide{height: 100%; transition: all .5s ; }
.swiper-slide-active{height: 100%; margin-top: 0;}
/* #index .room_swiper .swiper-button-next {background:url(../images/idx_next.png) no-repeat left top; width:40px; height:70px; top:50%; right:-50px; transform:translateY(-50%); z-index:60; margin-top:0;} */
/* #index .room_swiper .swiper-button-prev {background:url(../images/idx_prev.png) no-repeat left top; width:40px; height:70px; top:50%; left:-50px;  transform:translateY(-50%); z-index:60; margin-top:0;} */

#index .rooms_info {position:absolute; width:500px; height:300px; bottom:-15%; right:5%; z-index:60;}
#index .rooms_info .Box {width:500px; height:300px; background-color:#f7f7f7; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);}
#index .rooms_info .Box h5 {display: block; padding: 40px 0 0 50px;}
#index .rooms_info .Box h5 span {display: block; font-size:20px; font-family:'Namum Square'; color:#927036; margin-bottom:10px;}
#index .rooms_info .Box h5 strong {display: block; font-size:40px; font-family:'Namum Square'; color:#222; margin-bottom:20px;}
#index .rooms_info .Box h5 p {display: block; font-size:16px; font-family:'Namum Square'; color:#666; width:80%; line-height:1.5;}
#index .rooms_info .Box .line {display:inline-block; width:40px; height:1px; border:1px solid #917035; vertical-align:middle;}
#index .rooms_info .Box a {display:inline-block; font-size:16px; margin-left:10px; vertical-align:middle; font-family:'Namum Square'; color:#333;}
#index .rooms_info .info_bg {position:absolute; width:80%; height:77%; top:3%; left:5%; z-index:-1; border:1px solid #545454;}

#index .gallery {width:100%; height:2100px; background:#faf1ee; padding-top:200px; z-index:50;}
#index .gallery > div {max-width:1400px; margin:0 auto;  opacity:0; transform:translateY(15%); transition:0.5s;}
#index .gallery h3 {position:relative; max-width:1400px; margin:50px auto;}
#index .gallery h3 span {display:block; font-size:20px; font-family:'Namum Square'; text-align:right;}
#index .gallery h3 strong {display:block; font-size:80px; text-align:center;}
#index .gallery .view_up {display:flex; height:600px;}
#index .gallery .view_up .view_left {position:relative; flex:2; width:53%; height:100%; }
#index .gallery .view_up .view_left::after {content:""; position:absolute; width:100%; height:100%; top:-3%; left:-3%; z-index:-1;}
#index .gallery .view_up .view_left::after {border:1px solid #444; }
#index .gallery .view_up .view_right {flex:1.5; height:100%; margin-left:1%;}
#index .gallery .view_up .view_right > div {width:100%; height:48.5%;}
#index .gallery .view_up .view_right > div:nth-of-type(2) {margin-top:3%;}

#index .gallery .view_down {width:100%; height:100%;}
#index .gallery .view_down .top {display:flex; height:600px;}
#index .gallery .view_down .top .right {position:relative; flex:2; width:53%; height:100%;}
#index .gallery .view_down .top .left {flex:1.5; height:100%; margin-right:1%;}
#index .gallery .view_down .top .left > div {width:100%; height:48.5%;}
#index .gallery .view_down .top .left > div:nth-of-type(2) {margin-top:3%;}

#index .gallery .view_down .bottom {display:flex; height:600px; margin-top:1%;}
#index .gallery .view_down .bottom .left {flex:2; height:100%; margin-right:1%;}
#index .gallery .view_down .bottom .right {position:relative; flex:1; height:100%;  }
#index .gallery .view_down .bottom .right:after {content:""; position:absolute; width:100%; height:100%; top:2%; left:4%; z-index:-1;}
#index .gallery .view_down .bottom .right:after {border:1px solid #444; }

#index .reserve {position:relative; height:800px; z-index:50; background:#faf1ee; overflow:hidden;}
#index .reserve .reserve_bg {position:relative; width:100%; height:150%;}
#index .reserve .reserveWrap {position:absolute; width:510px; height:350px; top:50%; right:15%; transform:translateY(-50%); z-index:60; color:#fff;  opacity:0; transform:translateY(15%); transition:1.5s;}
#index .reserve .reserveWrap h3 {text-align:center; font-family:'Namum Square';}
#index .reserve .reserveWrap h3 strong {display:block; font-size:50px; font-family: 'IBM Plex Sans KR', sans-serif;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);}
#index .reserve .reserveWrap h3 div {width:1px; height:50px; margin:20px auto; background-color:#fff; filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.15));}
#index .reserve .reserveWrap p {display:block; font-size:17px; font-family:'Namum Square'; line-height:40px; text-align:center; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);}
#index .reserve .reserveWrap a {display:block; font-size:19px; font-family:'Namum Square'; color:#fff; margin-top:60px; text-align:center; text-decoration:underline; text-underline-position: under; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);}
#index .reserve .reserve_bg::before {content:""; position: absolute; width:100%; height:100%; top:0; left:0; z-index:60; background-color:#333; opacity:0.3;}