/* header */
.sticky-wrapper { position:absolute; width:100%; height:79px !important;  z-index:20;}
.reser .sticky-wrapper, .map .sticky-wrapper, .board .sticky-wrapper { position:relative;}
#header { position:absolute; height:79px; width:100%; background:rgba(255, 255, 255, 0.60); 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:rgba(255,255,255,100);  transition: all .5s ease; }


.hd-btn {  position: unset; }
.eng{display:inline-block;}
.ko {display: none;letter-spacing: -0.2px;}
.hd-btn:hover .eng { display: none;}
.hd-btn:hover .ko { display:inline-block; font-size:12px;}

.navbar {   top:0; left:0; /* width:100%; */  border-bottom:1px solid rgba(255,255,255,0.75);  z-index:1000;   height:70px;  overflow:hidden;  -webkit-transition: height 0.3s; -moz-transition: height 0.3s;  transition: height 0.3s;}
.navbar.roll {background: rgba(255,255,255,0.50);border-bottom:1px solid #ccc;}

.hd{width: 100%;height: 85px;position: fixed;top: 0;left: 0;z-index: 5000;pointer-events: none;transition: 0.8s;}
.hd .logo{left: 44%;margin-top: 5px;float: left;position: absolute;pointer-events: all;transition: 0.8s;}
.hd .logo a{width: 210px;display: block;transition: 0.8s;}
.hd .logo a img{width: 100%;}

.hd .logo_w{display:none;}   .hd.on .logo_w {display:block;left: 44%;margin-top: 5px;float: left;position: absolute;pointer-events: all;transition: 0.8s;}
.roll .logo_w{display:block;left: 44%;margin-top: 5px;float: left;position: absolute;pointer-events: all;transition: 0.8s;}
.hd .logo_w a{width: 210px;display: block;transition: 0.8s;}
.hd .logo_w a img{width: 100%;}

.hd-btn02{float: right;margin-top: 25px;/* margin-top: 10px; */margin-right: 0;pointer-events: all;transition: 0.8s;color: #000000 !important;opacity: 1;}
.hd-btn02 .fal{margin-right: 5px;}
.hd-btn02 a{display: inline-block;border: 1px solid #fff !important;padding: 4px 13px 4px;border-radius: 40px;font-size: 12px;font-family: "NotoSerif",sans-serif;color: #fff;transition: 0.8s;margin-right: 5px;}
.subbar.roll.hd-btn02 a {border:1px solid #919191  !important; background:none; color:#919191;}

.hd-btn{float: right;margin-top: 25px;margin-right: 15px;pointer-events: all;transition: 0.8s;opacity: 1;}
.hd-btn .fal{margin-right: 5px;}
.hd-btn a{display: inline-block;padding: 5px 8px 5px;border-radius: 40px;font-size: 22px;font-family: "NotoSerif",sans-serif;color: #ffffff;transition: 0.8s;/* border: 1px solid #fff; */}
.subbar.roll.hd-btn a {
    color: #454545;
}

.hd-btn01{float: right;margin-top: 45px;margin-right: 0;pointer-events: all;transition: 0.8s;color: #000000 !important;opacity: 1;}
.hd-btn01 .fal{margin-right: 5px;}
.hd-btn01 a{display: inline-block;border: 1px solid #fff !important;padding: 3px 10px 4px;border-radius: 40px;font-size: 12px;font-family: "NotoSerif",sans-serif;color: #fff;transition: 0.8s;}
.subbar.roll.hd-btn01 a {border:1px solid #919191  !important; background:none; color:#919191;}

.hd.on{height: 300px;background-color:#fff;}
.hd.on .main-menu{margin-top: 0;}
.hd.on .hd-btn a{ color:#919191  !important;}
.hd.on .menu-btn{margin-top: 40px;}
.hd.on .hd-btn a, .hd.on .hd-btn01 a,  .hd.on .hd-btn02 a{color: #665c52; border-color: #665c52 !important;}
.hd.on .menu-btn .line{background-color: #665c52;}

.hd-btn a:hover, .hd-btn01 a:hover, .hd-btn02 a:hover{background-color: #7f9bc5  !important;color: #fff;/* border:1px solid #7f9bc5 !important; */transition: 0.8s;}
.subbar.roll.hd-btn a:hover, .subbar.roll.hd-btn01 a:hover, .subbar.roll.hd-btn02 a:hover{background-color: #7f9bc5  !important;color: #fff !important;/* border:1px solid #7f9bc5 !important; */transition: 0.8s;}


.main-menu{text-align: center;/* position: absolute; */left: 50%;z-index: 50;margin-top: 70px;transition: 0.8s;}
.main-menu > ul > li {width: 155px;text-align: center;line-height: 30px;float: left;}
.main-menu > ul > li:nth-child(3){margin-right: 20%;}
.main-menu > ul > li > a{display: block;font-size: 13px;}

.main-menu{visibility: hidden; opacity: 0; pointer-events: none;}
.hd.on .main-menu{visibility: visible; opacity: 1; pointer-events: all;}
.main-menu{/* transform: translateX(21%); */top: 0;width: 1200px;margin: auto;border-bottom:1px solid #b9b9b9;padding-bottom: 85px;}
.main-menu > ul > li > a{line-height: 80px;padding-bottom: 15px;font-weight:600;font-family: GowunDodum-Regular;letter-spacing: 1px;}

.sub-menu{display: block !important;}
.sub-menu li{clear: both;margin-bottom: 1.2px;}
.sub-menu .sub_me {font-size: 13px;font-weight: 600;/* margin-bottom: 4px; */background: #7f9bc5;color: #fff;padding: 1px 0;}
.sub-menu .sub_me01 {margin-top:5px;}
.sub-menu a{display: block;line-height: 20px;font-size: 14px;/*margin-bottom: 8px;*/font-family: 'Pretendard-Regular';transition:0.8s;border: 1px solid #fff;padding: 2px 0;border-left:none;border-right:none;}
.sub-menu a span{font-size: 85%;display: block;}
.sub-menu a:hover {color: #7d9b4a;border: 1px solid #7d9b4a;border-left:none;border-right:none;transition:0.8s;padding: 2px 0;}


.sub-menu .split {width: 46%;float: left;margin: 0px 3px 0;}


.page-wrap{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); color: white; text-align: center; z-index: 100;}
.page-wrap .scroll-down{font-size: 16px; margin-bottom: 15px;}
.page-wrap .scroll-down p{cursor: pointer;}
.page-wrap .page{position: relative; pointer-events: none;}
.page-wrap .page p{display: inline-block; font-size: 16px; position: relative; top: -35px;}
.page-wrap .line{width: 1px; height: 80px; display: inline-block; background-color: white; margin: 0 5px;}

.hd .menu-btn{float: right;width: 30px;height: 25px;cursor: pointer;border: 1px;margin-top: 32px;margin-right: 50px; margin-left: 5px; pointer-events: all;transition: 0.5s;}
.hd .menu-btn .line{width: 30px; height: 2px; background-color: #fff;display: block; transition: 0.5s; position: absolute;}
.hd .menu-btn .line2{width: 15px; transform: translateY(8px);}
.hd .menu-btn .line3{transform: translateY(15px);}
.hd .menu-btn.on .line1{transform: rotate(45deg);}
.hd .menu-btn.on .line3{transform: rotate(-45deg);}
.hd .menu-btn.on .line2{transform: translateX(30deg); opacity: 0; visibility: hidden;}
.subbar.roll.menu-btn .line{background-color:#101010;}


/* footer-rev */ 
.reser_box{width: 180px;line-height: 50px;display: inline-block;background-color: rgba(255,255,255,0.70);color:#4f4f4f;font-size: 14px;text-align: center;margin: 0 auto;margin-top: 50px;transition: 0.8s;}
.reser_box:hover{background-color: #cfb79b;color: #fff;}
.reser_box .fal{font-size: 26px; padding-right: 10px; position: relative; top: 5px;}
.reser-section .bg{background-size: cover;background-repeat: no-repeat;background-position: center;width: 100%;height: 34vw;/* background-attachment: fixed; */}
.reser-section .txt{text-align: center;color: rgb(255 255 255 / 60%);padding-top: 9%;}
.reser-section .txt h2{font-size: 35px;font-weight: 100;font-family: 'El Messiri', sans-serif;text-transform: uppercase;width: 13%;text-align: center;margin: auto;opacity: 0.8;}
.reser-section .txt .line{width: 80px;height: 1px;background-color: white;display: block;margin: 17px auto;}
.reser-section .txt p{font-size: 15px;line-height: 1.8;font-weight: 300;font-family: 'Pretendard-Black';}


/* footer */
.top-btn{width: 4%;/*height: -2px;*/position: fixed;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: 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: 12px;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;}

.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  (max-width: 1600px){
/*.main-menu > ul > li:nth-child(3){margin-right:21%;}*/
.main-menu{width: 1100px;}

.hd .logo, .hd.on .logo_w, .roll .logo_w {/* margin-top:17px; */}

.hd-btn{/* margin-right: -87px; */}
.hd-btn a {padding: 4px 17px 4px;/* font-size:10px; */}
.hd-btn01 a { padding:4px 9px 4px; font-size:10px;}
.hd-btn02 a { padding:4px 9px 4px; font-size:10px;}
}

@media  (max-width: 1440px){
/*.main-menu{max-width: 900px;}*/
.main-menu > ul > li{/* width: 145px; */} .main-menu > ul > li:nth-child(3){margin-right: 140px;}
.sub-menu a{font-size: 12px;} .sub-menu .sub_me{font-size:14px;}
/*.hd .logo_w a{width:175px;} .hd-btn a, .hd-btn01 a{font-size:12px; padding:4px 15px 4px;}*/
.hd-btn:hover .ko { display:inline-block; font-size:10px;}
.hd-btn{/* margin-right:-96px; */}

.navbar.roll .logo img {opacity:0;}
.hd .logo a, .hd .logo_w a{ width:155px; }

.sub-menu .split{width: 44.5%;}

.hd.on .logo_w{left: 44.5%;} .roll .logo_w{left: 44.5%;} .hd .logo{left: 44.5%;}

.hd .menu-btn{margin-right:20px;}
.hd-btn a{margin-right:2px; padding:2px 15px 2px;} 
.hd-btn01 a, .hd-btn02 a{padding:2px 9px 2px;}


}


@media (max-width: 1366px) { 
	.hd {height: 66px;} .hd.on{/* height: 480px; */}
	.hd .logo, .hd.on .logo_w, .roll .logo_w{margin-top: 5px;}
	.main-menu > ul > li > a{line-height: 75px;padding-bottom: 10px;} .main-menu{padding-bottom: 75px;}
	
.main-menu > ul > li{width:120px;} .main-menu{max-width:900px;} .main-menu > ul > li:nth-child(3){margin-right:180px;}
.sub-menu a{/* font-size:10px; *//* letter-spacing:-0.4px; */line-height: 14px;} 
.footer .gnb > ul > li{margin:0 10px;}
}

@media  (max-width: 1280px){
.sub-menu .split{width:41.5%;} .sub-menu a{letter-spacing:-1.5px;}
/*.hd .logo_w a{width:145px;}*/ .main-menu{max-width:818px;} .main-menu > ul > li{width:107px;} .main-menu > ul > li:nth-child(3){margin-right:175px;}
.hd-btn a{ font-size:12px;} .sub-menu a{font-size: 13px;}
	
	
.widget ul li{font-size:13px;}
.footer .gnb > ul > li{margin:0 7px;} .footer .gnb .gnb-sub li a{font-size:11px;} .footer .foot-info p{font-size:12px;}
}

@media  (max-width: 1155px){
.reser-section .txt{padding-top:5%;}	
.reser-section .txt h2{font-size:40px;}
.sub-menu .sub_me{font-size:12px;} .main-menu > ul > li{width:100px;}
.hd.on .logo_w, .roll .logo_w, .hd .logo{ left:42%;} .hd .logo a{width: 210px;}
	
.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;}	
}



@media  (max-width: 1025px){
/*.hd .logo_w a img{width:35%;}	*/

.gnb { padding-left:0%; top:0; padding-top:0;}
.gnb > li { margin-right:1.2em; }
.is-sticky .gnb { top:30px; padding-right:0;}

.none1024 {display:none;} 
.block1024 {display:block;}
.in-block1024 {display:inline-block;}

.sticky-wrapper { position:relative;  height:60px !important;}
#header { position:relative; height:60px !important; }
.gnb_sub { padding:10px 15px 12px; }

.hd{height: 70px;}
.hd.on{background-color: white; height:100% !important;}
.hd.on .logo_w{margin-top: 5px;left: 45%;} .hd .logo, .roll .logo_w{margin-top: 20px;left: 5%;}
.hd.on .menu-btn{margin-top: 40px;}
.main-wrap .menu-btn{display: block;}
.sub-wrap .hd .main-menu{display: block; width: 100vw; height: calc(100vh - 60px); position: fixed; top: 80px; left: 0; transform: translate(0); background-color: white;}
.hd .main-menu{ max-width:100%; visibility: hidden; opacity: 0; pointer-events: none; width: 100vw; height: calc(100vh - 80px); position: fixed; top: 80px; left: 0; transform: translate(0); background-color: white; padding-top: 30px; display: block; margin-top: 0;}
.sub-menu a{/* line-height: 25px; */}
.hd.on .main-menu{visibility: visible; opacity: 1; pointer-events: all; border-top:1px solid #919191;}
.hd .main-menu .sub-menu{display: block;min-height: 290px;}
.main-menu > ul > li > a{line-height: 20px;}
.sub-wrap .main-menu > ul > li > a{line-height: 35px;}
.main-menu > ul > li{width: 16.3333%;}

.main-menu > ul > li:nth-child(3){ margin-right:0;}

.header_reser { right:0px; text-align:right; } .header_reser01{right:180px;} #btn_rev{padding:14px 8px; font-size:0.7em;}
.btn_reser01 { display:inline-block; background:none; padding:6px 10px; font-size:1.2em; color:#9599a4; z-index:10;}
.btn_reser01 span { display:inline-block;padding:7px 0 3px 5px; font-style:normal;  }
.header_reser p {display:none;}
.is-sticky .gnb { top:0}

.main_tit{left:70%;} .main_tit .title01:after{bottom:45%;}


.none1280 {display:none;} 
.block1280 {display:block;}
.in-block1280 {display:inline-block;}

.header_left .logo { left: 37% !important; top: 7px !important;}
.header_left #gnbArea {padding: 10px 0 0 0px;}



	.reser-section .bg{height: 48vw;}
}

@media  (max-width: 780px){

.reser-section .txt h2{font-size:30px;} .reser-section .txt p{font-size:13px; line-height:1.3;}
.reser_box {margin-top:20px; line-height:30px;}

.hd-btn01 a{padding:1.5px 5px 1.5px;}
.hd-btn01{margin-top:41px;}
.hd-btn a {padding:1.5px 8px 1.5px;}
.hd-btn02 a {padding:1.5px 9px 1.5px; margin-right:0;}
	
	.reser-section .bg{height: 40vw;}	
}

@media  (max-width: 600px){
.hd{background:#fff;} .hd .menu-btn .line{ background-color:#101010;} .hd-btn a{color:#665c52;font-size: 18px;padding: 6px 6px;}
.sub-menu a{line-height: 20px;}
.header_left .logo{left:35% !important;}
.hd .main-menu{padding-top:20px; padding-left:10px;}

.hd .logo{left:4%;  display:none; }
.hd .logo_w{left:4%;display:block;position:absolute;margin-top: 10px;} .hd .menu-btn{margin-right:14px;margin-top: 25px;} .hd.on .menu-btn{margin-top: 30px;} 
	.hd-btn { margin-top: 15px;}	
.hd-btn01 a, .hd-btn02 a{ border:1px solid #665c52 !important; color:#665c52;}
.hd.on .logo_w{left:4%;margin-top: 10px;}
.main-menu > ul > li{width:100%;text-align:left;margin-top: 5px;} .sub-menu li{display:inline-block;margin-bottom: 7px;} .sub-menu a{border:none; padding:0 12px 0 0; letter-spacing:0; display: inline-flex;} .sub-menu .sub_me{display:block;width:30%;text-align:center;margin-bottom: 0;}
.sub-menu a span{ display:inline-block;}


 .main-menu > ul > li > a{padding-bottom:0;} 
.hd .main-menu .sub-menu{min-height:0px; margin-bottom:5px;}
.reser-section .bg{height:50vw;}

.footer{padding:15px;} .footer .foot-info p{font-size:12.5px;}

.hd.on .main-menu{ overflow-y:scroll;}

.hd .logo_w a{width: 150px;}

.sub-menu .split{float:none; width:100%; display:inline;}
	
}
@media  (max-width: 450px){
.reser-section .bg{height:60vw;}
/*.hd-btn01{ margin-top:25px;} .hd-btn{margin-right:0; margin-top:25px;}*/ .hd-btn{/* margin-right:-80px; */}
.hd-btn a, .hd-btn01 a , .hd-btn02 a {/* font-size:10px; */} .hd-btn a{/* font-size:10px; */}

}
@media  (max-width: 380px){
.hd .main-menu .sub-menu{margin-bottom:0;} 
.revinfo .info-txt li{font-size:12px;}

.hd .logo_w a{width:135px;}

.hd .logo a img{display:none;}
	
	.sub-menu li {margin-bottom: 4px;}
}
@media  (max-width: 340px){
.hd .logo_w a img{width:80%;}	
	
.reser-section .bg{height:70vw;} .hd .main-menu{padding-top:0;}
.main-menu > ul > li > a{ line-height:32px;}

.reser-section .txt h2{ font-size:23px;}
.footer .foot-info p{font-size:11.5px;}


}