.main-page .header-wrap {position: fixed;left: 0;right: 0;top: 0;z-index: 999;}
.header-box{display: flex;padding: 15px 20px;justify-content: space-between;align-items: center;flex: 1 0 0;border-radius: 0px 0px 20px 20px;background: #FFF;margin: 0 20px;}
.header-box h1{max-width: 282px;}
.header-box h1 img{max-width: 100%;}
.header-box .header-box-right{display: flex;align-items: center;margin-top: -10px;}
.header-box .gnb-box ul{display: flex;align-items: flex-start;}
.header-box .gnb-box li a{color: #222;font-size: 20px;font-weight: 500;line-height: normal;letter-spacing: -0.4px;padding: 0 50px;position: relative;}
.header-box .gnb-box li a:before{content: '';width: 8px;height: 6px;border-radius: 3px;background: #D9D9D9;display: block;position: absolute;left:0;right:0;bottom:-14px;margin: auto;transition: 0.3s;}
.header-box .gnb-box li a.active:before{background: #BB141B;width: 71px;}
.header-box .gnb-box li .dep2{display:none;}
.header-box .lang-box ul{display: flex;align-items: flex-start;background: #BB141B;border-radius: 18px;}
.header-box .lang-box ul li a{color: #FFF;font-size: 14px;font-weight: 500;line-height: 100%;padding: 11px 20px;display: inline-block;}
.header-box .lang-box ul li.active a{border-radius: 18px;background: #000;}

/*Menu mobile*/
/*.header-box .m-gnb{display: none;}*/
.header-box .hamburger, .header-box .toggle-menu{display: none;}
.header-box .hamburger{position: relative;width: 40px;height: 3px;background-color: #000;border-radius: 30px;cursor: pointer;z-index: 20;transition: 0.3s;}
.header-box .hamburger:before,
.header-box .hamburger:after{content: '';position: absolute;height: 3px;right: 0;background-color: #000;border-radius: 30px;transition: 0.3s;width: 40px;}
.header-box .hamburger:before{top: -10px;}
.header-box .hamburger:after{top: 10px;}
.header-box .toggle-menu{position: absolute;width: 48px;height: 48px;z-index: 30;cursor: pointer;opacity: 0;top: 24px;right: 12px;}
.header-box input:checked ~ .hamburger{background: transparent;margin-right: -8px;}
.header-box input:checked ~ .hamburger:before{top: 0;transform: rotate(-45deg);width: 38px;background-color: #000;}
.header-box input:checked ~ .hamburger:after{top: 0;transform: rotate(45deg);width: 38px;background-color: #000;}
.header-box input:checked ~ .m-gnb{top: 100px;}
.header-box .m-gnb{transition: 0.5s;position: absolute;top: -100vh;left:0;right: 0;background: #fff;z-index: -1;display: none;padding: 5px 20px 20px 20px;box-shadow:0 3px 2px 0 rgba(169, 173, 177, 0.2);}
.header-box .m-gnb li a{padding: 13px 0;color: #333;font-size: 18px;font-weight: 700;line-height: normal;letter-spacing: -0.36px;display:block;}
.header-box .m-gnb li a.active{color: #BB141B;}
.header-box .m-gnb li .dep2{display:none;}

.header-box .m-lang-box{display: flex;justify-content: flex-end;}
.header-box .m-lang-box ul{display: flex;align-items: flex-start;background: #BB141B;border-radius: 18px;}
.header-box .m-lang-box ul li a{color: #FFF;font-size: 14px;font-weight: 500;line-height: 100%;padding: 11px 20px;display: inline-block;}
.header-box .m-lang-box ul li.active a{border-radius: 18px;background: #000;}

@media screen and (max-width:1400px) {
	.header-box .gnb-box li a{padding: 0 25px;}
}

@media screen and (max-width:1100px) {
	.header-box .gnb-box li a{padding: 0 15px;}
}
@media screen and (max-width:1000px) {
	.header-box{position: relative;margin: 0;border-radius:0;padding: 27px 20px;}
	.header-box .gnb-box, .lang-box{display: none;}
	/*Menu mobile*/
	.header-box h1{max-width: 180px;}
	.header-box .hamburger, .header-box .toggle-menu, .header-box .m-gnb{display: block;}
}