.hd .inner-con{max-width: 1480px;margin: 0 auto;height: 95px;}


/*header*/
.hd{position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;transition: 0.5s;height: 90px;border-bottom: 1px solid rgba(255,255,255,0.2);/*background: rgba(255,255,255,0.4);*/}
.hd .logo{float: left;margin-top: 3px;position: relative;z-index: 1;transition: 0.5s;width: 300px;height: 80px;background-repeat: no-repeat;background-size: contain;background-image:url(/web/img/set/logo_w.png);}
.hd .logo img{width: 114px;}
.hd .main-menu-wrap{float: right;text-align: center;margin-top: 30px;transition: 0.5s;}
.hd .main-menu-wrap a{font-family: 'KBIZHanmaumMyungjo';font-weight: bold;display: block;line-height: 1.5;letter-spacing: 0.7px;}
.hd .main-menu-wrap > ul{position: relative;z-index: 1;right: 0;width: 751px;}
.hd .main-menu-wrap > ul > li{float: left;width: 136px;}
.hd .main-menu-wrap > ul > li > a{font-size: 16px;line-height: 36px;text-shadow: 1px 2px 3px #b9b9b9;}

.rev-mainbtu_pc02 a{color: #01c73c !important;}

.rev-mainbtu_pc02{margin-left:60px !important; margin-top:3px;}
.rev-mainbtu_pc02 i {font-size:17px;}

.hd .main-menu-wrap .sub-menu{height: 0;overflow: hidden;transition: 0.8s;margin-top: 25px;}
.hd .main-menu-wrap .sub-menu a{font-size: 14px;line-height: 2;font-family: 'Pretendard-Black';font-weight: 400;}
.hd .main-menu-wrap .white-box{background: linear-gradient(0deg, rgba(255,255,255,0.804359243697479) 0%, rgba(255,255,255,1) 100%); position: fixed; top: 0px; right: 0; height: 320px; transform: scaleY(0); z-index: 0; pointer-events: none; transition: 0.8s; transform-origin: top; opacity: 0.9; width: 100%;}
.hd.fixed .main-menu-wrap .white-box{top: 80px;height: 190px;}

.hd .main-menu-wrap.on .white-box{transform: scaleY(1);}
.hd .main-menu-wrap.on .sub-menu{height: 250px;}
.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;}


.rev-mainbtu_pc{float: right;margin-right: -11px;width: 62px !important;}
.rev-mainbtu_pc a{ line-height:1.5 !important;}
.rev-mainbtu_pc span{display:block;font-size: 12px;}
.rev-mainbtu_pc {color: #fff;float: left;margin-left: 0;height: 0;}
.rev-mainbtu_pc i{margin-top: 6px;font-style: initial;}

.rev-mainbtu_mo {display:none;}
.hd rev-mainbtu_pc i{margin-top: 7px;}

.hd.fixed .logo{margin-top: 0px !important;background-image:url(/web/img/set/logo.png) !important;}
.hd.fixed .main-menu-wrap{margin-top: 30px;}
.hd.fixed{background-color: #fff;height: 90px;border-bottom: 1px solid #e0e0e0;}
.hd.fixed .main-menu-wrap a{color: #252525 !important;}
.hd.fixed .main-menu-wrap a i {color:#252525 !important;}
.hd.fixed .main-menu-wrap rev-mainbtu_mo li{color: #252525 !important;}
.hd.fixed .main-menu-wrap rev-mainbtu_mo li i{color: #252525 !important;}

.hd.fixed .rev-mainbtu_pc02 a{color:#01c73c !important;}
.hd.fixed .rev-mainbtu_pc02 a i{color:#01c73c !important;}


/* footer */
.top-btn{width: 4%;height: 0;position: absolute;right: 0%;margin-top: -72px;font-size: 15px;color: #252525;z-index: 10;cursor:pointer; text-align:center;}

.footer-logo {margin-bottom: 25px;border-bottom: 1px solid #ccc;padding-bottom: 40px;}
.footer-logo img {width: 160px;opacity: 0.7;}

footer {padding: 40px 0px 50px 0px; /*background: #fafaf9;*/}
.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-size:12px;}
.footer_com a{color:#7e7e7e;}
.bg-dark { background: #292929;}
.col-md-3 {width: 29%;float:left;margin: 2% 2% 4% 2%;}
.widget .title {font-size: 15px;line-height: 24px;font-weight: 700;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 12px;font-family: 'Lato', sans-serif;color: #585858;}
.widget ul li{font-size: 13px;line-height:1.8;letter-spacing:-0.2px;font-family: 'Pretendard-Black';}
.fottop{  display: block; text-align: center; width: 5%; float:right; font-size:20px;  margin: 1px auto 15px;}  

.col-sm-6 .sub 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;}


hr {display: block; height: 1px;  border: 0;  border-top: 1px solid #ccc;  margin: 0.5em 0;padding: 0;}

.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;}


/* media */
@media all and (max-width : 1700px){
	.hd .inner-con{max-width:1300px;}

}

@media all and (max-width : 1366px){
	.hd .inner-con{max-width:1200px;}
	.hd.fixed{height:83px;}
	
	.hd.fixed .logo{/* margin-top:10px !important; */} .hd.fixed .main-menu-wrap{margin-top:25px;}
	.hd .main-menu-wrap{width:687px !important; height:0 !important;}
	.hd.fixed .main-menu-wrap .white-box{ top:83px;}
	.hd .main-menu-wrap .sub-menu{margin-top:35px;}
}

@media all and (max-width : 1025px){
	.hd .inner-con {max-width:95%;}
	.hd .logo{margin-top: 35px;}
    .hd .main-menu-wrap{width: 100vw !important;height: 100vh !important;background-color: white;top: 0;left: 0;position: fixed;margin-top: 0;z-index: 0;padding-top: 182px;float: none;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.5s;}
    .hd.fixed .main-menu-wrap{margin-top: 0;}
    .hd.fixed .menu-btn{top: 25px; 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%; opacity:0}
    .hd .main-menu-wrap > ul > li{width: 20%;}
    .hd .main-menu-wrap a{color: #434343;}
    .hd .main-menu-wrap .sub-menu{height: auto; min-height: 220px;}
    .hd .logo span {transition: 0.5s;}
    .menu-btn{display: block;}
    .bg-wrap .bg{background-attachment: initial;}    
    .hd .menu-btn{width: 30px;height: 30px;display: block;position: absolute;top: 25px;right: 10px;cursor: pointer;}
    .hd .menu-btn .line{width: 100%; height: 1px; background-color: white; display: block; position: absolute; top: 50%; left: 0; transition: 0.5s;}
    .hd .menu-btn .line1{transform: translateY(-8px);}
    .hd .menu-btn .line3{transform: translateY(8px);}
	
	.hd .logo{margin-top: 10px;position: relative;width: 125px;}
    .hd .logo img{width: 45px;}
    .hd .logo span{font-size: 18px;}
    .hd.fixed{height: 75px;}
    .hd.fixed .main-menu-wrap{margin-top: 0;}
   
   
	
	
    
    .sns_grp{float: none;width: 100%; position: absolute; bottom: 45px; left: 50px;}
    .sns_grp i{color: #696969;}

	.hd.click .logo{ background-image:url(/web/img/set/logo.png);}
    .hd.click .main-menu-wrap{pointer-events: all;opacity: 1;visibility: visible;}
	.hd.click .main-menu-wrap{height: 100% !important;}
	.hd.click .main-menu-wrap > ul { opacity:1; transition:0.5s;}
    .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);}


	.rev-mainbtu_pc{display:none;} .rev-mainbtu_mo{display:block;}
	.rev-mainbtu_mo{float: right;margin-right: 65px;/* width:40px !important; */ position:inherit;}
	.rev-mainbtu_mo a{ line-height:1.5 !important;}
	.rev-mainbtu_mo span{display:block;font-size: 10px;}
	.rev-mainbtu_mo {color: #fff;float: right;margin-left: 0;height: 0;text-align: center;}
	.rev-mainbtu_mo ul {display:inline-flex;}
	.rev-mainbtu_mo ul .rev02{ margin-top:20px; margin-left:15px;}
	.rev-mainbtu_mo i{margin-top: 25px;transition: 0.5s; font-style:initial;} 
	
	.hd.fixed .rev-mainbtu_mo a{color:#282828; position:inherit;}
	.hd.click .rev-mainbtu_mo a{color:#282828; position:inherit;}
	.hd.fixed .rev-mainbtu_mo i{margin-top:25px;  transition: 0.5s;}
	
	.rev-mainbtu_mo .rev02 a i{color:#01c73c !important;}
	.hd.fixed .rev-mainbtu_mo .rev02 a i{color:#01c73c !important;}
	.rev-mainbtu_mo .rev02 span{color:#01c73c !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:13px;}
	
	.top-btn{display: none !important;}

	#tm_bt{ width: 8%; height: 100px;  position: absolute;  right: 1%;  bottom: 0;   z-index: 10;}


}


@media all and (max-width : 700px){
	
	.rev-mainbtu_mo ul .rev02{margin-top:17px;}
   
   .rev_end img{width:35%;}
	
	#tm_bt{ height: 80px;  position: absolute;  right: 1%;  bottom: 0;   z-index: 10;}

}

@media all and (max-width : 500px){
	
.hd .logo{margin-top: 10px;width: 115px;margin-left:5px;}	 .hd{height: 83px;} .hd.fixed .logo{margin-top: 5px !important;}
.hd .main-menu-wrap{padding-top:100px;}	 
.hd .main-menu-wrap > ul > li{width:33%;}	
.hd .main-menu-wrap > ul > li > a{/* font-size:14px; */}	
.hd .main-menu-wrap .sub-menu a{/* font-size:12px; */} .hd .main-menu-wrap .sub-menu{margin-top:10px; min-height:180px; height:0 !important;}

.rev_end img{width:43%;}
#tm_bt{ width:13%;}

}