/*header*/

.hd{background-color: #fff;position: fixed;width: 100%;z-index: 50;transition: 0.8s;height: 65px;}
.hd > .inner-con{/* display: flex; */align-items: flex-start;justify-content: space-between;}
.hd .menu-container{/* display: flex; */align-items: flex-start;max-width: 1280px;margin: auto;}
.hd .menu-container .logo{width: 151px;display: block;margin: auto;margin-top: 5px;left: 0;right: 0;position: absolute;}
.hd .menu-container .logo img{width: 100%; display: block;}

.hd .menu-container .main-menu-wrap{display: flex;align-items: flex-start;text-align: center;}
.hd .menu-container .main-menu-wrap > li{padding: 0 5px;position: relative;}
.hd .menu-container .main-menu-wrap > li > a{letter-spacing: 1px;font-size: 13px;line-height: 59px;padding: 0 20px;display: block;font-family: 'Pretendard-Regular';font-weight: 100;color: #5d5d5d;}
.hd .menu-container .main-menu-wrap .sub-menu .inner-con > li{/*margin-right: 25px;*/display: inline-block;}


.hd .menu-container .main-menu-wrap .view-menu .sub-menu .inner-con > li{width: 22%;display: block;text-align: center; }
.hd .menu-container .main-menu-wrap .special-menu .sub-menu .inner-con > li{width: 35.5%;display: block;text-align: center;}
.hd .menu-container .main-menu-wrap .review-menu .sub-menu .inner-con > li{width: 51.5%;display: block;text-align: center;}


.hd .menu-container .main-menu-wrap .sub-menu{position: fixed;top: 58px;left: 0;width: 100%;height: 0px;overflow: hidden;transition: 0.8s;text-align: left;pointer-events: none;}
.hd .menu-container .main-menu-wrap .sub-menu .inner-con{}
.hd .menu-container .main-menu-wrap li .sub-menu .inner-con{/* display: inline-flex; */align-items: flex-start;padding-top: 14px;opacity: 0;transition: 0.8s;max-width: 1280px;margin: auto;}
.hd .menu-container .main-menu-wrap li.on .sub-menu .inner-con{opacity: 1; transition: 0.8s;}
.hd .menu-container .main-menu-wrap li.on .sub-menu {background-color: #fff; pointer-events: all;}

.hd .menu-container .main-menu-wrap li .sub-menu .mo_spmenu {display:none;}


.hd .menu-container .main-menu-wrap li .sub-menu a{font-size: 14px;letter-spacing: -0.5px;}
.hd .menu-container .main-menu-wrap li .sub-menu .room-sub-list{/* display: contents; */margin-right: 55px;text-align: center;}
.hd .menu-container .main-menu-wrap li .sub-menu .room-sub-list > a{font-size: 13px;font-weight: bold;letter-spacing: 2px;text-align: center;padding-top: 48px;line-height: 0; pointer-events : none;}
.hd .menu-container .main-menu-wrap .sub-menu .double-depth-menu{margin-top: -0.05em;}
.hd .menu-container .main-menu-wrap .sub-menu .double-depth-menu a{font-size: 14px;font-weight: 400;letter-spacing: -0.5px;}
.hd .menu-container .main-menu-wrap .sub-menu .double-depth-menu a .ft-txt{display: none;}
.hd .menu-container .main-menu-wrap > li::after{content: "";display: block;width: 100%;height: 2px;background-color: #737373;position: absolute;bottom: 0;left: 0;transform: scaleY(0);transform-origin: bottom;transition: 0.6s;}
.hd .menu-container .main-menu-wrap > li.on::after{transform: scaleY(1);}

.hd .menu-container .main-menu-wrap .sub-menu a:hover{color: #b3a496;}

.hd-btn-wrap{display: flex;float: right;line-height: 0;}

.hd .sns_btn_n {color: #01c05a;}
.hd .sns_btn{padding-left: 20px;top: -45px;position: relative;text-align: center;line-height: 1.5;}
.hd .sns_btn .icon {/* color: #5d5d5d; */transition: 0.6s;font-weight: 600;}
.hd .sns_btn .icon:hover {color: #b3a496;}

.hd .sns_btn .txt{font-size: 11.5px;letter-spacing: -0.8px;/* padding-left: 7px; */font-family: 'Pretendard-Regular';/* display: none; */display: block;text-align: center;}

.hd .sns_btn01{background: #333;color: #fff;padding: 6px 13px;top: -45px;border-radius: 50px;}
.hd .sns_btn01 .icon {font-weight: 600;font-size: 11px;vertical-align: baseline;padding-right: 6px;}
.hd .sns_btn01 .txt{font-size: 13px;letter-spacing: -0.8px;padding-right: 7px;font-family: 'Pretendard-Regular';display: inline-block;}

	
.hd.on .menu-container .main-menu-wrap li .sub-menu{ transition: height 0.8s }
.hd.on .menu-container .main-menu-wrap li .sub-menu.room_sub_menu{height: 180px;}
.hd.on .menu-container .main-menu-wrap li .sub-menu.sp_sub_menu{height: 180px;}
.hd.on .menu-container .main-menu-wrap li .sub-menu{height: 145px;  transition: 0.8s;}	

.sub-menu .split.split01 {margin: 0px 12px 0;}
.sub-menu .split {margin: 0px 3px 0;display: inline-block;width: auto;padding-right: 0;}
	




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


footer {padding: 15px 0px 45px 0px;background: #fbfbfb;position: inherit;z-index: 99;}
footer .frame {display:flex;flex-direction:column;width:100%;max-width:1600px;text-align:center;margin:auto;box-sizing:border-box;}
footer .frame h1,footer .frame .menu {display:flex;justify-content:center;}
footer .frame h1 img {width: 26%;opacity: 0.6;}
footer .frame .menu li {margin: 33px 0;border-right: 1px solid #ccc;}
footer .frame .menu li a {font-size: 13px;line-height: 0;color: #5b5b5b;display:block;padding: 13px;text-transform: uppercase;letter-spacing: 0px;font-family: 'Pretendard-Regular';}
footer .frame .menu li:last-child {border: none;}
footer .frame p {color: #575757;font-size: 13px;line-height: 2.5;font-family: 'Pretendard-Regular';letter-spacing: -0.5px;}
footer .frame p b {margin:0 5px;}
footer .frame .address p:last-child {  margin-bottom: 23px;}

.info-fot .sub {font-size: 12px;display: flow-root;width: 100%;}
.info-fot .sub 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 1px 4px 4px;}



/* media */
@media all and (max-width : 1600px){
	.hd .menu-container{max-width: 1200px; }
	.hd .menu-container .main-menu-wrap li .sub-menu .inner-con {max-width: 1200px;}
	
	footer .frame{max-width: 100%;}
	
	.hd .menu-container .main-menu-wrap .view-menu .sub-menu .inner-con > li{width: 22%;transform: translateX(10px);}
	.hd .menu-container .main-menu-wrap .special-menu .sub-menu .inner-con > li{width: 35.5%;transform: translateX(20px);}
	.hd .menu-container .main-menu-wrap .review-menu .sub-menu .inner-con > li{ width: 51%; transform: translateX(22px);}
}

@media all and (max-width : 1445px){
	
	.hd .menu-container .main-menu-wrap .view-menu .sub-menu .inner-con > li{width: 20%;}
	.hd .menu-container .main-menu-wrap .special-menu .sub-menu .inner-con > li{width: 34.5%;}
	
	
	.hd .menu-container{max-width: 1150px; }
	.hd .menu-container .main-menu-wrap li .sub-menu .inner-con {max-width: 1150px; padding-left: 20px;}

}

@media all and (max-width : 1375px){
	
	.hd .menu-container{max-width: 1000px; }
	.hd .menu-container .main-menu-wrap li .sub-menu .inner-con{max-width: 1000px; }
	
	.hd .menu-container .main-menu-wrap .view-menu .sub-menu .inner-con > li{width: 23%;}
	.hd .menu-container .main-menu-wrap .special-menu .sub-menu .inner-con > li{width: 39%;}
	.hd .menu-container .main-menu-wrap .review-menu .sub-menu .inner-con > li{width: 58%;}
	
	
}


@media all and (max-width : 1025px){	
	
	.hd{height: 60px;}
	
	.hd .menu-container{max-width: 95%; }
	
	.hd .menu-container{max-width: 95%;/* margin: auto; */}
	.hd  .hd-btn-wrap{display: flex; align-items: flex-start; justify-content: end;}
    .hd .menu-btn{display: block;width: 30px;height: 30px;position: relative;z-index: 15;margin-top: -27px;}
    .hd .menu-container .main-menu-wrap li .sub-menu .inner-con{width: 100%;}
    .hd .menu-btn .line{width: 100%; height: 1px; background-color: #454545; position: absolute; top: 50%; margin-top: -1px; display: block; transition: 0.4s;}
    .hd .menu-btn .line1{transform: translateY(-7px);}
    .hd .menu-btn .line3{transform: translateY(7px);}
    .hd .menu-container .logo{position: relative; z-index: 15; margin-top: 10px; margin-bottom: 5px;}
    .hd .menu-container .main-menu-wrap{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 1;background-color: #fff;flex-wrap: wrap;padding-top: 85px;opacity: 0;pointer-events: none;transition: 0.8s;display: block;}
    .hd .menu-container .main-menu-wrap .sub-menu{height: auto !important;}
	.hd .menu-container .main-menu-wrap .sub-menu .double-depth-menu {display: inline-flex;}
    .hd .menu-container .main-menu-wrap > li{width: 100%;padding: 0;margin-bottom: 20px;}
    .hd .menu-container .main-menu-wrap > li > a{padding: 0; font-size: 18px; white-space: nowrap; letter-spacing: 0; line-height: 3;}
    .hd .menu-container .main-menu-wrap .sub-menu a{font-size: 11px;}
    .hd .menu-container .main-menu-wrap .sub-menu .inner-con{padding-left: 0;}
	
	.hd .menu-container .main-menu-wrap .view-menu .sub-menu .inner-con > li{display: inline-block; width: auto; transform:none;}
	.hd .menu-container .main-menu-wrap .special-menu .sub-menu .inner-con > li{display: inline-block; width: auto; transform:none;}
	.hd .menu-container .main-menu-wrap .review-menu .sub-menu .inner-con > li{display: inline-block; width: auto; transform:none;}
	.sub-menu .split.split01{margin: 0;}
	
	
    .hd .menu-container .logo{width: 160px;/* left: 20px; */top: 8px;margin: revert;}
    .hd .sns_btn i{font-size: 18px;}
    .hd .sns_btn .txt{font-size: 10px;}
    .hd .sns_btn{position: relative; z-index: 15; padding-top: 20px;}
	.hd .sns_btn01{padding: 5px 19px;top: -24px;}
	.hd .sns_btn{margin-right: 7px;}
    .hd.on .menu-container .main-menu-wrap{opacity: 1; pointer-events: all;}
    .hd.on{padding-bottom: 10px;}
    .hd.on .menu-btn .line1{transform: rotate(45deg);}
    .hd.on .menu-btn .line2{opacity: 0;}
    .hd.on .menu-btn .line3{transform: rotate(-45deg);}
    .hd{padding-bottom: 10px;}
    .hd.on .menu-container .main-menu-wrap .sub-menu{pointer-events: all;}
    .hd .menu-container .main-menu-wrap .sub-menu{position: initial;}
    .hd .menu-container .main-menu-wrap li .sub-menu .inner-con{opacity: 1; display: block; padding: 0;}
	
	.hd .menu-container .main-menu-wrap li .sub-menu .pc_spmenu {display:none;}
	.hd .menu-container .main-menu-wrap li .sub-menu .mo_spmenu {display:block;}
	
	
    .hd .menu-container .main-menu-wrap .sub-menu{text-align: center;}
    .hd .menu-container .main-menu-wrap li .sub-menu .room-sub-list{margin: auto;display: inline-block;}
    .hd .menu-container .main-menu-wrap .sub-menu .inner-con > li{ margin-right: auto;}
    .hd .menu-container .main-menu-wrap .sub-menu a{font-size: 14px;}
	.hd .menu-container .main-menu-wrap .sub-menu a{margin:  0 5px;}	
	
	
	.top-btn{display:none !important;}
	
	footer{position: relative; z-index: 9;}
	footer .frame .address {padding: 0 8px;}
	
	.sub-menu .split{width:auto; float:none; display: inline-flex;}
	
	.room_nbsp{display: none !important;}
}


@media all and (max-width: 950px){
	
	.hd .menu-container .main-menu-wrap > li > a{font-size: 30px;}
	.hd .menu-container .main-menu-wrap .sub-menu .double-depth-menu {display: block;}
	.hd .menu-container .main-menu-wrap .sub-menu .double-depth-menu li {display: inline-block;}
	.hd .menu-container .main-menu-wrap .sub-menu .double-depth-menu a{font-size:18px;}
	.hd .menu-container .main-menu-wrap li .sub-menu a{font-size: 18px;}
	
	.sub-menu .split{display: contents;}
}


@media all and (max-width: 850px){
}

@media all and (max-width: 655px){
	
	.hd .menu-container .main-menu-wrap{padding-top: 55px}
	.hd .menu-container .main-menu-wrap > li{margin-bottom: 5px;}
	
	.hd .menu-container .logo{width: 110px;}
	.hd .menu-container .main-menu-wrap > li > a{font-size: 19px; font-family:'Aboreto', cursive; line-height: 2.5;}
	.hd .menu-container .main-menu-wrap li .sub-menu a{font-size: 12px;}
	.hd .menu-container .main-menu-wrap .sub-menu .double-depth-menu a{font-size: 12px; margin: 0 2px;}

	.hd .sns_btn{padding-left: 0;margin-right: 5px;}
	.hd .sns_btn .fal{line-height: 0.8;}
	
	.hd .sns_btn01{padding-left: 0;top: -19px;padding-top: 0;/* margin-right: 0; */padding: 0 4px 6px;}
	.hd .sns_btn01 .txt{font-size: 10px;}
	
	footer .frame .menu li a{font-size: 11px;}
	footer .frame p{font-size: 11px;}
	footer .frame p b{margin: 0 2px;} 
	.info-fot .sub{font-size: 10px; letter-spacing: -0.05em;}
	
	
}

@media all and (max-width: 450px){
	
}
@media all and (max-width: 375px){
	
	.hd .menu-container .main-menu-wrap > li > a{font-size: 19.5px; line-height: 2;}
	.hd .menu-container .main-menu-wrap .sub-menu .double-depth-menu a{font-size: 11px;}
	.hd .menu-container .main-menu-wrap li .sub-menu a{font-size: 11px;}
}


@media all and (max-width: 325px){
	.hd .sns_btn01{display: none;}
	
	.hd{height: 55px;}
	.hd .menu-container .logo{width: 100px;}
	.hd .sns_btn{padding-top: 25px;} .hd .menu-btn{margin-top: -20px;}
	
	.hd .menu-container .main-menu-wrap > li > a{line-height: 1.2; font-size: 16px;}
	.hd .menu-container .main-menu-wrap .sub-menu .double-depth-menu a{font-size: 10px;}
	
	
}