/* about.html / 페이지별 디자인
   색상은 #색상코드, 여백은 padding/margin, 글자 크기는 font-size를 검색하세요.
   @media 아래는 모바일/화면 크기별 규칙입니다. 뒤쪽 규칙이 앞쪽을 덮어쓸 수 있습니다. */

.site-header .brand{
display:flex;
align-items:center;
gap:10px}
.site-header .brand img{
height:55px;
width:auto;
mix-blend-mode:multiply}
.site-header .brand-label{
font-size:21px;
letter-spacing:.035em}
.site-header .header-note{
display:none}
.template-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
flex-wrap:wrap}
.template-brand{
display:flex;
align-items:center;
gap:12px;
font-size:21px}
.template-brand img{
height:60px;
width:auto;
mix-blend-mode:multiply}
.template-nav{
display:flex;
align-items:center;
gap:25px;
font-size:13px}
.template-controls{
margin:15px 6vw;
text-align:right}
@media(max-width:760px){
.template-nav{
gap:16px;
font-size:12px;
flex-wrap:wrap}
.template-header{
padding:15px 6vw}
.template-brand img{
height:48px}
.site-header .brand img{
height:44px}
}