/*hd*/
.hd{/*position: fixed;*/ top: 0; left: 0; width: 100%; z-index: 50;}
.down { background-color:#fff !important; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; transition-duration:0.4s; transition-timing-function:ease;}

.hd-menu {padding-top: 15px;position: fixed;z-index: 51;transition: 0.4s;width: 100%;height: 70px;/* border-bottom: 1px solid rgba(255,255,255,0.5); */}
.hd-menu .inner-con{display: flex;justify-content: space-between;align-items: center;}
.hd-menu .hd-menu-wrap{display: none;}
.hd-menu .logo{position: absolute;left: 0;text-align: center;margin: auto;right: 0;top: -20px;opacity: 1;width: max-content;}
.hd-menu .logo img {width: 8vw;padding-top: 9%;}
.hd-menu .logo_b {display: none;} .hd-menu .logo_w {display: block;}

.hd-menu .menu-btn{display: flex; align-items: center; cursor: pointer;}
.hd-menu .menu-btn .menu-ico{position: relative;width: 30px;height: 30px;}
.hd-menu .menu-btn .menu-ico .line{width: 100%;height: 3px;display: block;background-color: #fff;position: absolute;top: calc(50% - 1.5px);transition: 0.4s;}
.hd-menu .menu-btn .menu-ico .line1{transform: translateY(-8px);}
.hd-menu .menu-btn .menu-ico .line2{transform: translateY(8px);}
.hd-menu .menu-btn h5{font-size: 13px;font-weight: 400;margin-left: 10px;line-height: 1;padding-top: 0.4em;color: #fff;}

.hd .hd-box{background-color: #fffbf8;transform: translateY(-100%);position: fixed;top: 0;width: 100%;padding-top: 78px;transition: 0.8s;z-index: 50;}
.hd .hd-box .inner-con{display: flex;justify-content: space-between;padding-bottom: 25px;opacity: 0;transition: 0.8s;transition-delay: 0;}
.hd .hd-box .list {display: flex;align-items: flex-start;text-align: center;}
.hd .hd-box .list .main-menu > li{padding: 0 1.2vw;}
.hd .hd-box .list .main-menu > li > a{font-size: 18px;font-weight: 900;font-family: 'Pretendard-Regular';letter-spacing: -0.5px;color: #5f5f5f;line-height: 1.6;}

.hd .hd-box .list .main-menu > li > .room {color: #bb6464;}

.hd .hd-box .list .main-menu > li > a::after{content: "";width: 100%;height: 1px;background-color: #a38888;display: block;transform: scaleX(0);transition: 0.6s;transform-origin: left;margin-top: -0.2em;margin-bottom: 0.2em;}
.hd .hd-box .list .main-menu > li:hover > a::after{transform: scaleX(1);}
.hd .hd-box .list .main-menu .sub-menu {margin-top: 8px;}
.hd .hd-box .list .main-menu .sub-menu li {/* margin-right: 12px; */}
.hd .hd-box .list .main-menu .sub-menu a{font-size: 15px;color: #909090;line-height: 1.5;letter-spacing: 0.5px;transition: 0.6s;font-family: 'Pretendard-Regular';text-transform: capitalize;}
.hd .hd-box .list .main-menu .sub-menu a:hover{color: #000;}
.hd .hd-box .list .main-menu .delete-sub .sub-menu{display: none;}
.hd .hd-box .menu-img-wrap{position: relative;width: 40%;}
.hd .hd-box .menu-img-wrap li .img {/* border-radius: 20px; */width: 600px;height: 350px;display: block;background-position: center;background-size: cover;}
.hd .hd-box .menu-img-wrap li:nth-of-type(n+2){position: absolute;top: 0;left: 0;}
.hd .hd-box .menu-img-wrap li{opacity: 0;transition: 0.8s;}
.hd .hd-box .menu-img-wrap li.on{opacity: 1;}
.hd .hd-box .hd-menu-wrap{display: flex;flex-flow: column;justify-content: space-between;align-items: flex-start;padding-top: 35px;padding-left: 20px;/* margin: auto; */}
.hd .hd-box .sns-wrap{display: flex;}
.hd .hd-box .sns-wrap li{margin-right: 20px;}
.hd .hd-box .sns-wrap a{color: #323835; font-size: 14px; font-weight: 400; font-family: "Poppins",sans-serif; letter-spacing: 0.05em;}
.hd-sns-wrap a.first{border-left: none !important;}

.hd-sns-wrap .reser-list {display: contents;}
.hd-sns-wrap a{font-size: 14px;line-height: 2;color: #fff;margin-left: 6px;border-left: 1px solid;padding-left: 10px;font-family: 'Pretendard-Regular';}

.main-menu .sub_me {font-size: 13px;font-weight: 600;background: #926c64;color: #fff;padding: 1px 0;margin-top: 9px;line-height: 1.3;letter-spacing: 2px;}


.hd.click .hd-menu .menu-btn .line1{transform: rotate(45deg);}
.hd.click .hd-menu .menu-btn .line2{transform: rotate(-45deg);}
.hd.click .hd-box{transform: translateY(0);}
.hd.click .hd-box .inner-con{opacity: 1; transition-delay: 0.65s;}
.hd.click .hd-menu .logo_b {display: block;} .hd.click .hd-menu .logo_w {display: none;}
.hd.click .hd-menu .menu-btn .menu-ico .line {background: #565656;}
.hd.click .hd-menu .menu-btn h5 {color: #565656;}
.hd.click .hd-sns-wrap a {color: #565656;}

.hd.down .hd-menu{background: #fffbf8;}
.hd.down .hd-menu .logo_b {display: block;} .hd.down .hd-menu .logo_w {display: none;}
.hd.down .hd-menu .menu-btn .menu-ico .line {background: #565656;}
.hd.down .hd-menu .menu-btn h5 {color: #565656;}
.hd.down .hd-sns-wrap a {color: #565656;}


/*ft*/
.ft{background: #ffffff;}
.ft .footer-box{padding: 20px 0 50px;}
.ft .footer-box .inner-con{display: block;max-width: 1350px;}
.ft .footer-box .ft-tel{font-size: 27px;font-weight: bold;font-family: "ivymode", sans-serif;color: #976e5e;letter-spacing: 2px;text-align: center;display: block;border-bottom: 1px solid #bdaaaa;padding-bottom: 10px;}
.ft .footer-box .txt{/* display: flex; */justify-content: space-between;width: 100%;margin-top: 20px;}
.ft .footer-box .txt .ft-txt-wrap{text-align: center;}

.ft .footer-box .txt img {width: auto;display: none;}
.ft .footer-box .txt h5{font-size: 19px;font-weight: bold;color: #976e5e;margin: 12px 0 15px;font-family: 'Pretendard-Light';opacity: 0.8;text-transform: capitalize;letter-spacing: 3px;}
.ft .footer-box .txt p{font-size: 16px;font-weight: 400;color: #5a5a5a;line-height: 2;margin-bottom: 22px;opacity: 0.9;letter-spacing: 0.5px;font-family: 'Pretendard-Regular';}
.ft .footer-box .txt p span{display: block;}
.ft .footer-box .txt p span img{width: 30px; display: block; margin-left: 5px;}
.ft .footer-box .nav .list{text-align: center;}
.ft .footer-box .nav .list .main-menu > li > a{font-size: 17px;font-family: 'Pretendard-Regular';font-weight: 900;color: #1f4e6f;opacity: 0.8;letter-spacing: 1px;}

.ft .footer-box .nav .list{display: flex; align-items: flex-start;}
.ft .footer-box .nav .list .menu-list{display: flex; align-items: flex-start;}
.ft .footer-box .nav .list .main-menu{margin: 0 15px;}
.ft .footer-box .nav .list .main-menu .sub-menu{margin-top: 10px;}
.ft .footer-box .nav .list .main-menu .sub-menu a{font-size: 13px;font-weight: 400;color: #5a5a5a;line-height: 1.6;font-family: 'Pretendard-Regular';}

.ft .ft-info-depth2{padding-top: 30px; border-top: 1px solid #e4e4e4; padding-bottom: 35px;}
.ft .ft-info-depth2 .ft-inner{display: flex; justify-content: space-between;}
.ft .ft-info-depth2 h5{font-size: 12px; font-weight: 400; color: #716c55;}
.ft .ft-info-depth2 h5 a{color: #716c55;}
.ft .ft-info-depth2 .login{font-size: 14px; font-family: "Noto Sans KR";color: #716c55;}
.ft .ft-info-depth2 .login::after{content: ""; display: block; width: 100%; height: 1px; background-color: #716c55;}

.ft .address p:last-of-type img{width: 30px;}
.footer .add-info img{width: 25px;}

.top-btn{width: 4%;/*height: -2px;*/position: absolute;right: 0%;bottom: 50px;font-size: 15px;color: #838383;z-index: 10;cursor:pointer}



.copyright a 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 4px 4px 4px;}




/*-------------*/


@media all and (max-width: 1680px){
	.hd-menu .logo img{width: 10vw;}
/*	.hd .hd-box .list .main-menu > li{padding-right: 3vw;}*/
	.hd .hd-box .menu-img-wrap{width: 30%;}
	.hd .hd-box .menu-img-wrap li .img {width: 440px; height: 285px;}
	.hd .hd-box .list .main-menu > li > a{font-size: 18px;}
	
	.ft .footer-box .inner-con{max-width: 1100px;}
}



@media all and (max-width: 1485px){
	.hd-menu .inner-con{max-width: 90%;}
	.hd .hd-box .inner-con{max-width: 90%;}
	
	.hd .hd-box .menu-img-wrap{width: 40%;}
	.hd .hd-box .menu-img-wrap li .img{width: 490px; height: 250px;}
	.hd .hd-box .list .main-menu .sub-menu li{line-height: 1.25;}
	
	.hd .hd-box{padding-top: 80px;}
	.hd .hd-box .list .main-menu > li{padding: 0 1.5vw;}
	.hd .hd-box .list .main-menu .sub-menu a{font-size: 13px;}
	.hd-menu{padding-top:  10px; height: 60px;}
	
	.hd .hd-box .hd-menu-wrap{padding-left: 0; padding-top: 0px;}
}
@media all and (max-width: 1280px){
	.hd .hd-box .list .main-menu > li {padding-right: 2.5vw;}
}

@media all and (max-width: 1025px){
	.hd .hd-box {height: 100%;}
    .hd .hd-box .inner-con{flex-flow: column; align-items: flex-end;}
    .hd .hd-box .menu-img-wrap{width: 300px; margin-top: 50px;}
    .hd .hd-box .sns-wrap{margin-top: 50px;}
    .hd .hd-box .menu-img-wrap img{width: 100%;}
	.hd .hd-box .list .main-menu > li{padding: 0 2vw;}
	.hd .hd-box .menu-img-wrap{display: none;}
	.hd .hd-box .list .main-menu > li > a{font-size: 26px;}

	.hd-menu{height: 70px;}
	.hd-menu .logo img{padding-top: 15%;}

    .hd .hd-box .list .main-menu .sub-menu a{font-size: 15px;}
    .hd .hd-box .hd-menu-wrap{width: 100%;}
	

    .hd-menu .menu-btn h5{font-size: 12px; padding-top: 0;}
    .hd-menu .menu-btn .menu-ico{width: 32px; height: 32px;}
    .hd-menu .logo img{display: block;width: 100%;}
    .hd-menu .logo{width: 15%;}
	
	.ft .footer-box .inner-con{max-width: 95%;}
	.ft .footer-box .nav{display: none;}
    .ft .footer-box .txt{justify-content: center; }
    .ft .footer-box .inner-con{align-items: center;}
    .ft .footer-box .txt .ft-txt-wrap{text-align: center;}
	
	.top-btn{display: none !important;}
	
	.hd-sns-wrap .reser-list{display: block;line-height: 1;}
	.hd-sns-wrap a{border: none;}
	
}

@media all and (max-width: 850px){
	.hd .hd-box .list .main-menu > li{padding: 0;margin-bottom: 10px;}
	.hd .hd-box .hd-menu-wrap{display: block;}
	.hd .hd-box .list{display: block;}
	
	.hd-menu .logo{width: 13%;top: -10px;}
	
	.hd .hd-box .list .main-menu .sub-menu li {display: inline-block;margin: 0 3px;}
	
	.ft .footer-box .txt img{width: 30vw;}
	
}

@media all and (max-width: 770px){
	.hd-menu .logo{width: 25%; top: -25px;}
}



@media all and (max-width: 555px){
	.hd-menu .logo{width: 30%;}
	.hd .hd-box .list .main-menu > li > a{font-size: 17px;}
	.hd .hd-box .list .main-menu .sub-menu a{font-size: 12px;}
	
	.hd-sns-wrap a{font-size: 12px;}
	.ft .footer-box .txt p{font-size: 13px; letter-spacing: -0.5px;}

}



@media all and (max-width: 485px) {
	
	.hd-menu .logo{width: 40%; top: -15px;} .hd-sns-wrap a{font-size: 12px;}
	.hd-menu .menu-btn .menu-ico{width: 20px;}
	.hd .hd-box .list .main-menu > li{margin-bottom: 15px;}
	.ft .footer-box .txt p{font-size: 12px;}
	
	
}