@charset "UTF-8";
@import url("../../css/reset.css");
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@700&display=swap');

/* ------------------------------------------------------------------------------- */
/* images */
#video .banner 							{background:url(http://gonylab10.speedgabia.com/sosidamga/m/banner/1.jpg) no-repeat 50% 50%;background-size:cover;}
#gallery .video .MyFrame				{background:url(http://gonylab10.speedgabia.com/sosidamga/m/gallery/0.jpg) no-repeat 50% 50%;background-size:cover;}
#reserve .banner 						{background:url(http://gonylab10.speedgabia.com/sosidamga/m/banner/2.jpg) no-repeat 50% 50%;background-size:cover;}
#community .banner 						{background:url(http://gonylab10.speedgabia.com/sosidamga/m/banner/2.jpg) no-repeat 50% 50%;background-size:cover;}

#index .list .img 						{background:url(http://gonylab10.speedgabia.com/sosidamga/m/main/4.jpg) no-repeat 50% 50%;background-size:cover;}
#index .list .img .i01					{background:url(http://gonylab10.speedgabia.com/sosidamga/m/main/room/1.jpg) no-repeat 50% 50%;background-size:cover;}
#index .list .img .i02					{background:url(http://gonylab10.speedgabia.com/sosidamga/m/main/room/2.jpg) no-repeat 50% 50%;background-size:cover;}
#index .list .img .i03					{background:url(http://gonylab10.speedgabia.com/sosidamga/m/main/room/3.jpg) no-repeat 50% 50%;background-size:cover;}
#index .list .img .i04					{background:url(http://gonylab10.speedgabia.com/sosidamga/m/main/room/4.jpg) no-repeat 50% 50%;background-size:cover;}


/* ------------------------------------------------------------------------------- */
/* common */
body 									{width:640px;margin:0 auto;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
section article 							{position:relative;width:100%;}
section .section							{position:relative;width:100%;overflow:hidden;}
section .banner 							{height:480px;overflow:hidden;}
section .banner h1 						{position:absolute;top:50%;left:50%;margin:-50px 0 0 -260px;z-index:100;}
section .banner h1 						{font-size:40px;color:#fff;text-align:center;line-height:150px;width:520px;height:100px;}
section .banner:before 					{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0.4;background:#000;z-index:1;}

section .MyFrame 							{position:absolute;width:1100px;height:600px;top:50%;left:50%;margin:-300px 0 0 -550px;}
section .MyFrame #MyVideo					{width:1100px;height:600px;margin:0 auto;}


/* swiper */
.swiper .s-btn 							{position:absolute;top:50%;width:75px;height:53px;margin-top:-26.5px;z-index:10;cursor:pointer;}
.swiper .s-btn 							{background-size:contain;background-position:center;background-repeat:no-repeat;}
.swiper .swiper-pagination 				{bottom:15px;left:0%;width:100%;}
.swiper .swiper-button-prev 				{background-image:url(../../images/prev.png);left:3px;}
.swiper .swiper-button-next 				{background-image:url(../../images/next.png);right:3px;}

.swiper .swiper-pagination-bullet 			{width:14px;height:13px;display:inline-block;}
.swiper .swiper-pagination-bullet 			{background:url(../images/off.png) no-repeat left top;}
.swiper .swiper-pagination-bullet 			{-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;transition: transform 0.3s ease;}
.swiper .swiper-pagination-bullet-active	{background:url(../images/on.png) no-repeat left top;}



/* ------------------------------------------------------------------------------- */
/* header */
header 									{position:fixed;top:0;left:50%;width:640px;margin-left:-335px;z-index:7777;}
hgroup									{position:absolute;top:0;width:100%;height:110px;z-index:10;}
hgroup h1 								{position:absolute;top:15px;left:50%;margin-left:-65.5px;z-index:10;}
hgroup > div 							{position:absolute;z-index:9;}
hgroup > div a 							{display:inline-block;transition: 0.3s;}
hgroup > div a:hover 						{opacity:0.8;}
hgroup .btn01 							{top:20px;right:0;}
hgroup .btn02 							{top:27px;left:2%;}
		
hgroup h1 a 								{background:url(../../images/logo.png) no-repeat left top;width:170px;height:84px;}
hgroup .b01 								{background:url(../../images/hd_btn_01_01.png) no-repeat left top;width:60px;height:60px;}
hgroup .b02 								{background:url(../../images/hd_btn_01_02.png) no-repeat left top;width:126px;height:60px;margin-left: 400px;}
hgroup .btn02 a 							{background:url(../../images/hd_btn_02.png) no-repeat left top;width:160px;height:40px;}
hgroup .b03 								{background:url(../../images/idx_hd_btn_01_04_b.png) no-repeat left top;width:60px;height:60px;}

.open hgroup h1 a 						{background:url(../../images/idx_logo.png) no-repeat left top;}
.open hgroup .b01 						{background:url(../../images/idx_hd_btn_01_01.png) no-repeat left top;}
.open hgroup .b02 						{background:url(../../images/idx_hd_btn_01_02.png) no-repeat left top;}
.open hgroup .btn02 a 					{background:url(../../images/idx_hd_btn_02.png) no-repeat left top;}
.open hgroup .b03 						{background:url(../../images/idx_hd_btn_01_04.png) no-repeat left top;}

nav 										{position:fixed;top:-100%;left:50%;width:640px;height:100%;overflow-y:scroll;background:#fff;margin-left:-320px;}
nav 										{border-bottom:1px solid #e8e8e8;opacity:1;z-index:11;}
nav #top 								{position:relative;width:100%;height:200px;}
nav #top h2 								{position:absolute;top:30px;left:50%;width:131px;height:84px;margin-left:-65.5px;z-index:10;}
nav #top > div 							{position:absolute;top:30px;}
nav #top > div.close 						{right:5%;}
nav #gnb		 							{width:90%;margin:0 auto;}
nav #gnb > ul 							{width:100%;overflow:hidden;}
nav #gnb > ul > li 						{float:left;width:35%;}
nav #gnb > ul > li > a 					{/*font-family:linotype-didot, serif;*/font-weight:700;font-style:normal;}
nav #gnb > ul > li > a 					{font-size:25px;letter-spacing:1px;margin-bottom:35px;}
nav #gnb > ul > li > ul 					{width:90%;margin:0 auto 50px;overflow:hidden;}
nav #gnb > ul > li > ul li 				{line-height:1.5;margin-bottom:5px;}
nav #gnb > ul > li > ul li > a 			{font-size:20px;color:#787878;display:inline-block;padding:7px 0;}
nav #gnb > ul > li.stn					{width:32%;}	
nav #gnb > ul > li.ltn > ul li 			{width:100%;}
nav #gnb > ul > li.ltn > ul li.ga 			{float:left;width:33.33%;}
nav #gnb > ul > li.ltn > ul li.gb 			{float:left;width:33.55%;}
nav #gnb > ul > li div.sns 				{overflow:hidden;margin-top:10%;}
nav #gnb > ul > li div.sns a 				{display:block;float:left;padding:15px;margin:0 7.5px;border:1px solid #e8e8e8;}

footer									{position:relative;width:100%;padding:17.5% 0;background:#122632;}
footer .ft								{width:600px;margin:0 auto;overflow:hidden;}	
footer .ft > div	 						{float:left;}
footer .ft .lt 							{width:45%;}
footer .ft .lt h5							{width:151px;margin:0 auto;}
footer .ft .rt 							{width:55%;overflow:hidden;}
footer .ft .rt .InBox strong 				{display:block;font-size:16px;color:#647078;margin-bottom:20px;letter-spacing:1px;}
footer .ft .rt .InBox address				{width:100%;}
footer .ft .rt .InBox span 				{display:block;color:#c6c6c6;line-height:1.5;font-size:14px;}
footer .ft .bottom						{width:100%;margin-top:80px;}
footer .ft .bottom .InBox					{width:90%;margin:0 auto;overflow:hidden;}	
footer .ft .bottom .InBox strong 			{display:block;font-size:16px;color:#647078;margin-bottom:20px;letter-spacing:1px;}
footer .ft .bottom .InBox > div a 			{display:inline-block;font-size:14px;color:#c6c6c6;border:1px solid #c6c6c6;  padding:15px;}
footer .ft .bottom .InBox > div div a		{display:block;float:left;padding:12px 15px;margin:0 5px;border:1px solid #e8e8e8;}
footer .ft .bottom .InBox > div a.reserveBtn { line-height:25px; margin-right:10px}
footer .ft .bottom .InBox > div			{float:left;width:50%;}	
footer .ft .bottom .InBox > div:first-child	{width:100%; padding-left:5%; display:flex; flex-wrap:wrap; align-items:center;}
footer .ft .bottom .InBox > div:first-child strong{width:100%;}
footer .ft .copy							{float:none;width:100%;}
footer .ft .copy a						{display:inline-block;color:#fff;color:#fff;font-size:14px;padding:5px 0;}
footer .top								{position:absolute;top:0;right:5%;z-index:10;}

header a,footer a 						{display:block;}


/* ------------------------------------------------------------------------------- */
/* Index */
#index .video {height:600px;}
#index .video h2 {position:absolute;top:50%;left:50%;margin:-156px 0 0 -290px;z-index:10;}
#index .video .btns {position:absolute;bottom:10%;left:7.5%;width:85%;z-index:2;}
#index .video .btns {display:flex;align-items:center;justify-content:space-between;pointer-events:none;}
#index .video .btns > div {position:relative;right:auto;pointer-events:auto;}
#index .video .btns > div:after {content: "";position: absolute;width: calc(100% + 5px);height: 100%;top: 0;}
#index .video .btns > div:after {left: 17.5px;border: 1px solid hsla(0,0%,100%,.2);transform: translateX(0);pointer-events: none;}
#index .video .btns > div:after {transition: all .4s cubic-bezier(.405,.005,0,1);}
#index .video .btns > div,#index .video .btns a {pointer-events: auto;}
#index .video .btns a {color:#fff;letter-spacing:1px;padding:15px 0;}
#index .video .btns a {display:inline-block;vertical-align:middle;text-align:center;margin:0;}
#index .video .btns a {border: none;cursor:pointer;position:relative;white-space:nowrap;}
#index .video .btns a:before {left:0;transform:scaleX(1);transform-origin:left;}
#index .video .btns a:after {right:0;transform:scaleX(0);transform-origin:right;}
#index .video .btns a:after,#index .video .btns a:before {content:"";position:absolute;top:50%;height:1px;width:30px;background:#fff;}
#index .video .btns a:after,#index .video .btns a:before,#index .video .btns a span {transition: transform .4s cubic-bezier(.405,.005,0,1);}
#index .video .btns a span {position:relative;display:block;font-size:16px;transform:translateX(0);padding-left:50px;pointer-events: none;}
#index .video .btns a span {font-family:nanumbarungothicregular;}
#index .video .btns > div:hover:after {transform: translateX(-35px);border-color: hsla(0, 0%, 100%, .5);}
#index .video .btns a:focus span,#index .video .btns a:hover span {transform: translateX(-50px)}
#index .video .btns a:focus:before,#index .video .btns a:hover:before {transform: scaleX(0)}
#index .video .btns a:focus:after,#index .video .btns a:hover:after {transform: scaleX(1)}
#index .video .scroll {position:absolute;bottom:0px;left:50%;margin-left:-20px;z-index:20;}
#index .video .scroll {transition: bottom .4s cubic-bezier(.405,.005,0,1);}
#index .video .scroll:hover {bottom:10px;}

#index .special .main_txt {position: absolute; left: 50%; margin-left: -280px;bottom: 100px;}
#index .special {background:#fff;padding:25% 0;overflow:visible;}
#index .special:before {background:linear-gradient(180deg,transparent 60%,#fff);z-index:1;}
#index .special:before {position:absolute;left:0;top:-30%;width:100%;height:30%;content:"";}
#index .special h3 {color:#000;font-size:24px;text-align:center;font-family: 'Nanum Myeongjo', serif;}
#index .special h3 {/*font-family:linotype-didot, serif;*/font-weight:400;}
#index .special h3 div {width:100px;height:1px;background:#fff;margin:35px auto 50px;}
#index .special ul {width:100%;margin:0 auto;overflow:hidden;}
#index .special ul li {float:left;width:calc(33.33% - 10px);margin:0 5px;}
#index .special ul li a {display:block;width:100%;height:100%;}
#index .special ul li a > div {position:relative;width:100%;overflow:hidden;}
#index .special ul li a > div.img {height:calc(100% - 2px);}
#index .special ul li a > div.img img {transform: scale(1);display:block;transition: 0.3s;}
#index .special ul li a > div.txt {width:95%;margin:15px auto;}
#index .special ul li a > div.txt strong {display:block;font-size:28px;letter-spacing:1px;/*font-family:linotype-didot;*/color:#fff;}
#index .special ul li a > div.txt span {display:block;/*font-family:linotype-didot;*/color:#fff;font-size:15px;}
#index .special ul li a > div.txt span {margin-top:5px;line-height:1.3;color:#b5b5b5;transition:0.3s;}
#index .special ul li a:hover .img img {transform: scale(1.05);}
#index .special ul li a:hover .txt span {color:#fff;}
#index .special ul {transform:translateY(50px) translateZ(0);transition: all 1.5s cubic-bezier(.405,.005,0,1);position:relative;opacity:0;}
#index .special ul:after {content: "";position:absolute;width: alc(100% + 10px);height:calc(100% + 10px);background-color:#20333f;}
#index .special ul:after {top:-5px;left:-5px;transform: scaleY(1) translateZ(0);backface-visibility:hidden;transform-origin: top;}
#index .special ul:after {transition: transform 1.5s cubic-bezier(.405,.005,0,1);}
#index .special ul.on:after {transform: scaleY(0) translateZ(0);}
#index .special ul li strong {position:relative;transform:translateY(-100%) translateZ(0);}
#index .special ul li strong {transition:transform 1.5s cubic-bezier(.405,.005,0,1);}
#index .special ul.on li strong {transform: translateY(0) translateZ(0);}

#index .movie {padding:25% 0 30%}
#index .movie .txtBox p {color:#000;font-size:20px;text-align:center;font-weight:400;font-family: 'Nanum Myeongjo', serif;margin-top: 15px;}
#index .movie .main_txt2 {position: absolute; left: 100%; margin-left: -160px;bottom: 100px;z-index:200;}
#index .movie .txtBox {width:600px;margin:0 auto;padding-bottom:25%;}
#index .movie .txtBox h3 {font-size:24px;width:620px;padding:0 10px;margin:0 auto;font-family: 'Nanum Myeongjo', serif;text-align:center;letter-spacing:1px;}
#index .movie .txtBox ul {margin-top:7%;overflow:hidden;}
#index .movie .txtBox ul li {float:left;width:33.33%;margin-bottom:30px;}
#index .movie .txtBox ul li img {display:block;width:180px;margin:0 auto;}
#index .movie .txtBox ul li span {font-size:14px;text-align:center;line-height:1.5em;color:#787878;display:block;margin-top:15px;}
#index .movie .movBox {z-index: 201;}

#index .list {height:700px;}
#index .list .img {position:relative;width:100%;height:100%;}
#index .list .img div {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0;}
#index .list .img div:before {position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:#000;opacity:0.3;}
#index .list ul {position:absolute;width:100%;height:100%;overflow:hidden;z-index:2;}
#index .list ul li {position:relative;float:left;width:50%;height:100%;}
#index .list ul li a {position:absolute;top:50%;left:0;width:100%;height:240px;margin-top:-120px;text-align:center;display:block;overflow:hidden;}
#index .list ul li a strong {font-size:30px;font-family: 'Nanum Myeongjo', serif;display:block;color:#fff;margin-top:105px;transition: 0.5s;}
#index .list ul li a div {width:80px;height:1px;background:#e8e8e8;margin:25px auto;opacity:0;transition: 0.5s;}
#index .list ul li a span {font-size:17px;line-height:1.8;display:block;color:#fff;opacity:0;transition: 0.5s;}
#index .list ul li a b {font-size:15px;display:inline-block;color:#fff;margin-top:10px;padding:5px 10px;letter-spacing:1px;}
#index .list ul li a.active strong {font-size:40px;margin:0;}
#index .list ul li a.active div {opacity:1;}
#index .list ul li a.active span {opacity:1;}


/* ------------------------------------------------------------------------------- */
/* About */
#about .video {height:600px;}
#about .video h2 {position:absolute;top:50%;left:50%;margin:-155px 0 0 -300px;z-index:10;}	
#about .video .scroll {position:absolute;bottom:30px;left:50%;margin-left:-20px;z-index:20;}
#about .video .scroll {transition: bottom .4s cubic-bezier(.405,.005,0,1);}
#about .video .scroll:hover {bottom:10px;}	
#about .content {width:100%;height:100%;overflow:visible;}
#about .content .bg {position:absolute;}
#about .content .bg01 {background:#9E907A;width:93%;height:1080px;top:-40px;left:0;}
#about .content .bg02 {background:#fff;width:7%;height:1050px;top:0;right:0;}	
#about .content .txtBox {position:relative;width:100%;margin:0 auto;padding:5% 0;overflow:hidden;z-index:10;}
#about .content .txtBox h3 {display:block;width:131px;margin:0 auto;}
#about .content .txtBox p {width:95%;font-size:15px;line-height:2;color:#fff;margin:30px auto;text-align:center;}
#about .content .txtBox p span {font-size:16px;display:block;font-weight:bold;margin-bottom:10px;}
#about .content .movBox {position:relative;width:100%;margin:0 auto;z-index:10;}

#about .award {width:100%;margin:17.5% auto;z-index:10;}
#about .award h3 {width:93%;margin:0 auto 15px;/*font-family:linotype-didot, serif;*/font-weight:700;font-size:30px;}
#about .award h3 {margin-bottom:30px;letter-spacing:1px;text-align:center;}
#about .award ul {width:100%;overflow:hidden;}
#about .award ul li {float:left;width:33.33%;}
#about .award ul li img {display:block;width:169px;margin:0 auto;}
#about .award ul li span {display:block;text-align:center;font-size:14px;color:#9c9a9b;line-height:1.5;margin-top:5px;}
#about .award ul.icon_a {margin-bottom:70px;}

#about .location {width:100%;margin:7.5% auto 0;z-index:10;}
#about .location .txt {width:93%;margin:0 auto 10px;overflow:hidden;}
#about .location .txt h3 {/*font-family:linotype-didot, serif;*/font-weight:700;font-size:30px;text-align:center;letter-spacing:1px;}
#about .location .txt p {font-size:17px;line-height:1.5;margin-top:20px;text-align:center;}
#about .location .txt p span {display:block;}
#about .location #map {width:100%;margin:0 auto;padding-bottom:10%;}


/*------------------------------------------------------------------------------------------------*/
/* Travel */
#travel .lists {width:100%;padding-top:180px;}
#travel .lists h3 {font-size:38px;/*font-family:linotype-didot;*/font-weight:bold;font-weight:bold;padding-bottom:7.5%;text-align:center;}
#travel .lists ul {width:100%;margin:0 auto;overflow:hidden;}
#travel .lists ul li {width:70%;text-align:center;margin:0 auto;padding:30px 2.5% 10.5%;border-bottom:1px solid #e8e8e8;}
#travel .lists ul li div {display:block;}
#travel .lists ul li div.ttl {margin:35px 0;}
#travel .lists ul li div.ttl strong {font-size:27px;display:block;}
#travel .lists ul li div.ttl span {font-size:16px;margin-top:10px;display:block;padding-left:5px;}
#travel .lists ul li div.txt span {display:block;font-size:15px;line-height:1.6;}


/*------------------------------------------------------------------------------------------------*/
/* Previews */
.previews .lists {max-width:1400px;min-width:100px;margin:0 auto;padding:180px 0 10%;}
.previews .lists h3 {font-size:30px;font-family: 'Nanum Myeongjo', serif;font-weight:bold;font-weight:bold;text-align:center;}
.previews .lists ul li a {text-align:center;display:block;/*font-family:linotype-didot;*/font-size:19px;color:#8d8d8d;transition:0.3s;}
.previews .lists ul li a:hover {color:#bebbb9;}
.previews .lists .line {width:80px;height:1px;background:#bebbb9;margin:0 auto;}


/* Room - Pv */
.previews .lists ul {width:600px;margin:70px auto;overflow:hidden;}
.previews .lists ul li {float:left;width:25%;}
.previews .pv {max-width:1400px;min-width:100px;margin:0 auto 12.5%;overflow:visible;}
.previews .pv > h4 {font-size:35px;/*font-family:linotype-didot;*/font-weight:bold;font-weight:bold;padding:0 20px;}
.previews .pv > p {font-size:16px;color:#a8a8a8;padding:15px 0 35px 25px;}
.previews .pv > .image {position:relative;width:100%;margin:0 auto;overflow:hidden;}
.previews .pv > .image > div.i {position:relative;} 
.previews .pv > .image > div.b {position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:#000;opacity:0.3;transition:0.3s;}
.previews .pv > .image > .btn {position:absolute;top:50%;left:50%;width:220px;height:70px;margin:-35px 0 0 -110px;display:block;z-index:100;}


/*------------------------------------------------------------------------------------------------*/
/* Detail */
.detail .title {width:100%;margin:0 auto 5%;padding-top:180px;}
.detail .title .line {width:80px;height:1px;background:#bebbb9;margin:50px auto;}
.detail .title h3 {font-size:42px;/*font-family:linotype-didot;*/font-weight:700;text-align:center; font-family: 'Nanum Myeongjo', serif}
.detail .title p {font-size:15px;line-height:1.7;color:#8d8d8d;text-align:center;margin-top:30px;margin-bottom: 80px;}
.detail .room_point {position: absolute; left: 50%; margin-left: -180px;top:440px;}
.detail .info {width:600px;margin:0 auto;padding:7.5% 0;border-bottom:1px solid #e8e8e8;}
.detail .info .InBox {width:100%;}v
.detail .info .InBox > ul {width:100%;overflow:hidden;}
.detail .info .InBox > ul > li {float:left;width:48%;margin:0 1%;}
.detail .info .InBox > ul > li strong {font-size:20px;color:#848484;margin:15px 0 30px 0;position:relative;padding-left:10px;display:block;}
.detail .info .InBox > ul > li strong {background:url(../../images/room/ttl_point.gif) no-repeat left center;}
.detail .info .InBox > ul > li ul li {background:url(../../images/room/list_point.gif) no-repeat left 9px;}
.detail .info .InBox > ul > li ul li {position:relative;padding-left:15px;font-size:16px;line-height:1.7;}
.detail .info .InBox > ul > li > span.ex {background:url(../../images/room/icon.gif) no-repeat left 2px;}
.detail .info .InBox > ul > li > span.ex {font-size:15px;line-height:1.5;display:block;margin-top:25px;padding-left:23px;}
.detail .info .InBox > ul > li.eq ul {width:100%;overflow:hidden;}
.detail .info .InBox > ul > li.eq ul li {float:left;width:calc(50% - 30px);margin-right:15px;line-height:1.4;margin-bottom:10px;}
.detail .info .InBox > ul.bottom {margin-top:35px;}
.detail .info .InBox > ul.bottom li {width:98%;}

.detail .list {width:620px;margin:0 auto;padding:20% 0;}
.detail .list h4 {font-size:28px;/*font-family:linotype-didot;*/font-weight:bold;font-weight:bold;margin:0 auto 7.5%;width:97%;}
.detail .list > ul {width:100%;overflow:hidden;margin-bottom:5%;}
.detail .list > ul > li {width:calc(45% - 20px);margin:0 10px;float:left;}
.detail .list > ul > li > a {display:block;}
.detail .list > ul > li > a div {position:relative;width:100%;height:100%;overflow:hidden;}
.detail .list > ul > li > a span {display:block;font-size:16px;/*font-family:linotype-didot;*/padding:5px 0 25px;width:95%;margin:0 auto;}
.detail .list > ul > li > a:hover span {color:#787878;}

/* Special */
#special .info {width:600px;}
#special .info .InBox strong {font-size:20px;color:#848484;margin:15px 0 30px 0;position:relative;padding-left:10px;display:block;}
#special .info .InBox strong {background:url(../../images/room/ttl_point.gif) no-repeat left center;}
#special .info .InBox p {font-size:15px;line-height:1.6;}
#special .info .InBox p span {display:block;font-size:16px;font-weight:bold;margin-bottom:5px;}
#special .list > ul > li {width:calc(32% - 10px);margin:0 5px;float:left;}

/* ------------------------------------------------------------------------------- */
/* Gallery */
#gallery .video {height:600px;}
#gallery .video h2 {position:absolute;top:50%;left:50%;margin:-150px 0 0 -300px;z-index:10;}	
#gallery .video .scroll {position:absolute;bottom:30px;left:50%;margin-left:-20px;z-index:20;}
#gallery .video .scroll {transition: bottom .4s cubic-bezier(.405,.005,0,1);}
#gallery .video .scroll:hover {bottom:10px;}	
#gallery .content {width:100%;height:100%;overflow:visible;margin-top: 180px;}
#gallery .content .bg {position:absolute;}
#gallery .content .bg01 {background:#20333f;width:80%;height:530px;top:-30px;left:0;}
#gallery .content .bg02 {background:#a37154;width:20%;height:500px;top:0;right:0;}	
#gallery .content .txtBox {position:relative;width:100%;margin:0 auto;padding:12.5% 0;overflow:hidden;z-index:10;}
#gallery .content .txtBox h3 {font-size:50px;/*font-family:linotype-didot;*/text-align:center;color:#000000;}
#gallery .content .txtBox div {width:80px;height:1px;background:#c4c9cc;margin:35px auto 0;}
#gallery .content .movBox {position:relative;width:600px;margin:0 auto;z-index:10;}

#gallery .images {padding-top:7.5%;}
#gallery .images > .top {position:relative;width:80%;margin:0 auto 5px;overflow:hidden;}
#gallery .images > div > div {overflow:hidden;}
#gallery .images div div img {transform: scale(1);transition:0.3s;display:block;}
#gallery .images > .top div div {width:90%;overflow:hidden;}
#gallery .images > .top p {position:absolute;top:50%;margin-top:-17.5px;}
#gallery .images > .top p {font-size:20px;/*font-family:linotype-didot;*/letter-spacing:1px;text-transform:uppercase;z-index:1;}
#gallery .images > .top iframe {position:absolute;top:0;left:0;width:80%;height:100%;z-index:1;display:block;}
#gallery .images > .bottom {width:100%;}
#gallery .images > .bottom div {float:left;display:block;width:calc(50% - 5px);margin:0 2.5px 5px;}
#gallery .images > .lt div div {float:left;}
#gallery .images > .lt p {right:0;}
#gallery .images > .rt div div {float:right;}
#gallery .images > .rt p {left:0;}

#gallery #gacont_07 .top {width:70%;}
#gallery #gacont_07 .top div {float:left;width:49.5%;margin:0 0.25%;overflow:hidden;}
#gallery #gacont_07 .top div img {width:90%;display:block;}
#gallery #gacont_07 .top div.glt img {float:right;}
#gallery #gacont_07 .top div.grt img {padding-top:20%;}

/*------------------------------------------------------------------------------------------------*/
/* table */
.table hgroup h1 a {background:url(../images/idx_logo.png) no-repeat left top;}
.table hgroup .b01 {background:url(../images/idx_hd_btn_01_01.png) no-repeat left top;}
.table hgroup .b02 {background:url(../images/idx_hd_btn_01_02.png) no-repeat left top;}
.table hgroup .btn02 a {background:url(../images/idx_hd_btn_02.png) no-repeat left top;}
.table hgroup .b02 {background:url(../images/idx_hd_btn_01_03.png) no-repeat left top;}
.table hgroup .b03 {background:url(../images/idx_hd_btn_01_04.png) no-repeat left top;}

.table .banner {height:45vh;min-height:450px;}
.table .banner:before {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;content:"";z-index:1;}
.table .banner h2 {position:absolute;top:50%;left:50%;margin:-0px 0 0 -320px;letter-spacing:1px;z-index:100;}
.table .banner h2 {/*font-family:linotype-didot;*/font-size:45px;color:#fff;width:640px;text-align:center;}

.table .content {position:relative;width:100%;padding:20px 0 150px;margin:0 auto;overflow:hidden;}
.table .content .snb {width:400px;margin:0 auto;padding:35px 0;overflow:hidden;}
.table .content .snb > li {float:left;width:50%;background:url(../../images/pv_b.gif) no-repeat right center;}
.table .content .snb > li:last-child {background:none;}
.table .content .snb > li a {display:block;padding:15px 0;text-align:center;font-size:17px;}
.table .content .snb > li.active a {font-weight:bold;}

#video .content {width:100%;padding:100px 0 150px;}

/*------------------------------------------------------------------------------------------------*/
/* Reserve */
#reserve h2 {text-align:center;font-size:36px;letter-spacing:1px;padding-bottom:3%;}
#reserve h2 .point {background:url(../../images/point.jpg) no-repeat left top;width:87px;height:7px;margin:0 auto;}
#reserve h2 span {display:block;font-size:20px;margin:35px 0 20px;letter-spacing:0.5px;}

#reserve .tab_02 {display:none;}
#reserve .tab_02 h2 {width:250px;margin:0 auto;padding:0px 0 35px;}
#reserve .tab_02 table {width:100%;border:1px solid #e7e7e7;font-family:'돋움',Dotum!important;}
#reserve .tab_02 table tr th {border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
#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:13px;color:#676767;
}
#reserve .tab_02 > div > h4 {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:3em;}
#reserve .tab_02 .r_info_02 {margin:50px 0;padding-top:50px;text-align:left;} 
#reserve .tab_02 .r_info_03 {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;}