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

/* images */
#travel #Banner {background:url(https://gonylab10.speedgabia.com/sunega/banner/travel.jpg) no-repeat 50% 50%; background-size:cover;}
#notice #Banner {background:url(https://gonylab10.speedgabia.com/sunega/banner/reserve.jpg) no-repeat 50% 50%; background-size:cover;}
#reserve #Banner {background:url(https://gonylab10.speedgabia.com/sunega/banner/reserve.jpg) no-repeat 50% 50%; background-size:cover;}

/* common */
body {min-width:1000px; position:relative;}
section {width:100%; height:100%;}
section,.section {position:relative; width:100%;}
#scroll {position:absolute; bottom:0; left:50%; margin-left:0; z-index:10;}
#top-btn {position:fixed; display:none; bottom:2%; right:1%; z-index:100; cursor: pointer;}

/* visual */
.visual {width:100%; height:100vh; position:relative; z-index:1;}
/* .visual h1 {position:absolute; top:40%; left:12%; color:#fff; z-index:15; text-shadow:2px 2px 2px rgb(0 0 0 / 15%);} */
/* .visual h1 span {display:block; font-size:20px; font-family:'Nanum Square'; font-weight:300; text-align: center; text-shadow:2px 2px 2px rgb(0 0 0 / 15%);} */
/* .visual h1 strong {display:block; font-size:80px;  font-weight:400; margin:11px 0; text-align: right; text-shadow:2px 2px 2px rgb(0 0 0 / 15%); opacity:0; transform:translateY(50%); transition:0.75s;} */
.visual h1 b {display:block; font-family:'Nanum Square'; font-size:20px; text-shadow:2px 2px 2px rgb(0 0 0 / 15%);}
.visual h1 {position:absolute; left:5%;  top:40%; color:#fff; z-index:15; text-shadow:2px 2px 2px rgb(0 0 0 / 15%); }
.visual h1 span {font-size:70px; text-shadow:2px 2px 2px rgb(0 0 0 / 15%); display: inline-block; vertical-align: middle; font-family: Gulim;}
.visual h1 strong {font-size:25px; opacity:0; transform:translateY(15%); transition:0.75s; display: inline-block; margin-right: 25px; }

/* swipers */
.Swipers {max-width:100%!important;overflow:hidden;}	
.Swipers .InBox {height:100vh;min-height:560px;}
.Swipers .swiper-container {height:100%;}
.Swipers .swiper-slide > div {width:100%;height:100%;transition:1s;opacity:0.2;}
.Swipers .swiper-slide > div {background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.Swipers .swiper-slide-active > div {transition:1s;opacity:1;}
.Swipers .swiper-slide .visual_bg {position: absolute; top:0; left:0; width:100%; height:100%; opacity:1; z-index:1000;}

.Swipers .swiper-btns {position:absolute; left:1px; bottom:0; width:250px; height:132px;}
.Swipers .swiper-btn {position:absolute;     bottom:0; width:49px;height:132px;  z-index:10; cursor:pointer;}
.Swipers .swiper-btn {background-size:contain; background-position:center; background-repeat:no-repeat;}
.Swipers .swiper-pagination {bottom:60px; left:50%; width:auto; transform:translateX(-50%);}
.Swipers .swiper-button-prev {background-image:url(../images/prev.png); left:1%; top:50%; transform:translateY(-50%);}
.Swipers .swiper-button-next {background-image:url(../images/next.png); right:1%; top:50%; transform:translateY(-50%)}
.Swipers .swiper-pagination-bullet {width:15px; height:10px; display:inline-block;}
.Swipers .swiper-pagination-bullet {background:url(../images/off.png) no-repeat left top;}
.Swipers .swiper-pagination-bullet {transition: transform 0.3s ease;}
.Swipers .swiper-pagination-bullet-active {background:url(../images/on.png) no-repeat left top;}

/* slides */
.Slides {position:relative;width:100%;height:100vh;min-height:562px;}
.Slides .InBox {position:relative;width:100%;height:100%;overflow:hidden;}
.Slides .InBox .slide > li {position:absolute;top:0;left:0;width:100%;height:100%;min-height:650px;overflow:hidden;}
.Slides .InBox .slide > li {background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.Slides .InBox .slide > li.active {z-index:1;}

.Slides #nav                                 {position:absolute; top:50%; z-index:70; width:100%;}
.Slides #nav .arrow                                 {background:url(../images/idx_top_line.png) no-repeat center 240px;}
/* .Slides #nav .arrow span                            {display:none; position:absolute;top:0;left:0;display:block;color:#fff;font-size:60px;width:60px;}
.Slides #nav .arrow span                            {letter-spacing:-1px;transform: rotate(90deg);} */
.Slides #nav .arrow a                               {width:125px;height:132px;margin:0 auto;display:inline-block;}
/* .Slides #nav .arrow a:nth-of-type(1)                {margin:185px auto 0;} */
.Slides #nav  a.prev {background:url(../images/prev.png) no-repeat 50% 50%; width:49px; height:132px; z-index:70; top:50%; transform:translateY(-50%); left:0; position:absolute;}
.Slides #nav  a.next {background:url(../images/next.png) no-repeat 50% 50%; width:49px; height:132px; z-index:70; top:50%; transform:translateY(-50%); right:0; position:absolute;}

.Slides #nav > ul 				                    {position:absolute;left:50%;bottom:35px;overflow:hidden;z-index:10;}
.Slides #nav > ul li 			                    {float:left;width:21px;}
.Slides #nav > ul li a                              {width:17px;height:17px;display:block;margin:0 auto;}
.Slides #nav > ul li a 			                    {background:url(../images/off.png) no-repeat 0 0;}
.Slides #nav > ul li.active a 	                    {background:url(../images/on.png) no-repeat 0 0;}

/* table */
.tables .contents .InnerBox {max-width:1400px;min-width:1000px;padding:3% 0 7%;margin:0 auto;}
.tables .contents .snb {width:500px;margin:0 auto;padding:15px 0;margin-bottom:5%;overflow:hidden;}
.tables .contents .snb {border:1px solid #e8e8e8;border-right:none;border-left:none;}
.tables .contents .snb li {float:left;width:50%;background:url(../images/pv_b.gif) no-repeat right center;}
.tables .contents .snb li:last-child {background:none;}
.tables .contents .snb li a {display:block;padding:15px 0;text-align:center;font-size:17px;}
.tables .contents .snb li.active a {font-weight:bold;}

.tables .notice {width:500px;margin:25px auto 50px;text-align:center;}
.tables .notice span {font-size:15px;font-weight:500;line-height:1.75;}
.tables .notice a {display:block;padding:20px 0;margin:15px auto;width:200px;font-weight:bold;}
.tables .notice a:hover {color:#787878;}

.tables .contents .bd_menu {position:relative;max-width:1300px;min-width:800px;margin:0 auto;}
.tables .contents .stb {position:absolute;top:110px;left:15px;overflow:hidden;z-index:100;}
.tables .contents .stb li {float:left;margin:0 5px;border:1px solid #e8e8e8;}
.tables .contents .stb li:last-child {background:none;}
.tables .contents .stb li a {display:block;padding:12.5px 15px;width:100px;text-align:center;font-size:15px;}
.tables .contents .stb li.active a {color:#fff;background:#41595e;}

.tables .contents .frame {position:relative;max-width:1300px;min-width:800px;margin:0 auto;}
.tables .contents .frame h3 {width:98%;margin:0 auto;font-size:35px;}
.tables .contents .frame h3 strong {display:block;}
.tables .contents .frame h3 span {display:block;font-size:15px;padding:15px 0;}
.tables .contents .frame p {width:800px;margin:0 auto 5%;overflow:hidden;}
.tables .contents .frame p span {display:block;line-height:1.5;font-size:16px;float:left;width:50%;text-align:center;}
.tables .contents .frame iframe {display:block;margin-top:10px;padding-top:10px;border-top:1px solid #000;}

/*------------------------------------------------------------------------------------------------*/
/* Reserve */
#reserve .frame_02 {display:none;}
#reserve .frame_02 h2 {width:250px;margin:0 auto;padding:0px 0 35px;}
#reserve .frame_02 table {width:100%;border:1px solid #e7e7e7;font-family:'돋움',Dotum!important;}
#reserve .frame_02 table tr th,
#reserve .frame_02 table tr td {border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;text-align:center;font-size:13px;color:#676767; vertical-align:middle;}
#reserve .frame_02 > div > h3 {margin-bottom:10px;}
#reserve .frame_02 ul li {padding-left:10px;font-size:12px;line-height:1.6em;color:#676767;font-family:'돋움',Dotum!important;}
#reserve .frame_02 ul li {background:url(http://gonylab2.speedgabia.com/common/li_b.gif) no-repeat left 3px;}
#reserve .frame_02 ul li span {color:#ee3939;}
#reserve .frame_02 .r_info_01 {position:relative;margin-bottom:30px;}
#reserve .frame_02 .r_info_01 h4 {text-align:left;margin-bottom:10px;}
#reserve .frame_02 .r_info_01 table {margin-bottom:20px;}
#reserve .frame_02 .r_info_01 table .room_ {background:#efefef;height:50px;}
#reserve .frame_02 .r_info_01 table > thead {line-height:1.1em;background:#f8f8f8;}
#reserve .frame_02 .r_info_01 table > thead tr th {font-weight:bold;}
#reserve .frame_02 .r_info_01 table > tbody tr td {line-height:3em; vertical-align:middle;}
#reserve .frame_02 .r_info_02 {margin:50px 0;padding-top:50px;text-align:left;} 
#reserve .frame_02 .r_info_03 {text-align:left;}
#reserve .frame_02 .r_info_03 .CNCL_COMM {margin-bottom:50px;}
#reserve .frame_02 .r_info_03 table {line-height:1.5em;margin-top:20px;}
#reserve .frame_02 .r_info_03 table > thead {background:#f2f2f2;}

#Banner                                             {position:relative;width:100%;height:70vh;min-height:500px;}
#Banner                                             {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#Banner:before                                      {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;opacity:0.2;background:#000;z-index:1;}
#Banner .InBox                                      {position:relative;width:100%;height:100%;overflow:hidden;}
#Banner .InBox .ttls                                {position:absolute;top:50%;left:5%;height:110px;margin-top:-55.5px;color:#fff;z-index:1;}
#Banner .InBox .ttls div                            {display:inline-block;width:100px;border-top:1px solid #fff;padding-top:7px;margin-right:15px;}
#Banner .InBox .ttls span                           {font-family:'linotype-didot';font-size:25px;}
#Banner .InBox .ttls span b                         {font-family:'linotype-didot';}
#Banner .InBox .ttls strong                         {display:block;font-size:75px;margin:15px 0 0 15px;letter-spacing:3px;}
#Banner h1 {position:absolute; left:50%; margin-left: -100px;  top:50%; color:#fff; z-index:15; text-shadow:2px 2px 2px rgb(0 0 0 / 15%); }
#Banner h1 span {font-size:40px; text-shadow:2px 2px 2px rgb(0 0 0 / 15%); letter-spacing: 5px; display: inline-block; vertical-align: middle; font-family: 'IBM Plex Sans KR', sans-serif;}
#Banner h1 strong {font-size:24px; opacity: 0; transform:translateY(15%); transition:0.75s; display: inline-block; margin-right: 25px; }


/* travel */
#travel .contents {padding:5% 0 7.5%; }
#travel .contents .InBox {width:100%; max-width:1200px; margin:5% auto 0;}
#travel .contents .InBox ul {overflow:hidden;}	
#travel .contents .InBox li {float:left;width:calc(50% - 2px);margin:0 1px 3.5%;}
#travel .contents .InBox li div {width:100%;overflow:hidden;}
#travel .contents .InBox li div.img img {display:block;transform: scale(1);transition: 0.5s;}
#travel .contents .InBox li div.txt {padding:5%;width:90%;text-align:left;}
#travel .contents .InBox li div.txt h4 span {font-size:17px;color:#787878;display:inline-block;}
#travel .contents .InBox li div.txt h4 strong {font-size:23px;display:block;margin:10px 0;display:inline-block;}
#travel .contents .InBox li div.txt > span {line-height:1.5;font-size:15px;color:#787878;padding:15px 0 5%;min-height:130px;display:block;}

/* movie */
#Videos {height:100vh; min-height:562px;}
.MyFrame {position:relative; width:100%; height:100%; min-height:562px; overflow:hidden;}
.MyFrame #MyVideo {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-repeat:no-repeat; background-position:50% 50%;}
.MyFrame #MyVideo {min-width:100%; min-height:100%; width:auto; height:auto; background-size:cover; display:block;}

/* header */
header {width:100%; position:absolute; min-width:1000px; height:130px; z-index:1000; }
header hgroup {max-width:1600px; margin:0 auto;}

#logo {position:absolute; width:150px;  top:16px; left:2.5%; }
#logo a {display:block;}
#logo a img {display:block; filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1));}

header .lnb {position:absolute; right:3%; }
header .lnb li {position:relative; float:left; padding: 0 16px;}
header .lnb li a {display:block; color:#fff; font-size:15px; text-shadow:2px 2px 2px rgb(0 0 0 / 30%); padding-top:58px;font-family: MyLotteRegular; }
/* header .lnb li a:hover {color:#5f8caf;} */
header  .lnb > li > ul 							    {position:absolute;top:85px;left:50%;width:200px;transform: translateX(-50%); height:0;opacity:0;overflow:hidden;transition:0.5s;}
header  .lnb > li > ul li:first-child                { background:url(../images/gnb_arrow.png) no-repeat center top;padding-top:12px;}
header  .lnb > li > ul li a                          {position:relative;padding:20px 0;margin-bottom:1px; color: #222; text-shadow: none;}
header  .lnb > li > ul li a:before                   {position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #eeeeee;background:#fff;opacity:0.9;content:"";}
header  .lnb > li > ul li a span                     {position:relative;display:block;font-size:17px;z-index:1; }
header  .lnb > li > ul li{float: none; text-align: center;}
header .snb {position:absolute; width:130px; top:50px; right:1.5%;}
header .snb > div:first-of-type {margin-left:8%; }
header .snb > div:nth-of-type(2) {margin-left:16%;}
header .snb > div:last-of-type {margin-left:10%;}
header .snb > div {float:left; filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1));}

/* footer */
footer {position: relative; width:100%; height:725px; background:#fff; overflow:hidden; z-index:50;}
footer .footerWrap {max-width:1400px; height:100%; margin:0 auto;}
footer .footerWrap .ft_menu {display:flex; justify-content: space-evenly;}
footer .footerWrap .ft_menu li { margin:60px 0;}
footer .footerWrap .ft_menu li a {display:block; font-size:16px; text-align:center;font-family: MyLotteRegular; }

footer .footerWrap .ft_logo {width:250px;  margin:115px auto;}
footer .footerWrap .ft_logo img{width: 100%; height: 100%;}
footer .footerWrap .ft_sns {display:flex; width:100%; max-width:250px; margin:0 auto;}
footer .footerWrap .ft_sns > div {flex:1;}
footer .footerWrap .ft_sns > .sns_01 {text-align:center; 
    /* margin-right:18px; */}
footer .footerWrap .ft_sns > .sns_02 {text-align:left; margin-left:18px;}

footer .footerWrap .ft_number {text-align:center; margin:50px; font-size:28px; font-family:'Nanum Square';}
footer .footerWrap .ft_number b {font-weight:600; font-family:'Nanum Square';}
footer .footerWrap .ft_number span {font-family:'Nanum Square';}

footer .footerWrap .ft_info {max-width:1200px; margin:0 auto;}
footer .footerWrap .ft_info_menu {display:flex;     justify-content: center;
}
footer .footerWrap .ft_info_menu li {font-size:12px; text-align:center; font-family:'Nanum Square';}
/* footer .footerWrap .ft_info_menu li:first-of-type {flex:1;} */
/* footer .footerWrap .ft_info_menu li:nth-of-type(2) {flex:1.5;} */
/* footer .footerWrap .ft_info_menu li:nth-of-type(3) {flex:1.5;} */
/* footer .footerWrap .ft_info_menu li:last-of-type {flex:1; text-align:left;} */
footer .footerWrap .ft_info_menu li b {display:inline-block; font-family:'Nanum Square'; font-weight:600;}
footer .footerWrap .ft_info_menu li em {margin:0 35px;}
footer .footerWrap em.copyright {display: block; font-size:15px; font-weight:bold; padding-top:100px; text-align:center;}