#site-header a,
#site-header a:link,
#site-header a:visited {
  color: #000;
  text-decoration: none;
}

.site-container {
  max-width: 728px;
  margin: 0 auto;
  width: 100%;
}
.site-container-inn {margin:0 20px;}
.header-brand {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
}
.header-brand__link {
  text-decoration: none;
  color: inherit;
  display: inline-flex;
  align-items: center;
}
.header-brand__text { }

.site-logo { display: block; width: auto; height: auto; max-height: 45px; /* 데스크탑 기준 */ }

.main-nav-wrap {}
.main-navigation { text-align: center; }
.main-menu {
  display: flex;
  justify-content: center;
  gap: 10%;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
	font-weight: 700;
}
.main-menu li a {
  display: inline-flex;
  align-items: center;
  padding: 10px 0;
  box-sizing: border-box;
  line-height: normal;
  min-height: 60px;
  transition: color 180ms ease-in-out, background-color 180ms ease-in-out;
}

#site-header .main-menu li a:hover,
#site-header .main-menu li a:focus {color: #ED5625; outline: none;}
#site-header .main-menu li a:active,
#site-header .main-menu li a.is-pressed { color: #ED5625; }
#site-header .main-menu .current-menu-item > a { color: #ED5625; }

.site-header {background: #fff;}
@media (max-width: 768px) {
	.site-container {width:auto; margin:0 auto;}

}
@media (max-width: 540px) {
	.header-brand{height: 68px;}
	.site-logo { max-height: 40px; /* 모바일 기준 */ }
	.main-menu li a {align-items: flex-start;min-height: 48px;}
	.main-menu { gap: 2%; font-size: 14px; }
}
@media (max-width: 361px) {
	.main-menu { gap: 3%; font-size: 13px; }
	.main-menu li a { min-height: 45px; }
}