.header-inner {display:flex;justify-content:space-between;align-items:center;}
.header-inner .logo-box {position:relative;padding: 60px 28px 38px 63px;background-color: #fff; border-radius: 0 0 50px 0;box-sizing:border-box;max-width:315px}
.header-inner .logo-box:before {content: '';display: block;position: absolute;top: 32px;left: 100%;width: 60px;height: 60px;background-color: transparent;box-shadow: -20px -20px 0 0px #fff; border-radius: 30px 0 0 0;z-index:-1;}
.header-inner .logo-box:after {content: '';display: block;position: absolute;top: 100%;left:32px;width: 60px;height: 60px;background-color: transparent;box-shadow: -20px -20px 0 0px #fff;border-radius: 30px 0 0 0;}
.header-inner .logo-box img {width:218px;height:100%;object-fit:cover;}
.header-inner .nav-box {flex:1;padding: 22px 64px 0 0;display: flex;justify-content: end;gap: 24px;}
.header-inner .nav-box > ul {display:flex;gap:24px;justify-content:flex-end;align-items:center;}
.header-inner .nav-box > ul > li {display:inline-flex;}
.header-inner .nav-box > ul > li > a {display:inline-block;font-weight: 600;font-size: 20px;line-height: 100%;border:2px solid #fff;color: #fff;border-radius:30px;transition: 0.3s ease-in;padding:12px 20px;box-sizing:border-box;text-align:center;}
.header-inner .nav-box > ul > li > a:hover {background:#1F74FE;border-color:#1F74FE;}

/* header sub page*/
.page-sub{position: relative;}
.page-sub .header-inner .logo-box:before,
.page-sub .header-inner .logo-box:after {content: none;}
.page-sub .header-inner .nav-box > ul > li > a {border-color:#0053DB;color:#0053DB;background-color: #fff;}
.page-sub .header-inner .nav-box > ul > li > a:hover {color: #fff;background-color:#1F74FE;border-color:#1F74FE;}
.page-sub .header-inner .nav-box > ul > li > a.active{color: #fff;background-color:#1F74FE;border-color:#1F74FE;}
.page-sub .g-lang-box > button{background-color: #E9F0FB;border-color: #E9F0FB;}
.page-sub .g-lang-box ul{background: #E9F0FB;}
.page-sub .header-inner .nav-box {padding: 0 64px 0 0;}
.header-inner .logo-box {padding: 53px 31px 53px 63px;}

.gnb-sp{display: none;}
.gnb-sp > a{background: url(../img/common/menu.png) no-repeat center;width: 40px;height: 40px;display: inline-flex;font-size: 0;}
.page-sub .gnb-sp > a{background: url(../img/common/menu-b.png) no-repeat center;}
@media screen and (max-width:1024px) {
	.header-inner .nav-box > ul > li > a {font-size:15.5px;}
	.header-inner .logo-box {margin: 0 auto 0 0;padding: 40px 28px 30px 28px;}
	.header-inner .logo-box:before {top:16px;}
	.header-inner .logo-box:after {left:16px;}
	.header-inner .nav-box {padding: 22px 32px 0 0;}
	.header-inner .logo-box img {width:150px;}
}
@media screen and (max-width:768px) {
	.header-inner .nav-box {flex-wrap:wrap;padding:16px 0 0 0;justify-content:center;gap:10px 10px;position: absolute;top: 100%;left: 40px;right: 40px;display: none;justify-content: flex-end;}
	.header-inner .nav-box.on{display: flex;z-index: 999;flex-direction: column;align-items: flex-end;}
	.page-sub .header-inner .nav-box {padding:0;}
	.header-inner .nav-box > ul {justify-content:center;flex-wrap: wrap;gap: 10px 10px;flex-direction: column;width: 161px;}
	.header-inner .nav-box > ul > li{width: 100%;}
	.header-inner .nav-box > ul > li > a{border-width:1px;font-size:14px;padding: 12px 12px;width: 100%;border-color: #0053DB;color: #0053DB;background-color: #fff;}
	.header-inner .nav-box > ul > li > a:hover{color: #fff;}
	.page-sub .header-inner .nav-box > ul > li > a{width: 100%;}
	
	.gnb-sp{display: block;margin-right: 40px;}
	.gnb-sp a.on{background: url(../img/common/X.png) no-repeat center;}
	.page-sub .gnb-sp a.on{background: url(../img/common/X-B.png) no-repeat center;}
}
/*
@media screen and (max-width:430px) {
	.no-sub-visual .page-sub .header-inner .nav-box.on{padding: 10px;}
	.header-inner .logo-box img {width:120px;}
}
@media screen and (max-width:374px) {
	.page-sub .header-inner .logo-box {margin: 0 auto;}
	.header-inner .nav-box > ul > li > a{font-size:13px;padding: 10px 10px;}
	.header-inner .nav-box  {flex-direction:column;}
}
*/