@charset "utf-8";
:root{--ink:#342b27;--muted:#85766d;--accent:#b45d3e;--line:#eee2d8;--warm:#fffaf6;--page:1200px}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:ng,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:15px;line-height:1.7}a{color:inherit}a:hover{color:var(--accent);text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}ul li{font-size:inherit;line-height:inherit}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto}#wrapper{min-width:0;width:100%;overflow:visible;position:relative}#top{width:min(var(--page),calc(100% - 64px));height:122px;margin:auto;position:relative;border-bottom:0}#top p{padding:52px 0 0}#top p img{width:300px;display:block}#top ul{top:8px;right:0;display:flex;gap:18px}#top ul li{float:none;background:none;padding:0;color:var(--muted);font-size:12px}#top ul a{font-size:12px;color:var(--muted)}.menu-toggle{display:none}#gnb{position:absolute;top:49px;right:max(32px,calc((100% - var(--page))/2));width:690px;height:65px;background:#fff;z-index:100}#gnb .gnb-list{width:100%;display:flex;overflow:visible;justify-content:flex-end}#gnb .gnb-li{float:none;position:relative;flex:1}#gnb .gnb-btn{width:auto;height:auto;padding:16px 8px;font-size:17px;color:var(--ink);background:none}#gnb .gnb-li.on>a,#gnb .gnb-li:focus-within>a{color:var(--accent);background:var(--warm)}#gnb .sgnb{top:100%;left:0;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 12px 24px #342b2712;overflow:hidden}#gnb .gnb-li:last-child .sgnb{left:auto;right:0}#gnb .gnb-li:focus-within .sgnb{display:block!important}#gnb .sgnb a{font-size:14px;padding:12px 18px;color:var(--ink)}#gnb .sgnb a:hover{color:var(--accent);background:var(--warm)}#foot_wrap{height:auto;margin-top:0;border-top:1px solid var(--line);background:var(--warm)}.footer{width:min(var(--page),calc(100% - 64px));padding:30px 0;margin:auto}.foot_menu{display:flex;flex-wrap:wrap;gap:8px 20px;padding-right:200px}.foot_menu li,.foot_menu li:first-child{float:none;background:none;padding:0}.foot_menu li a,.foot_menu li:first-child a{font-size:13px;color:var(--muted)}.adre{display:flex;flex-wrap:wrap;gap:2px 16px;margin-top:20px;padding-right:190px}.adre li,.adre li:first-child{float:none;background:none;padding:0;font-size:12px;color:var(--muted)}.footer div{margin-top:8px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.footer p{right:0;top:36px;width:165px}.skip-link{position:fixed;top:-100px;left:16px;z-index:10000000;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:8px}.blue01,.blue02,.blue03,.xx{color:var(--accent)!important}
@media(max-width:1100px){#gnb{width:min(590px,calc(100% - 350px))}#top p img{width:260px}#gnb .gnb-btn{font-size:16px}}
@media(max-width:900px){#top{width:calc(100% - 40px);height:112px}#top p{padding-top:48px}#top p img{width:min(290px,calc(100vw - 100px))}#top ul{gap:16px;top:7px}.menu-toggle{display:block;position:absolute;right:0;top:45px;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--warm);color:var(--accent);font-size:24px;cursor:pointer}#gnb{position:relative;top:auto;right:auto;width:100%;height:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:none}#gnb.is-open{display:block}#gnb .gnb-list{display:block;width:100%;padding:10px 20px}#gnb .gnb-btn{text-align:left;font-size:17px;padding:12px 10px}#gnb .gnb-li{border-bottom:1px solid var(--line)}#gnb .gnb-li:last-child{border-bottom:0}#gnb .sgnb,#gnb .gnb-li:last-child .sgnb{display:block!important;position:static;min-width:0;box-shadow:none;border:0;border-radius:0;background:var(--warm);height:auto!important;padding:4px 10px}#gnb .sgnb-list{display:flex;flex-wrap:wrap;gap:0 14px}#gnb .sgnb a{padding:10px 0;font-size:14px}.footer{width:calc(100% - 40px);padding:24px 0}.foot_menu,.adre{padding-right:0}.footer p{position:static;width:165px;margin-top:22px}.foot_menu{gap:8px 16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}