/*header*/
#header {background: none;/* opacity:0; */filter: alpha(opacity=0;);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;/* z-index:10; *//* border-bottom:1px solid #eaeaea; */}
#header:after {content:"";display:block;clear:both;}

#header:hover{background: #fafaf9;color: #818181;transition: all .5s ease;}

.down {background-color: #fafaf9 !important;-webkit-transition-duration:0.4s;-webkit-transition-timing-function:ease;transition-duration:0.4s;transition-timing-function:ease;}


.hd{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;/*pointer-events: none;*/background-color: #fafaf9;/* height: 11%; */transition: 0.3s;}
.hd .logo{float: left;margin-left: 0;margin-top: 1px;position: relative;z-index: 1;pointer-events: all;transition: 1.2s;width: 5%;left: 100px;margin: 9px 0;}

.hd .main-menu-wrap{/* float: left; */position: relative;z-index: 1;pointer-events: none;transition: 1.2s;height: 0;width: 100%;left: -71px;right: 0;max-width: 100%;}

.hd .main-menu-wrap > ul > li > a{pointer-events: all;display: block;font-family: 'Pretendard-Regular';letter-spacing: 1px;font-weight: 500;}
.hd .menu-btn{float: right;margin-top: 25px;margin-right: 190px;cursor: pointer;text-align: center;position: relative;z-index: 1;pointer-events: all;transition: 1.2s;border:none;display: none;}
.hd .menu-btn .ico-wrap{width: 25px;height: 25px;position: relative;/* border: 1px solid #ccc; */}
.hd .menu-btn .ico-wrap .line{width: 20px;height: 1px;background-color: #fff;display: block;position: absolute;top: calc(50% - 0.5px);left: calc(50% - 10px);transition: 0.8s;}
.hd .menu-btn .ico-wrap .line1{transform: translateY(-3px);}
.hd .menu-btn .ico-wrap .line3{transform: translateY(3px);}
.hd .menu-btn p{font-size: 10px;margin-top: 0;color: #fff;transition: 1.2s;font-family: 'Didact Gothic', sans-serif;}
.hd .white-box{z-index: 0;position: absolute;top: 0;right: 0;background-color: #fafaf9;transform: scaleY(0);transition: 0.8s;transform-origin: top;}
.hd img{width: 100%; display: block;}

.hd .logo_b {display: none;}
#header:hover .logo_b {display: block;}  #header:hover .logo_w {display: none;}
.hd.down .logo_b {display: block;}  .hd.down .logo_w {display: none;}

#header:hover .menu-btn .ico-wrap .line {background: #9b9b9b;}
#header:hover .menu-btn p{color: #818181;}
#header:hover .rev-btn{color: #818181;}
.hd.down .rev-btn, .hd.down .menu-btn p{color: #818181;}
.hd.down .menu-btn .ico-wrap .line {background: #9b9b9b;}

.hd .rev-btn{float: right;margin-top: 30px;margin-right: 20px;line-height: 2.65;font-size: 12px;vertical-align: middle;color: #fff;font-family: 'Pretendard-Regular';letter-spacing: -0.5px;}
.hd .rev-btn a{font-size: 10.3px;margin-top: 0;color: #818181;text-align: center;line-height: 0;}
.hd .rev-btn .icon {display:block;width: 100%; }
.ico-wrap_sub {position: absolute;right: 150px;display: inline-flex;}
.reser_btn{position:relative; z-index:99;}

/*menu*/
.main-menu-wrap{margin-top: 10px;text-align: center;}
.main-menu-wrap > ul > li{/* float: none; */display: inline-grid;padding: 20px 15px;width: 9%;}
.main-menu-wrap a{color: #fff;font-size: 15px;transition: 0.5s;font-family: 'Pretendard-Regular';}
.main-menu-wrap .sub-menu{margin-top: 0px;opacity: 0;pointer-events: none;transition: 0.8s;margin-top: 13px;width: 100%;/* background: #fff; */}
.main-menu-wrap .sub-menu a{font-size: 13.5px;left: 0;right: 0;margin: auto;}

#header:hover .main-menu-wrap a{ color: #818181;}
.hd.down .main-menu-wrap a{color: #636363;}

.m-sns-wrap{display:none;}

.hd .main-menu-wrap > ul > li:nth-child(1) {margin-left: 0;}

 .sub-menu .split {width: 43%;float: left;margin: 0px 3px 0;}  .sub-menu .split li { padding: 0 0 5px 0px !important; } 
 
 
/*hd_ani*/

.hd.click .main-menu-wrap a{color: #333; transition-delay: 0.6s;}
.hd.click .main-menu-wrap .sub-menu{opacity: 1;pointer-events: all;transform: rotate(0.03deg);transition-delay: 0.3s;background: none;}
.hd.click .white-box{transform: scaleY(1);width: 100% !important;height: 370px;}
.hd.click  .menu-btn .ico-wrap .line1{transform: rotate(45deg);}
.hd.click  .menu-btn .ico-wrap .line2{opacity: 0;}
.hd.click  .menu-btn .ico-wrap .line3{transform: rotate(-45deg);}
.hd.click .menu-btn p{color: #333;}

/*.hd.fixed .main-menu-wrap a{color: #333;}
.hd.fixed .menu-btn p{color: #333; margin-top: 5px;}
.hd.fixed{height: 90px; background-color: white;}
.hd.fixed .logo{margin-top: 15px; width: 160px;}
.hd.fixed .main-menu-wrap{margin-top: 30px;}
.hd.fixed .menu-btn{margin-top: 5px;}*/



/* main end */
.end_offer{width: 100%; height: 600px;  position: relative; overflow: hidden;}

.end_offer a .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: cover;background-repeat: no-repeat;transition: 1.8s;border-radius: 0;margin: 0;background-position: 0;opacity: 0.85;}
.end_offer a .pic:hover{transform: scale(1.05);}
.end_offer a .pic:hover .txt_grp{transform: scale(1.05);}
.end_offer a .txt_grp{color: #fff;text-align: center;position:absolute;top: 35%;left: 0;margin: unset;right: 0;/* transform:translate(-50%,-50%); */opacity: 1;display: inline-table;width: 100%;}
/*.end_offer .txt_grp.on{color: #614f4f;}*/
.end_offer a .txt_grp h4 img{width: 132px;letter-spacing: 1.05px;transition: 0.8s;margin-bottom: 20px;}
.end_offer a .txt_grp p{font-family: 'NotoSerifKR';font-size: 15px;transition: 0.8s;font-weight: 100;}
.end_offer a span{width: 250px;height: 40px;line-height: 38px;display: block;position:absolute;bottom: 23%;z-index: 1;border: 1px solid #fff;color: #fff;text-align: center;left: 0;right: 0;margin: auto;font-family: 'Aboreto', cursive;left: 0;right: 0;font-size: 13px;letter-spacing: 2px;}
.end_offer a:hover span {transition: 0.8s; background: #fff; color: #252525;}




/* footer */

.foot-banner { position:relative; height:700px; background:url('/web/img/room/01/01.jpg') center center no-repeat; background-size:cover; background-attachment:fixed; }
.foot-banner a {display:inline-block;width: 230px;height: 37px;line-height: 36px;margin-top:20px;color:#fff;}

.foot-banner .slide-tit { position:absolute; left:10px; right:10px; top:40%; z-index:1500; color:#fff; transition:0.9s; text-align:center; }
.foot-banner .slide-tit span { letter-spacing:7px; font-size:15px; font-family:'Goudy'; }
/*.foot-banner .slide-tit strong {display:block;margin:5px 0 10px 0;font-family: 'Italiana', serif;font-size: 50px;line-height:1.2;font-weight: 100;letter-spacing: 3px;}*/
.foot-banner .slide-tit strong img {width: 10%;display: block;margin: 25px auto 6px;}
.foot-banner .slide-tit p {letter-spacing:0;font-family: 'Philosopher', sans-serif;font-size: 17px;font-weight: 500;}
.foot-banner .slide-tit { animation:active-y 2s 1; }

.res_box{display: block;border: 1px solid #837a69;line-height: 40px;width: 300px;text-align: center;color: #837a69;font-family: 'Didact Gothic', sans-serif;font-size: 14px;margin: 0 auto;transition: 1.5s, background-color 0.4s, color 0.4s !important;background: #837a69;font-weight: 100;letter-spacing: 1px;}
.res_box:hover{background-color: #fff; color: #4b4b4b; border: 1px solid #fff;}



.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 20px 0px; background:#f8f8f8; 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: 13px;line-height: 24px;font-weight: 700;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 12px;font-family: 'Cinzel', serif;color: #8f8f8f;}

.widget ul li{font-size: 13px;line-height: 1.8;letter-spacing:-0.2px;font-family: 'Pretendard-Regular';}
.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;}

.info-fot 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){
.main-menu-wrap{margin-left: 2%; margin-top: 5px;}
.main-menu-wrap .sub-menu{margin-top:0;}
	
	.main-menu-wrap > ul > li{width: 12%;}	
}

@media all and (max-width : 1440px){
.main-menu-wrap{margin-left: 30px;}	
	
	.hd .main-menu-wrap > ul > li .sub-menu li{padding: 0 5px !important;}
	
	.hd .logo{/* width: 5%; */ left: 130px;} 
	.hd .rev-btn{margin-right: 0;}
	.hd .menu-btn{margin-right:105px;}

	.hd .main-menu-wrap{left: -45px;}
	.foot-banner{height: 500px;}
	
}

@media all and (max-width : 1360px){
.hd .rev-btn{margin-top:10px;}
.hd .menu-btn{margin-top:1px;}
.main-menu-wrap a{font-size:13px;}

.hd .logo{margin-top:6px;}
}

@media all and (max-width : 1280px){
	.ico-wrap_sub{margin-top: 25px;}
}

@media all and (min-width : 1025px){
	
    .hd .main-menu-wrap > ul > li > a{line-height: 40px;}
    .hd .main-menu-wrap::after{content: "";display: block;/* background-color: #818181; */width: calc(100% + 25px);position: absolute;top: 40px;right: 0;height: 1px;pointer-events: all;}
    .hd .main-menu-wrap > ul > li .sub-menu{position: relative;z-index: 1;}
    .hd .main-menu-wrap > ul > li .sub-menu li{position: relative;z-index: 1;/* width: 100%; *//* text-align: center; */padding: 0 17px;/* margin: auto; */padding-bottom: 5px;}
    .hd .main-menu-wrap > ul > li.hover .sub-menu{opacity: 1; pointer-events: all;}
    .hd .main-menu-wrap > ul > li{position: relative;}

    .hd .main-menu-wrap > ul > li .sub-menu::after{display: block;content: "";width: 115%;height: 100%;background-color:#fafaf9;position: absolute;top: 0;/* left: 0; */transform: scaleY(0) translateX(-20px);z-index: 0;transition: 0.3s;transform-origin: top;pointer-events: all;opacity: 1;margin-left: 8px;}
    .hd .main-menu-wrap > ul > li.hover .sub-menu::after{transform: scaleY(1) translateX(-20px);}
    .hd .main-menu-wrap > ul > li.hover .sub-menu a{color: #333;}
	.hd .main-menu-wrap > ul > li.hover .sub-menu a:hover{color: #987c6ecc !important;}
    .hd .main-menu-wrap > ul > li.hover .sub-menu{pointer-events: all;}
    .hd .main-menu-wrap > ul > li .sub-menu li{opacity: 0;line-height: 2.5;}
    .hd .main-menu-wrap > ul > li.hover .sub-menu li{opacity: 1;}
    .hd.click .main-menu-wrap > ul > li .sub-menu li{opacity: 1;}

}

@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;}
	
	.hd .menu-btn .ico-wrap .line {background-color: #818181;} .hd .menu-btn p{color: #818181;}
	
	.ico-wrap_sub{right: 53px;margin-top: 0;display: inline-block;width: auto;}
}

@media all and (max-width : 1215px){
    .hd .logo{/* width: 165px; */ /* margin-left: 25px; */}
}


@media all and (max-width : 1025px){ 
	/*.hd {background:none;}*/
	
	.hd .white-box{background:none; height:0 !important}
    .hd .main-menu-wrap{opacity: 0; visibility: hidden; pointer-events: none; margin-right: 0; margin-top: 0px; margin-left:0; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #fafaf9; padding-top: 110px; z-index: 0; transition: 1.2s;}  
    .main-menu-wrap .sub-menu{margin-top: 10px;}
    .hd .main-menu-wrap > ul > li{width: 16.3333%; padding: 0;}
    .main-menu-wrap a{font-size: 17px;}
    .main-menu-wrap .sub-menu li{line-height: 1.8;}
    .main-menu-wrap .sub-menu a{font-size: 14px;line-height: 1.8;}
    .hd .main-menu-wrap .sub-menu{min-height: 300px; margin-bottom: 50px;}
    .hd.fixed .main-menu-wrap{margin-top: 0;}
    .hd.click .main-menu-wrap{opacity: 1; visibility: visible; pointer-events: all; }
    .hd.click .main-menu-wrap .sub-menu{transition-delay: 0.1s;}

	/*.hd .menu-btn {background:#fff; padding:5px 10px; border-radius:50px; border: 1px solid #ccc; margin-right:35px;}

	.hd .rev-btn {background:#fff;padding: 9px 5px 1px;border-radius:50px;border: 1px solid #ccc;margin-top:1px; margin-right:5px;}*/
	
	.hd{height: 15%;} .hd .menu-btn{margin-top: 15px;width: 50px;height: 50px;background: #fafaf9;border-radius: 50px;margin-right: 10px;display: block;} .hd .rev-btn{margin-top:35px;}
	.hd .menu-btn .ico-wrap{margin: auto;}
	.hd .logo{margin-left:10px;margin-top: 4px;width: 7%;left: 10px;} .hd img{ width: 100%;}
	
/*	.hd .rev-btn{display:none;}*/
	
	.m-sns-wrap{display: block; width: 100%; /* position: fixed; */  margin-top: 30px; text-align: center;}
    .m-sns-wrap img{width: 15px; display: inline-block; margin-right: 5px; transform: translateY(2px);}
    .m-sns-wrap li{display: inline-block; margin: 0 5px;}
    .m-sns-wrap li a{font-size: 13px;font-family: "timesNow",sans-serif;font-weight: 300;letter-spacing: 1px;}
    
}

@media all and (max-width: 950px){
	.hd{height:7%; background:none;}
	#header {border-bottom: none;}
	.down{border-bottom: 1px solid #eaeaea !important;}
	.hd .rev-btn{ margin-top:20px;} .hd .menu-btn{margin-top: 15px;margin-right: 10px;}
	.hd .main-menu-wrap{padding-top: 150px;}
	.hd .logo{width: 9%;}
}


@media all and (max-width: 850px){
	.hd .rev-btn{margin-top: 30px;margin-right: 15px;} .hd .menu-btn{/* margin-top:25px; */}
	.hd .main-menu-wrap > ul > li{width:100%;margin-bottom: 20px;}
	.hd .main-menu-wrap .sub-menu{margin-bottom:0; min-height:50px; margin-top:0;}
	.main-menu-wrap .sub-menu li{display:inline-block; padding:0 7px;}
}

@media all and (max-width: 555px){
	.hd{height: 10% !important;}
	.hd .logo{margin-top: 5px;}
	.hd .menu-btn{margin-top: 5px;}
	.hd .rev-btn{/* margin-top: 20px; */font-size: 18px; display: none;}
	
	
	.hd .main-menu-wrap{padding-top: 125px;}
	
	.end_offer{height: 500px;}
	.end_offer a .txt_grp h4 img{width: 100px;}
	.end_offer a .txt_grp p{font-size: 14px;}
	
	.foot-banner{height:200px; background-size:100%; background-attachment:inherit;}
	.foot-banner .slide-tit{top: 15%;}
	.foot-banner .slide-tit strong img{width: 25%; margin: 10px auto 5px;}
	.res_box{font-size: 12px;}.foot-banner a {width: 180px;}
	
	.main-menu-wrap .sub-menu a{font-size: 13px;}

	
	
}

@media all and (max-width: 450px){
	
	.hd .main-menu-wrap{padding-top: 100px;}
	
	.hd .logo{width: 14%;}
	.end_offer{height: 400px;} .end_offer a .txt_grp{top: 10%;}
	 
}
@media all and (max-width: 375px){
	.hd .logo{width: 14%; margin-top: 0;}

}


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

}