/*header*/
.hd .inner-con{max-width: 70%;margin: 0 auto;height: 70px;border-bottom: 1px solid rgba(255,255,255,0.5);}

.hd{position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;transition: 0.5s;height: 70px;}
.hd .logo{margin-top: 5px;position: absolute;z-index: 1;transition: 1.2s;width: 100px;height: 60px;background-repeat: no-repeat;background-size: contain;background-image:url(/web/img/logo_w.png);right: 50%;transform: translateX(50%);}
.hd .logo img{width: 114px;}
.hd .main-menu-wrap{float: right;text-align: center;margin-top: 15px;transition: 1.2s;margin-right: 25px;}
.hd .main-menu-wrap a{font-family: "Open sans"; font-weight: 400; display: block;}
/*.hd .main-menu-wrap > ul{position: relative; z-index: 1; right: 50%; width: 780px; transform: translateX(8%); top: -8px;}*/
.hd .main-menu-wrap > ul{    display: inline-block; zoom: 1; height: auto;}
.hd .main-menu-wrap > ul:hover{height: 200px;}
.hd .main-menu-wrap > ul > li{float: left;width: 136px;height: 100%;}
.hd .main-menu-wrap > ul > li > a{font-size: 14px;line-height: 36px;font-family: 'Pretendard-Regular';letter-spacing: 3px;}
.hd .main-menu-wrap > ul > li > a span{display: none;}

.hd .main-menu-wrap .sub-menu{height: 0; overflow: hidden; transition: 0.8s;  }
.hd .main-menu-wrap .sub-menu> li:nth-child(1) a{padding-top: 50px;}
.hd .main-menu-wrap .sub-menu a{font-size: 14.5px;line-height: 2;font-family: 'Pretendard-Regular';letter-spacing: -0.5px;}
.hd .main-menu-wrap .sub-menu a:hover{font-weight: 600;}



.hd .main-menu-wrap.on .sub-menu{height: 250px;}
.hd .main-menu-wrap.on .hd_reser_btn_grp a{border: 1px solid #353535; color: #353535;}
.hd .main-menu-wrap .sub-menu{transition: 0.5s;}
.hd .main-menu-wrap.on .sub-menu{transition: 0.8s; transition-delay: 0s; transition-delay: 0.2s;}
.hd .main-menu-wrap.fixed .sub-menu{transition-delay: 0s; transition: 0.8s;}
.hd .main-menu-wrap.fixed.on .sub-menu{transition-delay: 0s; transition: 0.8s;}

.hd_reser_btn_grp{    font-family: "TIMESS"; font-size: 14px; clear: both;}
.hd_reser_btn_grp a{margin-top: -10px; border: 1px solid #fff; padding: 8px 31px; border-radius: 30px;letter-spacing: 1.15px;    position: absolute; right: 0; transition: 0.5s;}

.hd .hd_left{position: absolute;left: 12px;top: 15px;transition: 0.5s;border: 1px solid #fff;padding: 5px 15px;color: #9d9d9d;}
.hd.fixed .hd_left {border: 1px solid #9d9d9d;} 
.hd .hd_left li{float: left;line-height: unset;}
.hd .hd_left li i{/* font-size: 16px; */float: left;margin-right: 11px;line-height: revert-layer;margin-top: 3px;}
.hd .hd_left a{font-family: 'Pretendard-Regular';font-size: 14px;font-weight: 100;}
.hd .hd_left a.reser_btn{font-size: 14px;}
.hd .hd_left span{color: #fff;margin: 0px 14px;display: inline-block;font-size: 20px;margin-top: -2px;font-weight: 100;}

.hd.fixed .logo{background-image:url(/web/img/logo.png) !important;}
.hd.fixed .inner-con{border-bottom: 0;}
.hd.fixed .hd_left{/* top: 45px; */}
.hd.fixed .hd_left li a{color: #616161 !important;}
.hd.fixed .hd_left li i{color: #616161 !important;}
.hd.fixed .hd_left li span{color: #161e27 !important;}

.hd.fixed .main-menu-wrap{/* margin-top: 45px; */}
.hd.fixed{background: #fff !important;height: 70px;}
.hd.fixed .main-menu-wrap a{color: #161e27 !important;}
.hd.fixed .main-menu-wrap .sns_grp li{color: #161e27 !important;}
.hd.fixed .main-menu-wrap .sns_grp li i{color: #161e27 !important;}

.hd.fixed .main-menu-wrap .hd_reser{border: 1px solid #161e27; color: #161e27;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none !important;}

.sub-menu-bg{width: 100%;height: 312px;background: rgba(255,255,255,0.85);position: fixed;top: -100%;z-index: 9;transition: 0.5s;transition-delay: 0.1s;opacity: 0;}

.sub-menu-bg.on{top: 50px; opacity: 1;}
.hd.fixed ~ .sub-menu-bg{top: -50%;}
.hd.fixed ~ .sub-menu-bg.on{top: 50px;}


.m_menu_btn{display: none;}


/* 메뉴 한,영 */
.hd-btn {  position: unset; }
.eng{display:inline-block;}
.ko {display: none;letter-spacing: 2.8px;line-height: 0;}
.hd-btn:hover .eng { display: none;}
.hd-btn:hover .ko { display:inline-block; font-size:15px;}
/* 메뉴 한,영 끝 */




/* footer */

footer { padding: 15px 0px 20px 0px; background:#fff; 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: 46%;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: 'Pretendard-Regular';color: #8f8f8f;}
.widget ul li{font-size: 13px;line-height: 1.8;letter-spacing: -0.5px;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;}
.top-btn{width: 4%;text-align:center;position: fixed;right: 0%;bottom: 50px;font-size: 11px;color: #83837F;z-index: 10;cursor:pointer}

.simbol{width: 22px; display: inline-block; position: relative; top: 5px;}
#tm_bt{ width: 6%; /*height: 4%;*/  position: absolute;  right: 1%;  bottom: 118px;   z-index: 10;}


	
.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 : 1780px){
	
	.hd .inner-con{max-width: 80%;}
	.hd .hd_left{left: 45px;}

}

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

	.hd .main-menu-wrap{margin-right: auto;}
	.hd .main-menu-wrap > ul > li > a{font-size: 12px;letter-spacing: 1.5px;}
	.hd .main-menu-wrap > ul > li{width: 110px;}
	.hd .main-menu-wrap .sub-menu a{font-size: 12.5px;}
	
	.hd .hd_left{left: 45px;}
	
	.sub-menu-bg{height: 240px;}
	.footer_com{max-width: 85%;}

}



@media all and (max-width : 1025px){
	.hd .inner-con{max-width: 95%;}
	
    .hd .main-menu-wrap{width: 100vw; height: 100vh; background-color: white; top: 0; left: 0; position: fixed; margin-top: 0; z-index: 0; padding-top: 200px; float: none; opacity: 1; visibility: hidden; pointer-events: none; transition: 1.2s; }
    .hd.fixed .main-menu-wrap{margin-top: 0;}
    .hd.fixed .menu-btn{top: 20px; transition: 0.5s;}
    .hd.fixed .menu-btn .line{background: #666;}
    .hd .main-menu-wrap .white-box{display: none;}
    .hd .main-menu-wrap > ul{right: 0px; width: 100%;}
    .hd .main-menu-wrap > ul > li{width: 25%;}
    .hd .main-menu-wrap a{color: #434343;}
    .hd .main-menu-wrap .sub-menu{height: auto; min-height: 220px;transition: 0s;}
    .hd .logo span {transition: 1.2s;}
    .menu-btn{display: block;}
    .bg-wrap .bg{background-attachment: initial;}    
    .hd .menu-btn{width: 30px; height: 30px; display: block; position: absolute; top: 20px; right: 10px; cursor: pointer;}
    .hd .menu-btn .line{width: 100%; height: 1px; background-color: white; display: block; position: absolute; top: 50%; left: 0; transition: 1.2s;}
    .hd .menu-btn .line1{transform: translateY(-8px);}
    .hd .menu-btn .line3{transform: translateY(8px);}

    .hd.click .main-menu-wrap{pointer-events: all; opacity: 1; visibility: visible;}
    .hd.click .logo{background-image: url(/web/img/logo.png) !important;}
    .hd.click .logo span {color: #2678f9;}
    .hd.click .menu-btn span{background-color: #434343;}
    .hd.click .menu-btn span.line1{transform: rotate(45deg);}
    .hd.click .menu-btn span.line2{opacity: 0;}
    .hd.click .menu-btn span.line3{transform: rotate(-45deg);}
    .hd .main-menu-wrap > ul > li > a{font-size: 16px;  font-weight: 550;}
	.hd .main-menu-wrap .sub-menu> li:nth-child(1) a {padding-top: 20px;}
	.hd .main-menu-wrap .sub-menu a{font-size: 12px; line-height: 2;}
    .hd .main-menu-wrap .sub-menu{margin-top: 0;}
    .hd .main-menu-wrap .sub-menu li{padding: 7px 0;}
    
    .hd{background-color: transparent !important;}
    .hd.click{background-color: rgb(239, 237, 237) !important;}
    .hd .logo{background-image: url(/web/img/logo_w.png) !important; left: 0; right: 0; margin: auto; transform: translateX(20%); top: 5px;}
    .hd.click .logo{background-image: url(/web/img/logo.png) !important;}
    
    .hd .hd_left a.reser_btn{color: #fff !important;}
    .hd.click .hd_left a.reser_btn{color: #162327 !important;}
    
    .hd .hd_left{z-index: 1; left: 20px;}
    .hd .hd_left li i{color: #fff !important;}
    .hd.click .hd_left li i{color: #162327 !important;}
    .hd .hd_left span{color: #fff !important;}
    .hd.click .hd_left span{color: #162327 !important;}
    .hd .hd_left a{color: #fff !important;}
    .hd.click .hd_left a{color: #162327 !important;}
    
	
	.footer_com{max-width: 95%;}
	.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 all and (max-width : 650px){

	.hd .hd_left{padding: 0 10px;}
	.hd .hd_left li i{margin-top: 5px;}
	.hd .hd_left a.reser_btn{font-size: 10px; line-height: 2.5;}
	
	
	
}



@media all and (max-width : 450px){
	
	.hd .hd_left{left: 0;}
	.hd .hd_left li i{margin-right:  5px;}
	.hd .main-menu-wrap > ul > li > a{font-size: 13px; letter-spacing: 1px;}
	.hd .main-menu-wrap .sub-menu> li:nth-child(1) a{padding-top: 0;}
	
	
	
	
}