@charset "UTF-8";
@import url("../../css/reset.css?version=1.2");
@import url("https://use.typekit.net/zbj6ssz.css");
@import url("swiper.css?version=1.2");

/*------------------------------------------------------------------------------------------------*/
/* Image */
#intro ul li:nth-of-type(1) 									{background:url('http://gonylab11.speedgabia.com/calacatta/intro/1.jpg') no-repeat 50% 50%;background-size:cover;}
#intro ul li:nth-of-type(2) 									{background:url('http://gonylab11.speedgabia.com/calacatta/intro/2.jpg') no-repeat 50% 50%;background-size:cover;}
#intro ul li:nth-of-type(3) 									{background:url('http://gonylab11.speedgabia.com/calacatta/intro/3.jpg') no-repeat 50% 50%;background-size:cover;}
#intro ul li:nth-of-type(4) 									{background:url('http://gonylab11.speedgabia.com/calacatta/intro/4.jpg') no-repeat 50% 50%;background-size:cover;}
#intro ul li:nth-of-type(5) 									{background:url('http://gonylab11.speedgabia.com/calacatta/intro/5.jpg') no-repeat 50% 50%;background-size:cover;}
#intro ul li:nth-of-type(6) 									{background:url('http://gonylab11.speedgabia.com/calacatta/intro/6.jpg') no-repeat 50% 50%;background-size:cover;}
#intro ul li:nth-of-type(7) 									{background:url('http://gonylab11.speedgabia.com/calacatta/intro/7.jpg') no-repeat 50% 50%;background-size:cover;}
#intro ul li:nth-of-type(8) 									{background:url('http://gonylab11.speedgabia.com/calacatta/intro/8.jpg') no-repeat 50% 50%;background-size:cover;}

header .gnb .gb00 div.bg                                        {background:url(http://gonylab11.speedgabia.com/calacatta/m/menu/0.jpg) no-repeat right bottom;background-size:cover;}
header .gnb .gb01 div.bg                                        {background:url(http://gonylab11.speedgabia.com/calacatta/m/menu/1.jpg) no-repeat 50% 50%;background-size:cover;}
header .gnb .gb02 div.bg                                        {background:url(http://gonylab11.speedgabia.com/calacatta/m/menu/2.jpg) no-repeat 50% 50%;background-size:cover;}
header .gnb .gb03 div.bg                                        {background:url(http://gonylab11.speedgabia.com/calacatta/m/menu/3.jpg) no-repeat 50% 50%;background-size:cover;}
header .gnb .gb04 div.bg                                        {background:url(http://gonylab11.speedgabia.com/calacatta/m/menu/4.jpg) no-repeat 50% 50%;background-size:cover;}
header .gnb .gb05 div.bg                                        {background:url(http://gonylab11.speedgabia.com/calacatta/m/menu/5.jpg) no-repeat 50% 50%;background-size:cover;}
header .gnb .gb06 div.bg                                        {background:url(http://gonylab11.speedgabia.com/calacatta/m/menu/6.jpg) no-repeat 50% 50%;background-size:cover;}
header .gnb .gb07 div.bg                                        {background:url(http://gonylab11.speedgabia.com/calacatta/m/menu/7.jpg) no-repeat 50% 50%;background-size:cover;}
header .gnb .gb08 div.bg                                        {background:url(http://gonylab11.speedgabia.com/calacatta/m/menu/8.jpg) no-repeat 50% 50%;background-size:cover;}

#index #Videos #MyVideo                                         {background:url(http://gonylab11.speedgabia.com/calacatta/m/main/0.jpg) no-repeat 50% 50%;background-size:cover;}

#btns_tab {position:fixed; bottom:10px; left:10px; z-index:50; width:100%;}
#btns_tab .rsv_btn {width:90px; height:90px; border-radius:50%; background-color:#638a2d;}
#btns_tab .rsv_btn > span {color:#fff;  text-align:center; padding-top:27px; cursor:pointer;}
#btns_tab .rsv_btn > span.kr {display:block; font-size:17px;}
#btns_tab .rsv_btn > span.xi-close {display:none; font-size:27px;}


#btns_tab .rsvs {position:absolute; top:50%; left:100px; transform:translateY(-50%); height:90px;}
#btns_tab .rsvs a {display:flex;justify-content:center; align-items:center; background-color:#fff; width:90px; height:90px; border-radius:50%; margin:0 9px; float:left;box-shadow:1px 1px 1px rgb(0 0 0 / 15%)}
#btns_tab .rsvs a span {display:block; color:#222; font-size: 17px; text-align:center;}
/* #btns_tab .rsvs a:first-of-type span {padding:26px 29px;}
#btns_tab .rsvs a:nth-of-type(2) span {padding:27px 7px;text-align:center;}
#btns_tab .rsvs a:nth-of-type(3) span {padding:27px 13px;text-align:center;}
#btns_tab .rsvs a:nth-of-type(4) span{padding:28px 7px; text-align: center;}
#btns_tab .rsvs a:last-of-type span {padding:28px 7px; text-align: center;} */

/* ------------------------------------------------------------------------------- */
/* common */
html,body 										                {position:relative;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;}
body > .bg                                                      {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:0.7s;background:#20332f;z-index:0;}

/* Video */
#Videos   							        	                {overflow:hidden;z-index:0;}
#Videos .MyFrame 			                	                {position:absolute;width:800px;height:450px;top:50%;left:50%;margin:-225px 0 0 -400px;}
#Videos .MyFrame #MyVideo	                	                {width:800px;height:450px;margin:0 auto;object-fit:cover;}
#Videos .title                              	                {position:absolute;top:50%;z-index:5;}
#Videos #scroll                             	                {position:absolute;bottom:3%;left:50%;margin-left:-30px;z-index:10;}	

/* Swipers */
.Swipers                                    	                {position:relative;width:100%;height:100%;overflow:hidden;}
.Swipers .InBox 								                {position:relative;margin:0 auto;}
.Swipers .swiper-container 						                {width:100%;height:100%;margin:0 auto;}
.Swipers .swiper-slide		        			                {transition:1s;opacity:0.2;}
.Swipers .swiper-slide-active		     		                {opacity:1;}	

.Swipers .swiper-btn							                {position:absolute;top:50%;width:50px;height:50px;margin-top:-25px;z-index:10;cursor:pointer;}
.Swipers .swiper-btn							                {background-size:contain;background-position:center;background-repeat:no-repeat;opacity:1;}
.Swipers .swiper-pagination 					                {bottom:10px;left:0%;width:100%;}
.Swipers .swiper-button-prev 					                {background-image:url(../../images/prev.png);left:0.5%;}
.Swipers .swiper-button-next 					                {background-image:url(../../images/next.png);right:0.5%;}

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

#Types .Swipers .swiper-button-prev 				            {background-image:url(../../images/arrow_t.png);left:1%;}
#Types .Swipers .swiper-button-next 				            {background-image:url(../../images/arrow_t.png);right:1%;}
#Types .Swipers .swiper-pagination-bullet 			            {background:url(../../images/pv-off.png) no-repeat left top;}
#Types .Swipers .swiper-pagination-bullet-active	            {background:url(../../images/pv-on.png) no-repeat left top;}


/* ------------------------------------------------------------------------------- */
/* header */
header 											                {position:fixed;top:0;left:50%;width:640px;margin-left:-320px;z-index:1000;}
header hgroup                                                   {position:relative;width:100%;}
header hgroup h1                                                {position:absolute;top:0;left:20px;}
header hgroup h1 a{line-height:0}
header hgroup ul                                                {position:absolute;top:30px;right:90px;}
header hgroup ul li                                             {float:left;}
/* header hgroup ul li:nth-child(1)                             {padding:5px 0;} */
header hgroup ul li:nth-child(1)                                {padding:5px 0;}
header hgroup ul li:nth-child(2)                                {padding:5px 0;}
header hgroup ul li:nth-child(3)                                {padding:3px 00px 0 0; margin-right: 8px;}

nav                                                             {position:fixed;top:-100%;left:50%;width:640px;height:100%;margin-left:-320px;z-index:100;}
nav                                                             {transition:0.7s;overflow:hidden;overflow-y:scroll;opacity:0;}
nav .InBox														{position:relative;top:0;left:0;width:100%;height:80%;overflow:hidden;}/* overflow-y:scroll; */
nav .InBox > div                                                {position:relative;height:100%;float:left;}
nav .InBox > div.gnv											{width:50%;background:#E2D8C8;}
nav .InBox > div.gnv > .menu                                    {width:100%;height:100%;}
nav .InBox > div.gnv > .menu > div                              {position:relative;padding:25% 0 0 10%;width:90%;background:#E2D8C8;}
nav .InBox > div.gnv > .menu > div .side                        {width:90%;margin:0 auto 20%;}
nav .InBox > div.gnv > .menu > div .side a                      {color:#5d4837;display:block;font-size:18px;line-height:1.5;margin-bottom:3%;transition:0.3s;}
nav .InBox > div.gnv > .menu > div ul                           {width:90%;margin:0 auto;}
nav .InBox > div.gnv > .menu > div ul li                        {line-height:1.4;margin-bottom:7.5%;}
nav .InBox > div.gnv > .menu > div ul li a                      {color:#5d4837;display:block;transition:0.3s;letter-spacing:1px;font-size:30px;}
nav .InBox > div.gnv > .menu > div ul li.on a                   {color:#000;}

nav .InBox > div.gnb											{width:50%;}
nav .InBox > div.gnb > div                                      {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:0;}
nav .InBox > div.gnb > div > div.nv                             {position:relative;width:100%;height:100%;z-index:1;}
nav .InBox > div.gnb > div > div.nv > div                       {width:80%;transform:translateY(0%);opacity:1;}
nav .InBox > div.gnb > .gb00                                    {opacity:1;z-index:10;}	
nav .InBox > div.gnb > .gb00 img								{position:absolute;top:50%;left:50%;margin:-68px 0 0 -140px;z-index:5;}
nav .InBox > div.gnb > .GnbRoom div.nv > div                    {margin:0 auto;padding-top:50%;height:70%;}
nav .InBox > div.gnb > .GnbRoom div.nv > div h3                 {color:#c19a5a;margin-bottom:25%;font-family:linotype-didot, serif;letter-spacing:1px;font-size:25px;}
nav .InBox > div.gnb > .GnbRoom div.nv > div > ul               {width:100%;}
nav .InBox > div.gnb > .GnbRoom div.nv > div > ul > li          {width:100%;}
nav .InBox > div.gnb > .GnbRoom div.nv > div > ul > li > a      {font-size:20px;line-height:1.5;margin-bottom:10%;color:#fff;}
nav .InBox > div.gnb > .GnbRoom div.nv > div > ul > li > a img	{position:relative;top:-5px;margin-left:5px;}
nav .InBox > div.gnb > .GnbRoom div.nv > div > ul > li	ul      {width:95%;height:0;margin:0 auto;padding-bottom:5%;overflow:hidden;opacity:0;transition:0.5s;}
nav .InBox > div.gnb > .GnbRoom div.nv > div > ul > li	ul li   {line-height:1.8;margin:5px 0;}
nav .InBox > div.gnb > .GnbRoom div.nv > div > ul > li	ul li a {color:#fff;font-size:19px;padding:5px 0;}

nav .InBox > div.gnb > .GnbRoom2 div.nv > div                    {margin:0 auto;padding-top:50%;height:70%;}
nav .InBox > div.gnb > .GnbRoom2 div.nv > div h3                 {color:#c19a5a;margin-bottom:25%;font-family:linotype-didot, serif;letter-spacing:1px;font-size:25px;}
nav .InBox > div.gnb > .GnbRoom2 div.nv > div > ul               {width:100%;}
nav .InBox > div.gnb > .GnbRoom2 div.nv > div > ul > li          {width:100%;}
nav .InBox > div.gnb > .GnbRoom2 div.nv > div > ul > li > a      {font-size:24px;line-height:1.5;margin-bottom:10%;color:#c19a5a;}
nav .InBox > div.gnb > .GnbRoom2 div.nv > div > ul > li > a img	{position:relative;top:-5px;margin-left:5px;}
nav .InBox > div.gnb > .GnbRoom2 div.nv > div > ul > li	ul      {width:95%;height:0;margin:0 auto;padding-bottom:5%;overflow:hidden;opacity:0;transition:0.5s;}
nav .InBox > div.gnb > .GnbRoom2 div.nv > div > ul > li	ul li   {line-height:1.8;margin:5px 0;}
nav .InBox > div.gnb > .GnbRoom2 div.nv > div > ul > li	ul li a {color:#fff;font-size:19px;padding:5px 0;}
nav .InBox > div.gnb > .GnbRoom2 div.nv > div h3                        {font-size:24px;}
nav .InBox > div.gnb > .GnbRoom2 div.nv > div > ul > li > a             {font-size:22px;}	
nav .InBox > div.gnb > .GnbRoom2 div.nv > div > ul > li > ul li a       {font-size:18px;}

#roomsetting_txt {font-size: 22px; color: #fff; font-family: nanumbarungothicregular;}
#roomsetting_txt .icon-img {width: 14px;height: 21px;margin-right: 6px;vertical-align: middle;}

nav .InBox > div.gnb > div.GnbNav > div.nv > div 				{position:absolute;top:45%;left:10%;}
nav .InBox > div.gnb > div.GnbNav > div.nv > div h3             {color:#c19a5a;margin-bottom:15%;font-family:linotype-didot, serif;letter-spacing:1px;font-size:25px;}
nav .InBox > div.gnb > div.GnbNav > div.nv > div > ul           {width:100%;}
nav .InBox > div.gnb > div.GnbNav > div.nv > div > ul > li      {line-height:2;padding:2.5px 0;margin-bottom:5px;}
nav .InBox > div.gnb > div.GnbNav > div.nv > div > ul > li a    {color:#fff;font-size:20px;}		
}

#roomsetting_txt .icon-img {width: 10px;height: 21px;margin-right: 6px;vertical-align: middle;}

header .gnb > div div.bg                                        {position:absolute;top:0;left:0;width:100%;height:100%;}
header .gnb > div div.bg:before                                 {position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:#20332f;opacity:0.8;display:block;}	
header .gnb > .close                                            {position:absolute;top:3%;right:3%;z-index:10;}

nav div.event	                                                {width:100%;padding:50px 0;background:#E8E1D5;}
nav div.event div h3                                            {text-align:center;margin-bottom:3%;}
nav div.event div h3 strong                                     {display:block;color:#9a825a;font-family:linotype-didot, serif;font-size:20px;}
nav div.event div h3 span                                       {display:block;color:#e8e8e8;font-size:15px;margin:5px 0 15px;}
nav div.event div ul                                            {width:95%;padding:0 15px;margin:0 auto;overflow:hidden;}
nav div.event div ul li 							            {width:48%;float:left;margin:0 1%;}

/* Feader */
footer                                                          {position:relative;background:#151515;width:100%;overflow:hidden;z-index:10;}
footer .address                                                 {width:90%;margin:0 auto;}
footer .address > div                                           {width:100%;overflow:hidden;}
footer .copy > a                                                {color:#585858;display:block;text-align:center;font-size:14px;padding:15px 0;border-top:1px solid #585858;}

footer .address > div.left                                      {padding:10% 0 7.5%;}
footer .address > div.left h5                                   {float:left;width:40%;margin-right:5%;}
footer .address > div.left h5 a                                 {width:100px;margin:45% auto 0;}
footer .address > div.left ul                                   {float:left;width:27%;}
footer .address > div.left ul li                                {line-height:1.5;margin-bottom:10px;}
footer .address > div.left ul li a                              {color:#73644a;transition:0.3s;}
footer .address > div.left div                                  {float:left;}
footer .address > div.left div a                                {color:#73644a;line-height:1.5;margin-bottom:10px;transition:0.3s;}

footer .address > div.right                                     {text-align:center;}
footer .address > div.right p                                   {margin-top:10px;}
footer .address > div.right p span                              {color:#aaaaaa;line-height:1.5;display:block;}
footer .address > div.right ul                                  {line-height:1.5;margin:50px 0 50px;}
footer .address > div.right ul li                               {color:#7d7771;}

footer .address > div.left ul li a                              {font-size:18px;}
footer .address > div.left div a                                {font-size:14px;}
footer .address > div.right p span                              {font-size:21px;}
footer .address > div.right ul                                  {font-size:14px;}

/* Index -  SideCont */
#footer                                                         {position:relative;background:#151515;width:100%;overflow:hidden;z-index:10;}
#footer .address                                                {width:90%;margin:0 auto;}
#footer .address > div                                          {width:100%;overflow:hidden;}
#footer .address > div.left                                     {padding:10% 0 7.5%;}
#footer .address > div.left h5                                  {width:300px;margin:0 auto;}

#footer .address > div.right                                    {text-align:center;}
#footer .address > div.right p                                  {margin-top:10px;}
#footer .address > div.right p span                             {color:#aaaaaa;line-height:1.5;display:block;}
#footer .address > div.right ul                                 {line-height:1.5;margin:50px 0 50px;}
#footer .address > div.right ul li                              {color:#7d7771;}
#footer .address > div.right ul li a                              {color:#7d7771;}
#footer .address > div.right p span                             {font-size:21px;}
#footer .address > div.right ul                                 {font-size:14px;}

header a,footer a 								                {display:block;}


/* Popup */
#Popup {position:relative;top:0%;right:0;width:97%;padding:5% 1.5% 0;z-index:90;}
#Popup ul {background:#fff;width:100%;overflow:hidden;overflow-x:scroll;white-space:nowrap;transition:1s;transform:translateX(0);}
#Popup ul li {display:inline-block;width:300px;padding:0 5px;border-right:1px solid #e8e8e8;}
#Popup ul li:last-child {border-right:none;}
#Popup ul li a {position:relative;display:block;overflow:hidden;line-height:1.3;text-align:center;}
#Popup ul li a img {display:block;transform:scale(1);transition:0.5s;}
#Popup ul li a:hover img {transform:scale(1.05);}
#Popup ul li a strong {font-size:20px;display:block;font-weight:bold;padding-top:20px;}
#Popup ul li a span {font-size:16px;display:block;margin:10px 0 20px;}
#Popup ul li a b {display:inline-block;background:#20332f;margin-bottom:30px;padding:10px 20px;color:#fff;font-size:15px;}


#Popup .btns {position:absolute;top:-21.5px;right:0;z-index:10;display:none;}
#Popup .btns a {display:block;width:70px;background:#20332f;}
#Popup .btns a img {display:block;width:60px;padding:5px 0;margin:0 auto;}


/* ------------------------------------------------------------------------------- */
/* Index */
#intro {position:fixed;top:0;left:50%;width:640px;height:100%;margin-left:-320px;z-index:1500;}
#intro img {position:absolute;top:50%;left:50%;margin:-68.5px 0 0 -140px;display:block;z-index:1;}
#intro ul {position:realtive;width:100%;height:100%;}
#intro ul li {position:absolute;top:0;left:0;width:100%;height:100%;display:none;}

#index .Swiper01 {width:100%;overflow:hidden;}
#index .Swiper01 .swiper-view {width:100%;height:700px;}

#index .Swiper01 .swiper-view .swiper-slide div	{width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
#index .Swiper01 .swiper-view .swiper-slide a {display:block;}
#index .Swiper01 .swiper-view .swiper-slide .link01 {position:absolute;top:50%;left:10%;margin-top:-55.5px;}
#index .Swiper01 .swiper-view .swiper-slide .link02 {width:100%;height:100%;}

#index .Swiper01 .InBox {position:relative;width:100%;height:100%;}
#index .Swiper01 .swiper {width:100%;height:100%;}

#index .Swipers .swiper-slide {transition:0s;opacity:1;margin:0;}
#index .Swipers .swiper-slide-active {opacity:1;}
#index .Swipers .swiper-button-prev {left:5px;}
#index .Swipers .swiper-button-next {right:5px;}

#index .Swiper01 h3 {position:absolute;top:50%;left:50%;margin:-50px 0 0 -200px;z-index:10;}

#index #Videos {background:#f3f3f3;}	
#index #Videos h3 {width:500px;margin:0 auto;padding:13% 0;}	
#index #Videos .InBox {position:relative;width:100%;height:450px;}

#index #Vimeos {background:#f3f3f3;padding-bottom:5%;}
#index .notice {width:90%;padding:17.5% 5%;} 
#index .notice .txt strong {font-size:50px;line-height:1.2;display:block;margin-bottom:6.5%;}
#index .notice .txt:nth-of-type(2) {font-size:17px;line-height:1.7;}
#index .notice .txt:nth-of-type(2) div {margin-left:10px;}
#index .notice .txt:nth-of-type(2) div a {display:inline-block;font-size:13px;font-weight:bold;margin-top:5%;}	
#index .notice .txt:nth-of-type(2) div a {padding-bottom:5px;border-bottom:2px solid #000;}
#index .Swiper06 .notice {padding-bottom:1%;}

#index #Vimeos .MyFrame {position:relative;width:610px;height:343px;margin:0 auto;}
#index #Vimeos #MyVimeo {width:100%;height:100%;display:block;}	

#index #Magazines {width:610px;margin:7.5% auto 15%;}
#index #Magazines .InBox {width:100%;}
#index #Magazines .InBox ul {width:100%;overflow:hidden;}
#index #Magazines .InBox ul li {float:left;width:49%;margin:0 0.5%;}
#index #Magazines .InBox ul li div.txt {width:97%;margin:7.5% auto 20%;line-height:1.7;}
#index #Magazines .InBox ul li div.txt b {display:block;font-size:13px;color:#3a3839;}
#index #Magazines .InBox ul li div.txt strong {display:block;font-size:21px;color:#010000;padding:2.5% 0;}
#index #Magazines .InBox ul li div.txt span {display:block;font-size:13.5px;color:#787878;}

#index #Magazines .InBox:nth-of-type(2) {margin:7.5% 0 15%;}
#index #Magazines .InBox:nth-of-type(2) ul li {width:99%;float:none;}
#index #Magazines .InBox p strong {display:block;font-size:21px;color:#010000;padding:7.5% 0 2.5%;}
#index #Magazines .InBox p span {display:block;font-size:13.5px;color:#787878;line-height:1.7;}	

#index .Previews {background:#f3f3f3;width:100%;}	
#index .Previews .swiper-view .swiper {width:98%;margin:0 auto;overflow:hidden;}
#index .Previews .swiper-view .swiper .sw06_video_wrap{position:relative; width:100%; height:35vh; }
#index .Previews .swiper-view .swiper .sw06_video_wrap > .sw06_video{position:absolute; top:0; left:0; width:100%; height:100%;}

#index .Lists {background:#f3f3f3;width:100%;}
#index .Lists .title {padding:20% 0 0;}
#index .Lists .title .txt {width:100%;text-align:center;line-height:1.3;padding-bottom:10%;}
#index .Lists .title .txt strong {font-size:30px;color:#010000;padding-bottom:2.5%;display:block;
	/* font-family:linotype-didot, serif; */
}
#index .Lists .title .txt span {font-size:17px;color:#7a7675;display:block;}	

#index .Lists .swiper-view {padding-bottom:10%;}
#index .Lists .swiper-slide a {display:block;}	
#index .Lists .swiper-slide a img {display:block;}	
#index .Lists .swiper-slide a .img {position:relative;overflow:hidden;}
#index .Lists .swiper-slide a .img .bg {display:none;}
#index .Lists .swiper-slide a .img .bg img {position:absolute;top:50%;left:50%;margin:-50px 0 0 -75px;z-index:1;}

#index .Lists .swiper-slide a .txt {width:100%;text-align:center;line-height:1.5;padding:10% 0;}
#index .Lists .swiper-slide a .txt > b {display:block;font-size:14px;color:#3a3839;}
#index .Lists .swiper-slide a .txt > strong {display:block;font-size:25px;color:#010000;padding:3.5% 0;}
#index .Lists .swiper-slide a .txt > span {display:block;font-size:15px;color:#010000;margin-top:10px;}	
#index .Lists .swiper-slide a .txt > span b {position:relative;display:inline-block;padding:0 3px;}
#index .Lists .swiper-slide a .txt > span b div {position:absolute;top:50%;left:0;width:100%;margin-top:-1px;border-top:1px solid #000;}

/* #index .Lists .swiper-btn {margin-top:-105px;} */
#index .Lists .swiper-button-prev {left:-10px;}
#index .Lists .swiper-button-next {right:-10px;}

#index #Maps {background:#f3f3f3;padding-bottom:5%;}
#index #Maps .InBox {position:relative;width:100%;overflow-x:scroll;}
#index #Maps .InBox h4 {position:absolute;top:10%;left:10%;}
#index #Maps .InBox h4 span {color:#fff;display:block;margin-bottom:5%;font-size:16px;}
#index #Maps .InBox h4 strong {color:#fff;font-family:linotype-didot, serif;font-size:45px;}
#index #Maps .InBox img[usemap] {border:none;height:auto;width:960px;}
#index #Maps .InBox > span {position:absolute;bottom:5%;left:10%;color:#fff;display:block;font-size:15px;}

#index .Swiper06 .swiper-slide a div {position:relative; width:100%; height:100%; overflow: hidden;}
#index .Swiper06 .swiper-slide a div iframe {width:105%; height:377.31px;}
/* #index .Swiper06 .swiper-slide a div iframe {background:url(http://gonylab11.speedgabia.com/calacatta/main/oncar_thumbnail.jpg) no-repeat 50% 50%; background-size:cover;} */
#index .Swiper06 .swiper-slide a div .sp_background {position:absolute; width:100%; height:100%; top:0; left:0;}

#index .Swiper04 .swiper-slide a div {position:relative; width:100%; height:100%; overflow: hidden;}
#index .Swiper04 .swiper-slide a div iframe {width:105%; height:377.31px;}
/* #index .Swiper06 .swiper-slide a div iframe {background:url(http://gonylab11.speedgabia.com/calacatta/main/oncar_thumbnail.jpg) no-repeat 50% 50%; background-size:cover;} */
#index .Swiper04 .swiper-slide a div .sp_background {position:absolute; width:100%; height:100%; top:0; left:0;}

/* Animate */
#index #Vimeos .txt:nth-of-type(1) {transform:translateY(-35%);opacity:0;transition:1.25s;}
#index #Vimeos .txt:nth-of-type(2) {transform:translateY(35%);opacity:0;transition:1.25s;}
#index #Vimeos #MyVimeo {transform:translateY(25%);opacity:0;transition:1.25s;}

#index #Magazines .InBox:nth-of-type(1) li:nth-of-type(1) {transform:translateY(25%);opacity:0;transition:1.25s;}
#index #Magazines .InBox:nth-of-type(1) li:nth-of-type(2) {transform:translateY(25%);opacity:0;transition:1.25s 0.25s;}

#index #Magazines .InBox:nth-of-type(1) li:nth-of-type(3) {transform:translateX(-25%);opacity:0;transition:1.25s;}
#index #Magazines .InBox:nth-of-type(1) li:nth-of-type(4) {transform:translateX(25%);opacity:0;transition:1.25s;}

#index #Magazines .InBox:nth-of-type(2) li:nth-of-type(1) {transform:translateY(-25%);opacity:0;transition:1.25s;}
#index #Magazines .InBox:nth-of-type(2) p {transform:translateY(25%);opacity:0;transition:1.25s;}

#index #Magazines .InBox:nth-of-type(3) li:nth-of-type(1) {transform:translateX(-25%);opacity:0;transition:1.25s;}
#index #Magazines .InBox:nth-of-type(3) li:nth-of-type(2) {transform:translateX(25%);opacity:0;transition:1.25s;}

#index .Previews .txt:nth-of-type(1) {transform:translateY(-25%);opacity:0;transition:1.25s;}
#index .Previews .txt:nth-of-type(2) {transform:translateY(25%);opacity:0;transition:1.25s;}

#index .Previews .swiper-view {transform:translateY(25%);opacity:0;transition:1.25s;}

#index .Lists .title {transform:translateY(-15%);opacity:0;transition:1.25s;}
#index .Lists .swiper-view {transform:translateY(15%);opacity:0;transition:1.25s;}

div.video_wrap{position:absolute; padding-bottom:100px; top:-60px; left:50%; transform:translateX(-50%);width:100%; height:100%; }
.video_box{position:absolute; top:0; left:0; width:100%; height:100%; }
#index .Lists .swiper-view .InBox .swiper-slide a .img{height:313px;}
.mankai{background-image:url('http://gonylab11.speedgabia.com/calacatta/main/banner/1/3.jpg'); background-repeat:no-repeat; background-position:center;}
.img_beer{background-image:url('http://gonylab11.speedgabia.com/calacatta/main/banner/1/4.jpg');background-repeat:no-repeat; background-position:center; background-size:cover;}
.lenzo_bar{background-image:url('http://gonylab11.speedgabia.com/calacatta/main/banner/1/5.jpg');background-repeat:no-repeat; background-position:center;  background-size:cover;}
.pool_party{background-image:url('http://gonylab11.speedgabia.com/calacatta/main/banner/1/2.jpg');background-repeat:no-repeat; background-position:center;}
.lenzo_bar01{background-image:url('http://gonylab11.speedgabia.com/calacatta/main/banner/1/1.jpg'); background-repeat:no-repeat; background-position:center;}


/*------------------------------------------------------------------------------------------------*/
/* LA TERRACE */
#about .article h2 {margin-bottom:2.5%;}
#about #Vimeos {padding-bottom:5%;}	
#about #Vimeos #MyVimeo {position:relative;width:600px;height:347px;margin:0 auto;display:block;}

#about #location {padding:15% 0;}
#about #location h2 {text-align:center;margin-bottom:2.5%;line-height:1.5;}
#about #location h2 strong {display:block;color:#364844;font-family:linotype-didot, serif;}
#about #location h2 span {display:block;color:#364844;}
#about #location .InBox {width:100%;margin:0 auto;}
#about #location .InBox #Map {width:100%;margin-bottom:12.5%;}

#about #location .InBox .txt {width:95%;height:100%;margin:0 auto;overflow:hidden;}
#about #location .InBox .txt > div {margin-bottom:17.5%;}
#about #location .InBox .txt > div div {width:100%;}
#about #location .InBox .txt > div div strong {font-family:linotype-didot, serif;display:inline-block;margin-bottom:2.5%;color:#20332f;}
#about #location .InBox .txt > div div b {border-top:1px solid #787878;display:inline-block;position:relative;top:-7px;}
#about #location .InBox .txt > div:nth-of-type(1) div strong {width:150px;}
#about #location .InBox .txt > div:nth-of-type(2) div strong {width:330px;}
#about #location .InBox .txt > div:nth-of-type(1) div b {width:calc(100% - 150px);}
#about #location .InBox .txt > div:nth-of-type(2) div b {width:calc(100% - 330px);}
#about #location .InBox .txt > div p {line-height:1.7;}
#about #location .InBox .txt > div p span {font-weight:bold;}

#about #location h2 strong {font-size:60px;}
#about #location h2 span {font-size:18px;}

#about #location .InBox .txt > div strong {font-size:30px;}
#about #location .InBox .txt > div p {font-size:16px;}


/*------------------------------------------------------------------------------------------------*/
/* partner */
#partner .article .title {width:100%;padding:100px 0 0;line-height:1.5;}
#partner .article .title > span {display:block;color:#787878;font-family:linotype-didot, serif;text-align:center;}

#partner .conts {width:100%;margin:7.5% auto;}


/*------------------------------------------------------------------------------------------------*/
/* waterpark */
#waterpark {background:#f6f3ed;}
#waterpark .article .title {width:100%;padding:170px 0 0;line-height:1.5;}
#waterpark .article .title > span {display:block;color:#787878;font-family:linotype-didot, serif;text-align:center;}

#waterpark .article .text {width:calc(100% - 40px);padding:20% 20px 3%;margin:0 auto;overflow:hidden;}
#waterpark .article .text h3 {width:100%;text-align:center;}
#waterpark .article .text h3 span {display:block;margin-bottom:1%;font-size:16px;}
#waterpark .article .text h3 strong {display:block;font-family:linotype-didot, serif;font-size:35px;letter-spacing:1px;}
#waterpark .article .text .step {width:500px;margin:10% auto 12.5%;}

#waterpark .article .text ul {width:95%;margin:0 auto 10%;overflow:hidden;}
#waterpark .article .text ul li {line-height:1.7;margin-bottom:5px;font-size:16px;}

#waterpark .conts {width:100%;padding-bottom:20%;}
#waterpark .conts h3 {font-size:23px;text-align:center;}
#waterpark .conts h3 strong {display:block;font-weight:bold;color:#0d3941;}
#waterpark .conts h3 span {display:block;font-family:linotype-didot, serif;color:#bc9b2e;margin:15px 0 10px;}
#waterpark .conts h3 b {display:block;font-size:16px;color:#bc9b2e;}
#waterpark .conts .table {width:580px;overflow:hidden;overflow-x:scroll;margin:0 auto 3.5%;}
#waterpark .conts .table::-webkit-scrollbar {width:12.5px;height:12.5px;}
#waterpark .conts .table::-webkit-scrollbar-thumb {background-color:#667d7c;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
#waterpark .conts .table::-webkit-scrollbar-track {background-color:#c4dbe4;border-radius:10px;box-shadow:inset 0px 0px 3px white;}
#waterpark .conts .table img {display:block;width:1000px;padding:30px 20px;}
/* #waterpark .conts.cont04 .table img{width:3000px} */
#waterpark .conts span.touch {display:block;text-align:center;font-size:15px;margin-bottom:35px;color:#787878;}
#waterpark .conts p {text-align:center;font-size:13px;line-height:1.5;color:#0d3941;}

#waterpark .cont06 {overflow:hidden;}
#waterpark .cont06 .Swipers .swiper-view {width:85%;margin:0 auto;padding-bottom:30px;overflow-x:scroll;}
#waterpark .cont06 .Swipers .swiper-view::-webkit-scrollbar {width:12.5px;height:12.5px;}
#waterpark .cont06 .Swipers .swiper-view::-webkit-scrollbar-thumb {background-color:#667d7c;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
#waterpark .cont06 .Swipers .swiper-view::-webkit-scrollbar-track {background-color:#c4dbe4;border-radius:10px;box-shadow:inset 0px 0px 3px white;}
#waterpark .cont06 .Swipers span.touch {display:block;text-align:center;font-size:15px;margin-top:3.5%;color:#787878;}
#waterpark .cont06 .Swipers .InBox .swiper-slide {max-width:65%;margin:0 1.5%;float:left;opacity:1;}
#waterpark .cont06 .Swipers .InBox .swiper-slide a {display:block;}	
#waterpark .cont06 .Swipers .InBox .swiper-slide a img {display:block;}	
#waterpark .cont06 .Swipers .InBox .swiper-slide a .img {position:relative;overflow:hidden;}
#waterpark .cont06 .Swipers .InBox .swiper-slide a .img::before {position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:#fff;}
#waterpark .cont06 .Swipers .InBox .swiper-slide a .img::before {transition:0.5s;opacity:0;z-index:1;}
#waterpark .cont06 .Swipers .InBox .swiper-slide a .img img {transform:scale(1);transition:0.5s;}
#waterpark .cont06 .Swipers .InBox .swiper-slide a .txt {position:relative;width:90%;margin:0 auto;line-height:1.3;transform:translateY(-30%);transition:0.5s;z-index:2;}
#waterpark .cont06 .Swipers .InBox .swiper-slide a .txt strong {display:block;font-family:linotype-didot, serif;font-size:30px;}
#waterpark .cont06 .Swipers .InBox .swiper-slide a .txt span {display:block;font-size:20px;}

#waterpark .cont04 .table img {margin-bottom:50px;}

#waterpark .cont05 {position:relative;background:#f6f3ed;width:100%;z-index:10;}
#waterpark .cont05 .InBox {width:570px;margin:0 auto;}
#waterpark .cont05 .InBox h4 {width:100%;margin-bottom:5%;text-align:center;}
#waterpark .cont05 .InBox h4 span {display:block;margin-bottom:3%;font-size:20px;}
#waterpark .cont05 .InBox h4 strong {display:block;font-family:linotype-didot, serif;font-size:40px;}
#waterpark .cont05 .InBox > ul li {line-height:1.7;margin-bottom:10px;font-size:15px;}
#waterpark .cont05 .InBox > ul li strong {display:block;font-weight:bold;font-size:17px;}

#waterpark .cont05 .InBox > ul	> li {margin-bottom:5%;}	 
#waterpark .cont05 .InBox > ul	> li ul {margin-top:14px;}
#waterpark .cont05 .InBox > ul	> li ul li {width:calc(100% - 15px);background:url(../../images/blt_t.png) no-repeat left 10px;}
#waterpark .cont05 .InBox > ul	> li ul li {padding-left:15px;color:#6f6f6f;}	


/*------------------------------------------------------------------------------------------------*/
/* Detail */
.details .article .title {width:100%;padding:170px 0 10%;background:#f5f2ec;line-height:1.5;text-align:center;}
.details .article .title > span {display:block;color:#787878;font-family:linotype-didot, serif;}
.details .article .title h2 {padding-top:15%;}
.details .article .title h2 strong {display:block;color:#364844;font-family:linotype-didot, serif;font-size:47px;}
.details .article .title h2 span {display:block;color:#364844;font-size:20px;}
.details .article .text {width:100%;padding:12.5% 0;text-align:center;line-height:1.7;}
.details .article .text p {font-family:linotype-didot, serif;font-size:20px;color:#465854;}
.details .article .text span {display:block;font-size:20px;line-height:1.5;color:#465854;}

.details #Videos .MyFrame {height:700px;}

.details #Maps {background:#f3efea;padding-bottom:5%;}
.details #Maps .InBox {position:relative;width:100%;overflow-x:scroll;}
.details #Maps .InBox h4 {position:absolute;top:10%;left:10%;}
.details #Maps .InBox h4 span {color:#fff;display:block;margin-bottom:3%;font-size:16px;}
.details #Maps .InBox h4 strong {color:#fff;font-family:linotype-didot, serif;font-size:38px;}
.details #Maps .InBox img[usemap] {border:none;height:auto;width:960px;}
.details #Maps .InBox > span {position:absolute;bottom:5%;left:10%;color:#fff;display:block;font-size:15px;}

.details .Lists .text {width:100%;padding:12.5% 0;text-align:center;line-height:1.7;}
.details .Lists .text p {font-family:linotype-didot, serif;font-size:20px;color:#465854;}

.details .Lists > ul {width:90%;margin:0 auto 5%;overflow:hidden;}
.details .Lists > ul li {width:100%;margin:0 0 17.5%;float:left;}
.details .Lists > ul li a {display:block;overflow:hidden;}
.details .Lists > ul li a > div {position:relative;overflow:hidden;}

.details .Lists > ul li a .img div {width:100%;height:365px;overflow:hidden;}
.details .Lists > ul li a .img div:nth-of-type(1) {position:absolute;top:50%;left:50%;width:150px;height:100px;opacity:1;transition:0.5s;z-index:2;}
.details .Lists > ul li a .img div:nth-of-type(1) {background:url(../../images/detail_btn.png) no-repeat left;margin:-50px 0 0 -75px;}
.details .Lists > ul li a .img div:nth-of-type(2):before {position:absolute;top:0;left:0;width:100%;height:100%;}
.details .Lists > ul li a .img div:nth-of-type(2):before {background:#20332f;content:"";opacity:0.3;transition:0.5s;z-index:1;}
.details .Lists > ul li a .img div:nth-of-type(2) img {position:relative;transform:scale(1);transition:0.5s;}

.details .Lists > ul li .txt {width:94%;margin:5% auto 0;}
.details .Lists > ul li .txt div.ttl {width:58%;float:left;}
.details .Lists > ul li .txt div.ttl span {display:block;font-size:17px;color:#364844;padding:25px 0 10px;}
.details .Lists > ul li .txt div.ttl strong {display:block;font-size:25px;}

.details .Lists > ul li .txt div.btn {width:35%;float:right;margin-top:20px;padding:15px 3%;background:#20332f;overflow:hidden;}
.details .Lists > ul li .txt div.btn span {color:#fff;display:block;font-size:14px;line-height:1.5;letter-spacing:0.5px;}
.details .Lists > ul li .txt div.btn span:nth-child(1) {float:left;width:calc(65% - 1px);border-right:1px solid #e8e8e8;}
.details .Lists > ul li .txt div.btn span:nth-child(2) {float:right;width:35%;text-align:right;}

.details .Lists > ul li .txt p {width:100%;clear:both;padding-top:25px;font-size:14px;line-height:1.6;color:#787878;}

.details .Swipers {margin-bottom:10%;overflow:hidden;}

.details .information {width:100%;}
.details .information .title {position:relative;width:600px;margin:0 auto;overflow:hidden;}
.details .information .title h3 {padding:30px 0;}
.details .information .title h3 span {display:block;font-size:16.5px;color:#364844;margin-bottom:15px;}
.details .information .title h3 strong {display:block;font-size:29px;color:#1b1e23;font-family:nanumbarungothicregular;}
.details .information .title a {position:absolute;top:35px;right:0px;transition:0.5s;}

.details .information .notice {width:100%;height:0;transition:1s;overflow:hidden;}


/*------------------------------------------------------------------------------------------------*/
/* ROOMS */
#rooms .information .notice .top,
#rooms .information .notice .bottom {width:100%;height:39px;}
#rooms .information .notice .top {background:url(../../images/notice_bg_top.jpg) repeat-x 0 0;}
#rooms .information .notice .bottom {background:url(../../images/notice_bg_bottom.jpg) repeat-x 0 0;}
#rooms .information .notice .middle {background:#e9e9e9;padding:20px 0;}
#rooms .information .notice .middle .content {opacity:0;transition:0.8s;}

#rooms .information .content {width:600px;margin:0 auto;line-height:1.5;overflow:hidden;}
#rooms .information .content > div > div {width:90%;padding:7% 5%;margin:0 auto;}
#rooms .information .content > div .Inner {border-top:2px solid #000;border-bottom:2px solid #000;background:#f0f3f3;overflow:hidden;}
#rooms .information .content > div .Inner > strong {font-weight:bold;color:#b3bdc5;font-family:nanumbarungothicregular;letter-spacing:1px;}
#rooms .information .content > div .Inner > strong {margin-bottom:25px;display:block;}

#rooms .information .content > div.info {margin-bottom:3%;}
#rooms .information .content > div.info .Inner > ul {width:49%;margin-right:1%;float:left;}
#rooms .information .content > div.info .Inner > ul li {margin-bottom:5%;overflow:hidden;}
#rooms .information .content > div.info .Inner > ul li span {display:block;float:left;}
#rooms .information .content > div.info .Inner > ul li span.tl {width:75px;font-weight:bold;}
#rooms .information .content > div.info .Inner > ul li span.tt {width:calc(100% - 75px);}
#rooms .information .content > div.info .Inner > img {float:left;width:48%;display:block;margin-left:2%;}

#rooms .information .content > div.eq,
#rooms .information .content > div.price {float:left;}

#rooms .information .content > div.eq {width:45%;}
#rooms .information .content > div.eq .Inner > ul {width:100%;}
#rooms .information .content > div.eq .Inner > ul li {width:calc(100% - 15px);padding-left:15px;margin-bottom:5px;}
#rooms .information .content > div.eq .Inner > ul li {background:url(../../images/blt.png) no-repeat left 50%;}

#rooms .information .content > div.eq a {display:block;width:85%;padding:25px 7.5%;background:#424242;color:#fff;transition:0.5s;}
#rooms .information .content > div.eq a {font-size:14px;font-family:nanumbarungothicregular;letter-spacing:1px;margin-top:10%;}	

#rooms .information .content > div.price {width:52%;margin-left:3%;}
#rooms .information .content > div.price table {width:100%;height:100%;}
#rooms .information .content > div.price table tbody {width:100%;height:100%;}
#rooms .information .content > div.price table tbody tr th,
#rooms .information .content > div.price table tbody tr td {
    font-family:nanumbarungothicregular;padding:8px 10px;color:#292929;
    border:1px solid #d6d7d7;font-weight:normal;text-align:center;
}
#rooms .information .content > div.price table tbody tr th {width:calc(45% - 10px);background:#f2f5f5;}
#rooms .information .content > div.price table tbody tr th span {display:block;margin-top:5px;}
#rooms .information .content > div.price table tbody tr td {width:calc(55% - 10px);background:#fff;}
#rooms .information .content > div.price table tbody tr td span {text-align:center;line-height:1.3em;padding:0 5px;font-family:nanumbarungothicregular;}

#rooms .information .content > .price p {padding-top:15px;line-height:1.5;}
#rooms .information .content > .price p strong {padding:10px 0 5px;color:#b99b78;font-weight:bold;display:block;letter-spacing:2px;}
#rooms .information .content > .price p span {width:100%;color:#636363;display:block;}


/* ROOMS-TPYE */
#Types {width:95%;margin:0 auto 5%;height:900px;overflow:hidden;}
#Types .Swipers {width:100%;height:50%;margin:0;}
#Types .Swipers .swiper-view {background:#e9e8e4;width:100%;height:100%;}
#Types .Swipers .swiper-view p {width:100%;text-align:center;position:absolute;top:35px;font-family:linotype-didot, serif;color:#384a46;}
#Types .Swipers .swiper-view .In {position:absolute;top:50%;width:100%;text-align:center;}
#Types .Swipers .swiper-view .In span {display:block;color:#405450;}
#Types .Swipers .swiper-view .In strong {display:block;font-family:linotype-didot, serif;color:#405450;margin:20px 0 50px;}
#Types .Swipers .swiper-view .In a {display:block;width:95px;margin:0 auto;}

#Types .img {width:100%;height:50%;position:relative;}
#Types .img li {position:absolute;top:0;left:0;width:100%;height:100%;}
#Types .img li {background-position:50% 50%;background-repeat:no-repeat;background-size:cover;opacity:0;transition:1s;z-index:0;}
#Types .img li.on {opacity:1;z-index:1;}

#Types .Swipers .swiper-view p {font-size:20px;}
#Types .Swipers .swiper-view .In {height:200px;margin-top:-100px;}
#Types .Swipers .swiper-view .In span {font-size:18px;}
#Types .Swipers .swiper-view .In strong {font-size:45px;}


/*------------------------------------------------------------------------------------------------*/
/* FACILITY */
.facilitys {background:#f6f3ed;}
.facilitys .article .title {width:100%;padding:170px 0 5%;;background:#f8f8f8;line-height:1.5;}
.facilitys .article .title > span {display:block;color:#787878;font-family:linotype-didot, serif;text-align:center;}
.facilitys .article .text {width:85%;padding:150px 0 5%;margin:0 auto;overflow:hidden;}
.facilitys .article .text p {line-height:1.8;margin-top:30px;}
.facilitys .article .text p a {display:inline-block;margin-top:5%;font-weight:bold;border-bottom:2px solid #000;padding-bottom:2px;}
.facilitys .article .text p a {transition:0.5s;}
.facilitys .article .text h3 {font-size:45px;line-height: 1.2;}
.facilitys .article .text h3 b {font-family: "Newsreader", serif;font-size: 55px;line-height: 1.2;color: #FDBF00;}
.facilitys .article .text p {font-size:17px;}
.facilitys .article .text p a {font-size:15px;}
.facilitys .article #MyVimeo {position:relative;width:600px;height:347px;margin:0 auto;display:block;}

.facilitys .article .text h5 span {display:block;margin-bottom:1%;font-size:16px;}
.facilitys .article .text h5 strong {display:block;font-family:linotype-didot, serif;font-size:35px;letter-spacing:1px;}
.facilitys .article .text .step {width:500px;margin:10% auto 12.5%;}

.facilitys .article .text ul {width:95%;margin:0 auto 10%;overflow:hidden;}
.facilitys .article .text ul li {line-height:1.7;margin-bottom:5px;font-size:16px;}

.facilitys .conts {width:100%;padding-bottom:20%;}
.facilitys .conts h3 {font-size:23px;text-align:center;}
.facilitys .conts h3 strong {display:block;font-weight:bold;color:#0d3941;}
.facilitys .conts h3 span {display:block;font-family:linotype-didot, serif;color:#bc9b2e;margin:15px 0 10px;}
.facilitys .conts h3 b {display:block;font-size:16px;color:#bc9b2e;}
.facilitys .conts .table {width:580px;overflow:hidden;overflow-x:scroll;margin:0 auto 3.5%;}
.facilitys .conts .table::-webkit-scrollbar {width:12.5px;height:12.5px;}
.facilitys .conts .table::-webkit-scrollbar-thumb {background-color:#667d7c;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
.facilitys .conts .table::-webkit-scrollbar-track {background-color:#c4dbe4;border-radius:10px;box-shadow:inset 0px 0px 3px white;}
.facilitys .conts .table img {display:block;width:1000px;padding:30px 20px;}
.facilitys .conts span.touch {display:block;text-align:center;font-size:15px;margin-bottom:35px;color:#787878;}

.facilitys #Maps {background:#f3efea;padding-bottom:5%;}
.facilitys #Maps .InBox {position:relative;width:100%;overflow-x:scroll;}
.facilitys #Maps .InBox h4 {position:absolute;top:10%;left:10%;}
.facilitys #Maps .InBox h4 span {color:#000;display:block;margin-bottom:3%;font-size:16px;}
.facilitys #Maps .InBox h4 strong {color:#000;font-family:linotype-didot, serif;font-size:38px;}
.facilitys #Maps .InBox img[usemap] {border:none;height:auto;width:960px;}
.facilitys #Maps .InBox > span {position:absolute;bottom:5%;left:10%;color:#000;display:block;font-size:15px;}

.facilitys .Lists {margin-bottom:7.5%;}
.facilitys .Swipers {padding-top:140px;}
.facilitys .Swipers .text {width:98%;margin:0 auto 2.5%;text-align:center;overflow:hidden;}
.facilitys .Swipers .text h3 {line-height:1.5;margin-bottom:10px;}
.facilitys .Swipers .text h3 span {display:block;}
.facilitys .Swipers .text h3 strong {display:block;font-family:linotype-didot, serif;}
.facilitys .Swipers .text p {width:100%;line-height:1.7;margin-bottom:30px;}
.facilitys .Swipers .text p a {color:#145299;display:inline-block;border-bottom:2px solid #145299;transition:0.5s;}

.facilitys .Swipers .swiper-view {height:384px;overflow:hidden;}
.facilitys .Swipers .swiper-view .swiper-btn {top:unset;bottom:0%;width:60px;height:60px;z-index:11;}
.facilitys .Swipers .swiper-view .swiper-button-disabled {opacity:0.5;}
.facilitys .Swipers .swiper-view .swiper-button-prev {background-image:url(../../images/prev_s.jpg);left:unset;right:80px;}
.facilitys .Swipers .swiper-view .swiper-button-next {background-image:url(../../images/next_s.jpg);right:20px;}

/* font-size */
.facilitys .Swipers .text h3 span {font-size:18px;}
.facilitys .Swipers .text h3 strong {font-size:40px;}
.facilitys .Swipers .text p {font-size:15px;}

/*------------------------------------------------------------------------------------------------*/
/* ETC */
.etcs .article .title {width:100%;padding:170px 0 5%;;background:#f8f8f8;line-height:1.5;}
.etcs .article .title > span {display:block;color:#787878;font-family:linotype-didot, serif;text-align:center;}
.etcs .article .text {width:85%;padding:150px 0 5%;margin:0 auto;overflow:hidden;}
.etcs .article .text p {line-height:1.8;margin-top:30px;}
.etcs .article .text p a {display:inline-block;margin-top:5%;font-weight:bold;border-bottom:2px solid #000;padding-bottom:2px;}
.etcs .article .text p a {transition:0.5s;}
.etcs .article .text h3 {font-size:45px;line-height: 1.2;}
.etcs .article .text h3 b {font-family: "Newsreader", serif;font-size: 55px;line-height: 1.2;color: #FDBF00;}
.etcs .article .text p {font-size:17px;}
.etcs .article .text p a {font-size:15px;}
.etcs .article #MyVimeo {position:relative;width:600px;height:347px;margin:0 auto;display:block;}

.etcs #Maps {background:#f3efea;padding-bottom:5%;}
.etcs #Maps .InBox {position:relative;width:100%;overflow-x:scroll;}
.etcs #Maps .InBox h4 {position:absolute;top:10%;left:10%;}
.etcs #Maps .InBox h4 span {color:#000;display:block;margin-bottom:3%;font-size:16px;}
.etcs #Maps .InBox h4 strong {color:#000;font-family:linotype-didot, serif;font-size:38px;}
.etcs #Maps .InBox img[usemap] {border:none;height:auto;width:960px;}
.etcs #Maps .InBox > span {position:absolute;bottom:5%;left:10%;color:#000;display:block;font-size:15px;}

.etcs .Lists {margin-bottom:7.5%;}
.etcs .Swipers {padding-top:140px;}
.etcs .Swipers .text {width:98%;margin:0 auto 2.5%;text-align:center;overflow:hidden;}
.etcs .Swipers .text h3 {line-height:1.5;margin-bottom:10px;}
.etcs .Swipers .text h3 span {display:block;}
.etcs .Swipers .text h3 strong {display:block;font-family:linotype-didot, serif;}
.etcs .Swipers .text p {width:100%;line-height:1.7;margin-bottom:30px;}
.etcs .Swipers .text p a {color:#145299;display:inline-block;border-bottom:2px solid #145299;transition:0.5s;}

.etcs .Swipers .swiper-view {height:384px;overflow:hidden;}
.etcs .Swipers .swiper-view .swiper-btn {top:unset;bottom:0%;width:60px;height:60px;z-index:11;}
.etcs .Swipers .swiper-view .swiper-button-disabled {opacity:0.5;}
.etcs .Swipers .swiper-view .swiper-button-prev {background-image:url(../../images/prev_s.jpg);left:unset;right:80px;}
.etcs .Swipers .swiper-view .swiper-button-next {background-image:url(../../images/next_s.jpg);right:20px;}

/* font-size */
.etcs .Swipers .text h3 span {font-size:18px;}
.etcs .Swipers .text h3 strong {font-size:40px;}
.etcs .Swipers .text p {font-size:15px;}


/*------------------------------------------------------------------------------------------------*/
/* DINING - BANQUET */
.subSide .article .text span {font-size:15px;line-height:1.7;}
.subSide .information {width:600px;margin:0 auto 10%;}
.subSide .information ul.explanation {width:100%;border-top:2px solid #888888;}
.subSide .information ul.explanation li {border-bottom:1px solid #c3c3c3;padding:20px 0;line-height:1.7;overflow:hidden;}
.subSide .information ul.explanation li strong {width:15%;padding-left:3%;float:left;display:block;font-weight:bold;}
.subSide .information ul.explanation li span {width:75%;margin-left:3%;float:left;display:block;}

.subSide .information ul.structrue {width:95%;margin:10% auto 0;overflow:hidden;}
.subSide .information ul.structrue li {float:left;width:31.33%;margin:0 1%;}
.subSide .information ul.structrue li strong {display:block;text-align:center;font-weight:bold;margin-bottom:3%;}

/* font-size */
.subSide .information ul li strong {font-size:17px;}
.subSide .information ul li span {font-size:16px;}


/*------------------------------------------------------------------------------------------------*/
/* TABLE */
.table #contents {padding:23% 0;}
.table #contents .InBox {width:97%;margin:0 auto;}
.table #contents .InBox .snb {width:100%;overflow:hidden;}
.table #contents .InBox .snb ul {float:right;overflow:hidden;margin-bottom:2%;}
.table #contents .InBox .snb ul li {float:left;font-size:18px;padding:0 7px;}
.table #contents .InBox .snb ul li {background:url(../../images/blt_l.gif) no-repeat -1px 23px;}
.table #contents .InBox .snb ul li:nth-of-type(1) {background:none;}
.table #contents .InBox .snb ul li a {padding:20px 15px;display:block;color:#787878;font-size:22px;}
.table #contents .InBox .snb ul li.on a {font-weight:bold;color:#000;}
.table #contents p {line-height:1.5;}

.reserve #contents table {width:100%;border:1px solid #e7e7e7;font-family:'돋움',Dotum!important;}
.reserve #contents table tr th {border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.reserve #contents table tr th,.reserve table tr td {
	border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;
	text-align:center;font-size:13px;color:#676767;padding:10px 0;
}
.reserve #contents h3 {margin-bottom:10px;}
.reserve #contents ul.blt li {
	padding-left:10px;font-size:14px;line-height:1.7;margin-bottom:10px;
	color:#676767;font-family:'돋움',Dotum!important;
	background:url(http://gonylab2.speedgabia.com/common/li_b.gif) no-repeat left 5px;
}
.reserve #contents ul li span {color:#ee3939;}
.reserve #contents .r_info_01 {position:relative;margin-bottom:30px;}
.reserve #contents .r_info_01 h4 {text-align:left;margin-bottom:10px;}
.reserve #contents .r_info_01 table {margin-bottom:20px;}
.reserve #contents .r_info_01 table .room_ {background:#efefef;height:50px;}
.reserve #contents .r_info_01 table > thead {line-height:1.3;}
.reserve #contents .r_info_01 table > thead {background:#f8f8f8;}
.reserve #contents .r_info_01 table > thead tr th {font-weight:bold;}
.reserve #contents .r_info_01 table > tbody tr td {line-height:1.5;}

.reserve #contents .r_info_02 {margin:20px 0 50px;text-align:left;} 

.reserve #contents .r_info_03 {padding-bottom:80px;text-align:left;}
.reserve #contents .r_info_03 .CNCL_COMM {margin-bottom:50px;}
.reserve #contents .r_info_03 table {line-height:1.5;margin-top:20px;}
.reserve #contents .r_info_03 table > thead {background:#f2f2f2;}

.reserve #contents .r_info_04 {width:100%;margin:0 auto;}
.reserve #contents .r_info_04 p {line-height:1.5;font-size:15px;margin-bottom:35px;text-align:center;}
.reserve #contents .r_info_04 ul {width:90%;overflow:hidden;border:1px solid #e7e7e7;padding:35px 0;margin:0 auto;}
.reserve #contents .r_info_04 ul li {padding:0;float:left;width:50%;text-align:center;}
.reserve #contents .r_info_04 ul li {font-size:20px;font-family:nanumbarungothicregular!important;background:none;}
.reserve #contents .r_info_04 ul li:first-child {width:calc(50% - 1px);border-right:1px solid #e7e7e7;}






.new_feel_header{ position: fixed; z-index: 100; top: 0; right: 0; left: 0; padding: 20px; background: #FEBF00;}
.new_feel_header *{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Newsreader", "Noto Sans KR", sans-serif; font-weight: 400; line-height: 1; letter-spacing: -0.5px; color: #000;}

.new_feel_header .menu{}
.new_feel_header .menu ul{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; position: initial;}
.new_feel_header .menu ul li{ position: relative; margin: 0 !important; padding: 0 !important;}
.new_feel_header .menu ul li:before{ content: ""; display: block; position: absolute; top: calc(0 - 0); left: -10px; width: 1px; height: 20px; background: rgba(0 0 0/40%);}
.new_feel_header .menu ul li:first-child:before{ display: none;}
.new_feel_header .menu ul li a{ display: flex; align-items: center; height: 20px; cursor: pointer; transition: all .2s;}
.new_feel_header .menu ul li a p{ font-size: 18px; color: #000;}
.new_feel_header .menu ul li a span{ display: none !important;}

.new_feel_header .fb{ display: flex; grid-gap: 90px; margin-top: 20px;}
.new_feel_header .logo{}
.new_feel_header .logo a{ display: block; cursor: pointer;}
.new_feel_header .logo a img{ display: block; width: auto; height: 60px;}
.new_feel_header .btn_full_menu{ flex: 1; display: flex; justify-content: center; align-items: center; grid-gap: 10px; height: 60px; border-radius: 30px; background: #1E2643; cursor: pointer;}
.new_feel_header .btn_full_menu img{ display: block; height: 40px;}
.new_feel_header .btn_full_menu p{ font-size: 20px; color: #FFF;}