*{margin: 0;padding: 0;box-sizing: border-box;}


#skip{position:fixed;top:-9999px;left:0;z-index:1000;width:240px;height:30px;background:#676462;}
#skip a{display:block;height:30px;padding:0 0 0 20px;line-height:30px;font-size:12px;color:#333;}
#skip.on{top:0;}
#header-sticky-wrapper { position:absolute; width:100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease ; transition: all 0.3s ease; z-index:30; }
/*.about .sticky-wrapper, .room .sticky-wrapper { top:99.9vh; opacity:0; filter: alpha(opacity=0;);}
.preview .sticky-wrapper { top:49px !important; opacity:0; filter: alpha(opacity=0;);}*/


/*menu*/
.dash-list li{padding-left: 7px; position: relative;}
.dash-list li::before{position: absolute; top: 0; left: -3px; content: "-";}
.hd{position: fixed;top: 0;left: 0;z-index: 1000;width: 100%;/*pointer-events: none;*/height: 80px;transition: background-color 0.4s 0.4s;/*border-bottom: 1px solid #fff;*/}
.hd .inner-con{z-index: 1;max-width: 75%;margin: auto;}
.hd .logo{position: relative;z-index: 1;float: left;left: 42%;right: 0;text-align: center;margin: auto;margin-top: 8px;pointer-events: all;transition: 1.2s;}
.hd .hd-btn-wrap{pointer-events: all; transition: 0.4s;}
.hd .logo img{position: absolute;transition: 0.4s;width: 170px;}
.hd .logo img.black_logo{visibility: hidden; opacity: 0;}
.hd.on .logo img.black_logo{visibility: visible; opacity: 1;}
.hd.on .logo img.white_logo{opacity: 0;}

.hd .hd-btn-wrap{float: left;margin-top: 25px;}
.hd .hd-btn-wrap .reser-li{margin-top: -2px;right: 14%;position: relative;text-align: center; z-index:99; margin-right:13px;}
.hd .hd-btn-wrap .reser-li p{font-size:14px;}

.hd.fixed .hd-btn-wrap .reser-li.n-pay a img.n-pay-b{visibility: visible; opacity: 1; }
.hd.fixed .hd-btn-wrap .reser-li.n-pay a img.n-pay-w{visibility: hidden; opacity: 0; }

.hd .hd-btn-wrap li{float: right;}
.hd .hd-btn-wrap li a{color: white;font-size: 32px;}
.hd.on .hd-btn-wrap li a{color:#695d49;}
.hd .menu-btn{width: 40px;height: 30.5px;position: relative;cursor: pointer;z-index:999;}
.hd .menu-btn .line{display: block;height: 1px;background-color: white;border-radius: 10px;position: absolute;top: calc(50% - 2px);left: 0;transition: 0.6s;}
.hd .menu-btn p {margin-top: 33px; text-align:center;font-size: 16px;}
.hd .menu-btn.on p {color:#695d49;}

.hd .menu-btn .line1{width: 35px; transform: translateY(-8px);}
.hd .menu-btn .line2{width: 30px;/* transform: translateX(5px); */}
.hd .menu-btn .line3{width: 25px;transform: translateY(8px) translateX(0px);}

.hd .menu-btn.on .line1{transform: rotate(45deg); background-color:#695d49;}
.hd .menu-btn.on .line2{transform: translateX(-30px); opacity: 0; width: 35px;background-color:#695d49;}
.hd .menu-btn.on .line3{transform: rotate(-45deg); width: 35px;  background-color:#695d49;}


.hd .sns-wrap{float: right;margin-top: 15px;}
.hd .sns-wrap li{float: left;margin-left: 0;position: relative;z-index: 9;text-align: center;margin-left: 12px;line-height: 1.5;}
.hd .sns-wrap li a {color:#fff;z-index: 50;}
.hd .sns-wrap li a span {font-size: 12px;display: block;font-family: 'Pretendard-Regular';}
.hd .sns-wrap li img{transition: 1.2s;}
.hd .sns-wrap li .ico_c{position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0;}
.hd.on .sns-wrap li a{color: #454a5f;font-family: 'Pretendard-Regular';}

.hd .menu-con-wrap{width: 100vw;height: 100vh;background-color: #fbf6f4;position:absolute;top: 0;left: 0;z-index: 0;visibility: hidden;opacity: 0;pointer-events: none;transition: 0.4s;padding: 5% 13%;}
.hd.on .menu-con-wrap{visibility: visible; opacity: 1; pointer-events: all;}

.hd.fixed{background-color: #f4eee8;border-bottom: none;}
.hd.fixed .hd-btn-wrap li a{color: #695d49;}

.hd.fixed .menu-btn .line{background-color: #7a7474;box-shadow: none;}
.hd.fixed .logo{/* margin-top: 13px; */}
.hd.fixed .hd-btn-wrap{margin-top: 25px;}
.hd.fixed .menu-btn p{color:#695d49;}
.hd.fixed .logo img.white_logo{visibility: hidden; opacity: 0;}
.hd.fixed .logo img.black_logo{visibility: visible; opacity: 1;}
.hd.fixed .sns-wrap li a{color: #7a7474;line-height: 1.8;}

.hd .menu-con-wrap .menu-wrap{width: 44%;float: left;text-align: center;}
.hd .menu-wrap > ul > li{position: relative;margin-bottom: 35px;}
.hd .menu-wrap > ul > li:first-of-type{margin-top: 109px;}
.hd .menu-wrap > ul > li a{font-size: 30px;font-weight: 500;font-family: 'Athena-Regular';color: #877d7d;/* transition: 0.3s; */}
.hd .menu-wrap > ul > li.on .bg{color: #62594b;background: linear-gradient(0deg, #f7e5d6 50%, transparent 38%);transition:0.5s;z-index: -0;}
.hd .menu-wrap .sub-menu li.on a {color: #5a2525;}

.hd .menu-wrap .sub-menu{position: inherit;/* left: 20vw; *//* top: 20px; */transform: rotate(0.03deg);/* opacity: 0; *//* visibility: hidden; *//*pointer-events: none;*/transition: 1.2s;opacity: 1;z-index: 300;/* padding-left: 35px; */}
/*.hd .menu-wrap .sub-menu::before{content: "";display: block;width: 20px;height: 1px;background-color: #877d7d;opacity: 0.5;position: absolute;top: 15px;left: 0;}*/

.hd .menu-wrap > ul > li.on .sub-menu{/* visibility: visible; *//* opacity: 1; *//* pointer-events: all; */}

.hd .menu-wrap .sub-menu li{margin-right: 10px;font-family: GothamLight;display:inline-block;}
.hd .menu-wrap .sub-menu li a:hover{font-weight: bold;/* transition: 0.3s; */}
.hd .menu-wrap .sub-menu li a{color: #877d7d;line-height: 1.8;display: inline-block;font-size: 14.5px;letter-spacing: -0.2px;font-family: 'Pretendard-Regular';}
.hd .menu-con-wrap .menu-img{width: 39%;/* float: right; */right: 190px;height: 100%;position: absolute;}
.hd .menu-con-wrap .menu-img .img{width: 85%;height: 74%;background-size: cover;background-repeat: no-repeat;background-position: center;visibility: hidden;opacity: 0;transition: 0.8s;position: absolute;border-radius: 15%  5% 15% 0%;box-shadow: 20px 19px #f7e5d6;margin-top: 20px;}
.hd .menu-con-wrap .menu-img .img.on{visibility: visible; opacity: 1;}

.hd .menu-con-wrap .menu-add{margin-top: 6.5vh;color: #877d7d;width: auto;border-top: 1px solid #877d7d;padding-top: 15px;}
.hd .menu-con-wrap .menu-add p{font-size: 14px;font-family: 'Pretendard-Regular';}
.hd .menu-con-wrap .menu-add a{font-size: 13px;font-family: 'Pretendard-Regular';color: #877d7d;}

.down {background-color: #fbfcff !important;-webkit-transition-duration:0.4s;-webkit-transition-timing-function:ease;transition-duration:0.4s;transition-timing-function:ease;box-shadow: 0px -1px 20px 0px #e9eaef;}


.mo_sub{display:none;}

/* footer */

footer {padding: 15px 0px 20px 0px;/* background:#f5eee5; */border-top:none !important;}
.footer_com {max-width:1300px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;position: relative;text-align:center;color:#565656;font-family: 'Pretendard-Light';}
.footer_com a{color:#7e7e7e;}
.bg-dark { background: #292929;}
.col-md-3 {width: 29%;float: left;margin:2% 2% 2.5% 2%;}
.widget .title {font-size: 11px;line-height: 24px;font-weight: 700;text-transform: uppercase;letter-spacing: 5px;margin-bottom: 12px;font-family: 'Didact Gothic', sans-serif;color: #8f8f8f;}

.widget ul li{font-size: 13px;line-height: 1.8;letter-spacing:-0.2px;font-family: 'Pretendard-Light';}
.fottop{  display: block; text-align: center; width: 5%; float:right; font-size:20px;  margin: 1px auto 15px;}  

hr {display: block; height: 1px;  border: 0;  border-top: 1px solid #ccc;  margin: 0.5em 0;padding: 0;}

.info-fot .sub {font-size: 12px;width: 100%;display: inline-block;}
.info-fot .sub b:before {content: "";display: inline-block;background-image: url("http://hi-web.co.kr/web/img/hi_web_s.png");vertical-align: middle;width: 20px;height: 20px;background-size: cover;background-position: center;margin: 0 0 1px 4px;}




/* mo */
@media all and (max-width : 1680px){	
	.hd .menu-wrap > ul > li:first-of-type {margin-top: 50px;}
	.hd .menu-wrap > ul > li{margin-bottom: 25px;}
	
	.hd .menu-con-wrap{padding: 4% 15%;}
	.hd .menu-con-wrap .menu-img .img{margin-top: 80px;}
	.hd .menu-wrap .sub-menu li a{font-size: 14px;}
	.hd .menu-wrap .sub-menu li{margin-right: 5px;}
	


}

@media all and (max-width : 1550px){	
	.hd .menu-con-wrap{padding: 5% 10%;}
	.hd .menu-con-wrap .menu-img{right: 35px;}
	
	.hd .logo{left: 40%;}
	.hd .logo img {width: 157px;}
	
	.hd .menu-wrap > ul > li{margin-bottom: 17px;}
}


@media all and (max-width : 1025px){	
	
	
	.top-btn{display:none !important;}
	.widget .title{margin:12px auto 0px;}
	.footer_com{width:100%;}
	.col-md-3{width:100%; float:inherit; margin:0%;} .rowinfo{margin-top:15px;}
	.widget ul li{font-size:11px;}
	
	.sub-menu .split{width:auto; float:none; display: inline-block;}
	
}

@media all and (max-width : 950px){	
	.hd .menu-con-wrap{padding: 5% 5%;}
.hd .menu-con-wrap .menu-img{width: calc(100%);height: 55vw;position: absolute;right: 0;bottom: 0; display: none;}
	.hd .menu-con-wrap .menu-img .img{width: 100%; height: 100%; border-radius:0 0 0 0;}
	
	.hd .logo{left: 30%;/* right: 0; *//* margin: auto; *//* width: 100%; */}
	
	.hd .menu-con-wrap .menu-add{display: none;}
	
	.hd .menu-con-wrap .menu-wrap{width: 100%;}
}

@media all and (max-width : 600px){
	.hd .inner-con{max-width: 95%;}
	.hd .menu-wrap > ul > li a{font-size: 20px;}
	.hd .menu-wrap .sub-menu li a{font-size: 13px;}

	.hd .menu-wrap > ul > li{margin-bottom: 10px;}
	.hd .menu-con-wrap .menu-add{ display: none;}
	
	.hd .menu-con-wrap .menu-img .img{margin-top: 0;}
	
	.hd .logo img{width: 160px;}
	.hd .menu-wrap > ul > li:first-of-type{margin-top: 80px;}
	

}