@charset "UTF-8";
@import url("../../css/reset.css");

/* ------------------------------------------------------------------------------- */
/* Index - bg */
#index .s01 div 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/seminar/3/2.jpg) no-repeat 50% 50%;background-size:cover;}
#index .s02 div 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/seminar/1/1.jpg) no-repeat 50% 50%;background-size:cover;}
#index .s03 div 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/seminar/5/1.jpg) no-repeat 50% 50%;background-size:cover;}
								
#index .d01 div 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/dining/1/0/2.jpg) no-repeat 50% 50%;background-size:cover;}
#index .d02 div 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/dining/1/3.jpg) no-repeat 50% 50%;background-size:cover;}
#index .d03 div 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/dining/3/1.jpg) no-repeat 50% 50%;background-size:cover;}

#rooms .Pvs_01										{background:url(http://gonylab9.speedgabia.com/osohanok/m/banner/4.jpg) no-repeat 50% 50%;background-size:cover;}


/*------------------------------------------------------------------------------------------------*/
/* banner */
#notice .banner 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/banner/more1.jpg) no-repeat 50% 50%;background-size:cover;}
#travel .banner 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/banner/4.jpg) no-repeat 50% 50%;background-size:cover;}
#room_pv .banner 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/banner/2.jpg) no-repeat 50% 50%;background-size:cover;}
#service_pv .banner 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/banner/3.jpg) no-repeat 50% 50%;background-size:cover;}
#service .banner 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/banner/3.jpg) no-repeat 50% 50%;background-size:cover;}
#facility_pv .banner 			{background:url(http://gonylab9.speedgabia.com/osohanok/m/exterior/5.jpg) no-repeat 50% 50%;background-size:cover;}
							
#facility .banner 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/banner/1.jpg) no-repeat 50% 50%;background-size:cover;}
/* #service .banner 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/service/1/3.jpg) no-repeat 50% 50%;background-size:cover;} */
#offers .banner 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/exterior/8.jpg) no-repeat 50% 50%;background-size:cover;}
#community .banner 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/main/2.jpg) no-repeat 50% 50%;background-size:cover;}
#reserve .banner 									{background:url(http://gonylab9.speedgabia.com/osohanok/m/banner/5.jpg) no-repeat 50% 50%;background-size:cover;}
#about .top_banner .MyFrame {background: url("http://gonylab9.speedgabia.com//osohanok/m/exterior/1.jpg") 50% 50% / cover no-repeat;}

/* ------------------------------------------------------------------------------- */
/* common */
body 											{width:640px;margin:0 auto;}
section											{padding-top:63px;}
.section 										{position:relative;width:100%;}
section .MyFrame 									{position:relative;width:100%;height:450px;overflow:hidden;}
section .MyFrame #MyVideo							{position:absolute;top:0;left:50%;margin-left:-400px;width:800px;height:450px;}
.layout .swiper-button-prev,					
.layout .swiper-button-next 						{bottom:0px;}
.layout .swiper-button-prev 						{right:calc(0% + 49px);}
.layout .swiper-button-next 						{right:0%;}
.layout .swiper-pagination 						{bottom:18px;right:calc(0% + 110px);}
.swiper-container									{position:relative;}

section .banner 									{position:relative;width:100%;height:400px;margin-bottom:1px;overflow:hidden;}
section .banner:before 							{background:#111118;position:absolute;left:0;top:0;width:100%;height:100%;content:"";opacity:0.5;z-index:5;}
section .banner h2 								{position:absolute;top:50%;left:0%;margin:-35.5px 0 0 0;z-index:100;}

section .scroll 									{position:absolute;bottom:50px;left:50%;margin-left:-28px;z-index:150;}
section .scroll a 								{display:block;}


/* ------------------------------------------------------------------------------- */
/* header */
.hd-logo img{width: 90px;}

header 											{position:fixed;top:0;left:50%;width:640px;margin-left:-320px;z-index:1000;}
header nav 										{width:100%;}
header nav > div 									{position:relative;}
header nav #hd_top 								{background:#a37154;height:40px;overflow:hidden;}
header nav #hd_top .hd_lt 							{float:left;overflow:hidden;}
header nav #hd_top .hd_lt li 						{float:left;margin-left:15px;}
header nav #hd_top .hd_lt li:first-child 			{margin-left:10px;}
header nav #hd_top .hd_lt li a 					{font-size:12px;color:#dbba94;padding:14px 0;display:block;}

header nav #hd_top .hd_rt 							{float:right;overflow:hidden;}
header nav #hd_top .hd_rt li 						{float:left;margin-right:10px;padding:13px 0;}
header nav #hd_top .hd_rt li:first-child 			{margin-right:15px;}
header nav #hd_top .hd_rt li a 					{color:#fff;font-size:13px;font-weight:bold;}
header nav #hd_top .hd_rt li a span 				{font-size:12px;display:block;color:#fff;padding:2px 0;}

header nav #gnb 									{width:100%;overflow:visible;z-index:7;}
header nav #gnb > h1 								{float:left;}
header nav #gnb > ul 								{float:left;width:calc(100% - 90px);background:#0d273b;height:63px;overflow:hidden;}
header nav #gnb > ul > li 							{float:left;width:17%;}
header nav #gnb > ul > li#gb02						{width:16%;}
header nav #gnb > ul > li#gb07						{width:16%;background:#122632;}
header nav #gnb > ul > li > a 						{color:#fff!important;text-align:center;padding:25px 0;font-size:14px;}
header nav #gnb > ul > li > a.active  				{color:#cfa68e!important;}

header nav #snb 									{position:absolute;width:100%;top:60px;z-index:5;}
header nav #snb > ul 								{width:100%;}
header nav #snb > ul > li 							{width:100%;height:0;overflow:hidden;}
header nav #snb > ul > li > ul 					{width:100%;}
header nav #snb > ul > li > ul > li 				{width:100%;border-bottom:1px solid #d8d7d7;}
header nav #snb > ul > li > ul > li 				{background:url(../images/gnb_bg.png) repeat left top;}
header nav #snb > ul > li > ul > li a 				{text-align:center;padding:20px 0;font-size:17px;line-height:1.5;}

header nav #snb > ul > li.gb02 > ul 				{overflow:hidden;}
header nav #snb > ul > li.gb02 > ul > li 			{float:left;width:50%;}
header nav #snb > ul > li.gb02 > ul > li:first-child	{width:100%;}
header nav #snb > ul > li.gb02 > ul > li a 			{border:0.5px solid #e8e8e8;border-top:none;border-bottom:none;}

header a,footer a 								{display:block;}



/* ------------------------------------------------------------------------------- */
/* footer */
footer 											{background:#122632;padding:50px 3%;width:94%;overflow:hidden;display:flex;}
.ft_info 										{width:70%}
.ft_info strong 									{display:block;color:#fff;font-size:18px;}
.ft_info > ul 									{margin:5px 0 1px;}
.ft_info > ul li 									{line-height:1.5em;font-size:11.5px;color:#fff;}
.ft_sub 											{width:100%;overflow:hidden;}
.ft_sub > div 									{float:left;width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:30px}
.ft_sub > div strong {display:block;color:#fff;font-size:18px; width:100%; text-align:center;}
.ft_sub .rvs a 									{color:#fff;text-align:center;width:150px;font-size:12px;border:1px solid #fff;padding:19px 0;margin-top:20px;}
.ft_sub .sns ul 									{width:100%;margin-top:20px;overflow:hidden; display:flex; justify-content:center; }
.ft_sub .sns ul li 								{margin: 0 7px; width:69px;}
.ft_sub .sns ul li a 								{border:1px solid #fff;width:100%;padding:17px 0;}
.ft_sub .sns ul li a img 							{width:19px;margin:0 auto;display:block;}
footer .ft_right									{width:30%}
footer h5 a 										{width:128px;margin:10px auto 0;display:block;opacity:0.6;}

/* ------------------------------------------------------------------------------- */
/* Index */
/* #index  .swiper-container {height: 425px;} */
.section.top_banner h2 {position:absolute;top:50%; transform: translate(-50%,-50%); left:50%;width:19%;font-family: nanummyeongjo; z-index:100; letter-spacing: 2px;  font-size: 25px; font-weight: 500; color: #fff; text-transform: uppercase;}
.section.top_banner h2 span{display: block; font-size: 16px; margin-top: 20px;font-family: nanumbarungothicregular;}
#index .section.top_banner h2{font-family: FuturaStd-Book;}
#index .swiper-button-prev,#index .swiper-button-next {bottom:27px;}
#index .swiper-button-prev {right:calc(10% + 48px);}
#index .swiper-button-next {right:10%;}
#index .swiper-pagination {bottom:32px;right:calc(10% + 110px);}
#index .idx_video {padding-bottom:50px;z-index:10;}
#index .idx_video .back {position:relative;width:100%;}
#index .idx_video .back h2 {position:relative;padding:8% 0 10% 10%; color: #fff; z-index:60; font-size: 19px; font-weight: bold;}
#index .idx_video .back h2 span{display: block; font-size: 13px; margin-bottom: 10px;}

#index .idx_video .back > div {position:absolute;z-index:1;} 
#index .idx_video .back > div.lt {background:#20333f;width:90%;height:478px;top:-28px;left:0;}
#index .idx_video .back > div.rt {background:#a37154;width:10%;height:520px;top:-3px;right:0;}

#index .idx_video .box {position:relative;width:610px;margin:0 auto;padding:30px 0 50px;z-index:10;}
#index .idx_video .box h4 {width:590px;margin:0 auto 15px;}
#index .idx_video .box h4 strong {font-size:26px;color:#648194;}
#index .idx_video .box h4 span {position:relative;top:-3px;font-size:15px;color:#fff;padding-left:15px;}

#index .idx_offer {padding:7.5% 0;margin-bottom:70px;}
#index .idx_offer h4{text-align: center; margin-bottom:40px;}
#index .idx_offer h3 {width:250px;margin:0 auto;}
#index .idx_offer ul {width:100%;overflow:hidden; display: flex; justify-content: space-evenly; flex-wrap: wrap;}
#index .idx_offer ul li {width:calc(50% - 3%);margin:0 0px 10px;}
#index .idx_offer ul li a {display:block;}
#index .idx_offer ul li a .img {position:relative;width:100%;height:100%;overflow:hidden;}
#index .idx_offer ul li a .img img {display:block;}

#index .idx_offer ul li a .txt {width:95%;margin:0 auto;}
#index .idx_offer ul li a .txt strong {display:block;font-size:17px;font-weight:bold;line-height:1.5;margin:15px 0;}
#index .idx_offer ul li a .txt span {display:block;font-size:14px;color:#787878;line-height:1.3em;margin-bottom:15px;}
#index .idx_offer ul li a .txt em {display:block;font-size:12px;font-weight:bold;letter-spacing:1px;}
/* #index .idx_offer .Swipers{width: 96%; margin: 0 auto;} */
#index .idx_offer .Swipers .text {margin-left:25px;}
#index .idx_offer .Swipers .text span {display: block; margin:15px 0 20px; font-size:15px;}
#index .idx_offer .Swipers .text h1 {display: block; font-size:21px;}

#index .idx_offer .Swipers .swiper-button-prev, #index .idx_offer .Swipers .swiper-button-next {top:50%; transform:translateY(-50%); display:none;}
#index .idx_offer .Swipers .swiper-button-prev {left:0;}
#index .idx_offer .Swipers .swiper-button-next {right:0;}

#index .idx_offer ul li strong {
    width: 95%;
    margin: 0 auto;
    font-size: 0.9rem;
    font-weight: bold;
    padding-top: 10px;
    line-height: 1.3;
    color: #97887d;
    display: block;
}

#index .idx_offer ul li span {
    width: 95%;
    margin: 0 auto;
    padding-top: 10px;
    font-size: 0.6rem;
    line-height: 1.3;
    display: block;
}

#index .idx_offer ul li span.of_b {
    font-size: 0.6rem;
    font-weight: bold;
}

#index .idx_offer ul li span.of_s {
    padding-top: 5px;
    font-size: 0.5rem;
    color: #787878;
}

#index .idx_special {width:96%;padding:70px 2%;margin:0 auto;overflow:hidden;}
#index .idx_special h4 {font-size:30px;color:#fff;}
#index .idx_special h4 span {font-size:15px;margin-left:10px;}
#index .idx_special ul {margin:20px 0 35px;overflow:hidden;width:100%;clear:both;}
#index .idx_special ul li a {position:relative;width:100%;height:100%;display:block;overflow:hidden;}
#index .idx_special ul li a > div {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
#index .idx_special ul li a > div {transform: scale(1);}
#index .idx_special ul li a:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0.3;background:#000;z-index:11;}
#index .idx_special ul li a span {position:absolute;bottom:15%;left:5%;display:block;color:#fff;font-size:16px;letter-spacing:1.5px;z-index:12;}

#index .idx_facily {background:#20333f;}
#index .idx_facily ul li {float:left;width:calc(50% - 10px);margin:0 5px;height:370px;}
#index .idx_dining {background:url(../../images/idx_fbg.jpg) repeat left top;}
#index .idx_dining ul li {float:left;width:calc(50% - 10px);margin:0 5px;height:194.5px;}
#index .idx_dining ul li.d01 {height:400px;} 
#index .idx_dining ul li.d02 {margin-bottom:10px;}



#index #lists{background-color: #e6e6e6; padding: 90PX 1% 40px; box-sizing: border-box;}
#index #lists h3{text-indent: 20px; margin-bottom: 60px; color: #000 ; font-size: 20px; font-family: 'FuturaStd-Book'; vertical-align: middle; letter-spacing: 4px; font-weight: 600;}
#index #lists h3 span{font-family: 'nanumbarungothicregular'; letter-spacing: 0; font-size: 15px; display: inline-block; margin:0 0 3px 15px; vertical-align: middle; text-indent: 0;}
#index #lists .swiper-wrapper{height: auto;   flex-wrap: wrap; 
	  /* animation: sliderLineTwo 13s -130s infinite linear; */
	}
/* #index #lists .swiper-wrapper:hover { animation-play-state: paused; } */
.swiper-scrollbar-drag{background-color: #fff !important;}
.swiper-container-horizontal>.swiper-scrollbar{bottom: 3% !important;}

#index #lists .swiper-slide > div{width: 100%; height: 100%; cursor: pointer;  background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
#index #lists .swiper-slide {width: 49%; margin: 0  .5% 1%; height: 43vw;}



#index #lists .swiper-slide > div span{z-index: 2; position: absolute; bottom: 7%; left: 8%; font-weight: bold; letter-spacing: 1px; font-family: 'FuturaStd-Book'; font-size: 20px; color: #fff; text-transform: uppercase;}
#index #lists .swiper-slide > div::after{content: ''; position: absolute; left: 0; top: 0; transition: opacity .3s; background-color: #000; opacity: .4; width: 100%; height: 100%;}
#index #lists .swiper-slide > div:hover:after{opacity: 0;}
#index #lists.lists2 .swiper-slide{width: 32.3333%; height: 31vw;}

/* @keyframes sliderLineTwo {
	0% {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%); 
	}
	100% {
	  -webkit-transform: translateX(-200%);
	  transform: translate(-200%); 
	} 
  } */

#index #lists.lists2{background-color: #fff; }
#index #lists.lists2 h3{color: #000;}
#index #lists.lists2 h3 span{color: #000;}

/* .of_b,.of_s{display: none;} */

/* ------------------------------------------------------------------------------- */
/* About */
#about h2 span{margin-bottom: 20px;}

#about .ab_video {padding-bottom:40px;}
#about .ab_video h2 {position:absolute;top:50%;left:50%;text-align: center; transform: translate(-50%,-50%);     font-family: 'nanummyeongjo';}
#about .ab_video .back {position:relative;width:100%;}
#about .ab_video .back h3 {position:relative;width:150px;margin: auto;padding:5px 0 15px;z-index:5;}
#about .ab_video .back h3 img{width: 100%;}
#about .ab_video .back div {position:absolute;z-index:1;} 
#about .ab_video .back div.lt {background:#20333f;width:90%;height:750px;top:-28px;left:0;}
#about .ab_video .back div.rt {background:#a37154;width:10%;height:653px;top:-3px;right:0;}
#about .ab_video .back p {position:relative;font-size:10px;color:#deac76;line-height:1.7em;   width: 70%;   margin: 0 auto;text-align:center;z-index:5;}
#about .ab_location .cont_ttl {width:95%;margin:0 auto;padding:50px 0 30px;overflow:hidden;}
#about .ab_location .cont_ttl h3 {width:100%;font-size:38px;letter-spacing:1px;font-weight:bold;}
#about .ab_location .cont_ttl h3 span {display:block;font-size:18px;margin-bottom:5px;font-weight:normal;}
#about .ab_location .cont_ttl ul {width:100%;margin:0 auto;padding-top:30px;overflow:hidden;}
#about .ab_location .cont_ttl ul li {margin:5px 0;line-height:1.7;padding-bottom:20px;overflow:hidden;}
#about .ab_location .cont_ttl ul li strong {float:left;display:block;font-size:16px;width:130px;background:#9e694a;}
#about .ab_location .cont_ttl ul li strong {text-align:center;color:#fff;margin-right:15px;}
#about .ab_location .cont_ttl ul li span {float:left;display:block;font-size:16px;}

#about .ab_location #map {width:100%;height:392px;}

#about .ab_location .map_ttl {width:95%;margin:0 auto;padding:50px 0 30px;overflow:hidden;}
#about .ab_location .map_ttl h3 {width:100%;font-size:38px;letter-spacing:1px;font-weight:bold;}
#about .ab_location .map_ttl h3 span {display:block;font-size:18px;margin-bottom:5px;font-weight:normal;}

#about .ab_location .cont_ttl,#about .ab_location .map_ttl {position:relative;}
#about .root_daum_roughmap{width: 100%;}

#notice .content {padding:65px 0;}

/* ------------------------------------------------------------------------------- */
/* Travel */
#travel .content {position:relative;padding:75px 0;overflow:hidden;}
#travel .content .list {width:100%;margin:0 auto;overflow:hidden;  }
#travel .content .list ul{display: flex; flex-wrap: wrap;}
#travel .content .list li {width:calc(50% - 3px);margin:0 1.5px;height:100%;min-height:500px;}
#travel .content .list li > img {width:100%;display:block;margin:0 auto;}
#travel .content .list li .txt {width:95%;margin:50px auto;text-align:center;}
#travel .content .list li .txt h3 {color:#292929;font-size:17px;margin-bottom:20px;}
#travel .content .list li .txt h3 strong {display:block;font-weight:bold;}
#travel .content .list li .txt h3 span {font-size:13px;display:block;margin-top:7.5px;line-height:1.5;}
#travel .content .list li .txt p {font-size:13px;line-height:1.6;color:#292929;}

.tr-image{width: 100% ; height: 218px;}

/* ------------------------------------------------------------------------------- */
/* Room_pv */
.previews .section {margin-bottom:10%;}
    
.previews .section .list {width:95%;}
.previews .section .list > div {position:relative;padding:50px 0;width:80%;margin:0 auto;color:#fff;overflow:hidden;z-index:10;}
.previews .section .list > div h3 {font-size:30px;line-height:1.7;font-family:nanummyeongjo;}
.previews .section .list > div p {font-size:14px;line-height:1.7;padding:7px 0 0 10px;}

.previews .section .img {position:relative;width:100%;margin:0 auto;overflow:hidden;z-index:15;}
.previews .section .img a {position:relative;width:100%;height:auto;display:block;overflow:hidden;}
.previews .section .img a:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;background:#000;}
.previews .section .img a:before {opacity:0.3;z-index:1;}
.previews .section .img a img {display:block;}
.previews .section .img a img.im {position:relative;width:100%;}
.previews .section .img a img.bn {position:absolute;bottom:20px;right:20px;z-index:10;}

/* ------------------------------------------------------------------------------- */
/* Room */
#rooms .swiper-button-prev,#rooms .swiper-button-next {bottom:3px;}
#rooms .swiper-button-prev {right:calc(48px);}
#rooms .swiper-button-next {right:0%;}
#rooms .swiper-pagination {bottom:12px;right:calc(110px);}

#rooms .infos {width:100%;overflow:visible;z-index:100;}
#rooms .infos .ttl {padding:30px 0 30px 23%;width:77%;}
#rooms .infos .ttl h2 {padding:35px 0;}
#rooms .infos .ttl h2 strong {font-size:30px;letter-spacing:0.5px;display:block;}
#rooms .infos .ttl h2 strong {font-family:nanummyeongjo;font-weight:bold;}
#rooms .infos .ttl div {background:url(../../images/room/info_bg.png) repeat left top;}
#rooms .infos .ttl div {position:absolute;top:-70px;left:0;width:20%;}
#rooms .infos .ttl p {font-size:13px;line-height:1.5;width:95%;}

#rooms .infos .txt .InnerBox {width:95%;padding:60px 0 35px;margin:0 auto 15px;overflow:hidden;}
#rooms .infos .txt .InnerBox div {float:left;width:40%;}
#rooms .infos .txt .InnerBox div:first-child {margin-right:0%;width:60%;}
#rooms .infos .txt .InnerBox div > strong {font-size:18px;color:#494949;font-weight:bold;display:block;margin-bottom:30px;letter-spacing:1px;}
#rooms .infos .txt .InnerBox div > ul {width:100%;overflow:hidden;}
#rooms .infos .txt .InnerBox div > ul li {width:100%;margin-bottom:15px;line-height:1.5;}
#rooms .infos .txt .InnerBox div > ul li strong {display:block;margin-bottom:5px;color:#868686;}
#rooms .infos .txt .InnerBox div > ul li span {display:block;font-size:12px;line-height:1.6;}
#rooms .infos .txt .InnerBox div > ul li span.st {font-weight:bold;font-size:13px;line-height:1.5;}
#rooms .infos .txt .InnerBox div > ul li em {display:block;margin-top:10px;font-size:12px;color:#787878;}
#rooms .infos .txt .InnerBox div > ul.eq li {float:left;width:calc(50% - 15px);margin:0 0 10px 15px;}
#rooms .infos .txt .InnerBox div > ul.eq li span {font-size:12px;}
#rooms .infos .txt .InnerBox div > ul.eq li span {padding-left:12px;background:url(../../images/blt.jpg) no-repeat left 9px;}
	
#rooms .lists .InnerBox:before {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;content:"";display:block;}
#rooms .lists .InnerBox {position:relative;width:90%;padding:10% 5%;margin-bottom:5px;}
#rooms .lists .InnerBox .ttl {position:relative;margin:0 auto 3%;width:97%;z-index:1;}
#rooms .lists .InnerBox .ttl h3 {font-size:30px;color:#fff;letter-spacing:1px;}
#rooms .lists .InnerBox .ttl p {font-size:13px;color:#fff;margin-top:50px;}
#rooms .lists .InnerBox .ttl a {position:absolute;bottom:55px;right:0;display:block;font-size:13px;overflow:hidden;transition:0.2s;padding:10px 0;}
#rooms .lists .InnerBox .ttl a div {float:left;width:100px;height:1px;background:#fff;margin-top:7px;transition:0.2s;}
#rooms .lists .InnerBox .ttl a span {float:left;margin-left:20px;display:block;color:#fff;}

#rooms .lists .InnerBox ul {position:relative;width:100%;overflow:hidden;z-index:1;padding-top:20px;}
#rooms .lists .InnerBox ul li {float:left;width:calc(50% - 10px);margin:0 5px 40px;}
#rooms .lists .InnerBox ul li a {display:block;}
#rooms .lists .InnerBox ul li a div {position:relative;overflow:hidden;display:block;}
#rooms .lists .InnerBox ul li a div:before {position:absolute;top:0;left:0;width:100%;height:100%;transition: 0.3s;}
#rooms .lists .InnerBox ul li a div:before {background:#000;opacity:0.2;content:"";display:block;}
#rooms .lists .InnerBox ul li a span {font-size:20px;color:#fff;text-align:center;display:block;margin-top:15px;}
#rooms .lists .InnerBox ul li a span {font-family:nanummyeongjo;font-weight:400;font-style:normal;}
#rooms .lists .InnerBox ul li a:hover > div:before {top:100%;}


/* ------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------- */
/* facility */
#facility .top_banner h2 {position:absolute;top:50%;left:50%;width: 100%; text-align: center; transform: translate(-50%,-50%);     font-family: 'nanummyeongjo';}
#facility h2 span{margin-bottom: 20px;}

#facility .section .info {position:relative;padding:50px 0;width:92.5%;color:#fff;overflow:hidden;z-index:15;}
#facility .section .info h3 {font-size:20px;width:90%;margin:0 auto 20px;}
#facility .section .info p {width:80%;line-height:1.5em;font-size:11px;margin-left:5%;}
#service_pv h2 span{margin-bottom: 20px; margin-top: 0;}
#facility_pv h2 span{margin-bottom: 20px; margin-top: 0;}
#facility_pv  h2,#service_pv h2 {
    position: absolute;
    top: 50%;
    left: 50%;
	width: 100%;
    text-align: center;
    transform: translate(-50%,-50%);
    font-family: 'nanummyeongjo';
}
#fa-slide-txt{position: absolute; display: none; left: 3%; top: 4%; background: rgba(32, 51, 63, 1);height: 50px; padding: 0 2%; line-height: 50px; font-size: 16px; color: #fff; font-weight: bold;}
#fa-slide-txt.on{display: block;}

/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* service */
#service .top_banner h2 {position:absolute;top:50%;left:50%; width: 100%; text-align: center; transform: translate(-50%,-50%);     font-family: 'nanummyeongjo';}
#service h2 span{margin-bottom: 20px;}

#service .section .info {position:relative;padding:50px 0;width:92.5%;color:#fff;overflow:hidden;z-index:15;}
#service .section .info h3 {font-size:28px;width:90%;margin:0 auto 20px;}
#service .section .info p {width:80%;line-height:1.5em;font-size:13px;margin-left:5%;}


#service .swiper-slide{background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
#service .swiper-wrapper{height: 60vw;}
/* ------------------------------------------------------------------------------- */
/* Table */
.table .content .tabs {width:100%;height:100%;background:#fff;}
.table .content .tabs > ul {width:350px;margin:0 auto;padding:25px 0;}
.table .content .tabs > ul > li {float:left;width:50%;background:url(../../images/pv_b.gif) no-repeat right center;}
.table .content .tabs > ul > li:last-child {background:none;}
.table .content .tabs > ul > li a {display:block;padding:15px 0;text-align:center;font-size:17px;}
.table .content .tabs > ul > li.active a {font-weight:bold;}
.table .content .tabs .thumbs {position:relative;width:100%;margin:50px auto;}


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