/* gn-contact.css — 모든 페이지에 걸리므로 .gn-fab / .gn-inq 로 시작하는 규칙만 둔다(다른 모양을 바꾸지 않음) */
/* 왼쪽 따라다니는 상담 칸(넓은 화면) */
.gn-side{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:900;width:70px;font-family:'Nanum Gothic','Malgun Gothic',sans-serif}
.gn-side .gn-side-list{list-style:none;margin:0;padding:0}
.gn-side .gn-side-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;width:100%;min-height:78px;margin:0;padding:8px 3px;background:#4a4d52;color:#fff;border:0;border-bottom:1px solid #62656b;text-decoration:none;text-align:center;font:inherit;cursor:pointer}
.gn-side .gn-side-cell b{font-size:10.5px;line-height:1.25;font-weight:700;letter-spacing:-.5px;word-break:keep-all}
.gn-side .gn-side-cell span{font-size:9px;line-height:1.1;letter-spacing:-.6px;color:#e7e9ec}
.gn-side .gn-side-cell svg{width:20px;height:20px}
.gn-side .gn-side-cell:hover,.gn-side .gn-side-cell:focus{background:#2f3236;color:#fff;text-decoration:none}
.gn-side .gn-side-kakao{background:#fee500;color:#191919;border-bottom:0}
.gn-side .gn-side-kakao:hover,.gn-side .gn-side-kakao:focus{background:#f1d800;color:#191919}
.gn-side .gn-side-cell:focus-visible,.gn-side .gn-side-tab:focus-visible{outline:3px solid #fee500;outline-offset:-3px}
.gn-side .gn-side-tab{display:none}
@media (min-width:1760px){.gn-side{width:96px}.gn-side .gn-side-cell{min-height:92px}.gn-side .gn-side-cell b{font-size:12px}.gn-side .gn-side-cell span{font-size:10.5px}.gn-side .gn-side-cell svg{width:24px;height:24px}}
@media (max-width:1439px){
 .gn-side{width:58px;left:auto;right:0}
 .gn-side .gn-side-cell{min-height:68px;padding:6px 2px;gap:2px}
 .gn-side .gn-side-cell svg{width:18px;height:18px}
 .gn-side .gn-side-cell b{font-size:9.5px;line-height:1.2;letter-spacing:-.6px}
 .gn-side .gn-side-cell span{font-size:8px;letter-spacing:-.7px}
}
/* 휴대폰 · 좁은 화면 아래 고정 줄 */
.gn-bar,.gn-bar-spacer{display:none}
html.gn-mob .gn-side{display:none!important}
html.gn-mob .gn-bar{display:block;position:fixed;left:0;bottom:0;z-index:900;background:#33363a;font-family:'Nanum Gothic','Malgun Gothic',sans-serif}
html.gn-mob .gn-bar-spacer{display:block}
.gn-bar .gn-bar-row{display:flex}
.gn-bar .gn-bar-btn{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-sizing:border-box;min-height:52px;margin:0;padding:6px 2px;background:#33363a;color:#fff;border:0;border-left:1px solid #50545a;font:inherit;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}
.gn-bar .gn-bar-btn:first-child{border-left:0}
.gn-bar .gn-bar-btn svg{width:20px;height:20px}
.gn-bar .gn-bar-kakao{background:#fee500;color:#191919}
.gn-bar .gn-bar-btn:focus-visible{outline:3px solid #fee500;outline-offset:-3px}
.gn-bar .gn-bar-sheet{list-style:none;margin:0;padding:0;background:#fff;border-top:1px solid #ccc}
.gn-bar .gn-bar-sheet a{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:#111;text-decoration:none;border-bottom:1px solid #e5e5e5;font-size:15px}
.gn-bar .gn-bar-sheet a b{font-weight:700}
.gn-bar .gn-bar-sheet a span{color:#1f6feb;font-weight:700}
.gn-bar [hidden],.gn-modal[hidden]{display:none!important}
/* 메시지 문의 창 */
.gn-modal{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px;overflow:auto}
.gn-modal .gn-modal-box{position:relative;width:100%;max-width:560px;max-height:100%;overflow:auto}
.gn-modal .gn-inq{margin:0}
.gn-modal .gn-modal-x{position:absolute;right:8px;top:6px;z-index:2;width:36px;height:36px;padding:0;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:#444}
/* 문의 보내기 폼 */
.gn-inq{box-sizing:border-box;max-width:720px;margin:0 auto;padding:28px 26px;background:#fff;border:1px solid #dcdfe4;border-radius:10px;color:#222;text-align:left;font-family:'Nanum Gothic','Malgun Gothic',sans-serif}
.gn-inq *{box-sizing:border-box}
.gn-inq .gn-inq-title{margin:0 0 6px;font-size:22px;line-height:1.35;font-weight:700;color:#111}
.gn-inq .gn-inq-lead{margin:0 0 18px;font-size:14px;line-height:1.6;color:#555}
.gn-inq .gn-inq-row{margin:0 0 14px}
.gn-inq label.gn-inq-label{display:block;margin:0 0 5px;font-size:14px;font-weight:700;color:#222}
.gn-inq input[type=text],.gn-inq input[type=tel],.gn-inq textarea{display:block;width:100%;padding:11px 12px;font:inherit;font-size:15px;color:#222;background:#fff;border:1px solid #b9bec7;border-radius:6px}
.gn-inq textarea{min-height:120px;resize:vertical}
.gn-inq input:focus,.gn-inq textarea:focus{outline:2px solid #1f6feb;outline-offset:0;border-color:#1f6feb}
.gn-inq .gn-inq-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.gn-inq .gn-inq-consent{margin:4px 0 16px;padding:12px 14px;background:#f5f6f8;border-radius:6px;font-size:13px;line-height:1.6;color:#444}
.gn-inq .gn-inq-consent label{display:block;font-weight:700;color:#222;cursor:pointer}
.gn-inq .gn-inq-consent input{margin-right:6px;vertical-align:-1px}
.gn-inq .gn-inq-consent p{margin:6px 0 0}
.gn-inq .gn-inq-submit{display:inline-block;padding:13px 26px;font:inherit;font-size:16px;font-weight:700;color:#fff;background:#1f6feb;border:0;border-radius:6px;cursor:pointer}
.gn-inq .gn-inq-submit:disabled{opacity:.6;cursor:default}
.gn-inq .gn-inq-status{margin:12px 0 0;font-size:14px;line-height:1.6;min-height:1px}
.gn-inq .gn-inq-status.gn-err{color:#b3261e}
.gn-inq .gn-inq-status.gn-ok{color:#0b6b2f;font-weight:700}
.gn-inq .gn-inq-alt{margin:18px 0 0;padding-top:16px;border-top:1px solid #e3e5e9;font-size:14px;color:#444}
.gn-inq .gn-inq-alt a{display:inline-block;margin:4px 8px 0 0;padding:9px 16px;font-size:14px;font-weight:700;color:#1f6feb;text-decoration:none;border:1px solid #1f6feb;border-radius:6px;background:#fff}
.gn-inq .gn-inq-alt a:hover,.gn-inq .gn-inq-alt a:focus{background:#1f6feb;color:#fff;text-decoration:none}
.gn-inq-wrap{padding:36px 15px 10px}
@media (max-width:600px){.gn-inq{padding:22px 16px}.gn-inq .gn-inq-title{font-size:20px}}
/* 새 메뉴 항목(기업·사내카페 컨설팅)이 들어가 메뉴 줄이 길어져 로고와 겹치지 않게 하는 간격 조정 — 윗 메뉴 줄 전용 */
.cm_gnb .cm_gnb_main .depth1 li a.nav1st{margin-left:22px;margin-right:22px}
.cm_gnb .cm_gnb_main .depth2{left:24px}
.gn-inq [hidden],#gn-office-cafe [hidden]{display:none!important}
.gn-side .gn-side-kakao b{color:#191919}.gn-side .gn-side-kakao span{color:#3c1e1e;font-weight:700}