@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea,select, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  box-sizing: border-box;
  font-family: 'Montserrat', 'Noto Sans KR', AppleSDGothicNeo-Medium, HelveticaNeue-Medium, '나눔고딕', sans-serif;
  line-height: 140%;
  letter-spacing: -0.7px;
  -webkit-overflow-scrolling:touch;
  word-wrap: break-word;
  word-break: keep-all;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
  	box-sizing: border-box;
}
body, html {
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body, html{
	overflow-x: hidden;
}

html{
    font-size: 16px;
	letter-spacing: -0.2px;
	scroll-behavior: smooth;
    color:#333333;
}
a,
a:link,
a:active,
a:visited{
	text-decoration: none;
	color:inherit;
}


button{
	border:0;
	background: transparent;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-family: 'Montserrat', 'Noto Sans KR', '나눔고딕', HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif;
}
input:focus, button:focus, select:focus {outline:0;}

select:focus{
	background-color: rgba(0,0,0,0.02);
}

h1, h2, p{
	word-break: keep-all;
}

select{
	-webkit-appearance: none;
	-moz-appearance: none; appearance: none;
	background: url(/images/icon-down-arrow.svg) no-repeat calc(100% - 0.5rem) center;
	background-size: 0.6rem;
	padding-right: 1rem;
}

input,
textarea{
	-webkit-appearance: none;
}
input[type="checkbox"], input[type="radio"] {
    all: unset;
    display: block;
    width: 1rem;
    height: 1rem;
    border: 2px solid #cccccc;
    border-radius: 0.2rem;
    cursor: pointer;
}
input[type="radio"] {
    border-radius: 50%;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    border-color: #6eb43f;
    background: #6eb43f url(/images/icon-check-mark.svg) no-repeat center;
    background-size: 70%;
}

hr{
	border:1px solid #333333;
	border-bottom: 0;
}
.wrap-a{
	width: 100%;
}

/*  여기부터 ie  */
.wrap-a .ie{
	margin: 0 auto;	
	font-size: 1.1rem;
	text-align: center;
	display: inline;	
}

.wrap-a .ie .txt{
	background-color: #6eb43f;
	color: #fff;
	font-weight:600;
	padding-bottom: 1rem;
	padding-top: 1rem;	
}
.wrap-a .ie .table{
	background-color: #f4f4f4;
	padding-bottom: 1rem;
	padding-top: 2rem;
	border-bottom: 1px solid #e5e5e5;
}
h3{
	font-weight: 600;
	font-size: 1.2rem;
	color: #5a9b2f;
}
button.chrome{
	background: #ffffff;
	border-radius: 6px;
	color:#000;
	font-weight:600;
	border: 2px solid #6eb43f;
	margin: 1rem;
	padding:0.6em 1.6em;
	font-size: 1rem;
	line-height: 2.1rem;
	vertical-align:middle;
	transition: all 0.3s;
	
}

button.whale{
	background: #ffffff;
	border-radius: 6px;
	font-weight:600;
	color:#000;
	border: 2px solid #6eb43f;
	margin: 1rem;	
	padding:0.6em 1.6em;
	font-size: 1rem;
	line-height: 2.1rem;
	vertical-align:middle;
	transition: all 0.3s;
}

/*    ie   */

.gnb-a{
	border-bottom: 1px solid #e5e5e5;
}
.gnb-a .gnb-box{
	max-width: 1200px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: auto;
}

.gnb-a ul{
	display: flex;
}
.gnb-a li{
	color:rgba(50,50,50,0.8);
	padding: 0.8em 0;
	font-size: 0.85rem;
	margin-right: 2.5em;
	position: relative;
}

.gnb-a li:after{
	content: '';
	position: absolute;
	right: -1.1rem;
	height: 0.8rem;
	border-left: 1px solid #e5e5e5;
	top: 0.9rem;
}

.gnb-a li:last-of-type{
	margin-right: 0;
}

.gnb-a li:last-of-type:after{
	display: none;
}

.gnb-b .gnb-box{
	max-width: 1200px;
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	padding-top: 1.9rem;
	position: relative;
}

.logo{
	display: block;
	font-size: 0;
	width: 180px;
	background: url(../images/logo.png) no-repeat center;
	background-size: contain;
}

.gnb-b .logo{
	width: 160px;
	height: 40px;
}

.gnb-b .menu{
	margin: 0 auto;
	font-size: 1.1rem;
	padding-top:0.5rem;
	height: 70px;
	transition: height 0.2s;
	position: relative;
}
.fixed .gnb-b .menu{
	height: 60px;
}

.gnb-b .menu li{
	margin:0 1.5rem;
	color: #333333;
	font-weight: 500;
	position: relative;
	display: inline-block;
	min-width: 50px;
}

.gnb-b .menu li.extra{
	font-weight: 400;
	font-size: 0.9rem;
	margin: 0 1.2rem;
}

.gnb-b .menu .all-menu{
	border-radius: 0.4rem;
	padding: 0.6em 0.8em;
	font-size: 0.8rem;
	height: 2.2rem;
	align-items: center;
	margin:auto 1rem auto auto;
	font-weight: 400;
	background: #f7f7f7 url(/images/icon-menu.svg) no-repeat 0.5rem center;
	background-size: 0.8rem;
	padding-left: 1.8rem;
}

.gnb-b .menu li:hover > a {
	color:#6eb43f;
	padding-bottom: 34px;
}

.gnb-b .menu li.extra:hover > a{
	padding-bottom: 35px;
}

.gnb-b .menu .sub-menu a:hover{
	color:#6eb43f;
}

.gnb-b .menu li .sub-menu{
	display: none;
}
/* .gnb-b .menu.on li .sub-menu, */
.gnb-b .menu li .sub-menu{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 10;
	padding-top: 40px;
	font-size: .95rem;
	width: 140px;
	font-weight: 500;
	flex-direction: column;
	text-align: left;
	color:#666666;
	letter-spacing: -0.5px;
	display: flex;
	height: 0;
	overflow: hidden;
	transition: 0.2s ease-out;
}
.gnb-b .menu.on li .sub-menu{
	height: 280px;
	padding-top: 60px;
}

.gnb-b .menu li .sub-menu a{
	margin:0.5rem 0;
}
.gnb-b .menu li .sub-menu a.extra{
	font-size: 0.9rem;
	font-weight: 400;
}

.gnb-b .menu .bg{
	position: absolute;
	width: 3000px;
	height: 0px;
	left: -800px;
	z-index: 9;
	top: calc(100% + 1px);
	background: #ffffff;
	transition: height 0.2s;
}

.gnb-b .menu.on .bg{
	height: 280px;
	box-shadow: 0 1rem 1.5rem rgba(0,0,0,0.05);
}
.gnb-b .menu .bg-black{
	background: rgba(0,0,0,0.5);
    height: 0;
    position: absolute;
    width: 3000px;
    bottom: -100vh;
    left: -800px;
	opacity: 0;
	transition: opacity 0.5s;
}
.gnb-b .menu .bg-black.on{
	height: calc(100vh - 1px);
	opacity: 1;
}

.gnb-b .menu li:first-of-type .sub-menu:after{
	top: 100%;
	background: rgba(0,0,0,0.5);
	border:0;
}

header{
	z-index: 11;
	width: 100%;
	top: 0;
	position: relative;
	border-bottom: 1px solid #cccccc;
}

header.fixed .header-banner{
	display: none;
}

header.fixed .gnb-a{
	display: none;
}
header.fixed .gnb-b .gnb-box{
	padding:16px 0 0 0;
}

button.reservation{
	background: #6eb43f;
	border-radius: 4px;
	color:#ffffff;
	margin: 0;
	padding:0.6em 1.6em;
	font-weight: 500;
	font-size: 0.9rem;
	height: 2.5rem;
	transition: all 0.3s;
}
button.reservation.on{
	opacity: 0;
	visibility:hidden;
}
button.reservation-close{
	position: absolute;
	top: 6rem;
	right: 2rem;
	font-size: 0;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: #6eb43f url('/images/icon-close-white.svg') no-repeat center;
	background-size: 0.8rem;
	z-index: 3;
	transition: all 0.3s;
	opacity: 0;
	visibility:hidden;
}
button.reservation-close.on{
	top: 1.5rem;
	opacity: 1;
	visibility:visible;
}
button.reservation-close.on:after{
	content: '';
    position: absolute;
    right: -5px;
    top: 50px;
    width: 0;
    height: 0;
    background: #ecf6e9;
    /* transform: rotate(45deg); */
    border-left: 1.8rem solid #fff;
    border-right: 1.8rem solid #fff;
    border-bottom: 1.8rem solid transparent
}
section.v-area{
	width: 100%;
	height: 550px;
	padding: 0;
	margin: 0;
}
section.v-area.stay{
	height: 500px;
}

section h1.title-1{
	font-size: 2.2rem;
	font-weight: 600;
	text-align: center;
	margin: auto;
	margin-bottom: 2rem;
	max-width: 1200px;
	position: relative;
}

section.now-program h1.title-1,
section.etc h1.title-1{
	font-size: 1.5rem;
	margin-bottom: 2rem;
}

section.now-program,
section.etc{
	padding: 60px 0;
}

section{
	padding:80px 0;
	position: relative;
}
section .cont-box{
	max-width: 1200px;
	margin: auto;

}
.etc-box p{
	color:#666666;
	font-size: 1rem;
}

.img-box{
	overflow: hidden;
	font-size: 0;
}
section.etc,
.pictogram,
.stay-banner{
	background: #f7faf6;
}

section.etc{
	padding:60px 0;
}

.etc-box .img-box{
	width: 100%;
	height: 240px;
	background: #000000;
}

.etc-box .img-box{
	height: 150px;
}


section.now-program{
	border-top: 1px solid #cccccc;
}
section.now-program .container{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.now-box .img-box{
	width: 183px;
	height: 183px;
	position: relative;
	background: rgba(0,0,0,0.1);
}

.now-box .img-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.now-box .txt-box .badge-box{
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	display: flex;
}
.txt-box .badge-box div{
	padding: 0.4rem 0.8rem;
	font-size: 0.8rem;
	background: rgba(136, 179, 55, 0.95);
	color:#ffffff;
}
.txt-box .badge-box div.free{
	background: #325be7;
}
.txt-box .badge-box div.dl{
	background: #ee5668;
}

.now-box .badge.type2{
	background: #ee5668;
}
.now-box .badge.type3{
	background: #959595;
}

.now-box h1,
.etc-box h1{
	font-size: 1.25rem;
	font-weight: 600;
	margin:1rem 0 0.3rem;
	word-break: keep-all;
}

.now-box p,
.etc-box p{
	font-size: 0.85rem;
	color: #999999;
	letter-spacing: 0;
}

button.r-calendar{
	padding: 0.6rem 1rem;
	font-weight: 600;
	font-size: 0.9rem;
	border:1px solid #ccc;
	border-radius: 4px;
	display: flex;
	position: absolute;
	right: 0;
	top: -0.2rem;
	align-items: center;
}


button.r-calendar img{
	width: 1rem;
	height: 1rem;
	margin: 0 0.4rem 0 0;
	filter: invert(52%) sepia(24%) saturate(1109%) hue-rotate(52deg) brightness(102%) contrast(89%);	
}


section .v-slide{
	max-width: 100%;
	height: 100%;
	color: #ffffff;
}

.v-slide .txt-box{
	position: absolute;
	left: 50%;
	top: 35%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 180px;
	max-width: 1200px;
}
.v-slide .txt-box.bk{
	color:#333333;
}

.v-slide .img-box{
	text-align: center;
	height: 100%;
}

.stay .v-slide .txt-box{
	top: 45%;
}

.v-slide .img-box img.mobile, .v-area .img-box img.mobile, .swiper-slide .img-box img.mobile{
	display: none;
}

.v-slide h1{
	font-size: 3rem;
	font-weight: 600;
	line-height: 3.4rem;
}

.v-slide h2{
	font-size: 1.2rem;
	font-weight: 400;
	margin:0 0 1rem 0;
}
.v-slide.stay h1{
	font-size: 3.5rem;
}
.v-slide.stay h2{
	margin-top: 1rem;
}

.v-slide .go-btn{
	font-weight: 600;
	font-size: 1.4rem;
	display: flex;
	margin-top: 2.5rem;
}

.v-slide .go-btn img{
	width: 1.1rem;
	height: 1.1rem;
	margin:auto 0 auto 0.5em;
}
.swiper-pagination-bullet{
	width: calc(25% - 3px);
	height: auto;
	background: transparent;
	padding: 0.7em 0;
	background: rgba(0,0,0,0.5);
	border-radius: 0;
	margin: 0 !important;
	opacity: 1;
	font-size: 0.9rem;
	margin-right: 1px !important;
	backdrop-filter: blur(2px);
}
.swiper-pagination-bullet:last-of-type{
	margin-right: 0 !important;
}

.swiper-pagination-bullet-active{
	background: #6eb43f;
	font-weight: 500;
}

.swiper-pagination{
	bottom: 2em !important;
	max-width: 1200px;
	left: 50% !important;
    transform: translateX(-50%);
}

footer{
	border-top:1px solid #cccccc;
	padding:60px 0;
	overflow: hidden;
}

footer .footer-box{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


footer .contact-box h1{
	font-weight: 600;
	margin-top:20px;
}
footer .contact-box .phone-num{
	font-size: 2rem;
	font-weight: 600;
	color:#84af31;
	padding:10px 0;
	margin-top:-10px;
	margin-bottom:5px;
}

footer .contact-box div{
	font-size: 0.9rem;
	color:#666666;
}

footer .contact-box div.email{
font-size: 1rem;
	font-weight: 600;
	color:#333333;
	padding:10px 0;
}

/*   푸터 이메일 노출되는 부분 이메일영역   */
footer .contact-box div.email a{
font-size: 1rem;
	font-weight: 600;
	color:#84af31;	
	letter-spacing:-0.5px;
}

/*  둘러보기 및 주소나오는 하단영역  */
footer .txt-box{
	width: 850px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

footer .footer-menu{
	width: 100%;
	display: flex;
}

footer .footer-menu ul{
	display: flex;

}

/*   옹달샘둘러보기 부터 찾아오는길 제목   */
footer .footer-menu li{
	font-size: 0.9rem;
	font-weight: 600;
	margin-right: 2em;
	color:#666666;
	display: flex;
	align-items: center;
}

footer .select-lang{
	margin-left: auto;
	margin-top: 2rem;
}

footer .select-lang select{
	width: 120px;
	padding:0.8em 0.8em;
	line-height: 1em;
	border:1px solid #e5e5e5;
	border-radius: 4px;
	font-size: 0.8rem;
	background-position: 90% center;
}

footer .address{
	font-size: 0.8rem;
	color:#888888;
	margin-top: 2em;
	line-height: 180%;
	letter-spacing: 0;
}
footer .banner{
	margin-top: 2rem;
}
footer .banner a{
	margin: 0 0 0 5px;
}


.weather,
.now-program button.close,
.m-quick-menu{
	display: none;
}

.swiper-slide{
	overflow: hidden;
}

.img-box img,
.stay .img-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.v-area .img-box img{
	width: auto;
	height: auto;
}

section.photo{
	border-top: 1px solid #e5e5e5;
}

.photo ul li{
	width: 285px;
	position: relative;
}
.photo ul li .img-box{
	height: 285px;
}

.photo ul li .txt-box{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 30px 20px 20px;
	color:#ffffff;
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%)
}

.review ul li{
	display: flex;
	width: 48%;
	border-bottom:1px solid #dfdfdf;
	border-top:1px solid #dfdfdf;
	padding:1.5rem 0;
	margin-top: -1px;
	overflow: hidden;
}
.review ul li .txt-box{
	width: 100%;
	overflow: hidden;
}

.review .img-box{
	min-width: 120px;
	width: 120px;
	height: 80px;
	margin-right: 1rem;
}

.review .txt-box h1{
	margin-bottom: 0.5em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0.95rem;
}

.review .txt-box h1 strong{
	font-weight: 500;
	color:#88b337;
}

.review .txt-box p{
	color:#666666;
	overflow: hidden;
	word-wrap: break-word;
	word-break: normal;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 0.9rem;
}

button.review-write{
	display: flex;
	align-items: center;
	margin: 2.5em auto 0;
	padding: 0.8rem 1.5rem;
	border-radius: 4px;
	font-size: 1rem;
	color: #ffffff;
	background: #6eb43f;
}

button.review-write img{
	width: 1rem;
	height: 1rem;
	margin-right: 0.3rem;

}

.search-box{
	width: 100%;
	margin: auto;
	max-width: 1200px;
	display: flex;
	background: #ffffff;
}
.stay .search-box{
	position: absolute;
	left:50%;
	bottom: 60px;
	transform: translateX(-50%);
	z-index: 2;
	border-radius: 4px;
	overflow: hidden;
}
.search-box .box{
	display: flex;
	padding:1rem 1.2rem;
	color:#999999;
	font-size: 0.8rem;
	background: #ffffff;
	align-items: center;
	position: relative;
}
.search-box .box:after{
	content: '';
	border-right:1px solid #cccccc;
	height: 1rem;
	width: 0;
	position: absolute;
	right: 0;
}
.search-box .box:last-of-type:after{
	display: none;
}
.search-box .box *{
	margin: auto 0;
}

.search-box .box > div{
	display: flex;
	align-items: center;
}

.search-box .box.r-type{
	width: 20%;
}

.search-box .box:first-of-type{
	border: 0;
}

.search-box .box .check-in{
	margin-right: 1em;
}
.search-box .box .check-in-out{
	font-size: 0.9rem;
	color:#111111;
	margin-left: 0.5rem;
	font-weight: 500;
	width: 8.2rem
}

.search-box .box .category{
	width: 150px;
	padding: 0.5rem 1rem 0.5rem 0.5rem;
}
.stay .search-box .box .category{
	width: 180px;
}

.search-box .box.p-count select,
.search-box .box.r-type select{
	margin-left: 0.5em;
	padding: 0.5rem 1.5rem 0.5rem 0.5rem;
}

.search-box .box .info-icon{
	font-size: 0.9rem;
	font-weight: 600;
	color: #999;
	cursor:default;
}
.search-box .box .info-icon:hover .info-bubble{
	display: block;
}
.search-box .box .info-bubble{
	position: absolute;
	z-index: 3;
	padding: 0.5rem 0.8rem;
	background: #f0f0f0;
	right: -50px;
	top: 1rem;
	font-weight: 400;
	font-size: 0.8rem;
	display: none;
	border:1px solid #efefef;
}
.search-box .box .info-bubble:before{
	content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 14px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #f0f0f0;
    left: -10px;
    transform: rotate(-90deg);
}
.search-box .box div img{
	width: 0.9rem;
	height: 0.9rem;
	opacity: 0.5;
	margin-right: 0.25rem;
}
.m-searchbox-layer .box img{
	width: 1.1rem;
	height: 1.1rem;
	opacity: 0.5;
}
button.search{
	background: #33b974;
	width: 15%;
	color:#fff;
	font-weight: 500;
	font-size: 1rem;
}
.program button.search{
	border-radius: 0;
	margin-left: auto;
}

.box select{
	border:0;
	font-size: 0.9rem;
}

/* 검색 */

.search .result-list section{
	padding:40px 0;
}
.search section .container{
	max-width: 1200px;
	margin: 0 auto;
}
section.search-area{
	padding:40px 0;
	position: relative;
}
section.search-area .bg{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 100%;
	background: #000000;
}
section.search-area .bg img{
	opacity: 0.7;
}
section.search-area h1{
	font-weight: 600;
	font-size: 0.9rem;
	margin-bottom: 1em;
}
.search .search-box{
	max-width: 1150px;
	overflow: hidden;
	border-radius: 4px;
	justify-content: space-between;
	background: #ffffff;
}
section.result-list{
	padding:0;
}
.result-list .category{
	max-width: 1150px;
	margin: 0 auto;
	border-top:2px solid #666;
	padding:40px 0;
}
.result-list .category:first-of-type{
	border:0;
	padding-top: 60px;
}
.result-list h1.category-title{
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 1rem;
}
.result-list li.item{
	display: flex;
	margin:0.5rem 0;
	padding:1.5rem 0;
	border-bottom: 1px solid #dfdfdf;
	align-items: center;
}
.result-list li.item:first-of-type{
	margin-top:0;
}
.result-list li.item:last-of-type{
	margin-bottom: 0;
	border-bottom: 0;
}
.result-list .img-box{
	width: 13rem;
	height: 8rem;
	overflow: hidden;
	margin-right: 4rem;
	position: relative;
	background: rgba(0,0,0,0.1);
}
.result-list .img-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.result-list a.add_cart{
	padding:0.5rem 2rem 0.3rem 1rem;
	height: 2.8rem;
	border-radius: 4px;
	background: #33b974 url(/images/icon-right-arrow.svg) no-repeat;
	background-position: calc(100% - 0.8rem) 50%;
	background-size: 0.6rem;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	font-size: 0.9rem;
	font-weight: 500;
	border:1px solid rgba(0,0,0,0.05);
}
.result-list .txt-box{
	display: flex;
	width: 40%;
	/* flex-direction: column; */
	height: 100%;
	flex-wrap: wrap;
}
.result-list .txt-box h1{
	font-size: 1.4rem;
	font-weight: 500;
	width: 100%;
}
.result-list .txt-box .desc{
	font-size: 1rem;
	color: #777777;
	margin:0.5rem 0 1rem 0;
	display: flex;
	width: 100%;
	margin-right: 6rem;
}

.result-list .txt-box .desc .day-night{
	margin-left: auto;
}
.result-list .txt-box .desc .price-detail{
	position: relative;
	margin-top: -2px;
}
.result-list .txt-box .desc .price-detail [type="checkbox"]{
	all:unset;
	position: absolute;
	width: 4rem;
	height: 1.4rem;
	/* border:1px solid #dfdfdf; */
	left:0.5rem;
	cursor: pointer;
}
.result-list .txt-box .desc .price-detail [type="checkbox"]:checked ~ .price-detail-box{
	display: block;
}
.result-list .txt-box .desc .price-detail [type="checkbox"]:checked ~ .btn-view{
	border-color: #33b974;
	color:#33b974;
}
.result-list .txt-box .desc .price-detail [type="checkbox"]:checked ~ .btn-view:after{
	border-top-color: #33b974;
	transform: rotate(180deg);
}
.result-list .txt-box .desc .price-detail .btn-view{
	padding: 0.25rem 0.4rem 0.1rem;
	border:1px solid #dfdfdf;
	font-size: 0.7rem;
	margin-left: 0.5rem;
	border-radius: 2px;
	width: 4rem;
}
.result-list .txt-box .desc .price-detail .btn-view:after{
	content: '';
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #333333;
	position: absolute;
	right: 8px;
	top: 10px;
}

/*  예약하기요금안내  */
.result-list .txt-box .desc .price-detail .price-detail-box{
	display: none;
	position: absolute;
	border:1px solid #cdcdcd;
	background: #ffffff;
	padding: 0.7rem;
	left: 0.5rem;
	/*bottom: 1.7rem;*/
	font-size: 0.8rem;
	font-weight: normal;
	z-index: 3;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1);
}
.price-detail-box table tr{
	border-bottom: 1px solid #efefef;
}
.price-detail-box table th{
	text-align: center;
	font-size: 0.7rem;
	background: #F7FAF6;
	padding: 0.5rem 0;
	width: 5rem;
}
.price-detail-box table td{
	padding: 0.5rem 0;
	color:#666666;
	min-width: 100px;
	text-align: center;
}
.price-detail-box table tr td:first-of-type{
	min-width: 80px;
}

.result-list .price-box{
	display: flex;
	align-items: center;
	width: 20%;
	text-align: right;
}
.result-list .price-box .dc{
	margin-right: auto;
}
.result-list .r-price{
	font-size: 1.5rem;
	font-weight: 600;
	color: #ff4e55;
	margin-left: auto;
}
.result-list .txt-box .dc{
	display: flex;
	align-items: center;
	color:#555555;
}
.result-list .r-price .sale{
	font-size: 0.9rem;
	text-decoration: line-through;
	margin-right: 0.5rem;
	color:#999;
	margin-left: 0;
}
.result-list .r-price .day-night{
	font-size: 0.85rem;
	color:#999999;
	font-weight: 500;
}
.result-list .r-price span{
	font-size: 0.9rem;
	margin-left: 0.2rem;
	font-weight: 500;
}
.event-badge{
	font-size: 0.9rem;
	padding:0.5em;
	border-radius: 4px;
	background: #00b8fd;
	color:#ffffff;
	margin-right: 1em;
}
.event-badge.empty-room{
	background: #662d91;
}
.result-list .event-badge{
	font-weight: 600;
    color: #00b8fd;
    border: 2px solid #00b8fd;
    font-size: 0.7rem;
    background: transparent;
    border-radius: 0;
    padding: 0.2rem 0.3rem 0;
    text-align: center;
    text-align: left;
}
button.room-view{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.5);
	color:#ffffff;
	text-align: center;
}
button.room-view img{
	width: 2rem !important;
	height: auto  !important;
	display: block;
	margin: auto;
	margin-bottom: 0.5rem;
}
.header-banner-box{
	position: relative;
	height: 100px;
	display: none;
}
.header-banner{
	/* position: absolute; */
	/* height: 100px; */
}
.header-banner-box img{
	margin: auto;
	display: block;
}

.header-banner-box a{
	width: 100%;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

.sub-gnb.on,
.result-list .img-box:hover button.room-view{
	display: block;
}
.mobile-searchbox,
.header-banner h1{
	display: none;
}
.header-banner img{
	display: block;
	margin: auto;
}
.event-banner{
	display: flex;
	width: 100%;
	max-width: 1150px;
	margin: auto;
	height: 60px;
	color:#ffffff;
	margin:1rem auto;
	border-radius: 4px
}
.event-banner > div{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.event-banner .title{
	font-size: 1rem;
	font-weight: 600;
}
.event-banner .desc{
	font-size: 1rem;
}
.event-banner.early{
	border:0px solid #00b8fd;
	border-radius:0;
	justify-content: flex-end;
	height: auto;
	margin-top: 0;
	margin-bottom: 1rem;
	align-items: center;
	color:#ffffff;
	font-size: 0.9rem;
}
.event-banner.early strong{
	font-weight: 600;
	color: #00b8fd;
	display: flex;
	align-items: center;
	font-size: 1rem;
	margin-right: 1rem;
}
.event-banner.early img{
	width: 1.5rem;
	margin-right: 0.5rem;
}
.event-banner.empty{
	height: auto;
	display: flex;
	margin:1rem auto 0;
	padding: 0;
	border-radius: 0;
	align-items: center;
}
.event-banner.empty .title{
	font-size: 1rem;
	color: #fd4d57;
    display: flex;
	align-items: center;
	justify-content: flex-start;
	width: auto;
	padding-left: 1rem;
	height: 1.3rem;
	border-left: 3px solid #fd4d57;
}
.event-banner.empty .title span{
	font-weight: 400;
}
.event-banner.empty .date{
	display: flex;
	justify-content: flex-start;
	width: 50%;
	overflow-x: auto;
}
.event-banner.empty .date a{
	display: block;
	color:#666666;
	width: auto;
	background: #f8fdff;
	padding: 0.5rem 0.8rem;
	font-size: 0.8rem;
	border-radius: 5rem;
	margin:0 0.5rem;
}
.sub-gnb{
	display: none;
	width: 100%;
	background: #6eb43f;
	color: #faf5ab;
}
.sub-gnb .gnb-box ul{
	display: flex;
	justify-content: center;
	height: 50px;
	align-items: center;
}
.sub-gnb .gnb-box li{
	padding:0.8rem 0;
	display: block;
	margin:0 1.5rem;
	font-weight: 500;
}
.sub-gnb .gnb-box li.extra{
	font-weight: 400;
	color:rgba(255,255,255,0.8);
}
.slide-prev,
.slide-next{
	width: 3rem;
	height: 3rem;
	font-size: 0;
	position: absolute;
	z-index: 1;
	background-color: #f00;
	color:#fff;
	top: 50%;
	background: rgba(255,255,255,0.9) url(../images/icon-arrow-right.svg) no-repeat 55% center;
	background-size: 1rem;
	border-radius: 50%;
	border:1px solid rgba(0,0,0,0.1);
	cursor: pointer;
	opacity: 1;
}
.slide-prev{
	right:auto;
	left: 2rem;
	transform: rotate(180deg);
}
.slide-next{
	right:2rem;
	/* transform:translate(680px, -50%); */
}
.slide-prev:hover,
.slide-next:hover{
	opacity: 1;
}
.v-slide .slide-prev,
.v-slide .slide-next{
	background-color: rgba(0,0,0,0.5);
	background-image: url(/images/icon-right-arrow.svg)
}
.now-program .slide-prev,
.etc .slide-prev{
	top: 43%;
	left: 50%;
	margin-left: -680px;
}
.now-program .slide-next,
.etc .slide-next{
	top: 43%;
	right:50%;
	margin-right: -680px;
}
.swiper-button-disabled{
	 pointer-events: none;
	 opacity: 0.1;
}
.photo-slide .slide-prev{
	background-color: rgba(255,255,255,0.5);
	left: 20px;
	opacity: 1;
}
.photo-slide .slide-next{
	background-color: rgba(255,255,255,0.5);
	right: 20px;
	opacity: 1;
}
.main section.review{
	border-bottom: 1px solid #cccccc;
}
section.event{
	max-width: 1200px;
	margin: auto;
	position: relative;
}
.main button.more,
.sub-main button.more{
	position: absolute;
	font-size: 0.9rem;
	right: 0;
	top: 95px;
	opacity: 0.7;
	font-weight: 600;
	background: transparent;
}
.main button.more img,
.sub-main button.more img{
	width: 0.8rem;
	height: 0.8rem;
}
.main .s2.hash button.more,
.main .review button.more{
	top: 16px;
}
.scrollOff{
	position:fixed;
	overflow:hidden;
	height:100%;
}
.sns-box{
	display: flex;
	margin-left: auto;
}
.sns-box a{
	display: block;
	width: 2rem;
	height: 2rem;
	background:#ffffff url(../images/sns-icon.png)	no-repeat;
	background-size: 120px;
	margin:0 0.2rem;
	border-radius: 6px;
	margin:0 0.2rem;
	transform: scale(0.85);
}
.sns-box a.facebook{
	background-position: -10px -10px;
}
.sns-box a.instagram{
	background-position: -45px -10px;
}
.sns-box a.kakao{
	background-position: -82px -46px;
}
.sns-box a.naver{
	background-position: -45px -45px;
}
.share-pop .sns-box{
	justify-content: space-between;
	flex-wrap: wrap;
}
.share-pop .sns-box a{
	width: 3.5rem;
	height: 3.5rem;
	transform: none;
	background-size: 224px;
	background-position: -20px -20px;
}
.share-pop .sns-box a.kakao{
	    background-position: -154px -85px;
}
.share-pop .sns-box a.mms{
	    background-position: -18px -153px;
}
.share-pop .sns-box a.url{
	    background-position: -85px -153px;
}
.share-pop .sns-box > div{
	text-align: center;
}
.share-pop .sns-box span{
	font-size: 0.8rem;
	color:#666666;
}
.share-pop .sns-box .url-box{
	width: 100%;
    text-align: left;
    margin-top: 1rem;
    align-items: center;
}
.share-pop .sns-box .url-box [type="text"]{
	border: 1px solid #aaa;
    padding: 0.25rem 0.5rem;
    color: skyblue;
    width: calc(100% - 64px);
}
.share-pop .sns-box .url-box button{
	background: #ddd;
    border: 1px solid #ccc;
    font-size: 0.7rem;
    font-weight: bold;
    padding: 0.25rem 0.4rem;
    height: 2rem;
    vertical-align: middle;
}
.header-banner-box button.close{
	position: absolute;
	z-index: 3;
	display: block;
	right:20px;
	top: 50%;
	width: 1.5rem;
	height: 1.5rem;
	background: rgba(255,255,255,0.7);
	border-radius: 50%;
	transform: translateY(-50%);
}
.header-banner-box button.close img{
	width: 0.5rem;
}
table{
	width: 100%;
}
table.type1 tr{
	border-top: 1px solid #dfdfdf;
}
table.type1 tr,
table.brown tr{
	border-bottom: 1px solid #dfdfdf;
}
table.brown tr:first-of-type{
    border:0;
	/* border: 1px solid #dfdfdf; */
	background: #f7faf6;
}
table.brown th{
	padding: 0.6rem 0;
	font-size: 0.8rem;
	font-weight: 500;
	/* background: #f0f0f0; */
	/* border-top:1px solid #dfdfdf; */
	color: #999;
	border:0;
}
table.brown td{
	padding:1.2rem 0;
	text-align: center;
}
table.type2{
	border-top:1px solid #dddddd;
}
table.type2 tr{
	border-bottom:1px solid #dddddd;
}
table.type1 td,
table.type2 td{
	padding: 2em;
	text-align: left;
	font-size: 1rem;
	color:#333333;
	vertical-align: middle;
	position: relative;
}
table.type1 td label,
table.type2 td label{
	font-size: 1.1rem;
	color: #333333;
	font-weight: 500;
}
table.type1 td strong{
	font-weight: 600;
	color:#333333;
}
table.type1 td:first-of-type,
table.type2 td:first-of-type{
	width: 20%;
	font-size: 1rem;
}
table.type2 td:first-of-type{
	background: #fbfbfb;
	width: 15%;
	text-align: center;
}
table.type1 td:nth-of-type(2){
	width: 20%;
	font-size: 1rem;
}
table tr.green{
	background: #f8fbf5;
}
button.more.plus{
	border:2px solid #dfdfdf;
	padding:0.5rem 1rem;
	border-radius: 5rem;
	font-size: 0.9rem;
	font-weight: 500;
	margin: 2rem auto 0;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
button.more.plus .icon{
	width: 0.7rem;
	height: 0.7rem;
	margin-right: 0.5rem;
	opacity: 0.5;
}
textarea.memo{
    width: 100%;
    height: 5rem;
    padding: 0.5rem;
    font-size: 0.9rem;
    border:1px solid #dfdfdf;
}
.btn-box{
    width: 700px;
    margin: 30px auto 100px;
    display: flex;
    justify-content: center;
}
button.green{
    font-size: 1rem;
}
.w1{
    width: 4rem !important;
    text-align: center;
}
.w3{
    width: 5.5rem !important;
}
.w5{
    width: 8rem !important;
}
.w40{
    width: 40% !important;
}
.w50{
    width: 50% !important;
}
.w100{
	width: 100% !important;
}
.mt1{
    margin-top: 1rem !important;
}
.mt2{
    margin-top: 2rem !important;
}
.mb1{
    margin-bottom: 1rem !important;
}
.ml1{
	margin-left: 1rem !important;
}
button.green,
button.green-ghost{
    background-color: #6eb43f;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 500;
    display: block;
    padding:0.8rem 1rem;
}
button.green-ghost{
	background: transparent;
	border:1px solid #6eb43f;
	color:#6eb43f;
}
button.gray-ghost{
    border:1px solid #aaaaaa;
    height: 2.7rem;
    padding: 0 1rem;
    font-size: 0.9rem;
    width: 10rem;
    border-radius: 4px;
	font-weight: 600;
}
button.bk{
    background: #333333;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
}
section.page-title{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;
	padding-top: 3.5rem;
    padding-bottom: 0.5rem;
	flex-wrap: wrap;
}
section.page-title h1{
    font-size: 2rem;
    font-weight: 600;
}
section.page-title .step{
    display: flex;
    font-size: 1.2rem;
    font-weight: 600;
    color:#999999;
    margin:auto 0;
}
section.page-title .step li{
    margin-left: 4rem;
    list-style: decimal;
}
section.page-title .step .on{
    color:#6eb43f;
}
.flex-box{
	display: flex;
}
.flex-direction-column{
	flex-direction: column;
}
.green{
	color: #6eb43f;
}
.gray{
	color:gray !important;
}
.h100{
	height:100%;
}
.w900{
	max-width: 900px !important;
}
.w1200{
	max-width: 1200px !important;
}
.fs09{
	font-size: 0.9rem !important;
}
.fs1{
	font-size: 1rem !important;
}
.fs12{
	font-size: 1.2rem !important;
}
.fs15{
	font-size: 1.5rem !important;
}
.fs2{
	font-size: 2rem !important;
}
.fs25{
	font-size: 2.5rem !important;
}
.fs3{
	font-size: 3rem !important;
}
.fw500{
	font-weight: 500 !important;
}
.fw600{
	font-weight: 600 !important;
}
.ma{
	margin: auto;
}
.mta{
	margin-top: auto !important;
}
.mla{
	margin-left: auto !important;
}
.align-item-center{
	align-items: center;
}
a.link{
	color: dodgerblue;
	text-decoration: underline;
}
[type="radio"] {
    all: unset;
    display: block;
    width: 1rem;
    height: 1rem;
    border: 2px solid #cccccc;
    border-radius: 50%;
}
[type="radio"]:checked{
	border-color: #6eb43f;
	background: #6eb43f url(/images/icon-check-mark.svg) no-repeat center;
	background-size: 60%;
}


.paging-box,
.paging-box .number{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.paging-box{
	margin-top: 3rem;
}
.paging-box > a{
	border:1px solid #cccccc;
	font-size: 0.9rem;
	color: #666666;
	height: 2rem;
	padding: 0 0.7rem;
	border-radius: 4px;
	height: 2rem;
	justify-content: center;
	align-items: center;
	display: flex;
}
.paging-box .number{
	margin:0 1rem;
}
.paging-box .number a{
	font-size: 0.9rem;
	font-weight: 500;
	margin:0 0.25rem;
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}
.paging-box .number a.on{
	background: #6eb43f;
	color:#ffffff;
	font-weight: 600;
}
.go-back{
	padding: 1rem;
}
.go-back img{
	width: 1rem;
	height: 1rem;
	transform: rotate(180deg);
}
#mobile_menu{
	display: none;
}
.quick-reserv{
	position: absolute;
	left: 0;
	background: #ecf6e9;
	width: 100%;
	height: 0px;
	transition: height ease-in 0.25s;
	overflow: hidden;
	z-index: 10;
	/* backdrop-filter:blur(3px);
	-webkit-backdrop-filter:blur(3px) */
}
.quick-reserv.on{
	height: 560px;
	display: block;
}
.quick-reserv .container{
	max-width: 1320px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	height: 100%;
	position: relative;
}
.quick-reserv .now-box{
	width: 840px;
	padding:30px 0;
	overflow: hidden;
	margin-left: 60px;
}
.quick-reserv .now-box ul{
	display: flex;
	flex-wrap: wrap;
	height: 460px;
}
.quick-reserv .now-box li{
	position: relative;
	height: 200px;
}
.quick-reserv .now-box .img-box{
	width: calc(100% - 1px);
	height: 120px;
	background: rgba(0,0,0,0.1);
}
.quick-reserv .now-box .txt-box{
	width: 150px;
}
.quick-reserv .now-box h1{
	font-size: 0.9rem;
	width:100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0.5rem 0 0.3rem 0;
}
.quick-reserv .now-box .title-box h1{
	margin:auto 0;
	font-size: 1.2rem;
	width: auto;
}
.quick-reserv .now-box p{
	font-size: 0.75rem;
}
.quick-reserv .txt-box .badge{
	padding:0.4rem 0.5rem;
	font-size: 0.7rem;
	position: absolute;
	left: 0;
	top: 0;
	background: #6eb43f;
	color:#ffffff;
}
.quick-reserv .stay-search{
	width: 100%;
	width: 360px;
	background-size: cover;
	position: relative;
}
.m-searchbox-layer button.close{
	display: none;
}
.m-searchbox-layer{
	position: absolute;
	display: flex;
	flex-direction: column;
	z-index: 3;
	width: 300px;
	left: 0;
	top: 40%;
	transform: translateY(-50%);
	transition: top cubic-bezier(0.18, 0.89, 0.32, 1.28) 1s;
	background: #ffffff;
	overflow: hidden;
	border-radius: 4px;
}
.quick-reserv.on .m-searchbox-layer{
	top: 50%;
	box-shadow: -1rem 0rem 2rem rgba(0,0,0,0.1);
}
.m-searchbox-layer form > div{
	padding:20px;
	padding-top: 10px;
}
.m-searchbox-layer .box{
	color: #999999;
	margin:0.5rem 0;
	display: flex;
	align-items: center;
	padding:0.5rem 0.5rem 0.5rem 1rem;
	border-radius: 4px;
	background: #f9fbfd;
}
.m-searchbox-layer .box strong{
	font-size: 0.9rem;
	color: #111111;
	margin-left: 0.5rem;
	font-weight: 500;
}
.m-searchbox-layer .box select{
	width: calc(100% - 1.5rem);
	background-color: transparent;
    padding: 0.5rem;
}
.m-searchbox-layer .box select,
.m-searchbox-layer .box > div{
	background: url(../images/icon-down-arrow.svg) no-repeat calc(100% - 0.5rem) center;
	background-size: 0.6rem;
}
.m-searchbox-layer button.search{
	width: 100%;
	padding: 0.6rem;
	border-radius: 4px;
	font-size: 1rem;
}
.m-searchbox-layer .box.p-count select{
	width: 40%;
}
.m-searchbox-layer .box.p-count select:last-of-type{
	margin-left: auto;
	background-position-x: calc(100% - 0.9rem);
	width: 46%;
}
.m-searchbox-layer .box .check-in-out{
	padding:0.5rem;
	width: 50%;
	background: transparent;
	font-size: 0.9rem;
}
.m-searchbox-layer h1.layer-title{
	font-weight: 500;
	font-size: 1.1rem;
	/* color:#ffffff;
	background: #00b8fd; */
	padding: 1.5rem 0.8rem 0;
	text-align: center;
	/* border-bottom: 1px solid rgba(0,0,0,0.1); */
}
.m-searchbox-layer .promotion{
	text-align: center;
	height: 60px;
	font-weight: 500;
	padding: 0;
	background: url(https://images.unsplash.com/photo-1459516010793-b5da6a85487a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80) no-repeat center;
	background-size: cover;
	color:#ffffff;
}
.m-searchbox-layer .promotion h1{
	font-size: 0.9rem;
	background: rgba(0,0,0,0.4);
	padding:0.3rem 0.5rem;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.quick-reserv .title-box{
	display: flex;
    margin-bottom: 1rem;
    width: 840px;
    padding-bottom: 0.5rem;
	align-items: center;
}
.quick-reserv .button-box{
	font-size: 0;
	text-align: right;
	display: flex;
	align-items: center;
	margin-left: auto;
}
.quick-reserv .button-box button{
	width: 2rem;
	height: 1.5rem;
	background: url(/images/icon-arrow-right3.svg) no-repeat center;
	background-size: 29%;
	font-size: 0;
	border-radius: 0.1rem;
}
.quick-reserv .button-box button.prev{
	transform: rotate(180deg);
	background-position-y: 8px;
}
.quick-reserv .swiper-button-disabled{
	display: inline-block;
	opacity: 0.4;
}
.quick-reserv button.r-calendar{
	position: relative;
	top: auto;
	font-size: 0.8rem;
	margin-left: 1rem;
	align-items: center;
	background: #fff;
	border: 0;
    padding: 0.5rem 0.8rem;
}
.quick-reserv button.r-calendar img{
	width: 0.85rem;
}

.close-btn{
	display: block;
	width: 1rem;
	height: 1rem;
	background: url(/images/icon-close.svg) no-repeat center;
}

/*gallery*/
.popup{
	position: fixed;
	z-index: 30;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}
.popup.bg-w{
	background: rgba(255,255,255,0.99);
}
.popup.bg-bk80{
	background: rgba(0,0,0,0.8);
}
.gallery-pop{
	display: none;
}
.gallery-pop.on{
	display: flex;
}
.gallery-pop .container{
	margin: auto;
	min-height: 600px;
	max-width: 836px;
	max-height: 80%;
	width: 100%;
}
.gallery-pop h1{
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 1.5rem;
	margin-bottom: 1.5rem;
	color:#ffffff;
}
.gallery-pop .slide-box{
	overflow: hidden;
	margin-top: auto;
	padding-top: 0;
}
.gallery-pop .slide-box li{
	width: 100%;
	height: 100%;
}
.gallery-pop .slide-box li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gallery-pop .txt-box{
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.5rem;
}
.gallery-pop .txt-box .desc{
	width: 70%;
	font-size: 1rem;
	color: #666666;
}
.gallery-pop .txt-box a{
	margin-left: auto;
}
.popup.gallery-pop .close-btn{
	position: absolute;
	right: 2rem;
	top: 2rem;
	width: 3.5rem;
	height: 3.5rem;
	/* border:1px solid #dddddd; */
	border-radius: 50%;
	background-color: rgba(255,255,255,.1);
	background-size: 0.8rem;
	background-image: url(/images/icon-close-white.svg);
}
.gallery-pop .slide-prev,
.gallery-pop .slide-next{
	position: absolute;
	right: 2rem;
	top: 50%;
	width: 4rem;
	height: 4rem;
	transform: translateY(-50%);
	background: url(/images/icon-arrow4.svg) no-repeat center;
	background-size: 1.6rem;
	border:0;
}
.gallery-pop .slide-prev{
	left: 2rem;;
	right: auto;
	transform: translateY(-50%) rotate(180deg);
}
.gallery-pop .pagination{
	margin: 1rem auto 0;
	text-align: center;
}
.gallery-pop .pagination span{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	font-size: 0;
	margin:0 3px !important;
	background: rgba(255,255,255,0.3);
}
.gallery-pop .pagination span.swiper-pagination-bullet-active{
	background: #6eb43f;
}
#up-arrow{
	position: fixed;
	z-index: 3;
	width: 4rem;
	height: 4rem;
	bottom: 3rem;
	right: 3rem;
	background: #ffffff url(/images/up-arrow.svg) no-repeat center;
	background-size: 1.1rem;
	border:1px solid #dfdfdf;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0;
	transform: rotate(180deg);
	transition: 0.3s;
}
#up-arrow.on{
	opacity: 1;
	transform: rotate(0);
}
#up-arrow:hover{
	animation: up-arrow 0.5s;
	animation-iteration-count: infinite;
}
@keyframes up-arrow {
	0%{
		background-position-y: 50%%;
	}
	25%{
		background-position-y: 40%;
	}
}
.bg-fix-on{
	overflow: hidden;
}
.sub-nav{
	display: none;
}
@media (max-width:768px) {
	.gnb-a li{
		padding:0.5rem;
		font-size: 0.75rem;
		margin-right: 1.5rem;
	}
	.gnb-a li:after{
		right: -0.8rem;
		height: 0.8rem;
		top: 0.65rem;
	}
	.gnb-a .gnb-box,
	.gnb-b .gnb-box{
		max-width: 100%;
	}
	.gnb-b .logo{
		height: 40px;
		margin: 0.4rem auto 1.2rem
	}
	.v-slide .txt-box{
		max-width: 85%;
	}
	.gnb-b .menu{
		font-size: 0.9rem;
		margin-left: 0;
	}
	.gnb-b .menu li.extra{
		font-size: 0.9rem;
	}
	.gnb-b .gnb-box{
		padding:1rem;
		flex-wrap: wrap;
	}
	.gnb-b .menu li.all-menu{
		font-size: 0.7rem;
	}
	button.reservation{
		height: 2.2rem;
		font-size: 0.8rem;
	}
	section.v-area{
		height: 350px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets{
		width: 90%;
	}
	.v-slide h1{
		font-size: 2rem;
		line-height: 2.2rem;
	}
	.v-slide h2{
		font-size: 1.1rem;
	}
	.v-slide .go-btn{
		font-size: 1.1rem;
	}
	.v-slide .go-btn img{
		width: 0.9rem;
	}
	.swiper-pagination{
		bottom: 1.5rem !important;
	}
	.swiper-pagination-bullet{
		font-size: 0.8rem;
	}
	.header-banner img{
		width: 100%;
	}
	section{
		padding:60px 20px;
	}
	/*  스페셜   */
	.etc .img-box{
		width: 250px;
		height: 200px;		
	}
	.etc .swiper-container {margin-right:150px;}

	.now-box .img-box{
		width: 175px;
		height: 125px;
	}
	section.etc,
	footer{
		padding: 60px 30px;
	}
	footer .contact-box .phone-num{
		font-size: 1.3rem;
	}
	footer .txt-box{
		width: 660px;
	}
	footer .footer-menu li{
		font-size: 0.9rem;
		margin-right: 1.2rem;
	}
	footer .address{
		margin-top: 0.5rem;
		font-size: 0.7rem;
	}
	section.event button.more{
		right:30px;
	}
	.slide-prev{
		width: 2.5rem;
		height: 2.5rem;
		left: 10px;
		transform: translate(0, -50%) rotate(180deg);
	}
	.slide-next{
		width: 2.5rem;
		height: 2.5rem;
		right: 10px;
		transform: translate(0, -50%);
	}
	.stay .search-box{
		bottom:2rem;
		width: 95%;
	}
	.search-box .box{
		padding:1.5rem 0.8rem;
		font-size: 0.7rem;
	}
	.search-box .box .check-in{
		margin-right: 1rem;
	}
	button.search{
		padding:0 2rem;
		font-size: 1rem;
	}

	.photo ul li{
		width: 24.6%;
	}
	.photo ul li .img-box{
		height: 226px;
	}

	.search-box .box strong{
		margin-left: 0.8rem;
	}
	.search-box .box .category{
		width: auto;
	}
	.search-box .box div img{
		width: 0.9rem;
		margin-right: 0.3rem;
	}

	section.search-area{
		padding:30px 40px;
	}
	section.result-list{
		padding: 0 40px;
	}
}

@media (max-width:640px) {
	html{
		letter-spacing: -0.6px;
	}
	.wrap-a{
		min-width: auto;
		overflow: auto;
		height: 100%;
	}
	.gnb-a,
	.gnb-b .menu,
	header button.reservation{
		display: none;
	}
	.gnb-b{
		border-bottom: 0;
	}
	.gnb-b .gnb-box{
		padding:0.5rem 0 0.5rem 20px;
		justify-content:space-between;
		align-items: center;
		left: 0;
		top: 0;
		height: 64px;
	}
	.stay-detail .gnb-b .gnb-box{
		border-bottom: 1px solid #dfdfdf;
		height: 54px;
		padding: 0;
		position: fixed;
		background: #ffffff;
	}
	.stay-detail .gnb-b .gnb-box .sub-nav{
		display: block;
	}
	.gnb-b .logo{
		width: 130px;
		height: 2rem;
		margin: 0;
	}
	header{
		position: relative;
		padding:0;
		border-bottom: 1px solid #dddddd;
	}

	.sub-header{
        justify-content: space-between;
        border-bottom: 1px solid #e5e5e5;
        align-items: center;
    }
	.sub-header h1{
		font-weight: 500;
		font-size: 1.2rem;
		margin-right: auto;
	}
	.mobile-menu{
		display: flex;
		font-size: 1rem;
		font-weight: 600;
		background: url(../images/icon-menu.svg) no-repeat;
		background-position: center;
		background-size: 1.2rem;
		width: 3rem;
		height: 3rem;
		position: absolute;
		right: 0;
	}
/* 링컨학교메뉴  */

	.mobile-menu img{
		width: 1rem;
		margin:auto 0.5em auto 0;
	}
	section{
		padding: 60px 0;
		overflow: hidden;
	}


	section h1.title-1{
		font-size: 1.2rem;
		text-align: left;
		margin-bottom: 0.8rem;
		font-weight: bold;
		color: #111;
		letter-spacing: -1.2px;
	}
	section.etc h1.title-1{
		font-size: 1rem;
		margin-bottom: 1rem;
	}
	section.etc h1{
		font-size: 0.9rem;
	}
	.swiper-pagination{
		text-align: left;
		transform: none;
		left:30px !important;
	}
	.swiper-pagination-bullet{
		width: 0.8rem;
		height: 0.8rem;
		border-radius: 50%;
		font-size: 0;
		background: #ffffff;
		margin-right: 8px !important;
	}
	.swiper-pagination-bullet-active{
		background: #6eb43f;
	}
	.list-type1 .img-box{
		height: 70vw;
		max-width: 400px;
	}
	section.etc{
		padding:40px 0 !important;

		padding-left: 20px !important;
	}
	.etc-box .img-box{
		height: 120px;
	}
	.now-program{
		position: fixed;
		width: 100%;
		height: calc(100% + 10px);
		z-index: 21;
		left: 0;
		bottom: calc(-100% - 10px);
		background: rgba(0,0,0,0.6);
		transition: bottom 0.1s;
		border-top: 0 !important;
	}
	.now-program .container{
		position: absolute;
		left: 0;
		bottom: -100%;
		width: 100%;
		height: 100%;
		background: #ffffff;
		border-radius: 1.5rem 1.5rem 0 0;
		transition: bottom 0.8s;
	}
	.now-program.on{
		display: block;
		bottom:-10px;
		-webkit-backdrop-filter: blur(2px);
		backdrop-filter: blur(2px);
	}
	.now-program.on .container{
		bottom: 0
	}
	section.now-program  h1.title-1{
		font-size: 1rem;
		margin: 0 0 1rem 0;
		padding: 30px 30px 0;
	}
	section.now-program .swiper-container{
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: scroll;
		padding: 0 30px 6rem;
		background: #ffffff;
	}
	section.now-program .swiper-wrapper{
		flex-wrap: wrap;
		height: auto;
	}
	section.now-program .swiper-slide{
		height: auto;
		margin-bottom: 2em;
	}
	section.now-program .swiper-slide a{
		display: flex;
		justify-content: space-between;
	}
	.now-box .img-box{
		max-width: 100px;
		max-height: 100px;
		width: 30vw;
		height: 30vw;
	}
	.now-box .txt-box{
		width: calc(100% - 100px - 1rem);
	}
	.now-box .badge{
	position: relative;
    display: inline-block;
    width: 60px;
    padding: 0.5em;
    text-align: center;
    font-size: 0.7rem;
    margin-top: 1em;
	font-weight: 600;
	}
	.now-box h1{
		font-weight: 600;
		margin-top: 0.2rem;
		line-height: 110%;
	}
	button.r-calendar{
		width: 84%;
		justify-content: center;
	    position: relative;
	    margin: 0;
	    border: 1px solid #dfdfdf;
	    margin: auto auto 0.8rem;
	    border-radius: 0.4rem;
	    padding: 0.6rem 0.8rem;;
	}
	.now-program button.close,
	.m-searchbox-layer button.close{
		position: absolute;
		width: 2rem;
		height: 2rem;
		right: 24px;
		top:24px;
		display: block;
		z-index: 10;
	}
	.m-searchbox-layer button.close{
		right: 10px;
		top: 10px;
	}
	button.close img{
		width: 0.8rem;
	}
	.m-quick-menu{
		display: flex;
		position: fixed;
		z-index: 20;
		left: 0;
		bottom: 0.5em;
		width: 94%;
		margin: 0 3%;
		box-shadow: 0 0em 2rem rgba(0,0,0,0.3);
		border-radius: 0.5rem;
		overflow: hidden;
		height: 52px;
	}
	.m-quick-menu div{
		width: 50%;
		color:#ffffff;
		text-align: center;
		font-weight: 600;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.m-quick-menu div img{
		width: 1.1rem;
		margin-right: 0.5em;
	}
	.m-quick-menu .now-program-on{
		background: #6BC231;
	}
	.m-quick-menu .go-stay{
		background: #00B8FD;
	}
	footer{
		padding-bottom: 0;
	}
	footer .contact-box{
		width: 100%;
		padding: 0 20px;
	}
	footer .contact-box .phone-num{
		font-size: 1.8rem;
		word-break: keep-all;
	}
	footer .footer-menu{
		display: none;
	}
	footer .address{
		margin-top: 40px;
		padding: 30px 20px 90px;
		background: #9FC25F;
		color: rgba(255,255,255,0.65);
		word-break: keep-all;
	}
	footer .address span{
		display: block;
		margin-bottom: 1em;
		color: rgba(255,255,255,1);
	}
	footer .address span.big{
		display: block;
		font-size: 1.2rem;
		margin-bottom: 0;
	}

	/* 스테이  */

	section.review{
		.padding-right: 20px;
	}
	.review ul li{
		width: 100%;
		display: block;
		/* padding-right: 20px; */
	}

	.swiper-container,
	.swiper-container-wp8-horizontal{
		overflow:visible;
	}
	.v-slide.swiper-container{
		overflow: hidden;
	}
	.stay .m-quick-menu .go-stay,
	.program .m-quick-menu .go-stay{
		width: 100%;
	}
	.stay header,
	.sub-main header{
		position: absolute;
		z-index: 3;
		width: 100%;
		left: 0;
		top: 0;
	}
	.stay header{
		border-bottom: 0;
	}
	.stay .v-slide h1{
		font-size: 2rem;
		margin-bottom: 0.2em;
	}
	.stay .v-slide h2{
		font-size: 1rem;
	}
	.stay header .mobile-menu,
	.sub-main header .mobile-menu{
		color:#ffffff;
		background-image: url(../images/icon-menu-white.svg);
	}
	.stay .gnb-b .logo,
	.sub-main .gnb-b .logo{
		background-image: url(../images/logo-white.png);
	}

	/* 검색 */
	.search-area .container{
		display: none;
	}
	section.search-area{
		padding: 20px 10px;
		background: #f7f7f7;
	}
	.mobile-searchbox{
		display: flex;
	    justify-content: space-between;
	    border:1.5px solid #6eb43f;
	    border-radius: 0.4rem;
	    padding: 0.8rem 1rem;
	    font-weight: 500;
		height: 50px;
		box-shadow: 0 0.2rem 0.5rem rgba(110,180,63,0.1);
		background: #ffffff;
	}
	.mobile-searchbox img{
		width: 0.8rem;
		opacity: 0.5;
	}
	section.result-list{
		padding:0 20px;
	}
	.result-list .category{
		padding:20px 0;
	}
	.result-list .category:first-of-type{
		padding-top: 20px;
	}
	.result-list li.item{
		margin: 0;
		padding:1rem 0;
		flex-wrap: wrap;
		align-items: flex-start;
		display: block;
		position: relative;
	}
	.result-list .img-box{
		width: 7rem;
		height: 7rem;
		margin-right: 1rem;
	}
	.result-list .txt-box,
	.result-list .price-box{
		width: calc(100% - 110px - 1rem);
		margin-left: auto;
	}
	.result-list .txt-box{
		margin-top: 0;
	}
	.result-list .price-box{
		margin:0.5rem 0 0.5rem auto;
	}
	.result-list .r-price{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: 100%;
		padding-right: 0;
		font-size: 1.3rem;
		font-weight: bold;
	}
	.result-list .r-price .day-night{
		margin-right: auto;
	}
	.result-list a{
		width: calc(100% - 8rem);
	}
	.result-list a.add_cart{
		width: 5.5rem;
	    height: 2.3rem;
	    margin-top: 0.8rem;
		font-size: 0.85rem;
	}
	.event-banner.empty .date a{
		background: #e8f8ff;
	}
	.result-list .txt-box h1{
		font-size: 1.1rem;
		margin-top: 0.25rem;
	}
	.result-list .txt-box .desc,
	.result-list .txt-box .price-box{
		flex-wrap: wrap;
		margin-top: inherit;
		height: 100%;
	}
	.result-list .txt-box .desc{
		font-size: 0.8rem;
		margin-top: 0.5rem;
		margin-right: 0;
		align-items: center;
	}
	.result-list .txt-box .desc .day-night{
		margin-right: 0.5rem;
	}
	.result-list .txt-box .desc .price-detail .btn-view{
		margin-left: 0;
	}
	.result-list .txt-box .desc .price-detail [type="checkbox"]:checked ~ .price-detail-box{
		left: auto;
		right: 0;
	}
	section.search-area .bg{
		display: none;
	}
	.result-list .event-badge{
		font-size: 0.6rem;
		margin-right: 0.5rem;
		font-weight: bold;
		padding-bottom: 0.1rem;
		border-width: 1.5px;
	}
	.result-list h1.category-title{
		margin-bottom: 0;
		font-size: 1.2rem;
		margin-top: 10px;
	}
	.result-list .img-box{
		width: 110px;
		height: 155px;
		position: absolute;
		display: block;
		left: 0;
		font-weight: bold;
	}
	.result-list .txt-box .r-price{
		font-size: 1rem;
		text-align: right;
		padding-right: 0;
	}
	.result-list .txt-box .dc{
		font-size: 0.75rem;
		font-weight: 600;
	}
	.result-list .txt-box .price-box{
		margin-top: 0.5em;
		flex-wrap: wrap;
		height: 100%;
		align-items: center;
	}
	.m-searchbox-layer{
		position: fixed;
		top: auto;
		transform: none;
		bottom: -100%;
		width: 100%;
		height: 100%;
		border-radius: 0;
		z-index: 30;
		transition: bottom 0.3s;
	}
	.m-searchbox-layer h1.layer-title{
		background: #ffffff;
		color:#333333;
	}
	.m-searchbox-layer .promotion{
		margin-top: auto;
	}
	.m-searchbox-layer.on{
		bottom:0;
	}
	.header-banner .banner,
	.event-banner{
		display: none;
	}
	.main .header-banner{
		height: 3.5rem;
		display: flex;
		align-items: center;
	}
	.header-banner h1{
		display: flex;
		width: 100%;
		font-weight: 600;
		text-align: center;
		padding-right: 2rem;
		justify-content: center;
		align-items: center;
		height: 100%;
		font-size: 0.95rem;
	}
	.header-banner button.close{
		right: 10px;
	}
	.event-banner.early{
		margin-bottom: 0;
		height: auto;
	}
	.event-banner .title{
		font-size: 1rem;
		width: 100%
	}
	.event-banner.early .desc,
	.event-banner.empty .desc{
		font-size: 0.75rem;
		width: 100%;
	}
	.event-banner.empty .desc strong,
	.event-banner.empty .desc li > div{
		width: 50%;
	}
	.event-banner.empty .desc li > div{
		text-align: right;
	}
	.event-banner.empty .desc ul{
		width: 100%;
	}
	.event-banner.empty .desc ul li{
		padding: 0;
	}
	button.room-view{
		display: block;
		left: auto;
		right: 0;
		top: auto;
		bottom: 0;
		font-size: 0;
		height: 2rem;
		width: 2rem;
	}
	button.room-view img{
		width: 1rem !important;
		margin:auto;
	}
	.sub-gnb.on,
	.slide-prev,
	.slide-next,
	.event-banner.empty .desc{
		display: none;
	}
	.event-banner.early{
		justify-content: center;
		text-align: center;
		padding: 0.5rem 0.5rem 0;
		border-radius: 0.5rem;
		font-size: 0.8rem;
		display: none;
	}
	.event-banner.early strong{
		justify-content: center;
		font-size: 1rem
	}
	.event-banner.empty .img-box{
		width: 40px;
		height: 40px;
	}
	.event-banner.empty .title{
		font-size: 0.9rem;
		width: 47%;
		padding-left: 0.5rem;
	}
	.promotion ul li .txt-box{
		/* padding:20px; */
	}
	.promotion ul li h2{
		font-size: 1rem;
	}
	.promotion ul li .txt-box p{
		font-size: 0.8rem;
	}
	.promotion ul li.early .txt-box p{
		width: 160px;
		line-height: 1.2rem;
	}


	button.review-write{
		padding: 0.6rem 1rem;
		font-size: 0.9rem;
		/* margin-top: 1.5rem; */
		/* width: 100%; */
    	justify-content: center;
		font-weight: 500;
		margin:1.5rem 0 0 auto;
	}
	button.review-write img{
		width: 0.9rem;
		height: 0.9rem;
	}

	section.photo{
		border:0;
		padding:60px 20px;
	}

	footer .select-lang{
		display: none;
	}
	.result-list .txt-box .r-price .sale{
		font-size: 0.8rem;
		font-weight: 500;
	}
	.v-slide .img-box img,
	.v-area .img-box img{
		display: none;
	}
	.v-slide .img-box img.mobile, .v-area .img-box img.mobile, .swiper-slide .img-box img.mobile {
		display: block;
		width: 100%;
	}
	.banner-handal{
		background-image: none;
	}
	.banner-handal h1{
		font-size: 1.4rem;
		line-height: 120%;
	}
	.banner-handal p.question{
		display: none;
	}
	.banner-stayrule{
		background-size: 30%;
	}
	footer{
		padding: 40px 0px 0;
	}
	footer .txt-box{
		display: block;
		position: relative;
	}

	.w3{
		width: 4.5rem !important;
	}
	.w50{
		width: 100% !important;
	}
	.paging-box{
		margin-top: 2rem;
		justify-content: space-around;
	}
	.paging-box .number{
		width: calc(100% - 100px);
		margin:0;
		justify-content: space-evenly;
	}
	.paging-box .number a{
		margin: 0;
	}
	#mobile_menu{
		display: block;
		position: fixed;
		z-index: 30;
		width: 100%;
		height: 100%;
		right: -100%;
		top: 0;
		background: rgba(0,0,0,0.6);
		transition: 0.1s;
		-webkit-backdrop-filter: blur(2px);
		backdrop-filter: blur(2px);
	}
	#mobile_menu.on{
		right: 0;
	}
	#mobile_menu .content{
		position: absolute;
		right:-100%;
		top: 0;
		width: 90%;
		overflow-y: auto;
		height: 100%;
		background: #ffffff;
		transition: all 0.3s ease-in;
	}
	#mobile_menu.on .content{
		right:0;
		/* background: #209e42; */
	}
	#mobile_menu .box.member{
		/* color:#ffffff; */
		position: relative;
		/* background: #49901b url(/images/mobile-menu-bg.jpg) no-repeat center; */
		/* background-size: cover; */
	}
	#mobile_menu .box.member h1{
		font-size: 1.6rem;
		font-weight: 600;
		padding:2.5rem 0 0 2.5rem;
		color:lightseagreen;
	}
	#mobile_menu .menu-list{
		padding:1rem 0;
	}
	#mobile_menu .menu-list li{
		padding:1rem 2.5rem 1rem 2.5rem;
		position: relative;
	}
	#mobile_menu .member .menu-list{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		padding-left: 2.5rem;
		/* background: rgba(0,0,0,0.2); */
	}
	#mobile_menu .member .menu-list li{
		border:0;
		padding:0;
		margin-right: 1rem;
		font-size: 0.9rem;
		text-decoration: underline;
		color:lightseagreen;
	}
	#mobile_menu .member .menu-list li.login{
		/* margin-right: auto;
		margin-left: 0; */
	}

	#mobile_menu .family-site ul{
		display: flex;
		justify-content: space-around;
		padding:1rem 1.5rem 1.5rem;
	}
	#mobile_menu .family-site li{
		padding:0.5rem;
		text-align: center;
		width: 25%;
	}
	#mobile_menu .family-site li label{
		font-size: 0.7rem;
	    display: flex;
	    justify-content: center;
	    line-height: 1rem;
	}
	#mobile_menu .family-site img{
		width: 2.5rem;
		height: 2.5rem;
		object-fit: cover;
		border-radius: 50%;
	}
	#mobile_menu .box.sns{
		display: flex;
		padding:1.5rem;
		border-top: 2px solid #f7f7f7;
	}
	#mobile_menu .box.sns h1{
		font-size: 0.8rem;
		margin-left: 1rem;
		color:#666666;
		display: flex;
		align-items: center;
	}
	#mobile_menu button.close{
		position: absolute;
	    z-index: 1;
	    right: 0.8rem;
	    top: 0.8rem;
	    background: #ffffff;
	    width: 32px;
	    height: 32px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    border-radius: 50%;
	    border: 1px solid #efefef;
	}
	#mobile_menu button.close img{
		width: 40%;
	}
	#mobile_menu .blank-box{
		height: 100%;
	}
	#mobile_menu li.extra i{
		display: inline-block;
		width: 12px;
		height: 12px;
		background: url(/images/icon-down-arrow.svg) no-repeat center;
		background-size: 8px;
		opacity: 0.5;
	}

	#mobile_menu .m-sub-menu-triger{
		all: unset;
	    display: block;
	    width: 99%;
	    height: 54px;
	    position: absolute;
	    left: 0;
	    top: 0;
	    /* border: 1px solid #f00; */
	}
	#mobile_menu .m-sub-menu{
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-out;
	}
	#mobile_menu .m-sub-menu-triger:checked ~ .m-sub-menu{
		max-height: 500px;
	}
	#mobile_menu .m-sub-menu li{
		padding: 1rem;
		font-size: 0.9rem;
	}
	#mobile_menu .m-sub-menu li:first-of-type{
		padding-top: 1.5rem;
	}
	#mobile_menu .m-sub-menu li:last-of-type{
		padding-bottom: 0;
	}
	.review .txt-box{
		width: auto;
		overflow: hidden;
		transition: max-height 0.3s ease-in;
	}
	section.theme{
		padding-top: 30px;
	}
	.event-banner.empty{
		margin:0.5rem 0 0;
		width: calc(100% + 40px);
	}
	table.type2 td label{
		font-size: 1rem;
	}

	.gallery-pop .container{
		margin:0;
		display: flex;
		flex-wrap: wrap;
	}
	.gallery-pop .close-btn{
		top: 0;
		right:0;
		width: 3rem;
		height: 3rem;
		border:0;
		border-radius: 0;
	}
	.gallery-pop h1{
		font-size: 1rem;
		margin:0;
		padding: 1rem;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		background: #333333;
		height: 54px;
	}
	.gallery-pop .txt-box .desc{
		width: 100%;
		font-size: 0.9rem;
		padding: 0 1.5rem;
	}
	.gallery-pop .txt-box a{
		width: 100%;
		margin-left: 0;
		padding: 1.5rem;
	}
	.gallery-pop .txt-box a .reservation{
		width: 100%;
		height: 2.5rem;
	}

	#up-arrow{
		width: 2.5rem;
	    height: 2.5rem;
	    bottom: 4.5rem;
	    right: 1rem;
		background-size: 0.9rem;
	}
	.quick-reserv{
		overflow:inherit;
	}
	.quick-reserv .now-box{
		display: none;
	}
	.header-banner{
		height: 50px;
	}
	.header-banner-box{
		height: 50px;
		background-color: #f7f7f7;
	}
	.header-banner-box button.close{
		right: 10px;
	}
	.v-slide .img-box img, .v-area .img-box img, .swiper-slide .img-box img, .header-banner-box li img{
		display: none;
	}
	.header-banner-box li h1{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	.etc-box p{
		font-size: 0.9rem;
		line-height: 120%;
	}
	.result-list .txt-box .desc .price-detail [type="checkbox"]{
		left: 0;
	}
	.popup.gallery-pop .close-btn{
		top: 0;
		z-index: 1;
		right: 0;
		background-color: transparent;
		width: 54px;
		height: 54px;
	}
	.photo ul li .img-box{
        height: 42vw
    }
    .photo ul li .txt-box{
        position: relative;
        background: transparent;
        color:#666666;
        padding: 0 20px 0 0;
        margin-top: 0.5em;
        font-size: 0.9rem;
    }
	footer .banner{
		position: absolute;
		right: 20px;
		top: 30px;
	}
	footer .banner img{
		width: 50px;
	}

}
@media (max-width:320px){
	html{
		font-size: 15px;
	}
}