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

/* ------------------------------------------------------------------------------- */
/* Videos */
#index .video .MyFrame						    {background:url(http://gonylab7.speedgabia.com/querencia/m/thumb/main.jpg) no-repeat 50% 50%;background-size:cover;}
#location .video 							{background:url(http://gonylab7.speedgabia.com/querencia/m/thumb/exterior.jpg) no-repeat 50% 50%;background-size:cover;}
#special .video 							{background:url(http://gonylab7.speedgabia.com/querencia/m/thumb/special.jpg) no-repeat 50% 50%;background-size:cover;}

/* Images */
#index .cont01	 						    {background:url(http://gonylab7.speedgabia.com/querencia/m/main/4.jpg) no-repeat 50% 50%;background-size:cover;}
#index .cont02 .c01 div 					{background:url(http://gonylab7.speedgabia.com/querencia/m/special/1/1.jpg) no-repeat 50% 50%;background-size:cover;}
#index .cont02 .c02 div 					{background:url(http://gonylab7.speedgabia.com/querencia/m/special/2/1.jpg) no-repeat 50% 50%;background-size:cover;}
#index .cont02 .c03 div 					{background:url(http://gonylab7.speedgabia.com/querencia/m/special/3/1.jpg) no-repeat 50% 50%;background-size:cover;}
#index .cont02 .c04 div 					{background:url(http://gonylab7.speedgabia.com/querencia/m/special/4/1.jpg) no-repeat 50% 50%;background-size:cover;}

#video #banner 							    {background:url(http://gonylab7.speedgabia.com/querencia/m/banner/1.jpg) no-repeat 50% 50%;background-size:cover;}
#travel #banner 							{background:url(http://gonylab7.speedgabia.com/querencia/m/banner/1.jpg) no-repeat 50% 50%;background-size:cover;}

.room_01 #banner 							{background:url(http://gonylab7.speedgabia.com/querencia/m/room/1/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_02 #banner 							{background:url(http://gonylab7.speedgabia.com/querencia/m/room/2/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_03 #banner 							{background:url(http://gonylab7.speedgabia.com/querencia/m/room/3/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_04 #banner 							{background:url(http://gonylab7.speedgabia.com/querencia/m/room/4/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_05 #banner 							{background:url(http://gonylab7.speedgabia.com/querencia/m/room/5/1.jpg) no-repeat 50% 50%;background-size:cover;}
.room_06 #banner 							{background:url(http://gonylab7.speedgabia.com/querencia/m/room/6/1.jpg) no-repeat 50% 50%;background-size:cover;}

#reserve #banner 							{background:url(http://gonylab7.speedgabia.com/querencia/m/banner/2.jpg) no-repeat 50% 50%;background-size:cover;}
#community #banner						    {background:url(http://gonylab7.speedgabia.com/querencia/m/banner/3.jpg) no-repeat 50% 50%;background-size:cover;}



/* ------------------------------------------------------------------------------- */
/* common */
body 									    {width:640px;margin:0 auto;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
section 									{position:relative;width:100%;}
section .section							{position:relative;width:100%;}
section #banner 							{height:600px;overflow:hidden;}
section #banner h2 						    {position:absolute;top:50%;left:50%;margin:-62.5px 0 0 -250px;width:500px;height:125px;z-index:2;}
section #banner:before 					    {position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0.25;background:#000;z-index:1;}

section #video							    {height:600px;overflow:hidden;}
section #video h2 						    {position:absolute;top:50%;left:50%;margin:-38.5px 0 0 -200px;z-index:1;}
section .MyFrame 							{position:absolute;width:1066px;height:600px;top:50%;left:50%;margin:-300px 0 0 -533px;}
section .MyFrame:before					    {position:absolute;width:100%;height:100%;top:0;left:0;content:"";display:block;}
section .MyFrame #MyVideo					{width:1066px;height:600px;margin:0 auto;}


/* swiper */
#slides 									{overflow:hidden;}	
#slides:before							    {position:absolute;top:0;left:0;width:15px;height:100%;content:"";opacity:0.7;background:#fff;z-index:2;}
#slides:after							    {position:absolute;top:0;right:0;width:15px;height:100%;content:"";opacity:0.7;background:#fff;z-index:2;}
#slides .swiper							    {width:600px;overflow:visible;}
#slides .swiper .s-btn 					    {position:absolute;width:56px;height:85px;z-index:10;opacity:0.8;cursor:pointer;top:50%;margin-top:-42.5px;}
#slides .swiper .s-btn 					    {background-size:contain;background-position:center;background-repeat:no-repeat;}
#slides .swiper .swiper-pagination 		    {bottom:15px;left:0%;width:100%;}
#slides .swiper .swiper-button-prev 		{background-image:url(../images/prev.jpg);left:1px;}
#slides .swiper .swiper-button-next 		{background-image:url(../images/next.jpg);right:1px;}


/* Scroll */		
#scroll 									{position:absolute;bottom:0;left:0;width:calc(50% + 60px);height:50px;z-index:10;}
#scroll .InBox 							    {position:relative;width:100%;height:100%;overflow:hidden;}
#scroll .InBox a 							{position:absolute;top:0;right:0;}


/* ------------------------------------------------------------------------------- */
/* header */
header 									    {position:fixed;top:0;left:50%;width:640px;margin-left:-320px;z-index:1000;}
header hgroup 							    {position:absolute;top:0;left:0;width:130px;height:219px;transition:0.5s;}
header hgroup h1 							{height:143px;}
header nav 								    {background:#21201e;position:fixed;top:0;left:calc(50% - 320px);margin-left:-267px;transition:0.5s;}
header nav								    {width:267px;height:100vh;overflow-y:scroll;z-index:1;}/* opacity:0; */
header nav #logo 							{background:#345b5d;padding:15px 0;}
header nav #logo img                        {width:200px;margin:0 auto;display:block;}
header nav #gnb 							{width:100%;}
header nav #gnb li 						    {width:100%;}
header nav #gnb li a 						{padding:40px 0 35px 40px;font-size:15px;letter-spacing:0.5px;transition: 0.5s;}
header nav #gnb li a span 					{color:#e8e8e8;font-size:15px;display:inline-block;}
header nav #gnb li a span.ko				{margin-left:10px;color:#7d7d7d;}		
header nav #gnb li.g01 a 					{background:url(../../images/gb01.gif) no-repeat 5px 50% }
header nav #gnb li.g02 a 					{background:url(../../images/gb02.gif) no-repeat 5px 50% }
header nav #gnb li.g03 a 					{background:url(../../images/gb03.gif) no-repeat 5px 50% }
header nav #gnb li.g04 a 					{background:url(../../images/gb04.gif) no-repeat 5px 50% }
header nav #gnb li.g05 a 					{background:url(../../images/gb05.gif) no-repeat 5px 50% }
header nav #gnb li.g06 a 					{background:url(../../images/gb06.gif) no-repeat 5px 50% }
header nav #snb							    {width:100%;margin-top:20px;padding-top:15px;border-top:1px solid #787878;overflow:hidden;}
header nav #snb > li a					    {color:#a5a5a5;font-size:14px;text-align:center;padding:20px 0;}
header nav #snb > li.sns ul				    {overflow:hidden;width:60%;margin:0 auto;}
header nav #snb > li.sns ul li				{float:left;width:33.33%;opacity:0.7;}	
header nav #snb > li.sns a					{padding-bottom:15px;}
header #side 							    {position:fixed;top:0;bottom:0;right:calc(50% - 320px);width:180px;height:55px;}
header #side 							    {border-bottom:3px solid #000;margin:auto;transform-origin:bottom right;}
header #side 							    {transform: rotate(-90deg) translateX(100%);background:#345b5d;overflow:hidden;}
header #side a 							    {display:flex;justify-content:center;align-items:center;height:55px;font-size:14px;font-family:athelas,serif;color:#fff;}

header #preview 							{position:fixed;top:0;right:calc(50% - 320px);width:500px;height:100vh;background:#345b5d;z-index:2;}
header #preview 							{overflow-y:auto;overflow-x:hidden;transition: 0.7s;margin-right:-500px;opacity:0;}
header #preview .close 					    {position:absolute;top:35px;right:35px;}
header #preview > ul 						{padding: 3.3rem 5%;}
header #preview li 						    {width:100%;padding:4.375rem 0;border-top:1px solid #e8e8e8;}
header #preview li:first-child 			    {border:none;}
header #preview li > a 					    {position:relative;display:block;overflow:hidden;}
header #preview li > a > div 				{float:left;}
header #preview li > a .txt 				{padding-right: .9375rem;width:calc(50% - .9375rem);}
header #preview li > a .txt > span			{display:block;color:#cacaca;font-size:16px;padding-top:5%;}
header #preview li > a .txt > strong		{display:block;color:#fff;font-size:25px;padding:3.5% 0 0;}
header #preview li > a .btn 				{position:absolute;bottom:5%;left:1%;width:165px;border:1px solid #e8e8e8;color:#e8e8e8;}
header #preview li > a .btn 				{font-size:13px;text-align:center;padding:10px 0;}	
header #preview li > a .img 				{position:relative;width:50%;overflow:hidden;}


/* footer */
footer 									    {position:relative;width:100%;margin-top:1px;background:#494949;}
footer .ft_lt h1							{width:100%;background:#345b5d;padding:35px 0;}
footer .ft_lt h1 a 						    {width:200px;margin:0 auto;}	

footer .InnerBox 							{width:95%;padding:10% 0;margin:0 auto;overflow:hidden;}
footer .InnerBox > div 					    {float:left;width:50%;margin:0 2.5%;}
footer .InnerBox > div strong 				{font-size:14px;color:#cecece;letter-spacing:1px;display:block;} 
footer .InnerBox > div.lt ul 				{width:100%;padding-top:10px;line-height:1.5em;font-size:14px;color:#b7b7b7;}
footer .InnerBox > div.lt ul li 			{width:100%;overflow:hidden;margin-bottom:5px;}
footer .InnerBox > div.lt ul li em 		    {float:left;display:block;margin-right:5px;}
footer .InnerBox > div.lt ul li span 		{float:left;display:block;}
footer .InnerBox > div.rt					{width:40%;}
footer .InnerBox > div.rt > div:first-child	{margin-bottom:50px;}
footer .InnerBox > div.rt > div 			{width:100%;overflow:hidden;}
footer .InnerBox > div.rt > div strong 		{display:block;float:left;width:190px;padding:5px 0 10px;} 
footer .InnerBox > div.rt > div a 			{padding:15px;border:1px solid #929292;transition: 0.3s;}
footer .InnerBox > div.rt > div > a 		{float:left;width:153px;text-align:center;color:#fff;padding:22px 15px;}
footer .InnerBox > div.rt > div > ul 		{float:left;overflow:hidden;}
footer .InnerBox > div.rt > div > ul li 	{float:left;margin-right:10px;}
header a,footer a 						    {display:block;}


/* ------------------------------------------------------------------------------- */
/* Index */
#index #slides {padding:15% 0;}
#index .cont01 {height:500px;}
#index .cont01:before {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;content:"";}
#index .cont01 .txt {position:absolute;top:50%;right:calc(1% + 80px);z-index:1;margin-top:-110px;text-align:right;}
#index .cont01 .txt h3 {position:relative;top:-30px;transition:0.7s ease-in-out;opacity:0;}
#index .cont01 .txt p {color:#fff;font-size:14px;line-height:1.7;margin-top:5%;position:relative;top:30px;transition:0.7s  ease-in-out;opacity:0;}
#index .cont02 .txt {padding:15% 0 5%;}
#index .cont02 .txt h3 {text-align:center;}
#index .cont02 .txt h3 span {display:block;font-size:15px;font-family:athelas,serif;}
#index .cont02 .txt h3 strong {display:block;font-size:35px;font-family:athelas,serif;letter-spacing:1px;padding:0.5% 0 5%;}
#index .cont02 .txt a.btn {display:block;z-index:1;background:#007488;padding:15px 0;font-size:15px;}
#index .cont02 .txt a.btn {font-family:athelas,serif;text-align:center;color:#fff;width:40%;margin:0 auto;}
#index .cont02 .InBox {height:650px;margin-top:5%;}
#index .cont02 .InBox ul {height:100%;overflow:hidden;}
#index .cont02 .InBox ul li {position:relative;width:calc(50% - 1px);float:left;height:50%;margin:0.5px;opacity:0.5;}
#index .cont02 .InBox ul li a {position:relative;display:block;width:100%;height:100%;overflow:hidden;}
#index .cont02 .InBox ul li a span {width:100%;position:absolute;color:#fff;font-size:23px;z-index:100;font-weight:100;top:45%;text-align:center;line-height:1.5em;}
#index .cont02 .InBox ul li a div {position:absolute;top:0;left:0;width:100%;height:100%;transform: scale(1);transition:0.4s;}
#index .cont02 .InBox ul li a div::after {content:"";background-color:#000;position:absolute;top:0;left:0;opacity:0.4;width:100%;height:100%;}

/* ------------------------------------------------------------------------------- */
/* Video */
#video .InnerBox div {width:600px;margin:0 auto;padding:10% 0;}


/*------------------------------------------------------------------------------------------------*/
/* Location */
section#location #video h2 {position:absolute;top:70%;left:0;margin:0;z-index:1;}
#location #slides h3 {position:relative;font-size:30px;font-family:athelas,serif;text-align:right;right:0;padding:12.5% 0 3%;width:95%;z-index:1;}
#location .location {width:97%;padding:10% 0;margin:0 auto;overflow:hidden;}
#location .location > div {width:90%;margin:0 auto;}
#location .location .txt {text-align:center;}
#location .location .txt > span {font-size:15px;line-height:1.5;padding:7% 0 10%;display:block;}
#location .location .txt > p {margin-bottom:5%;}
#location .location .txt > p strong {display:block;font-size:16px;color:#afafaf;margin-bottom:3px;}
#location .location .txt > p span {display:block;line-height:1.7;font-size:18px;color:#101010;}


/*------------------------------------------------------------------------------------------------*/
/* Travel */
#travel .travel {max-width:98%;padding:7.5% 0;margin:0 auto;overflow:hidden;border-top:1px solid #e8e8e8;}
#travel .travel h4 {text-align:center;margin-bottom:5%;line-height:1.5;}
#travel .travel h4 strong {display:block;font-size:17px;}
#travel .travel h4 span {display:block;font-family:athelas,serif;font-size:50px;}
#travel .travel p {border-bottom:1px solid #e8e8e8;padding-bottom:10%;font-size:14px;line-height:1.5;text-align:center;}
#travel .travel ul {overflow:hidden;padding-top:10%;}
#travel .travel ul li {width:95%;margin:0 auto 10%;min-height:550px;text-align:center;}
#travel .travel ul li img {width:90%;margin:0 auto 5%;display:block;}
#travel .travel ul li strong {display:block;font-size:1.7vw;}
#travel .travel ul li em {display:block;padding:2% 0 2.5%;font-size:0.9vw;}
#travel .travel ul li span {display:block;font-size:0.8vw;line-height:1.5;width:95%;margin:0 auto;}


/* ------------------------------------------------------------------------------- */
/* Detail */
.room_sub2{display: none;}

.detail #contents {background:#fff;}
.detail #contents > .txt {width:95%;padding:10% 0;margin:0 auto;color:#a6aba1;border-bottom:1px solid #e8e8e8;}
.detail #contents > .txt span {display:block;font-size:15px;font-family:athelas,serif;margin-bottom:2%;}
.detail #contents > .txt p {line-height:200%;font-size:18px;}

.detail #contents > .InnerBox {width:100%;}
.detail #contents > .InnerBox .slides {padding:12.5% 0 0;}
.detail #contents > .InnerBox .slides .info {width:90%;padding:0 5% 5%;margin:0 auto;overflow:hidden;}
.detail #contents > .InnerBox .slides .info > h3 {width:100%;margin-bottom:5%;}
.detail #contents > .InnerBox .slides .info > h3 span {color:#bec2ba;display:block;font-size:28px;margin-bottom:2%;}
.detail #contents > .InnerBox .slides .info > h3 strong {color:#70756b;display:block;font-size:45px;font-weight:bold;}
.detail #contents > .InnerBox .slides .info > ul {width:100%;overflow:hidden;}
.detail #contents > .InnerBox .slides .info > ul >li {margin-bottom:3.5%;line-height:1.5;overflow:hidden;font-size:15px;}
.detail #contents > .InnerBox .slides .info > ul >li strong {display:block;height:20px;float:left;width:130px;color:#afafaf;}
.detail #contents > .InnerBox .slides .info > ul >li span {display:block;float:left;width:calc(100% - 130px);font-weight:bold;}
.detail #contents > .InnerBox .slides .info > ul >li div {float:left;margin-right:30px;}
.detail #contents > .InnerBox .slides .info > ul .numb {float:left;overflow:hidden;width:calc(100% - 130px);}
.detail #contents > .InnerBox .slides .info > ul .numb li {float:left;margin-right:5px;line-height:1.5;font-weight:bold;}

.detail #contents > .InnerBox .eq {width:85%;padding:10% 0;border-top:1px solid #e8e8e8;margin:0 auto;overflow:hidden;}
.detail #contents > .InnerBox .eq .txt {margin-bottom:5%;}
.detail #contents > .InnerBox .eq .txt > div.t01 li {font-size:20px;line-height:1.3;margin-bottom:2%;color:#060606;}
.detail #contents > .InnerBox .eq .txt > div.t02 {padding-top:5%;}
.detail #contents > .InnerBox .eq .txt > div.t02 strong {font-size:15px;color:#c2c2c2;display:block;margin-bottom:2%;}
.detail #contents > .InnerBox .eq .txt > div.t02 ul {overflow:hidden;width:100%;line-height:1.8;}
.detail #contents > .InnerBox .eq .txt > div.t02 ul li {font-size:15px;color:#181818;float:left;}
.detail #contents > .InnerBox .eq .txt > div.t02 ul li {padding:0 0 0 20px;width:calc(50% - 20px);background:url(../../images/blt.gif) no-repeat left 10px;}
.detail #contents > .InnerBox .eq .txt > div.t02 ul {margin-bottom:35px;}
.detail #contents > .InnerBox .eq .txt > div.t02 p {color:#a58f65;}
.detail #contents > .InnerBox .eq .img {width:100%;margin:0 auto;}

.detail  #lists {width: 620px;margin:0 auto;border-top:1px solid #e8e8e8;}
.detail  #lists ul {overflow:hidden; margin:80px 0 50px;}
.detail  #lists ul li {float:left;margin:0 1%;width:31%;}
.detail  #lists ul li a {display:block;margin:0 0.5% 3.5%;}
.detail  #lists ul li a img {width:100%;height:auto;}
.detail  #lists ul li a span {display:block;text-align:left;font-size:16px;margin-bottom:15px;color:#afafaf;}
.detail  #lists ul li a b {display:block;font-size:20px;margin-bottom:10px;}

/*------------------------------------------------------------------------------------------------*/
/* Special */
#special #contents > .txt	{border:none;}
#special #contents > .txt p {line-height:200%;font-size:14px;}
#special #contents .InnerBox .list {position:relative;width:100%;margin:10% 0 35%;height:450px;background:#eaeaea;}
#special #contents .InnerBox .list:first-child {margin:5% 0 25%;}
#special #contents .InnerBox .list > div {position:relative;width:50%;height:100%;}
#special #contents .InnerBox .list .txt div {position:absolute;top:25%;width:90%;transition:0.7s;opacity:0;}
#special #contents .InnerBox .list .txt div h3 {font-size:30px;}
#special #contents .InnerBox .list .txt div p {line-height:1.7;}
#special #contents .InnerBox .list .txt div p strong {display:block;color:#b99769;font-size:17px;font-weight:bold;padding:5% 0;}
#special #contents .InnerBox .list .txt div p span {display:block;font-size:14.5px;color:#9a9a9a;}
#special #contents .InnerBox .list .img {padding:5% 0;margin-top:-10%;transition:0.7s;opacity:0;transform:translateY(0);}
#special #contents .InnerBox .list .img_s {position:absolute;bottom:-30%;width:50%;height:auto;transition:0.7s;opacity:0;transform:translateY(0);}
#special #contents .InnerBox .list .img_s img {box-shadow: 20px 30px 29px 0 rgba(0, 0, 0, 0.28);}
#special #contents .InnerBox .lt > div {float:left;}
#special #contents .InnerBox .lt {text-align:left;}
#special #contents .InnerBox .lt .txt div {left:50%;margin-left:-40%;}
#special #contents .InnerBox .lt .img_s {left:30%;}
#special #contents .InnerBox .rt > div {float:right;}
#special #contents .InnerBox .rt {text-align:right;}
#special #contents .InnerBox .rt .txt div {right:50%;margin-right:-40%;}
#special #contents .InnerBox .rt .img_s {right:30%;}


/*------------------------------------------------------------------------------------------------*/
/* Table */
section.sub #banner h2 {position:absolute;top:70%;left:0;margin:0;z-index:1;}
.table #contents .InnerBox {width:100%;padding:3% 0 5%;margin:0 auto;}
.table #contents .snb {width:400px;margin:0 auto;padding:35px 0;margin-bottom:3%;overflow:hidden;}
.table #contents .snb li {float:left;width:50%;background:url(../../images/pv_b.gif) no-repeat right center;}
.table #contents .snb li:last-child {background:none;}
.table #contents .snb li a {display:block;padding:15px 0;text-align:center;font-size:17px;}
.table #contents .snb li.active a {font-weight:bold;}
.table #contents .thumb {position:relative;width:98%;margin:0 auto;}
.table #contents .thumb h3 {width:98%;margin:0 auto;font-size:35px;}
.table #contents .thumb h3 strong {display:block;}
.table #contents .thumb h3 span {display:block;font-size:15px;padding:15px 0;}
.table #contents .thumb iframe {display:block;margin-top:10px;padding-top:10px;border-top:1px solid #000;}
.table #btns {font-size:20px;padding:10px 0;}

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