@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&family=Noto+Serif+KR:wght@300;400;500&display=swap');

#wrap{
  width:100%;
  overflow:hidden;
  font-family: 'Noto Sans KR', sans-serif;
  color:#292016;
	font-weight:300;
}
.inner{
  width:100%;
  max-width:1240px;
  padding:0 20px;
  margin:0 auto;
}

h3{
  font-size:3.2rem;
  line-height:1em;
  font-weight:300;
  text-align:center;
  font-family: 'Noto Serif KR', serif;
  color:#3e362d;
}
h3 span{
  display:block;
  font-size:1.5rem;
  line-height:1.5em;
  margin:30px 0 0;
  opacity:0.7;
}


img{
  width:100%;
  height:auto;
}

.slick-track{
  display: flex;
  align-items:center;
  justify-content: center;
}

.sound_only{
	display:none;
}



/* header */

#header{
  width:100%;
  height:80px;
  position:absolute;
  top:0;
  left:0;
  z-index:100;
}
#header .logo{
  float:left;
  height:80px;
  padding:16px 0;
  overflow:hidden;
}
#header .logo a{
  display:block;
  height:100%;
}
#header .logo a img{
  width:auto;
  height:100%;
}
#header button{
  display:none;
}
#header nav{
  height:80px;
  padding:16px 0;
  float:right;
  color:#fff;
  text-align:right;
  position:relative;
}
#header nav .lang{
  font-size:0;
}
#header nav .lang a{
  display:inline-block;
  font-size:1.2rem;
  line-height:1em;
  padding:2px 10px;
  margin:0 0 0 10px;
  border:1px solid #fff;
}
#header nav .lang a:first-child{
	margin:0;
}
#header nav .gnb{
  display:flex;
  width:996px;
  justify-content:space-between;
  align-items:flex-start;
  position:absolute;
  right:0;
  bottom:16px;
  text-align: left;
}
#header nav .gnb .dep1{
  font-size:1.6rem;
  line-height:1em;
  position:relative;
}
#header nav .gnb .dep1:after{
  content:"";
  display:block;
  width:0;
  height:2px;
  background:#fff;
  position:absolute;
  top:24px;
  left:50%;
  transform:translateX(-50%);
  transition:all 0.3s;
}
#header nav .gnb .dep1:hover:after{
  width:100%;
}
#header nav .gnb .dep2{
  height:auto;
  max-height:0;
  overflow:hidden;
  position:absolute;
  left:0;
  top:32px;
  transition:all 1s;
	white-space:nowrap;
}
#header nav .gnb .dep1:hover .dep2{
  max-height:400px;
}
#header nav .gnb .dep2 li{
  font-size:1.4rem;
  line-height:1em;
  margin:0 0 10px;
}
#header nav .gnb .dep2 li:last-child{
  margin-bottom:0;
}


/* footer */
#footer{
  width:100%;
  padding:40px 0;
  background:#292016;
  font-size:1.4rem;
  color:#7e7973;
  text-align:center;
}
#footer .inner .f-logo{
  height:50px;
  opacity:0.5;
	margin-top:0;
}
#footer .f-logo img{
  width:auto;
  height:100%;
}
#footer .inner div{
  font-size:0;
  margin:30px 0;
}
#footer .inner div a{
  display:inline-block;
  font-size:1.4rem;
  line-height:1em;
  margin-left:10px;
  padding-left:10px;
  border-left:1px solid #7e7973;
  transition:all 0.1s;
}
#footer .inner div a:hover{
  color:#bebcb9;
}
#footer .inner div a:first-child{
  border:0;
  margin:0;
  padding:0;
}
#footer .inner div a span{
  color:#fff;
}
#footer address{
  line-height:1.5em;
  margin:0 0 40px;
}
.float-reserve{
	position:fixed;
	bottom:40px;
	right:40px;
	z-index:100;
}
.float-reserve a{
	display:block;
	width:80px;
	height:80px;
	border-radius:50%;
	color:#fff;
	text-align:center;
	position:relative;
}
.float-reserve .bookingdotcom{
	background:#1f407c;
	margin:0 0 20px;
}
.float-reserve .naver{
	background:#27cd68;
}
.float-reserve a img{
	width:80%;
	position:absolute;
	top:50%;
	left:10%;
	transform:translateY(-50%);
}
.float-reserve .naver img{
	width:40%;
	left:30%;
}




/* index */

#main .row1 .main-visual{
  width:100%;
  height:100vh;
}
#main .row1 .main-visual li{
  width:100%;
  height:100%;
  position:relative;
}
#main .row1 .main-visual .img1{
  background:url(../img/main/main1.jpg) no-repeat center/cover;
}
#main .row1 .img .inner{
  height:100%;
  position:relative;
}
#main .row1 .img h2{
  position:absolute;
  width:100%;
  left:0;
  top:50%;
  transform:translateY(-50%);
  text-align:center;
  color:#fff;
  font-family: 'Noto Serif KR', serif;
  font-size:5.4rem;
  line-height:1.5em;
  font-weight:300;
}
#main .row1 .resv{
  width:100%;
  position:absolute;
  bottom:80px;
}

#main .row1 .resv .inner{
  display:flex;
  justify-content:space-between;
}
#main .row1 .resv .inner > div{
  margin:0 24px 0 0;
  flex-basis:1px;
  flex-grow:1;
  position:relative;
}
#main .row1 .resv .inner .date{
  flex-grow:1.5;
}
#main .row1 .resv input{
  width:100%;
  height:40px;
  padding:0 10px;
  background:#fff;
  box-shadow:5px 5px 5px rgba(0,0,0,0.1);
  border-radius:4px;
}
#main .row1 .resv select{
  width:100%;
  height:40px;
  border-radius:4px;
  box-shadow:5px 5px 5px rgba(0,0,0,0.1);
}
select::-ms-expand{display:none}
#main .row1 .resv .inner > div > i{
  position:absolute;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  z-index:1;
}
#main .row1 .resv .go-btn{
  display:block;
  height:40px;
  flex-basis:1px;
  flex-grow:1;
  border-radius:4px;
  text-align:center;
  line-height:40px;
  box-shadow:5px 5px 5px rgba(0,0,0,0.1);
  background:#292016;
  color:#fff;
  font-size:1.4rem;
}

#main .row2{
  width:100%;
  padding:160px 0;
  background:#292016;
  position:relative;
}
#main .row2:after{
  content:"";
  display:block;
  width:100%;
  height:400px;
  background:#3e362d;
  position:absolute;
  bottom:0;
}
#main .row2 h3{
  color:#fff;
	width:100%;
	padding:0 20px;
	line-height:1.3em;
}
#main .row2 .rm-type{
  height:460px;
  margin:80px 0 0;
  z-index:1;
}
#main .row2 .rm{
  height:400px;
  overflow:hidden;
  position:relative;
  
}
#main .row2 .rm1{
  background:url(../img/main/room1.jpg) no-repeat center/cover;
}
#main .row2 .rm2{
  background:url(../img/main/room2.jpg) no-repeat center/cover;
}
#main .row2 .rm3{
  background:url(../img/main/room3.jpg) no-repeat center/cover;
}
#main .row2 .rm4{
  background:url(../img/main/room1.jpg) no-repeat center/cover;
}
#main .row2 .rm5{
  background:url(../img/main/room2.jpg) no-repeat center/cover;
}
#main .row2 .rm a{
  display:block;
  width:100%;
  height:100%;
  position:relative;
  z-index:2;
}
#main .row2 .rm a:after{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  transition:all 0.3s;
}
#main .row2 .rm a:hover:after{
  opacity:1;
}
#main .row2 .rm a img{
  
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
}
#main .row2 .rm p{
  position:absolute;
  width:100%;
  top:50%;
  left:0;
  transform:translateY(-50%);
  z-index:1;
  text-align:center;
  font-size:2.4rem;
  font-family: 'Noto Serif KR', serif;
  color:#292016;
  transition:all 0.3s;
}
#main .row2 .rm:hover p{
  color:#fff;
}
#main .row2 .rm p span{
  display:block;
	width:120px;
	height:32px;
	margin:30px auto 0;
  font-family: 'IBMPlexSansKR-Regular';
  font-size:1.4rem;
  line-height:30px;
	border:1px solid #292016;
	transition:border 0.3s;
}
#main .row2 .rm:hover p span{
	border:1px solid #fff;
}
#main .row2 .rm p span i{
  margin:0 0 0 5px;
}
#main .row2 .slick-track{
  align-items:baseline;
}
#main .row2 .slick-slide{
  margin:0 12px;
}
#main .row2 .slick-center .rm{
  height:460px;
}
#main .row2 .slick-arrow{
  width:64px;
  height:64px;
  position:absolute;
  bottom:0;
  z-index:3;
  font-size:2rem;
  color:#fff;
  border:1px solid #fff;
  transition:all 0.1s;
}
#main .row2 .slick-arrow:hover{
  background:#7e7973;
  border:1px solid #7e7973;
}
#main .row2 .slick-prev{
  left:404px;
}
#main .row2 .slick-next{
  right:404px;
}

@media all and (max-width:1600px){
	#main .row2 .slick-prev{left:244px}
	#main .row2 .slick-next{right:244px}
}
@media all and (max-width:1200px){
	#main .row2 .slick-prev{left:108px}
	#main .row2 .slick-next{right:108px}
}

#main .row3{
  width:100%;
  font-size:0;
  height:33.4vw;
  position:relative;
}
#main .row3 .fac{
  display:inline-block;
  width:25%;
  height:33.4vw;
  position:absolute;
  top:0;
  overflow:hidden;
  transition:all 0.6s;
}
#main .row3 .fac:hover{
  width:33%;
  z-index:1;
}
#main .row3 .fac1{
  left:0;
}
#main .row3 .fac2{
  right:50%;
}
#main .row3 .fac3{
  right:25%;
}
#main .row3 .fac4{
  right:0;
}
#main .row3 .fac img{
  width:auto;
  height:100%;
  position:absolute;
  top:0;
}
#main .row3 .fac1 img{
  left:0;
}
#main .row3 .fac2 img{
  right:0;
}
#main .row3 .fac3 img{
  right:0;
}
#main .row3 .fac4 img{
  right:0;
}
#main .row3 .fac .txt-wrap{
	width:100%;
	height:100%;
	position:relative;
	background:rgba(0,0,0,0.5);
	opacity:0;
	transition:all 0.6s;
}
#main .row3 .fac:hover .txt-wrap{
	opacity:1;
}
#main .row3 .fac .txt-wrap p{
	width:100%;
	font-family: 'Noto Serif KR', serif;
	text-align:center;
	font-size:2.4rem;
	line-height:1em;
	color:#fff;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);

}
#main .row3 .fac .txt-wrap p span{
	display:block;
	width:120px;
	height:32px;
	margin:20px auto 0;
	font-family: 'Noto Sans KR', sans-serif;
	font-size:1.4rem;
	line-height:30px;
	border:1px solid #fff;
}

#main .row4{
  padding:160px 0;
  background:#fff;
}
#main .row4 h3 span{
  padding:30px 0 0;
  position:relative;
}
#main .row4 h3 span:after{
  content:"";
  display:block;
  width:60px;
  height:1px;
  background:#bebcb9;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-30px;
}
#main .row4 .offer-list{
  margin:80px 0 0;
  font-size:0;
}
#main .row4 .offer-list li{
  display:inline-block;
	vertical-align:top;
  width:calc((100% - 72px)/4);
  border:1px solid #efefef;
  font-size:1.4rem;
  margin-left:24px;
}
#main .row4 .offer-list li:first-child{
  margin:0;
}
#main .row4 .offer-list .thumb{
  width:100%;
  height:200px;
  position:relative;
  overflow:hidden;
}
#main .row4 .offer-list .thumb img{
	width:auto;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	transition:all 0.3s;
}
#main .row4 .offer-list a:hover .thumb img{
	transform:translateX(-50%) scale(1.1);
}
#main .row4 .offer-list .txt-wrap{
  padding:30px 20px;
  color:#292016;
}
#main .row4 .offer-list .txt-wrap h5{
  font-size:1.6rem;
  line-height:1em;
  font-weight:500;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
#main .row4 .offer-list .txt-wrap p{
  height:4.5em;
  margin:10px 0;
  opacity:0.7;
  line-height:1.5em;
	text-overflow:ellipsis;
	overflow:hidden;
	word-break:break-all;
}
#main .row4 .offer-list .txt-wrap span{
  display:block;
  line-height:1em;
  opacity:0.8;
}




/* subPage */

#section{
  min-height:100vh;
}
#section h3 span{
  padding:30px 0 0;
  position:relative;
}
#section h3 span:after{
  content:"";
  display:block;
  width:60px;
  height:1px;
  background:#bebcb9;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-30px;
}
#section .title{
  width:100%;
  height:360px;
  background:#999;
	overflow:hidden;
	position:relative;
}
#section .title:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	position:absolute;
	top:0;
	left:0;
}
#section.sub0101 .title{background:url(../img/sub/0101_1.jpg) no-repeat center/cover;}
#section.sub0102 .title{background:url(../img/sub/0101_1.jpg) no-repeat center/cover;}
#section.sub0201 .title{background:url(../img/sub/0205_suite1.jpg) no-repeat center/cover;}
#section.sub0301 .title{background:url(../img/sub/0301_title.jpg) no-repeat center/cover;}
#section.sub0302 .title{background:url(../img/sub/0302_title.jpg) no-repeat center/cover;}
#section.sub0303 .title{background:url(../img/sub/0303_title.jpg) no-repeat center/cover;}
#section.sub0304 .title{background:url(../img/sub/0304_title.jpg) no-repeat center/cover;}
#section.sub0401 .title{background:url(../img/sub/0205_suite1.jpg) no-repeat center/cover;}
#section.promo .title{background:url(../img/sub/promo_cover.jpg) no-repeat center/cover;}
#section.notice .title{background:url(../img/sub/promo_cover.jpg) no-repeat center/cover;}
#section.qa .title{background:url(../img/sub/promo_cover.jpg) no-repeat center/cover;}
#section .tab{
  width:100%;
  height:50px;
  border-bottom:1px solid #efefef;
  margin:0 0 80px;
}
#section .tab ul{
  font-size:0;
}
#section .tab li{
  display:inline-block;
  padding:0 20px;
  font-size:1.4rem;
  color:#bebcb9;
  line-height:48px;
}
#section .tab li.on{
  color:#315b7c;
  border-bottom:2px solid #315b7c;
  font-weight:500;
}
#section .tab .tit{
  height:50px;
  color:#3e362d;
  font-weight:500;
  padding-left:0;
}
#section .row{
  padding:0 0 80px;
  margin:80px 0 0;
  border-bottom:1px solid #efefef;
}
#section .row:last-child{
  border:0;
  padding:0 0 160px;
}
.img-wrap{
  position:relative;
  overflow:hidden;
}
.img-wrap img{
  width:100%;
  height:auto;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
#section h4{
  font-size:2.4rem;
  line-height:1em;
  margin:0 0 20px;
}
#section h5{
  margin:0 0 40px;
  font-size:2rem;
  color:#7e7973;
  font-weight:400;
}


/* 0101 */

.sub0101 .row1 .img-wrap{
  width:100%;
  margin:0 0 40px;
}
.sub0101 .row1 video{
	width:100%;
	height:auto;
}
.sub0101 .row1 p{
  line-height:1.5em;
}
#daumRoughmapContainer1603937403323{
	width:100%!important;
	height:100%;
}
#daumRoughmapContainer1603937403323 .wrap_map{
	height:100%!important;
}
.sub0101 .row2{
  font-size:0;
}
.sub0101 .row2 > div{
  display:inline-block;
	vertical-align:top;
  width:calc((100% - 24px)/2);
  font-size:1.4rem;
  line-height:1.5em;
  word-break:keep-all;
}
.sub0101 .row2 > div:first-child{
  margin:0 24px 0 0;
}
.sub0101 .row2 .img-wrap{
  width:100%;
  height:400px;
  margin:0 0 30px;
}
#section.sub0101 .row2 h5{
	margin:0 0 20px;
}


/* 0102 */

.sub0102 .row1 .map-wrap{
  width:100%;
  height:400px;
  margin:0 0 40px;
}
.sub0102 .row1 .contact{
  font-size:0;
  margin:0 0 60px;
}
.sub0102 .row1 .contact p{
  display:inline-block;
  font-size:1.6rem;
  line-height:2em;
  margin:0 24px 0 0;
}
.sub0102 .row1 .contact p span{
  display:inline-block;
  margin:0 10px 0 0;
  color:#7e7973;
}
.sub0102 .row1 .abridged div p b{
	display:inline-block;
	vertical-align:top;
	font-weight:400;
}
.sub0102 .row1 .abridged{
  text-align:center;
}
.sub0102 .row1 .abridged img{
  width:60%;
  height:auto;
}
.sub0102 .row1 .abridged div{
  margin:30px 0 0;
  text-align:left;
}
.sub0102 .row1 .abridged div p{
  margin:0 0 10px;
}
.sub0102 .row1 .abridged div p span{
  display:inline-block;
  width:240px;
  color:#7e7973;
}


/* 0201 */

.sub0201 .rm-img .img-wrap{
  width:100%;
  height:480px;
}
.sub0201 .rm-img .slick-arrow{
  width:50px;
  height:50px;
  position:absolute;
  bottom:-24px;
  font-size:1.8rem;
  color:#fff;
  border:0;
  z-index:1;
}
.sub0201 .rm-img .slick-prev{
  right:50px;
  background:#0e1b25;
}
.sub0201 .rm-img .slick-next{
  right:0;
  background:#315b7c;
}
.sub0201 .rm-info{
  margin:120px 0 80px;
  padding:80px 0;
  position:relative;
  font-size:0;
}
.sub0201 .rm-info:after{
  content:"";
  display:block;
  width:100vw;
  height:100%;
  background:#fbfbfb;
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  z-index:-1;
}
.sub0201 .rm-info p{
  display:inline-block;
  vertical-align:top;
  width:25%;
  margin:0 0 40px;
  font-size:1.6rem;
}
.sub0201 .rm-info p:nth-last-child(n+1):nth-last-child(-n+4){
  margin:0;
}
.sub0201 .rm-info p span{
  display:block;
  font-size:1.4rem;
  line-height:1em;
  margin:0 0 5px;
  color:#7e7973;
}
.sub0201 .rm-condition > div{
  margin:0 0 40px;
  font-size:0;
}
.sub0201 .rm-condition > div:last-child{
  margin:0;
}
.sub0201 .rm-condition > div span{
  display:inline-block;
  vertical-align:top;
  width:180px;
  font-size:1.6rem;
  line-height:2em;
  color:#7e7973;
}
.sub0201 .rm-condition > div p{
  display:inline-block;
	width:calc(100% - 180px);
  vertical-align:top;
  font-size:1.6rem;
  line-height:2em;
}
#section.sub0201 h4{
  text-align:center;
  margin:0 0 60px;
}
#section.sub0201 h5{
  font-size:1.6rem;
  line-height:1em;
  font-weight:500;
  margin:0 0 10px;
  color:#292016;
}
.sub0201 .row2 ul{
  font-size:0;
}
.sub0201 .row2 ul li{
  display:inline-block;
	vertical-align:top;
  width:calc((100% - 48px)/3);
  margin:0 0 0 24px;
}
.sub0201 .row2 ul li:first-child{
  margin:0;
}
.sub0201 .row2 ul li .img-wrap{
  width:100%;
  height:240px;
  margin:0 0 20px;
}


/* 0301 */

.sub0301 .row1 .img-wrap{
  width:100%;
  height:480px;
  margin:0 0 40px;
}
.sub0301 h4{
  color:#7e7973;
}

.sub0301 .row2 li{
  margin:0 0 30px;
  font-size:0;
}
.sub0301 .row2 li > div{
  display:inline-block;
  vertical-align:top;
}
.sub0301 .row2 li .img-wrap{
  width:calc((100% - 24px)/3);
  height:240px;
}
.sub0301 .row2 li .txt-wrap{
  width:calc((100% - 24px)/3*2);
  padding:30px;
  font-size:1.6rem;
}
.sub0301 .row2 li .txt-wrap p{
	line-height:1.5em;
}
.sub0301 .row2 h6{
  font-size:1.6rem;
  font-weight:500;
  margin:0 0 20px;
}
.sub0301 .row3 div{
  font-size:0;
}
.sub0301 .row3 div p{
  display:inline-block;
  width:25%;
  font-size:1.6rem;
  vertical-align:top;
  line-height:1.8em;
}
.sub0301 .row3 div p span{
  display:block;
  color:#7e7973;
  font-size:1.4rem;
  line-height:1em;
  margin:0 0 5px;
}
.sub0301 .row4 ul{
  font-size:0;
  line-height:0;
}
.sub0303 .row4 ul{overflow: hidden}
.sub0301 .row4 li{
  display:inline-block;
  vertical-align:top;
  width:calc((100% - 48px)/3);
  height:240px;
  margin:0 24px 24px 0;
}

.sub0304 .row4 ul{position: relative;}
.sub0304 .row4 li.img_v{height: 504px;float: right;margin: 0 !important}
.sub0303 .row4 li.img_v{height: 504px;float: right;margin: 0 !important}
.sub0301 .row4 li:nth-child(3n){
  margin-right:0;
}
.sub0304 .row4 li:nth-child(3n){margin-right: 24px;}
.sub0301 .row4 .info{
  border:1px solid #bebcb9;
  margin:24px 0 0;
}
.sub0301 .row4 .info h6{
  padding:10px;
  font-size:1.4rem;
  line-height:1em;
  background:#fbfbfb;
  color:#7e7973;
}
.sub0301 .row4 .info p{
  padding:20px 10px;
  font-size:1.4rem;
  line-height:1.5em;
}


/* reservation */
.sub0401 .row1{
	height:100%;
}
.sub0401 iframe{
	width:100%;
	height:100%;
	border:0;
	background:none;
}









/* 그누보드 */

.mbskin_box{
	font-size:1.4rem;
	line-height:1em;
}
.mbskin_box input{
	height:32px;
	padding:0 8px;
}
#mb_login #login_fs .btn_submit{
	background:#315b7c;
	color:#fff;
	border:0;
}

.btn_cke_sc{display:none;}








/* 게시판 내용 */
#section .board-phr .row{
	padding:0 0 40px;
	margin:40px 0 0;
	border:0;
}
#section .board-phr h4{
  margin:40px 0;
  color:#7e7973;
	font-size:2rem;
	line-height:1.4em;
	padding-bottom:40px;
	border-bottom:1px solid #efefef;
}
#section .board-phr h4 span{
	display:block;
	font-size:1.4rem;
	margin:10px 0 0;
}

.board-phr img{
	width:auto;
	max-width:100%;
	margin:0 auto;
	height:auto;
}

#section .board-phr .row1{
	text-align:center;
}
.board-phr p{
  font-size:1.5rem;
  line-height:1.8em;
}

.board-phr .promo-info li{
  font-size:0;
}
.board-phr .promo-info li span{
  display:inline-block;
  vertical-align:top;
  width:10%;
  padding:20px 30px 20px 0;
  font-size:1.5rem;
  line-height:1.8em;
  font-weight:500;
  color:#7e7973;
}
.board-phr .promo-info li p{
  display:inline-block;
  vertical-align:top;
  width:80%;
  padding:20px 0 20px 30px;
  border-left:2px solid #7e7973;
}
#section .board-phr .red{
	color:#984245;
}
#section .board-phr .blue{
	color:#315b7c;
}












/* tablet size */

@media all and (max-width:1199px){
	#header.on{
		background:rgba(41,32,22,0.5);
		position:fixed;
		top:0;
		left:0;
	}
	#header button{
	display:block;
	width:40px;
	height:40px;
	font-size:3.2rem;
	line-height:1em;
	color:#fff;
	border:0;
	position:fixed;
	top:20px;
	left:20px;
	z-index:100;
}
#header nav{
	width:100%;
	height:100vh;
	background:rgba(41,32,22,1);
	padding:100px 20px 40px;
	text-align:left;
	position:fixed;
	top:0;
	left:-100%;
	transition:all 0.3s;
}
#header nav.on{
	left:0;
}

#header .logo{
	float:none;
	width:100%;
	text-align:center;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
#header nav .gnb{
	display:block;
	width:100%;
	height:100%;
	overflow:auto;
	position:static;
	padding:0;;
}
#header nav .gnb .dep1{
	margin:20px 0;
}
#header nav .gnb .dep1:after{
	display:none;
}
#header nav .gnb .dep1 .dep2{
	max-height:none;
	position:static;
	margin:10px 0 0;
}
#header nav .gnb .dep1:hover .dep2{
	max-height:none;
}
.img-wrap img{
	width:auto;
	height:100%;
}
#main .row1 .main-visual{
	height:640px;
}
#main .row1 .resv{
	display:none;
}
#main .row2{
	padding: 80px 0;
}
#main .row3 .fac:hover{
	width:25%;
}
#main .row3 .fac .txt-wrap{
	opacity:1;
}
#main .row4{
	padding:80px 0;
}
#main .row4 .offer-list li{
	width:calc((100% - 48px)/4);
	margin-left:16px;
}

.sub0101 .row2 > div{
	width:calc((100% - 16px)/2);
}
.sub0101 .row2 > div:first-child{
	margin:0 16px 0 0;
}
.sub0201 .row2 ul li{
	width:calc((100% - 32px)/3);
	margin:0 0 0 16px;
}
.sub0101 .row2 .img-wrap{
	height:320px;
}
.sub0301 .row4 li{
	width:calc((100% - 32px)/3);
	height:200px;
	margin:0 16px 16px 0;
}
}

@media all and (max-width:1023px){
	#main .row2:after{
		height:240px;
	}
	#main .row2 .rm-type{
		height:320px;
	}
	#main .row2 .rm{
		height:280px;
	}
	#main .row2 .slick-center .rm{
		height:320px;
	}
	#main .row2 .slick-arrow{
		width:40px;
		height:40px;
	}
	#main .row4 .offer-list li{
		width:calc((100% - 16px)/2);
		margin:0 0 16px 16px;
	}
	#main .row4 .offer-list li:nth-child(3){
		margin-left:0;
	}
	#main .row4 .offer-list .thumb img{
		width:100%;
		height:auto;
	}
	.sub0101 .row2 .img-wrap{
		height:260px;
	}
	.sub0201 .row2 ul li .img-wrap{
		height:180px;
	}
	.float-reserve a{
		width:40px;
		height:40px;
	}
}







/* mobile size */

@media all and (max-width:767px){
	h3{
		font-size:2.4rem;
		line-height:1em;
	}
	.img-wrap img{
		width:auto;
		height:100%;
	}
	#main .row2 .slick-slide{
		margin:0 6px;
	}
	#main .row2 .rm-type{
		height:240px;
	}
	#main .row2 .rm{
		height:200px;
	}
	#main .row2 .slick-center .rm{
		height:240px;
	}
	#main .row2 .slick-arrow{
		width:34px;
		height:34px;
	}
	#main .row2 .slick-prev{
		left:0;
	}
	#main .row2 .slick-next{
		right:0;
	}
	#main .row3{
		height:auto;
		font-size:0;
		line-height:1em;
	}
	#main .row3 .fac{
		width:50%;
		height:240px;
		position:relative;
		top:auto;
		left:auto;
		right:auto;
	}
	#main .row3 .fac .txt-wrap p{
		padding:0 10px;
	}
	#main .row4 .offer-list li{
		width:100%;
		margin:0 0 16px;
	}
	#main .row4 .offer-list li:first-child{
		margin:0 0 16px;
	}
	#section .title{
		height:200px;
	}
	#section h4{
			line-height:1.4em;
	}
	#section .tab{
		height:40px;
		margin:0 0 40px;
	}
	#section .tab ul{
		width:100%;
		height:40px;
		overflow:auto;
		white-space:nowrap;
	}
	#section .tab li{
		padding:0 10px;
		line-height:38px;
	}
	#section .tab .tit{
		height:40px;
	}
	#section .row{
		padding:0 0 40px;
		margin:40px 0 0;
	}
	#section .row:last-child{
		padding:0 0 80px;
	}
	.sub0101 .row2 > div{
		width:100%;
	}
	.sub0101 .row2 > div:first-child{
		margin:0 0 16px;
	}
	.sub0102 .row1 .abridged img{
		width:100%;
	}
	.sub0102 .row1 .abridged div p b{
		display:block;
		margin:10px 0 0;
	}
	.sub0201 .rm-img .img-wrap{
		height:200px;
	}
	.sub0201 .rm-img .slick-arrow{
		width:40px;
		height:40px;
	}
	.sub0201 .rm-img .slick-prev{
		right:40px;
	}
	.sub0201 .rm-info p{
		width:33.334%;
	}
	.sub0201 .rm-condition > div span{
		display:block;
		width:100%;
		font-size:1.4rem;
	}
	.sub0201 .rm-condition > div p{
		display:block;
		width:100%;
		font-size:1.4rem;
	}
	.sub0201 .row2 ul li{
		display:block;
		width:100%;
		margin:0 0 20px;
	}
	.sub0201 .row2 ul li:first-child{
		margin:0 0 20px;
	}
	.sub0201 .row2 ul li .img-wrap{
		margin:0 0 10px;
	}
	.sub0201 .row2 ul li .img-wrap img{
		width:100%;
		height:auto;
	}
	.sub0301 .row1 .img-wrap{
		height:200px;
	}
	.sub0301 .row2 li .img-wrap{
		width:100%;
		height:280px;
	}
	.sub0301 .row2 li .txt-wrap{
		width:100%;
		padding:10px 0;
	}
	.sub0301 .row2 h6{
		margin:0 0 10px;
	}
	.sub0301 .row3 div p{
		width:100%;
		margin:0 0 20px;
	}
	.sub0301 .row4 li{
		width:100%;
		margin:0 0 10px;
	}
	.sub0301 .row4 li img{
		width:100%;
		height:auto;
	}
	.sub0304 .row4 li.img_v{margin-bottom: 10px !important;height: 400px}
	.sub0303 .row4 li.img_v{height: 400px;margin-bottom: 10px !important}
	.board-phr .promo-info li{
		margin:0 0 20px;
	}
	.board-phr .promo-info li span{
		display:block;
		width:100%;
		text-align:left;
		padding:0;
	}
	.board-phr .promo-info li p{
		display:block;
		width:100%;
		border-left:0;
		padding:0;
	}

}


/* 팝업 */

#hd_pop{}
#hd_pop .hd_pops{position:absolute; z-index:10;}
#hd_pop .hd_pops_footer{background:rgba(0,0,0,0.7); padding:5px;}
#hd_pop .hd_pops_footer button{border:0; color:#fff; font-size:1.2rem;}
#hd_pop .hd_pops_footer .hd_pops_close{float:right;}
#hd_pop .btn-poplink{transition:all 0.3s;}
#hd_pop .btn-poplink:hover{background:rgba(0,0,0,0.5);}
#hd_pop .slick-arrow{width:24px; height:24px; border:0; color:#fff; position:absolute; top:228px; z-index:1; font-size:1.8rem;}
#hd_pop .slick-prev{left:0;}
#hd_pop .slick-next{right:0;}
#hd_pop .slick-dots{font-size:0; text-align:center; position:absolute; bottom:0; left:0; width:100%;}
#hd_pop .slick-dots li{display:inline-block; padding:2px;}
#hd_pop .slick-dots li button{border:0; width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.5); font-size:0;}
#hd_pop .slick-dots li.slick-active button{background:#fff;}


@media all and (max-width:1199px){
	#hd_pop .hd_pops{top:50%!important; right:auto!important; left:50%; transform:translate(-50%,-50%); }
}