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

/* ------------------------------------------------------------------------------- */
/* Image */
#index #Videos .MyFrame iframe                  {background-image:url(http://gonylab3.speedgabia.com/luminous/m/banner/main.jpg);}
#about #Videos .MyFrame iframe                  {background-image:url(http://gonylab3.speedgabia.com/luminous/m/banner/exterior.jpg);}

#travel #Banner                                 {background-image:url(http://gonylab3.speedgabia.com/luminous/m/banner/1.jpg);}
#reserve #Banner                                {background-image:url(http://gonylab3.speedgabia.com/luminous/m/banner/2.jpg);}
#community #Banner                              {background-image:url(http://gonylab3.speedgabia.com/luminous/m/banner/3.jpg);}


/* ------------------------------------------------------------------------------- */
/* common */
html,body 										{width:640px;margin:0 auto;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}/* scroll-behavior:smooth; */
section, section .section						{position:relative;width:100%;z-index:1;}
#scroll                                         {position:absolute;bottom:-30px;left:50%;margin-left:-48.5px;z-index:10;}

/* Video */
#Videos   							        	{height:650px;}
#Videos .InBox                                  {position:relative;height:650px;overflow:hidden;z-index:0;}
#Videos .InBox .ttls                            {position:absolute;top:50%;left:5%;height:110px;color:#fff;z-index:1;}
#Videos .InBox .ttls div                        {display:inline-block;width:70px;border-top:1px solid #fff;padding-top:7px;margin-right:15px;}
#Videos .InBox .ttls span                       {font-family:'linotype-didot';font-size:17px;}
#Videos .InBox .ttls span b                     {font-family:'linotype-didot';}
#Videos .InBox .ttls strong                     {display:block;font-size:40px;margin:15px 0 0 15px;letter-spacing:3px;font-weight:bold;}
#Videos .MyFrame 			                	{position:absolute;width:1155px;height:600px;top:50%;left:50%;margin:-325px 0 0 -577.5px;}
#Videos .MyFrame #MyVideo	                	{width:1155px;height:650px;margin:0 auto;object-fit:cover;}
#Videos .MyFrame #MyVideo                       {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}

/* Visual */
#visual                                         {position:relative;width:100%;height:550px;}
#visual                                         {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#visual:before                                  {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;opacity:0.3;background:#000;z-index:1;}
#visual .InBox                                  {position:relative;width:100%;height:100%;overflow:hidden;}
#visual .InBox .ttls                            {position:absolute;top:50%;left:5%;height:110px;color:#fff;z-index:1;}
#visual .InBox .ttls div                        {display:inline-block;width:70px;border-top:1px solid #fff;padding-top:7px;margin-right:15px;vertical-align:middle;}
#visual .InBox .ttls span                       {font-family:'linotype-didot';font-size:17px;}
#visual .InBox .ttls span b                     {font-family:'linotype-didot';}
#visual .InBox .ttls strong                     {display:block;font-size:40px;letter-spacing:3px;font-weight:bold;margin-top:10px;}

/* Banner */
#Banner                                         {position:relative;width:100%;height:550px;}
#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.3;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;color:#fff;z-index:1;}
#Banner .InBox .ttls div                        {display:inline-block;width:70px;border-top:1px solid #fff;padding-top:7px;margin-right:15px;}
#Banner .InBox .ttls span                       {font-family:'linotype-didot';font-size:17px;}
#Banner .InBox .ttls span b                     {font-family:'linotype-didot';}
#Banner .InBox .ttls strong                     {display:block;font-size:40px;margin:15px 0 0 15px;letter-spacing:3px;font-weight:bold;}


/* Slide */
.Slides                                         {position:relative;width:100%;height:450px;margin-top:10px;}
.Slides .InBox 							        {position:relative;width:100%;height:100%;overflow:hidden;}
.Slides .InBox .slide                           {position:relative;width:100%;height:100%;}
.Slides .InBox .slide > li 			            {position:absolute;top:0;left:0;width:100%;height:100%;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 .InBox .slide > li .bg                  {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;background:#000;opacity:0.3;z-index:2;}

.Slides #nav .arrow                             {position:absolute;bottom:7%;right:3%;width:50px;height:260px;z-index:5;}
.Slides #nav .arrow                             {background:url(../../images/idx_top_line.png) no-repeat center 195px;}
.Slides #nav .arrow span                        {position:absolute;top:0;left:0;display:block;color:#fff;font-size:45px;width:50px;}
.Slides #nav .arrow span                        {letter-spacing:-1px;transform: rotate(90deg);}

.Slides #nav .arrow a                           {width:50px;height:57px;margin:0 auto;display:block;}
.Slides #nav .arrow a:nth-of-type(1)            {margin:140px auto 0;}
.Slides #nav .arrow a.prev			            {background:url(../../images/idx_top_prev.png) no-repeat 50% 50%;}
.Slides #nav .arrow a.next			            {background:url(../../images/idx_top_next.png) no-repeat 50% 50%;}

.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;}

/* Swipers */
.Swipers 									    {max-width:100%!important;overflow:hidden;}	
.Swipers .swiper-view                           {width:595px;margin:0 auto;}
.Swipers .InBox 							    {height:360px;}
.Swipers .swiper-container 					    {height:100%;}
.Swipers .swiper-slide > div		 		    {width:100%;height:100%;opacity:0.5;transition:0.3s;}
.Swipers .swiper-slide > div		            {background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.Swipers .swiper-slide-active > div   		 	{opacity:1;}			
.Swipers .swiper-btn 						    {position:absolute;top:50%;width:83px;height:54px;margin-top:-27px;z-index:10;cursor:pointer;}
.Swipers .swiper-btn 						    {background-size:contain;background-position:center;background-repeat:no-repeat;}
.Swipers .swiper-pagination 				    {bottom:15px;left:0%;width:100%;}
.Swipers .swiper-button-prev 				    {background-image:url(../images/prev.png);left:-20px;}
.Swipers .swiper-button-next 				    {background-image:url(../images/next.png);right:-20px;}
.Swipers .swiper-pagination-bullet 			    {width:17px;height:17px;display:inline-block;margin:0 1.5px!important;;}
.Swipers .swiper-pagination-bullet 			    {background:url(../../images/off.png) no-repeat left top;}
.Swipers .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:-320px;z-index:50;}
hgroup                                          {position:relative;width:100%;height:100px;background:#fff;border-bottom:1px solid #e8e8e8;overflow:hidden;}
hgroup h1                                       {width:190px;float:left;margin-top:25px;}
hgroup h1 a                                     {width:100%;text-align:center;}
hgroup .InBox                                   {width:calc(100% - 190px);text-align:center;float:right;overflow:hidden;}
hgroup .InBox ul                                {width:100%;overflow:hidden;}
hgroup .InBox ul li                             {float:left;}
hgroup .InBox .rnb                              {float:left;width:90%;overflow:hidden;} 
hgroup .InBox .rnb > ul                         {width:55%;float:left;} 
hgroup .InBox .rnb > ul li                      {font-size:13px;background:url(../../images/hd_rnb_line.png) no-repeat right 50%;width:35%;}
hgroup .InBox .rnb > ul li:nth-of-type(2)       {width:50%;}
hgroup .InBox .rnb > ul li:last-child           {background:none;}
hgroup .InBox .rnb > ul li a                    {padding:16.5px 0;color:#8b8b8b;text-align:center;}
hgroup .InBox .rnb > .sns						{position:absolute;top:10px;right:115px;z-index:1;} 
hgroup .InBox .rnb > .sns a						{display:inline-block;}	
hgroup .InBox .rnb > .book                      {position:absolute;top:10px;right:10px;width:100px;z-index:1;} 
hgroup .InBox .rnb > .book a				    {font-size:12px;color:#fff;background:#3e475d;padding:13px 0;display:block;}


hgroup .InBox .lnb                              {width:100%;overflow:hidden;}
hgroup .InBox .lnb ul li                        {width:33%;}
hgroup .InBox .lnb ul li:nth-of-type(1)         {width:18%;}
hgroup .InBox .lnb ul li:nth-of-type(2)         {width:36%;}
hgroup .InBox .lnb ul li:nth-of-type(3)         {width:20%;}
hgroup .InBox .lnb ul li:nth-of-type(4)         {width:26%;}
hgroup .InBox .lnb ul li a                      {font-size:14px;font-weight:bold;padding:20.5px 0;letter-spacing:1px;}
hgroup .InBox .lnb ul li.on a                   {color:#5f8caf;}   

header nav                                          {position:fixed;width:640px;top:100px;left:50%;margin-left:-320px;height:0;overflow:hidden;transition:0.5s;z-index:10;}
header nav:before                                   {position:absolute;top:0;left:0;width:100%;height:calc(100% - 2px);content:"";display:block;opacity:0.9;z-index:1;}
header nav:before                                   {background:#fff;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}	
header nav > div                                    {position:absolute;width:90%;height:500px;padding-top:25px;left:5%;overflow:hidden;opacity:0;transition:0.5s ease ;z-index:1;}
header nav > div .ttls                              {width:200px;float:left;}
header nav > div .ttls span                         {font-size:14px;color:#223337;display:block;margin-bottom:5%;}
header nav > div .ttls strong                       {font-size:25px;display:block;}
header nav > div .ttls img 						    {display:block;margin:15px 0 0 0;float:left;}
header nav > div > div.menus						{position:relative;width:calc(100% - 230px);float:right;margin-top:50px;overflow:hidden;}
header nav > div > div ul						    {float:right;width:100%;}
header nav > div > div ul li					    {margin-bottom:7px;line-height:1.5;}
header nav > div > div ul li a					    {display:block;font-size:18px;padding:10px 0;}
header nav > div > div ul li a span				    {display:inline-block;}
header nav > div > div ul li a span.en			    {font-weight:bold;width:52%;padding-left:10px;}
header nav > div > div ul li a span.ko			    {color:#6c6c6c;}
header nav > div > div .InBox 					    {width:100%;margin-bottom:35px;overflow:hidden;}
header nav > div > div .InBox ul 				    {margin-top:30px;}
header nav > div > div .InBox > div 			    {float:right;width:calc(100% - 230px);overflow:hidden;}
header nav > div > div .InBox > div strong 		    {float:left;width:25%;padding:10px 0;line-height:1.5;display:block;}
header nav > div > div .InBox > div ul 			    {margin-top:0;width:75%;}
header nav > div > div .InBox > div ul li span 	    {display:block;width:100%;line-height:1.3;}

header nav > .gb02 > .menus > ul li                 {text-align:center;float:left;width:50%;}
header nav > .gb02 > .menus > ul li a               {font-size:18px;padding:13px 0;}
header nav > .gb02 > .menus > ul li a span.en       {width:calc(100% - 10px);font-size:15spx}
header nav > .gb02 > .menus > ul li a span.ko       {display:block;font-size:13px;}

header .sns                                         {position:absolute;top:110px;right:10px;z-index:10;}
header .sns li                                      {display:inline-block;}
header .sns li a                                    {padding:0 3px;}

.pops {position:absolute;top:640px;right:3%;width:400px;overflow:hidden;z-index:100;}	
.pops p {width:100%;color:#fff;font-size:16px;text-shadow: 0px 2px 2px rgb(107 107 107 / 80%);overflow:hidden;}
.pops p {margin-bottom:10px;font-size:16px;height:18px;}
.pops p a {color:#fff;font-size:16px;font-weight:bold;display:inline-block;float:right;padding:0 5px}

#IdxMenu                                        {position:fixed;transform: translateY(0);top:0;left:50%;width:640px;height:120px;margin-left:-320px;overflow:hidden;z-index:49;}
#IdxMenu h1                                     {width:120px;float:left;margin-top:15px;margin-left:3%;}
#IdxMenu h1 a                                   {width:100%;text-align:center;}
#IdxMenu .lnb                                   {width:calc(100% - 190px);text-align:center;float:right;overflow:hidden;}
#IdxMenu .lnb ul                                {width:calc(100% - 10px);margin-top:15px;overflow:hidden;}
#IdxMenu .lnb ul li                             {float:left;}
#IdxMenu .lnb ul li:nth-of-type(1)              {width:18%;}
#IdxMenu .lnb ul li:nth-of-type(2)              {width:36%;}
#IdxMenu .lnb ul li:nth-of-type(3)              {width:20%;}
#IdxMenu .lnb ul li:nth-of-type(4)              {width:26%;}

#IdxMenu .lnb ul li a                           {font-size:14px;padding:20px 0;letter-spacing:1px;color:#fff;}
#IdxMenu .lnb ul li a                           {text-shadow:0px 2px 2px rgba(107, 107, 107, 0.8);text-align:center;}
#IdxMenu .lnb ul li.on a                        {color:#5f8caf;}  
#IdxMenu a                                      {display:block;}

/* Feader */
footer                                          {position:relative;width:100%;overflow:hidden;z-index:10;}
footer #ft-menu                                 {width:100%;background:#1f2d30;}
footer #ft-menu .InBox                          {font-size:15px;overflow:hidden;}
footer #ft-menu .InBox > ul                     {float:left;width:420px;overflow:hidden;}
footer #ft-menu .InBox > ul li                  {float:left;width:33.33%;background:url(../../images/hd_rnb_line.png) no-repeat center right;}
footer #ft-menu .InBox > ul li:nth-of-type(3)   {background:none;}
footer #ft-menu .InBox > ul li:last-child       {background:none;}
footer #ft-menu .InBox > ul li:nth-child(4)     {width: 50%;} 
footer #ft-menu .InBox > ul li:last-child       {width: 50%;}
footer #ft-menu .InBox > ul li a                {color:#ababab;padding:17.5px 0;width:100%;text-align:center;transition:0.3s;}
footer #ft-menu .InBox > ul li a:hover          {color:#fff;}
footer #ft-menu .InBox > .ft-rbtn               {float:left;width:200px;margin-top:20px;text-align:center;}
footer #ft-menu .InBox > .ft-rbtn a             {background:#2a3e42;padding:23.5px 0;color:#fff;transition:0.3s;}
footer #ft-menu .InBox > .ft-rbtn a:hover       {background:#41595e;}

footer #ft-cont                                 {background:#232323;padding:50px 0;text-align:left;}
footer #ft-cont .InBox                          {width:570px;margin:0 auto;overflow:hidden;}
footer #ft-cont .InBox h5                       {opacity:0.5;width:270px;margin:0 auto;}
footer #ft-cont .address                        {width:100%;line-height:1.6;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #383936;}
footer #ft-cont .address > li                   {color:#b1b1b1;font-size:16px;}
footer #ft-cont .address > li a                 {color:#b1b1b1;font-size:20px;}
footer #ft-cont .address > li > a > img         {transform:translateY(7px);}
footer #ft-cont .address > li span              {font-size:30px;margin-left:10px;}
footer #ft-cont .address > li:nth-of-type(1)    {color:#fff;}
footer #ft-cont .address > li:nth-of-type(3)    {margin:20px 0 10px;font-size:18px;}
footer #ft-cont .address > li:nth-of-type(3) span {font-size:17px;display:block;margin:3px 0 0 0;}
footer #ft-cont .address > li > ul.sns          {overflow:hidden;}
footer #ft-cont .address > li > ul.sns li       {float:left;}
footer #ft-cont .address > li > ul.sns li a     {height:39px;margin-right:5px;}

footer #ft-cont .copy                           {width:570px;margin:0 auto;border-top:1px solid #383936;color:#818181;line-height:1.7;}
footer #ft-cont .copy                           {text-align:center;padding-top:30px;margin-top:25px;font-size:15px;font-family:'NanumBarunGothicSubset';}
footer #ft-cont .copy a                         {display:block;color:#ababab;margin:20px auto 0;width:300px;text-transform:uppercase;}
header a,footer a 								{display:block;}


/* ------------------------------------------------------------------------------- */
/* Index */
#index #Videos h2 {position:absolute;top:50%;left:50%;width:400px;height:104px;margin:-52px 0 0 -200px;soverflow:hidden;z-index:10;}
#index #Videos h2 div {position:relative;top:15px;width:95px;height:1px;background:#fff;float:left;transform:translateX(-95px);}
#index #Videos h2 img {display:block;}
#index #Videos h2 img:nth-of-type(1) {transform:translateY(157px);}
#index #Videos h2 img:nth-of-type(1) {opacity:0;transition:1s ease;}

#index .contents {width:100%;padding:10.5% 0 0;margin:0 auto;}
#index .contents h3 {position:relative;width:640px;height:66px;overflow:hidden;}
#index .contents h3 div {position:absolute;top:33px;left:0;width:80px;height:1px;background:#000;z-index:1;transform: translateX(-55px);opacity:0;transition:1s;}
#index .contents h3 img {position:absolute;top:20%;left:3%;transform: translateX(102px);opacity:0;transition:1s;}
#index .contents p {width:92%;font-size:15px;line-height:1.5;margin:3.5% auto 5%;}	
#index .contents p span {display:block;opacity:0;transition:1s;}        

#index .Vimeos > .InBox {position: relative;width:640px;height:365px;margin:0;overflow:hidden;transform: translateY(10%);opacity:0;transition:1s;}	
#index .Vimeos > .InBox iframe {width:100%;height:100%;}
#index .Vimeos .bg-txt2 {position:absolute;bottom:5%;right:0;z-index:-1;transform:translateY(-15%);}

#index .Swipers {padding-bottom:50px;z-index:50;}
#index .Swipers .InBox {transform: translateY(10%);opacity:0;transition:1s;}
#index .Swipers .InBox .swiper-slide {position:relative;}
#index .Swipers .InBox .swiper-slide a {position:absolute;bottom:-7.5%;right:3.5%;display:block;width:220px;z-index:10;}
#index .Swipers .InBox .swiper-slide a {padding:5% 8% 8.5%;background:#dea886;z-index:20;opacity:0.7;transition:0.5s;}
#index .Swipers .InBox .swiper-slide a div {width:100%;height:100%;background:url(../../images/idx_mid_arrow.png) no-repeat right center;}
#index .Swipers .InBox .swiper-slide a strong {display:block;margin-bottom:10px;font-size:20px;color:#fff;}
#index .Swipers .InBox .swiper-slide a span {display:block;font-size:15px;color:#e8e8e8;}
#index .Swipers .InBox .swiper-slide-active a {opacity:1;}
#index .Swipers .InBox .swiper-pagination {width:auto;right:27%;left:unset;bottom:10px;}


#index .gallerys {width:100%;padding:10.5% 0 0;margin-bottom:10%;overflow:hidden;}
#index .gallerys h3 {position:relative;width:640px;height:66px;padding:10% 0;overflow:hidden;}
#index .gallerys h3 div {position:absolute;top:78px;left:0;width:70px;height:1px;background:#000;z-index:1;opacity: 1; transform: translateX(0px);}
#index .gallerys h3 img {opacity: 1; transform: translateX(80px);}
#index .gallerys .bg-txt {position:absolute;top:15%;left:0;transform:translateX(100px);}
#index .gallerys .InBox {transform:translateY(10%);opacity:0;transition:1s;width:100%;min-width:640px;height:500px;}
#index .gallerys .InBox .top {width:100%;height:60%;}
#index .gallerys .InBox .bottom {width:100%;height:40%;}

#index .gallerys .InBox .top > div {float:left;width:50%;height:100%;}
#index .gallerys .InBox .items a {position:relative;display:block;width:100%;height:100%;}
#index .gallerys .InBox .items div.box01 {position:relative;height:calc(100% - 2px);margin-bottom:2px;}
#index .gallerys .InBox .items div.box02 {position:relative;height:100%;overflow: hidden;}
#index .gallerys .InBox .items div.box02 > div {position:relative;height:50%;width:50%;float:left;}
#index .gallerys .InBox .items div.box02 > a {position:relative;height:50%;width:50%;float:left;}
#index .gallerys .InBox .items div.box02 > div:nth-of-type(1) {width:calc(50% - 2px);height:calc(50% - 2px);margin:0 1px 2px 1px;}
#index .gallerys .InBox .items div.box02 > a:nth-of-type(1) {width:calc(50% - 2px);height:calc(50% - 2px);margin:0 1px 2px 1px;}
#index .gallerys .InBox .items div.box02 > div:nth-of-type(2) {width:calc(50% - 2px);height:calc(50% - 2px);margin:0 1px 2px;}
#index .gallerys .InBox .items div.box02 > a:nth-of-type(2) {width:calc(50% - 2px);height:calc(50% - 2px);margin:0 1px 2px;}

#index .gallerys .InBox .items div.box01 {background:url(http://gonylab3.speedgabia.com/luminous/m/main/0/1.jpg) 50% 50% no-repeat;background-size:cover;}
#index .gallerys .InBox .items div.box02 > div:nth-of-type(1) {background:url(http://gonylab3.speedgabia.com/luminous/m/main/0/2.jpg) 50% 50% no-repeat;background-size:cover;}
#index .gallerys .InBox .items div.box02 > div:nth-of-type(2) {background:url(http://gonylab3.speedgabia.com/luminous/m/main/0/4.jpg) 50% 50% no-repeat;background-size:cover;}
#index .gallerys .InBox .items div.box02 > a:nth-of-type(1) {background:url(http://gonylab3.speedgabia.com/luminous/m/main/0/3.jpg) 50% 50% no-repeat;background-size:cover;}
#index .gallerys .InBox .items div.box02 > a:nth-of-type(2) {background:url(http://gonylab3.speedgabia.com/luminous/m/main/0/5.jpg) 50% 50% no-repeat;background-size:cover;}

#index .gallerys .InBox .bottom a {float:left;overflow:hidden;}
#index .gallerys .InBox .bottom a:nth-of-type(1) {width:calc(25% - 2px);margin:0 1px;}
#index .gallerys .InBox .bottom a:nth-of-type(2) {width:calc(25% - 1px);margin-right:1px;}
#index .gallerys .InBox .bottom a:nth-of-type(3) {width:50%;}

#index .gallerys .InBox .bottom a:nth-of-type(1) {background:url(http://gonylab3.speedgabia.com/luminous/m/main/0/6.jpg) 50% 50% no-repeat;background-size:cover;}
#index .gallerys .InBox .bottom a:nth-of-type(2) {background:url(http://gonylab3.speedgabia.com/luminous/m/main/0/7.jpg) 50% 50% no-repeat;background-size:cover;}
#index .gallerys .InBox .bottom a:nth-of-type(3) {background:url(http://gonylab3.speedgabia.com/luminous/m/main/0/8.jpg) 50% 50% no-repeat;background-size:cover;}

#index .gallerys .InBox .items .box02 {overflow:hidden;}
#index .gallerys .InBox .items .box02 > div:before, 
#index .gallerys .InBox .items a:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;opacity:0.3;background:#000;z-index:1;}

#index .gallerys .InBox .items a {overflow:hidden;}
#index .gallerys .InBox .items a div {position:absolute;z-index:10;}
#index .gallerys .InBox .items a div b {color:#fff;font-size:21.5px;display:block;margin-bottom:5px;}
#index .gallerys .InBox .items a div span {color:#fff;font-size:13px;display:block;}

#index .gallerys .InBox .btns01 {bottom:30px;left:20px;}
#index .gallerys .InBox .btns02 {top:20px;left:10px;}
#index .gallerys .InBox .btns03 {top:20px;left:10px;}
#index .gallerys .InBox .btns04 {bottom:30px;left:5px;}
#index .gallerys .InBox .btns05 {bottom:30px;left:5px;}
#index .gallerys .InBox .btns06 {top:30px;left:20px;}

/* ------------------------------------------------------------------------------- */
/* About */
section#about {padding-bottom:15%;}
section#about #visual {height:700px;}
#about .content {padding-top:10%;}
#about .Swipers {padding:10% 0 0;margin-bottom:10%;}	
#about .Swipers .swiper-view {width:640px;margin:10% 0 0;overflow:hidden;float:right;}
#about .Swipers .swiper-view .swiper-container {margin:0;}
#about .Swipers .swiper-slide > div {width:100%;height:100%;transition:1s;opacity:1;}
#about .Swipers .swiper-slide > div {background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
#about .Swipers .swiper-slide-active > div {transition:1s;opacity:1;}
#about .Swipers .swiper-btn {position:absolute;top:unset;bottom:1px;width:50px;height:63px;margin-top:-25px;z-index:10;cursor:pointer;}
#about .Swipers .swiper-btn {background-size:contain;background-position:center;background-repeat:no-repeat;}
#about .Swipers .swiper-pagination {bottom:15px;left:calc(5% + 120px);width:auto;}
#about .Swipers .swiper-button-prev {background-image:url(../../images/about_prev.jpg);left:5%;}
#about .Swipers .swiper-button-next {background-image:url(../../images/about_next.jpg);left:calc(5% + 51px);}
#about .cont01 .bg-txt {position:absolute;top:12%;left:0;transform:translateX(100px);}
#about .content > div .title {position:relative;padding:7% 7.5%;width:75%;z-index:10;}
#about .content > div .title h3 {color:#fff;font-size:35px;}
#about .content > div .title p {color:#e8e8e8;font-size:13px;line-height:1.5;font-family:'NanumBarunGothicSubset';}
#about .content > div .title p strong {display:block;font-size:16px;margin-bottom:5%;}
#about .content > div .title p span {display:block;font-size:14px;line-height:1.7;}
#about .content h3 {position:relative;width:100%;height:70px;overflow:hidden;}
#about .content h3 div {position:absolute;top:50%;left:0;width:110px;height:1px;background:#000;}
#about .content h3 img {position:absolute;top:20%;left:0;transform:translateX(125px);}
#about .content > div.cont02 .title {background:#0d2e34;width:68%!important;padding:5% 5%;z-index:10;float:right;}
#about .content > div.cont02 .location {position:relative;width:100%;margin:0 auto;}
#about .content .cont02 .txt {width:100%; padding:7.5% 1.5%;overflow:hidden;}
#about .content .cont02 .txt p {line-height:1.5;}
#about .content .cont02 .txt p strong {display:block;line-height:3;font-size:17px;font-weight:bold;}
#about .content .cont02 .txt p span {display:block;font-size:17px;line-height:2;}
/*------------------------------------------------------------------------------------------------*/
/* Travel */
#travel .contents {width:98%;padding:10% 0 0;margin:0 auto;}
#travel .contents .InBox {width:100%;margin-top:5%;}
#travel .contents .InBox ul {overflow:hidden;}	
#travel .contents .InBox li {width:90%;margin:0 auto 7.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% 5% 0;width:90%;text-align:center;}
#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:35px;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;}

/* ------------------------------------------------------------------------------- */
/* Room */
.detail .notices {max-width:95%;margin:0 auto;padding-top:12.5%;line-height:1.6;text-align:center;z-index:10;}
.detail .notices h3 {font-size:40px;}
.detail .notices h3 span {font-size:20px;width:80%;margin:10px auto 35px;color:#787878;display:block;}
.detail .notices p {font-size:14px;width:100%;margin:20px auto 35px;}
.detail .notices ul {width:80%;margin:0 auto 20px;overflow:hidden;}
.detail .notices ul li {float:left;width:calc(50% - 10px);margin:0 5px 10px;font-size:14px;overflow:hidden;}
.detail .notices ul li a {position:relative;width:100%;height:100%;display:block;overflow:hidden;}
.detail .notices ul li a:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;opacity:0.6;background:#000;transition:0.3s;z-index:1;}
.detail .notices ul li a img {display:block;}
.detail .notices ul li a span {position:absolute;bottom:3%;left:3%;color:#fff;font-size:14px;z-index:1;display:block;text-transform:uppercase;}	
.detail .notices ul li:hover a:before {opacity:0.4;}
.detail .notices ul li.active a:before {opacity:0;}
.detail .contents {padding-bottom:10%;}
.detail .contents .infos {width:90%;padding:0 5%;margin:0 auto;}
.detail .contents .infos .InBox {width:100%;padding:7.5% 0;overflow:hidden;}

#rooms .contents > h3 {width:100%;max-width:95%;margin:0 auto;padding-top:12.5%;line-height:1.6;text-align:center;font-size:40px;}
#rooms .contents > h3 span {display:block;font-size:20px;width:80%;margin:10px auto 35px;color:#787878;}
#rooms .contents .infos .InBox {border-bottom:1px solid #e8e8e8;}
#rooms .contents .infos .InBox > h3 {font-size:35px;color:#b29044;margin-bottom:5%;}
#rooms .contents .infos .InBox > ul {margin-left:2%;line-height:1.7;}
#rooms .contents .infos .InBox > ul > li {margin-bottom:10px;overflow:hidden;}
#rooms .contents .infos .InBox > ul > li span {display:block;float:left;width:90px;font-size:18px;}
#rooms .contents .infos .InBox > ul > li span.tl {font-weight:bold;}
#rooms .contents .infos .InBox > ul > li span.tx {width:calc(100% - 90px);color:#8b8b8b;}
#rooms .contents .infos .InBox > ul > li ul.eq {width:calc(100% - 90px);color:#8b8b8b;float:left;}
#rooms .contents .infos .InBox > ul > li ul.eq li {float:left;margin-right:5px;}
#rooms .contents .infos .InBox:nth-of-type(2) li {width:calc(100% - 20px);}
#rooms .contents .infos .InBox:nth-of-type(2) li {background:url(../../images/blt.png) no-repeat left 5px;padding-left:20px;}
#rooms .room_menu {width:640px;margin:0 auto;overflow:hidden;padding-bottom:50px;}
#rooms .room_menu .InBox {max-width:100%;height:100%;min-height:300px;position:relative;margin:0 auto;overflow:hidden;}
#rooms .room_menu .InBox .swiper-container {height:100%;margin:0 auto;position:relative;z-index:1;}
#rooms .room_menu .InBox .swiper-container .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;padding-left:20px;}
#rooms .room_menu .InBox .swiper-slide {position:relative;height:100%;}
#rooms .room_menu .InBox .swiper-slide a .txt {position:absolute;bottom:7%;left:5%;text-shadow:2px 2px 2px #999;}
#rooms .room_menu .InBox .swiper-slide a .txt b {color:#fff;font-size:25px;}
#rooms .room_menu .InBox .swiper-slide a .txt span {display:block;color:#fff;font-size:35px;}
#rooms .room_menu .swiper-button-next {background-image:url(../../images/about_next.jpg);right:-10.5px;}
#rooms .room_menu .swiper-button-prev {background-image:url(../../images/about_prev.jpg);left:-10.5px;}
#rooms .room_menu .swiper-btn {background-size:cover;background-position:center;background-repeat:no-repeat;}
#rooms .room_menu .swiper-btn {top:50%;margin-top:-30.5px;}

#special .contents .infos .InBox {padding:7.5% 0;}
#special .contents .infos .InBox h4 {font-size:22px;width:100%;padding:20px 0;}
#special .contents .infos .InBox h4 span {display:inline-block;width:200px;letter-spacing:2px;font-weight:bold;}
#special .contents .infos .InBox h4 div {display:inline-block;background:#e8e8e8;width:calc(100% - 200px);height:1px;transform: translateY(-8px);}
#special .contents .infos .InBox .text {width:95%;margin:0 auto;padding:5% 0;border-bottom:1px solid #e8e8e8;}
#special .contents .infos .InBox .text p {font-size:17px;line-height:1.7;}
#special .contents .infos .InBox .text span {display:block;padding:30px 0 20px 25px;background:url(../../images/exc_mark.jpg) no-repeat left 30px;}
#special .contents .infos .InBox .text span {color:#787878;line-height:1.5;font-size:15px;}
#special .contents .infos .Lists {padding:13% 0;}
#special .contents .infos .Lists ul {overflow:hidden;}
#special .contents .infos .Lists ul li {float:left;width:48%;margin:0 1% 5%;}
#special .contents .infos .Lists ul li a {display:block;}
#special .contents .infos .Lists ul li a .txt {width:100%;padding-bottom:5px;width:98%;margin:0 auto;}
#special .contents .infos .Lists ul li a .txt strong {font-size:16px;transition:0.5s;}
#special .contents .infos .Lists ul li a .txt span {font-size:14px;padding:1px 0 1px 10px;color:#c3c3c3;transition:0.5s;}
#special .contents .infos .Lists ul li a .img {overflow:hidden;}
#special .contents .infos .Lists ul li a .img img {transform:scale(1);transition:0.5s;}
#special .contents .info_bg1 {position:absolute;top:12%;left:2%;z-index:-1;}
#special .contents .info_bg2 {position:absolute;top:-8%;right:17%;z-index:-1;}

#service {padding-top:100px;}
#service .service_pv {position:relative;width:100%;height:500px;}
#service .service_pv {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#service .service_pv:before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";display:block;opacity:0.3;background:#000;z-index:1;}
#service .service_pv .InBox {position:relative;width:100%;height:100%;overflow:hidden;}
#service .service_pv .InBox .ttls {position:absolute;top:50%;left:5%;height:110px;margin-top:-42.5px;color:#fff;z-index:1;}
#service .service_pv .InBox .ttls div {display:inline-block;width:100px;border-top:1px solid #fff;padding-top:7px;margin-right:15px;}
#service .service_pv .InBox .ttls span {font-family:'linotype-didot';font-size:17px;}
#service .service_pv .InBox .ttls span b {font-family:'linotype-didot';}
#service .service_pv .InBox .ttls strong {display:block;font-size:40px;margin:15px 0 0 15px;letter-spacing:3px;font-weight:bold;}

#service .text {width:100%;padding:10% 0 15%;}
#service .text .InBox {width:540px;padding:0 50px;margin:0 auto;overflow:hidden;}
#service .text .InBox h3 {font-size:40px;margin-bottom:20px;}
#service .text .InBox p {font-size:17px;line-height:1.7;}

/*------------------------------------------------------------------------------------------------*/
/* Tables */
.tables .contents .InBox {width:100%;padding:7% 0 12.5%;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 .contents .bd_menu {position:relative;width:100%;}
.tables .contents .stb {position:absolute;top:150px;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;width:98%;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:100%;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_01 {display:none;}
#reserve .frame h2 {width:250px;margin:0 auto;padding:0px 0 35px;}
#reserve .frame table {width:100%;border:1px solid #e7e7e7;font-family:'돋움',Dotum!important;}
#reserve .frame table tr th,
#reserve .frame table tr td {border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;text-align:center;font-size:12px;color:#676767;}
#reserve .frame > div > h3 {margin-bottom:10px;}
#reserve .frame ul li {padding-left:10px;font-size:12px;line-height:1.6em;color:#676767;font-family:'돋움',Dotum!important;}
#reserve .frame ul li {background:url(http://gonylab2.speedgabia.com/common/li_b.gif) no-repeat left 3px;}
#reserve .frame ul li span {color:#ee3939;}
#reserve .frame .r_info_01 {position:relative;margin-bottom:7%;}
#reserve .frame .r_info_01 h4 {text-align:left;margin-bottom:10px;}
#reserve .frame .r_info_01 table {margin-bottom:6%;}
#reserve .frame .r_info_01 table .room_ {background:#efefef;height:50px;}
#reserve .frame .r_info_01 table > thead {line-height:1.1em;background:#f8f8f8;}
#reserve .frame .r_info_01 table > thead tr th {font-weight:bold;}
#reserve .frame .r_info_01 table > tbody tr td {line-height:1.5em;padding:15px 0;}
#reserve .frame .r_info_02 {margin:50px 0;text-align:left;} 
#reserve .frame .r_info_03 {text-align:left;}
#reserve .frame .r_info_03 .CNCL_COMM {margin-bottom:50px;}
#reserve .frame .r_info_03 table {line-height:1.5em;margin-top:20px;}
#reserve .frame .r_info_03 table > thead {background:#f2f2f2;}
#reserve .frame .ENTR_COMM {margin-bottom:5%;}
#reserve #btns a {display:block;width:200px;margin:50px auto;padding:20px 0;color:#fff;background:#000;text-align:center;border:1px solid #e8e8e8;} 
#reserve .frame_02 {display:none;}
#reserve .frame_03 {display:none;}
#reserve .frame_03 .r_info_02 ul:first-of-type {margin-bottom:7%;}