#header{position: fixed; z-index: 1000;width: 100%;}
#header .header_inner{display:flex;width: 100%; padding:0 3%; justify-content: space-between; box-sizing:border-box;  align-content:center; align-items:center;  transition:0.3s}
#header .header_inner h1#logo{width: 160px; }
#header .header_inner nav#gnb ul{display: flex; column-gap:60px;color: #fff;  align-items:center;  }
#header .header_inner nav#gnb ul li{height:100%;}
#header .header_inner nav#gnb ul li a{display:block;padding:50px 0; position: relative;font-size:1.2rem; font-weight:500; transition:0.3s;border-bottom:3px solid transparent;}
#header .header_inner nav#gnb ul li:hover a{color:#ff2f00;}
#header .header_inner nav#gnb ul li.gnb_point a span{position: relative;}
#header .header_inner nav#gnb ul li.gnb_point a span:after{position: absolute;content: ' '; right:-10px; top:-5px;width:8px; height:8px; background:#ff2f00 ;  border-radius:100%;}
#header .header_inner .btn_list{display:flex; color: #fff; column-gap:12px; }
#header .header_inner .btn_list a{display:flex; padding:8px 24px; column-gap:8px; border:2px solid #fff; border-radius:100px; justify-content:center; align-items:center;  transition:0.3s }
#header .header_inner .btn_list a span{display: block;font-weight:600;height:22px;line-height:24px; }
#header .header_inner .btn_list a img.link_arrow{width:12px; transition:0.3s}
#header .header_inner .btn_list a:hover{background: #fff !important; color: #111 !important;border:2px solid #fff !important; }
#header .header_inner .btn_list a:hover img.link_arrow{transform:rotate(-45deg);filter: invert(1);}
#header .header_inner .btn_list a.btn_list_or{background:#fc3000 ; border:2px solid #fc3000;}
#header .header_inner .btn_list a.btn_list_or b{font-weight:inherit;}
#header .header_inner .btn_list a.btn_list_black{background:rgba(255,255,255,0.07) ; border:2px solid rgba(255,255,255,0.2);}
#header .header_inner .btn_list a.btn_list_black b{font-weight:inherit;}
#header .header_inner .btn_list a.btn_list_black img{width:16px;}
#mo_contact{position: fixed; bottom:-100px; width: 100%;background: #ff2d02; text-align: center; color: #fff; z-index: 1000; transition:0.5s}
#mo_contact a{display: block; padding: 12px 0;}

#header.menu_on{backdrop-filter: blur(10px);background:rgba(0,0,0,0.8); box-shadow: 5px 0 10px 5px rgba(0, 0, 0, 0.1); border-bottom:1px solid rgba(255,255,255,0.07)}
#header.menu_on .header_inner{padding:0 1%;}
#header.menu_on .header_inner h1#logo{width:120px;}
#header.menu_on .header_inner nav#gnb ul li a{font-size:1rem;padding:24px 0;}
#header.menu_on .header_inner nav#gnb ul li:hover a{border-bottom:3px solid #fc3000;}
#header.menu_on  .header_inner .btn_list a{padding:6px 16px; column-gap:6px; }
#header.menu_on  .header_inner .btn_list a span{height:21px;line-height:22px; font-size:15px;}


#footer{position: relative;background: #000;padding:12vh 0; color: #fff; z-index: 10;}
#footer .inner{padding:0 5%;}
#footer .inner #footer_logo{margin-bottom:2em;}
#footer .inner #footer_logo img{width:220px;}
#footer .inner ul li{display: inline-block; margin-right: 1.5em; margin-bottom:1em;font-size:1.2em; font-weight: bold; line-height:1.4;}
#footer .inner ul li strong{display: block;color: #888888; font-weight:600;}
#footer .inner  cite{font-size:0.8em; opacity: 0.6;}
.mo_br{display: none;}

@media all and (max-width:1400px){
	#header .header_inner h1#logo{width: 140px; }
	#header .header_inner nav#gnb ul{column-gap:40px;}
	#header .header_inner nav#gnb ul li a{font-size:1.1rem;}
	#header .header_inner .btn_list a{padding:8px 20px; column-gap:8px; font-size:15px; }
	#header .header_inner .btn_list a span{height:20px;line-height:22px;}


}

@media all and (max-width:1024px){
	#header .header_inner h1#logo{width: 140px; }
	#header .header_inner nav#gnb{display: none;}
	#header .header_inner{height:90px; padding:0 5%;}
	#header.menu_on .header_inner{padding:0 5%;}
	#header.menu_on .header_inner{height:70px;padding:0 5%;}
	#header .header_inner .btn_list .btn_list_recru{}
	#header .header_inner .btn_list a.btn_list_or{display: none;}
	#mo_contact{bottom: 0;}

	#tel_btn{bottom: 130px;}
	#top_btn{bottom: 70px;}
}

@media all and (max-width:768px){
	.mo_br{display: block;}
	#header .header_inner h1#logo{width:120px;}
	#header .header_inner{padding:0 4%;}
	#header.menu_on .header_inner{padding:0 3%;}
	#header.menu_on .header_inner .btn_list a{font-size:14px;padding: 6px 16px;}
	#header .header_inner .btn_list{margin-top:3px;}
	#header .header_inner .btn_list a{font-size:14px;padding: 6px 16px;}
	#header .header_inner .btn_list{column-gap: 6px;}
	#header .header_inner .btn_list img{display: none;}
	#header .header_inner .btn_list img.link_blog{display: inline-block;}

}