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

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

#travel #Banner                                 {background-image:url(http://gonylab3.speedgabia.com/casaloma/m/banner/1.jpg);}
#reserve #Banner                                {background-image:url(http://gonylab3.speedgabia.com/casaloma/m/banner/2.jpg);}
#community #Banner                              {background-image:url(http://gonylab3.speedgabia.com/casaloma/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                                         {padding-top:101px;}    
section, section .section						{position:relative;width:100%;z-index:1;}
#scroll                                         {position:absolute;width:35px;height:97px;bottom:50px;left:60px;margin-left:-48.5px;z-index:10;}
#index #scroll                                  {bottom:25px;width:100%;bottom:-30px;left:50px;}
#index #scroll > a                              {width:150px;display:inline-block;}
#index #scroll > a img                          {display:block;width:107px;margin:0 auto;}
#index #scroll > div                            {display:inline-block;border-top:1px solid #fff;position:relative;top:-15px;}
#index #scroll > div:nth-of-type(1)             {width:calc(100% - 200px);}
#index #scroll > div:nth-of-type(2)             {width:50px;}

/* 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:650px;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:45%;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;}
#visual .InBox .ttls span                       {font-family:'linotype-didot';font-size:20px;margin-left:30px;}
#visual .InBox .ttls span b                     {font-family:'linotype-didot';}
#visual .InBox .ttls strong                     {display:block;font-size:48px;margin:15px 0 0 0;letter-spacing:2px;}

/* 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:45%;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:55px;margin:15px 0 0 0;letter-spacing:5px;}

/* 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:40px;height:96px;margin-top:-48px;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:0;}
.Swipers .swiper-button-next 				    {background-image:url(../../images/next.png);right:0;}
.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:visible;z-index:3;}
hgroup h1                                       {width:130px;float:left;}
hgroup h1 a                                     {width:100%;text-align:center;}
hgroup .InBox                                   {width:calc(100% - 130px);text-align:center;float:right;overflow:hidden;}
hgroup .InBox ul                                {width:100%;overflow:hidden;}
hgroup .InBox ul li                             {float:left;}
hgroup .InBox .rnb                              {float:right;width:90%;overflow:hidden;} 
hgroup .InBox .rnb > ul                         {width:65%;float:left;position:relative;top:1px;} 
hgroup .InBox .rnb > ul li                      {font-size:13px;background:url(../../images/hd_rnb_line.png) no-repeat right 50%;width:33%;}
hgroup .InBox .rnb > ul li:last-child           {background:none;}
hgroup .InBox .rnb > ul li a                    {padding:16.5px 0;color:#8b8b8b;}
hgroup .InBox .rnb > .book                      {float:right;width:35%;position:relative;top:5px; display: flex;} 
hgroup .InBox .rnb > .book a                    {width:50%;font-size:12px;color:#fff;} 
hgroup .InBox .lnb                              {width:100%;overflow:hidden;}
hgroup .InBox .lnb ul li                        {width:33%;}
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:2;}
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;margin-top:20px;}
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:17px;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:40%;padding-left:10px;}
header nav > div > div ul li a span.ko			    {color:#6c6c6c;display:inline;}
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 > div > div .InBox > div ul li span.ko   {font-size:15px;}
header nav > .gb03 > div ul li a span.en            {width:50%;}
header nav > .gb02 > div ul li a span.en            {width:90%;}

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


/* Feader */
footer                                          {position:relative;width:100%;overflow:hidden;z-index:10;}
footer #ft-menu                                 {width:100%;background:#212121;}
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:#3c3c3c;padding:23.5px 0;color:#fff;transition:0.3s;}

footer #ft-cont                                 {background:#141414;padding:50px 0;text-align:left;}
footer #ft-cont .InBox                          {width:570px;margin:0 auto;overflow:hidden;}
footer #ft-cont .InBox h5                       {opacity:1;width:270px;margin:0 auto;}
footer #ft-cont .address                        {width:100%;line-height:1.6;padding:15px 0;}
/* footer #ft-cont .address                     {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:25px;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;bottom:5%;left:5%;width:500px;height:170px;overflow:hidden;z-index:10;}
#index #Videos h2 div {position:relative;top:8px;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) {margin:0 0 10px 15px;float:left;transform:translateY(-36px);}
#index #Videos h2 img:nth-of-type(2) {margin-left:30px;transform:translateY(67px);}
#index #Videos h2 div,
#index #Videos h2 img:nth-of-type(1),
#index #Videos h2 img:nth-of-type(2) {opacity:0;transition:1s ease;}

#index .contents {width:100%;padding:17.5% 0 0;margin:0 auto;}
#index .contents h3 {position:relative;width:640px;height:66px;overflow:hidden;position:relative;z-index:1;}
#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:14px;left:100px;transform:translateX(102px);opacity:0;transition:1s;}
#index .contents p {width:92%;font-size:15px;line-height:1.5;margin:3% auto 3%;}	
#index .contents p span {display:block;font-size:30px;transform: translateY(20px);opacity:0;transition:1s;}

#index .villas  h3 div {opacity:1;transform: translateX(0px);}
#index .villas h3 img {opacity:1;transform:translateX(0px);}
#index .villas p span {opacity:1;transform:translateY(00px);}

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

#index .Swipers {padding-bottom:50px;z-index:10;}
#index .Swipers .InBox {transform: translateY(10%);opacity:1;transition:1s;}

#index .gallerys {margin-bottom:10%;}
#index .gallerys .InBox {transform: translateY(10%);opacity:0;transition:1s;position:relative;z-index:1;}
#index .gallerys .InBox ul {width:100%;overflow:hidden;}
#index .gallerys .InBox ul li {float:left;width:calc(33.33% - 5px);height:350px;margin:2.5px;position:relative;}
#index .gallerys .InBox ul li a {position:relative;width:100%;height:100%;display:block;overflow:hidden;}
#index .gallerys .InBox ul li a div {position:absolute;transition:0.7s;}
#index .gallerys .InBox ul li a div.txt {top:50%;left:0;margin-top:-23.5px;width:100%;z-index:1;transform:translateY(20%);opacity:1;}
#index .gallerys .InBox ul li a div.txt span {color:#fff;font-size:19px;text-align:center;display:block;margin-bottom:10px;}
#index .gallerys .InBox ul li a div.txt strong {color:#fff;font-size:15px;text-align:center;display:block;}
#index .gallerys .InBox ul li a div.txt strong {letter-spacing:3px;}
#index .gallerys .InBox ul li a div.img {top:0;left:0;width:100%;height:100%;transform:scale(1);}
#index .gallerys .InBox ul li a div.img::before {position:absolute;top:0;left:0;width:100%;height:100%;display:block;content:"";background:#573f38;opacity:0.5;}
#index .gallerys .InBox ul li:nth-of-type(4) {width:calc(50% - 5px);}
#index .gallerys .InBox ul li:last-of-type {width:calc(50% - 5px);}
#index .gallerys .InBox .line {top:-63px;left:50%;margin-left:-10px;}

#index .shape {position:absolute;}
#index .Vimeos .shape {background:url(../../images/shape_01.png) no-repeat left top;background-size:cover;width:300px;height:253px;right:0%;top:10%;}
#index .gallerys .shape {background:url(../../images/shape_02.png) no-repeat left top;background-size:cover;width:280px;height:292px;top:-8%;left:50%;margin-left:-140px;}
/* ------------------------------------------------------------------------------- */
/* About */
section#about #visual {height:700px;}
#about .Swipers {padding:5% 0 0;margin-bottom:10%;}	
#about .Swipers .swiper-view {width:600px;margin-top:200px;overflow:hidden;}

#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 .contents > div .title {position:relative;padding:7% 7.5%;width:75%;z-index:-1;}
#about .contents > div .title h3 {color:#fff;font-size:30px;}
#about .contents > div .title p {color:#e8e8e8;font-size:13px;line-height:25.5px;font-family:'NanumBarunGothicSubset';margin:22px 0 0 25px;}
#about .contents > div .title p strong {display:block;font-size:16px;margin-bottom:5%;}
#about .contents > div .title p span {display:block;font-size:14px;line-height:1.7;}
#about .contents > div:nth-of-type(1) .title {position:absolute;height:200px;top:0;left:0;background-color:#1b4a62;}
#about .contents > div:nth-of-type(2) .title {position:absolute;}

#about .contents > div.cont01 .swiper-view {float:right;}
#about .contents > div.cont02 {padding:17% 0 0;margin-bottom:10%;}
#about .contents > div.cont02 .title {width:85%;height:300px;padding:0;background-color:#3e3e3e;}
#about .contents > div.cont02 .title h3 {margin:30px 0 0 40px;padding:20px;}
#about .contents > div.cont02 .title p {margin-left:90px;}
#about .contents > div.cont02 .title p strong {font-size:15px;margin:0;}
#about .contents > div.cont02 .title p span {font-size:15px;}
#about .contents > div.cont02 .location {width:80%;margin-top:100px;}
#location .title {position:absolute;top:0;right:0;}

/*------------------------------------------------------------------------------------------------*/
/* 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 span {font-size:20px;width:80%;margin:10px auto 5px;color:#787878;display:block;}
.detail .notices h3 strong {font-size:40px;font-weight:bold;letter-spacing:0.35rem;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:20%;}
.detail .contents .infos {width:95%;padding:0 2.5%;margin:0 auto;}
.detail .contents .infos .InBox {width:100%;padding:7.5% 0;overflow:hidden;}

#rooms .notices h3 span {margin-bottom:10px;}
#rooms .notices h3 strong {font-size:35px;}
#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:nth-of-type(1) {border-bottom:1px solid #e8e8e8;}
#rooms .contents .infos .InBox > h3 {font-size:35px;color:#323232;margin-bottom:5%;}
#rooms .contents .infos .InBox > ul {margin-left:2%;line-height:1.7;}
#rooms .contents .infos .InBox > ul > li {margin-bottom:20px;overflow:hidden;}
#rooms .contents .infos .InBox > ul > li span {display:block;float:left;width:90px;font-size:17px;}
#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:90%;margin:0 auto;padding-bottom:10%;overflow:hidden;}
#rooms .room_menu .txt {margin-bottom:10px;}
#rooms .room_menu .txt span {font-size:20px;font-weight:600;}
#rooms .room_menu .txt  b {font-size:14px;color:#777;padding-left:10px;}
#rooms .room_menu #nav {background:url(../../images/idx_top_line.png) no-repeat center 40px;}
#rooms .room_menu #nav {position:absolute;top:36%;right:2%;width:60px;height:150px;z-index:10;}
#rooms .room_menu #nav .btn-next {background:url(../../images/idx_top_next.png) no-repeat 50% 50%;width:60px;height:57px;display:block;top:-10%;}
#rooms .room_menu #nav .btn-prev {background:url(../../images/idx_top_prev.png) no-repeat 50% 50%;width:60px;height:57px;display:block;top:30%;}

#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 .special_menu  {overflow:hidden;}
#special .special_menu .swiper-wrapper {margin:0 0 80px 0;}
#special .special_menu .swiper-wrapper .swiper-slide:first-of-type {margin-left:40px;}
#special .special_menu .txt {margin-bottom:15px;}
#special .special_menu .InBox .txt span {font-size:23px;font-weight:600;}
#special .special_menu .InBox .txt b {font-size:11px;color:#777;margin-left:15px;}
#special .special_menu #nav {background:url(../../images/idx_top_line.png) no-repeat center 40px;}
#special .special_menu #nav {position:absolute;top:50%;right:2%;width:60px;height:150px;z-index:10;}
#special .special_menu #nav .btn-next {background:url(../../images/idx_top_next.png) no-repeat 50% 50%;width:60px;height:57px;display:block;top:-10%;}
#special .special_menu #nav .btn-prev {background:url(../../images/idx_top_prev.png) no-repeat 50% 50%;width:60px;height:57px;display:block;top:30%;}

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