/* JOEUN ENG: same header geometry across all seven public pages. */
html:root body > header {
 box-sizing:border-box!important;
 display:grid!important;
 grid-template-columns:minmax(0, 40%) minmax(0, 60%)!important;
 align-items:center!important;
 justify-content:initial!important;
 gap:0!important;
 width:100%!important;
 max-width:none!important;
 height:156px!important;
 min-height:156px!important;
 padding:20px max(4%, calc((100% - 1800px)/2))!important;
 margin:0!important;
 overflow:visible!important;
}
html:root body > header > .brand {
 display:grid!important;
 grid-template-columns:88px minmax(0,1fr)!important;
 grid-template-rows:auto auto!important;
 column-gap:16px!important;
 align-items:center!important;
 align-content:center!important;
 width:100%!important;
 min-width:0!important;
 padding:0 26px 0 0!important;
 margin:0!important;
 font-size:26px!important;
 font-weight:800!important;
 line-height:1.4!important;
}
html:root body > header > .brand > img {
 grid-column:1!important;grid-row:1 / 3!important;
 float:none!important;
 width:88px!important;height:76px!important;
 margin:0!important;object-fit:contain!important;
}
html:root body > header > .brand > [data-screen-text="global-name"] {
 grid-column:2!important;grid-row:1!important;
 font-size:26px!important;line-height:1.4!important;
 white-space:normal!important;overflow-wrap:anywhere!important;
}
html:root body > header > .brand > small {
 grid-column:2!important;grid-row:2!important;
 display:block!important;
 margin:5px 0 0!important;
 font-size:16px!important;line-height:1.4!important;
 letter-spacing:2px!important;white-space:normal!important;
}
html:root body > header > nav[aria-label="주요 메뉴"] {
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 grid-template-rows:repeat(2,46px)!important;
 align-items:center!important;
 justify-items:center!important;
 align-content:center!important;
 gap:8px 12px!important;
 width:100%!important;min-width:0!important;
 margin:0!important;padding:0!important;
 font-size:20px!important;
}
html:root body > header > nav[aria-label="주요 메뉴"] > a,
html:root body > header > nav[aria-label="주요 메뉴"] > .menu-dropdown {
 width:100%!important;min-width:0!important;
 margin:0!important;padding:0!important;
 border:0!important;
}
html:root body > header > nav[aria-label="주요 메뉴"] > a,
html:root body > header > nav[aria-label="주요 메뉴"] > .menu-dropdown > summary {
 display:flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;
 width:100%!important;height:46px!important;
 padding:0 2px!important;margin:0!important;
 font-family:'Malgun Gothic',sans-serif!important;
 font-size:20px!important;font-weight:700!important;
 line-height:1.4!important;letter-spacing:0!important;
 white-space:nowrap!important;
 border:0!important;
}
html:root body > header > nav[aria-label="주요 메뉴"] > .menu-dropdown {position:relative!important;}
html:root body > header > nav[aria-label="주요 메뉴"] .submenu {z-index:10000!important;}
html:root body > header > nav[aria-label="주요 메뉴"] > .menu-dropdown:nth-child(4n) .submenu {left:auto;right:0;}
html:root body > header > nav[aria-label="주요 메뉴"] .submenu a {
 display:block!important;width:auto!important;height:auto!important;
 padding:10px 14px!important;margin:0!important;
 font-size:16px!important;line-height:1.6!important;
 white-space:normal!important;text-align:left!important;
}
@media(min-width:1201px) and (max-width:1500px){
 html:root body > header > .brand > [data-screen-text="global-name"], html:root body > header > .brand {font-size:23px!important;}
 html:root body > header > .brand > small {font-size:14px!important;letter-spacing:1px!important;}
 html:root body > header > nav[aria-label="주요 메뉴"] > a,
 html:root body > header > nav[aria-label="주요 메뉴"] > .menu-dropdown > summary {font-size:18px!important;}
}
@media(max-width:1200px){
 html:root body > header {grid-template-columns:minmax(0,1fr)!important;grid-template-rows:76px 100px!important;gap:12px!important;height:224px!important;min-height:224px!important;padding:18px 5%!important;}
 html:root body > header > .brand {grid-template-columns:72px minmax(0,1fr)!important;width:min(100%,720px)!important;padding:0!important;column-gap:14px!important;}
 html:root body > header > .brand > img {width:72px!important;height:64px!important;}
 html:root body > header > .brand > [data-screen-text="global-name"],html:root body > header > .brand {font-size:23px!important;}
 html:root body > header > .brand > small {font-size:14px!important;}
 html:root body > header > nav[aria-label="주요 메뉴"] > a,
 html:root body > header > nav[aria-label="주요 메뉴"] > .menu-dropdown > summary {font-size:18px!important;}
}
@media(max-width:600px){
 html:root body > header {grid-template-rows:78px 164px!important;gap:8px!important;height:278px!important;min-height:278px!important;padding:14px 4%!important;}
 html:root body > header > .brand {grid-template-columns:56px minmax(0,1fr)!important;column-gap:10px!important;}
 html:root body > header > .brand > img {width:56px!important;height:52px!important;}
 html:root body > header > .brand > [data-screen-text="global-name"],html:root body > header > .brand {font-size:18px!important;}
 html:root body > header > .brand > small {font-size:11px!important;letter-spacing:1px!important;}
 html:root body > header > nav[aria-label="주요 메뉴"] {grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(4,38px)!important;gap:4px 12px!important;}
 html:root body > header > nav[aria-label="주요 메뉴"] > a,
 html:root body > header > nav[aria-label="주요 메뉴"] > .menu-dropdown > summary {height:38px!important;font-size:16px!important;}
 html:root body > header > nav[aria-label="주요 메뉴"] > .menu-dropdown:nth-child(even) .submenu {left:auto;right:0;}
 html:root body > header > nav[aria-label="주요 메뉴"] > .menu-dropdown:nth-child(odd) .submenu {left:0;right:auto;}
}