@CHARSET "UTF-8";
/* Common */
/*------------------------------------------------------------------------------------------------*/
/* video */
#video {min-width:1280px;background:url(http://gonylab2.speedgabia.com/apm/images/movie.jpg) no-repeat left top;background-size:cover;}
.video {position:relative;min-height:900px;min-width:900px;}
.video_in {width:1280px;height:720px;position:absolute;top:50%;left:50%;margin:-360px 0 0 -640px;}

/*------------------------------------------------------------------------------------------------*/
/* index */
#index .mov_ttl {
	background:url(http://gonylab2.speedgabia.com/apm/images/mov_ttl.png) repeat-x left top;
	position:absolute;top:50%;left:50%;width:620px;height:170px;
	margin:-85px 0 0 -310px;z-index:350;
}
#index .mov_ttl a {position:absolute;bottom:0;left:50%;margin-left:-75px;display:block;}
#index .main_ttl {position:absolute;bottom:55px;left:50px;z-index:300;}

#index .scroll a {
	position:fixed;bottom:20px;left:50%;width:66px;height:65px;
	background:url(http://gonylab2.speedgabia.com/apm/images/scroll_btn.png) no-repeat left top;
	margin-left:-33px;display:block;z-index:300;
}
#index .copy_btn a {
	background:#414141;position:fixed;bottom:-26px;left:0;z-index:200;display:block;
	padding:7px 10px;color:#fff;font-family:"돋움",Dotum;font-size:12px;
}

/*------------------------------------------------------------------------------------------------*/
/* rooms */
#rooms .ttl-bg {
	position:fixed;top:50%;left:50%;margin:-100px 0 0 -250px;width:500px;height:200px;
	font-size:60px;color:#fff;text-align:center;z-index:330;display:none;
}
#rooms .ttl-bg span {
	display:block;font-size:30px;text-align:center;padding-top:20px;
	margin-top:20px;border-top:1px solid #fff;
}

#rooms .bg_3 {min-width:1200px;min-height:700px;}

#rooms .room_info_btn {position:absolute;bottom:50px;left:50%;margin-left:-65px;z-index:270;}
#rooms .room_info_btn a {display:block;}

#rooms .room_info {
	background:url(http://gonylab2.speedgabia.com/apm/images/room/room_info_bg.png) repeat left top;
	position:fixed;bottom:-100%;left:50%;z-index:280;width:650px;margin-left:-325px;height:100%;
}
#rooms .room_info > div {
	position:absolute;top:50%;left:50%;width:600px;height:350px;
	margin:-100px 0 0 -300px;
}

#rooms .room_info h3 {font-size:50px;font-weight:bold;text-align:center;margin:10px 0 20px;}
#rooms .room_info h3 span {display:block;text-align:center;font-size:15px;margin-top:5px;font-weight:bold;}
#rooms .room_info .check_info {width:600px;margin:0 auto;}
#rooms .room_info .check_info li {text-align:center;line-height:1.5em;font-size:14px;}
#rooms .room_info .drb {width:330px;margin:25px auto 15px;}
#rooms .room_info .drb li {float:left;width:350px;text-align:center;margin:0 5px;}
#rooms .room_info .drb li a {
	display:block;width:100%;height:100%;
	padding:10px 0;border:1px solid #787878;font-size:14px;
}
#rooms .room_info .drb li a:hover {color:#fff;background:#000;}


/*------------------------------------------------------------------------------------------------*/
/* exterior */
.landscape {min-width:1200px;min-height:700px;position:relative;}
#landscape .ttl-bg {
	position:fixed;top:50%;left:50%;margin:-70px 0 0 -250px;width:500px;height:140px;
	text-align:center;font-size:80px;color:#fff;z-index:320;display:none;
}
#landscape .ttl-bg span {display:block;text-align:center;font-size:17px;margin-top:13px;}
#landscape .bg_3 {min-width:1200px;min-height:700px;}

/*------------------------------------------------------------------------------------------------*/
/* facility */
#facility .facility {min-width:1200px;min-height:700px;position:relative;}
#facility .facility .facil_list {position:relative;width:100%;height:100%;overflow:hidden;z-index:100;}
#facility .facility .facil_list li {position:relative;float:left;width:33.33%;height:100%;}
#facility .facility .facil_list li a {display:block;width:100%;height:100%;}
#facility .facility .facil_list li a span.tt {
	position:absolute;top:50%;left:50%;z-index:101;font-size:35px;color:#fff;
	width:300px;height:71px;margin:-35px 0 0 -150px;text-align:center;z-index:320;
}
#facility .facility .facil_list li a span.tt b.s_ttl {display:block;font-size:23px;margin-top:5px;}
#facility .ttl-bg {
	position:fixed;top:50%;left:50%;margin:-100px 0 0 -150px;width:300px;height:200px;
	text-align:center;font-size:80px;color:#fff;z-index:320;display:none;
}
#facility .ttl-bg span {
	text-align:center;font-size:25px;padding-top:15px;margin-top:30px;
	border-top:1px solid #fff;line-height:1.5em;display:block;
}
#facility .facil_ttl {position:absolute;left:90px;bottom:50px;width:800px;height:130px;z-index:250;opacity:0;}
.facility_01 .facil_ttl {background:url(http://gonylab2.speedgabia.com/apm/images/facility/facil_txt_03.png) no-repeat left top;}
.facility_02 .facil_ttl {background:url(http://gonylab2.speedgabia.com/apm/images/facility/facil_txt_02.png) no-repeat left top;}
.facility_03 .facil_ttl {background:url(http://gonylab2.speedgabia.com/apm/images/facility/facil_txt_01.png) no-repeat left top;}


/*------------------------------------------------------------------------------------------------*/
/* service */
#service .ttl-bg {
	position:fixed;top:50%;left:50%;margin:-70px 0 0 -250px;width:500px;height:140px;
	text-align:center;font-size:80px;color:#fff;z-index:320;display:none;
}
#service .ttl-bg span {display:block;text-align:center;font-size:17px;margin-top:13px;}
.service .svs_txt {position:absolute;top:50%;left:50%;width:1200px;height:500px;margin:-250px 0 0 -600px;z-index:350;}
.service #section1 .svs_txt {background:url(http://gonylab2.speedgabia.com/apm/images/service/1.png) no-repeat left top;}
.service #section2 .svs_txt {background:url(http://gonylab2.speedgabia.com/apm/images/service/2.png) no-repeat left top;}
.service #section3 .svs_txt {background:url(http://gonylab2.speedgabia.com/apm/images/service/3.png) no-repeat left top;}
.service #section4 .svs_txt {background:url(http://gonylab2.speedgabia.com/apm/images/service/4.png) no-repeat left top;}
.service #section5 .svs_txt {background:url(http://gonylab2.speedgabia.com/apm/images/service/5.png) no-repeat left top;}
.service #section6 .svs_txt {background:url(http://gonylab2.speedgabia.com/apm/images/service/6.png) no-repeat left top;}
.service #section7 .svs_txt {background:url(http://gonylab2.speedgabia.com/apm/images/service/7.png) no-repeat left top;}
.service #section8 .svs_txt {background:url(http://gonylab2.speedgabia.com/apm/images/service/8.png) no-repeat left top;}
.service #section9 .svs_txt {background:url(http://gonylab2.speedgabia.com/apm/images/service/9.png) no-repeat left top;}
.service #section10 .svs_txt {background:url(http://gonylab2.speedgabia.com/apm/images/service/10.png) no-repeat left top;}
.service #section11 .svs_txt {background:url(http://gonylab2.speedgabia.com/apm/images/service/11.png) no-repeat left top;}
.service #section12 .svs_txt {background:url(http://gonylab2.speedgabia.com/apm/images/service/12.png) no-repeat left top;}

/*------------------------------------------------------------------------------------------------*/
/* tour */

.tour {position:relative;min-width:1200px;min-height:750px;} 
.tour_top {position:absolute;top:50%;left:50%;width:800px;height:200px;margin:-100px 0 0 -400px;z-index:390;}
.tour_top h3 {font-size:55px;text-align:center;color:#fff;margin-bottom:50px;}
.tour_top h3 span {font-size:25px;text-align:center;color:#fff;display:block;margin-top:10px;}
.tour_top h3 span b {font-weight:bold;}
.tour_top p {margin-bottom:10px;text-align:center;color:#fff;font-size:20px;}

.tour_lst {position:absolute;bottom:0;left:50%;width:835px;margin-left:-417px;z-index:380;}
.tour_lst ul {position:relative;width:100%;height:100px;}
.tour_lst ul li {position:absolute;}
.tour_lst ul li.t_lst_01 {left:0;bottom:0;}
.tour_lst ul li.t_lst_02 {left:182px;bottom:0;}
.tour_lst ul li.t_lst_03 {left:369px;bottom:0;}
.tour_lst ul li.t_lst_04 {left:522px;bottom:0;}
.tour_lst ul li.t_lst_05 {left:658px;bottom:0;}
.tour_lst ul li div {position:relative;}
.tour_lst ul li div a {
	background:url(http://gonylab2.speedgabia.com/apm/images/tour/tour_bg.png) repeat left top;
	color:#fff;padding:20px 30px;font-size:16px;display:block;text-align:center;
}
.tour_lst ul li div a span {font-size:15px;display:block;margin-top:3px;}
.tour_lst ul li div b {
	background:url(http://gonylab2.speedgabia.com/apm/images/tour/tour_lst_line.png) repeat left top;
	position:absolute;top:50%;right:0;width:2px;height:27px;margin-top:-13px;
}
.tour_lst ul li div.active a {padding:33px 30px;background:#d19e14;}


/*------------------------------------------------------------------------------------------------*/
/* membership */
.membership {overflow:hidden;min-width:1200px;min-height:850px;}
.membership > div {position:relative;width:50%;height:100%;float:left;}
.membership > div.m_ttl .mbg {
	background:url(http://gonylab2.speedgabia.com/apm/images/member/logo_bg.png) repeat-x left top;
	position:absolute;top:50%;left:0;height:134px;width:100%;
	margin-top:-67px;z-index:250;
}
.membership > div.m_ttl .mbg h2 {position:absolute;top:50%;right:30px;margin-top:-46px;z-index:260;}
.membership > div.m_txt {background:#fff;}
.membership > div.m_txt .m_notice {width:537px;height:638px;position:absolute;top:50%;left:50%;margin:-319px 0 0 -268px;z-index:250;}
.membership > div.m_txt .mbs {background:url(http://gonylab2.speedgabia.com/apm/images/member/m_txt_01.jpg) no-repeat left top;}
.membership > div.m_txt .pct {background:url(http://gonylab2.speedgabia.com/apm/images/member/m_txt_02.jpg) no-repeat left top;}

/*------------------------------------------------------------------------------------------------*/
/* kakao */

.float-button-container {
	z-index: 1000;
	position: fixed;
	/* transform: translate(-50%, 0%); */
	left: 90%;
	bottom: 45px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	padding: 10px;
	background: white;
	height: 55px;
	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
	/* border: 1px solid #e9e9e9; */
	border-radius: 30px;
	text-decoration: none !important;
}


.float-button {
	font-family:  "Nanum Gothic", Helvetica, sans-serif !important;
	display: flex;
	align-items: center;
	padding: 0px;
	width: 120px;
	cursor: pointer;
	color: #2b2b2b !important;
	font-size: 17px;
	text-decoration: none !important;
	white-space: nowrap;
	font-weight: bold;
	transition: 0.5s;
}

.float-button:hover {
	transform: translate(0%, -20%);
}

.float-button-image {
	height: 50px;
	width: 50px;
	margin-right: 5px;
}