/* office-cafe.css — '기업·사내카페 컨설팅' 새 페이지 전용. 모든 규칙은 #gn-office-cafe 아래로 한정 */
#gn-office-cafe{display:block;width:100%;margin:0;padding:0;color:#111;background:#fff;font-family:'Nanum Gothic','Malgun Gothic',sans-serif;font-size:16px;line-height:1.6;letter-spacing:-.2px;text-align:center;overflow:hidden;word-break:keep-all;overflow-wrap:break-word}
#gn-office-cafe *{box-sizing:border-box}
#gn-office-cafe h1,#gn-office-cafe h2,#gn-office-cafe h3,#gn-office-cafe p,#gn-office-cafe ul,#gn-office-cafe ol,#gn-office-cafe li,#gn-office-cafe figure{margin:0;padding:0;list-style:none;font-weight:700;letter-spacing:-.4px}
#gn-office-cafe p{font-weight:400}
#gn-office-cafe img{display:block;max-width:100%;border:0}
#gn-office-cafe a{text-decoration:none}
#gn-office-cafe .gn-oc-in{max-width:1040px;margin:0 auto;padding:0 20px}
#gn-office-cafe .gn-oc-kicker{font-size:13px;letter-spacing:2px;font-weight:400;opacity:.75;text-transform:uppercase}
#gn-office-cafe em{font-style:normal;color:#1f6feb}
#gn-office-cafe .gn-oc-dark em,#gn-office-cafe .gn-oc-hero em{color:#2a82fa}
#gn-office-cafe .gn-oc-btn{display:inline-block;padding:14px 30px;font-size:17px;font-weight:700;line-height:1.3;color:#fff;background:#2a82fa;border-radius:4px}
#gn-office-cafe .gn-oc-btn:hover,#gn-office-cafe .gn-oc-btn:focus{background:#1f6feb;color:#fff;text-decoration:none}
#gn-office-cafe a:focus-visible,#gn-office-cafe summary:focus-visible{outline:3px solid #2a82fa;outline-offset:3px}
/* 휴대폰·태블릿 화면에서만 보이는 메뉴 줄(XE 휴대폰 틀에는 쓸 만한 메뉴가 없어서) */
#gn-office-cafe .gn-oc-mnav{display:none;background:#fff;border-bottom:1px solid #e3e5e9}
#gn-office-cafe .gn-oc-mnav ul{display:flex;flex-wrap:wrap;justify-content:center}
#gn-office-cafe .gn-oc-mnav li{font-weight:400}
#gn-office-cafe .gn-oc-mnav a{display:block;padding:12px 5px;font-size:13px;white-space:nowrap;color:#333;font-weight:700}
#gn-office-cafe .gn-oc-mnav a[aria-current=page]{color:#1f6feb;box-shadow:inset 0 -2px 0 #1f6feb}
/* 히어로 */
#gn-office-cafe .gn-oc-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px;padding:60px 20px;color:#fff;background:#0b0b0b}
#gn-office-cafe .gn-oc-hero-ph{position:absolute;top:0;bottom:0;width:clamp(176px,14vw,230px);height:100%;object-fit:cover}
#gn-office-cafe .gn-oc-hero-l{left:0;-webkit-mask-image:linear-gradient(to right,#000 45%,transparent);mask-image:linear-gradient(to right,#000 45%,transparent)}
#gn-office-cafe .gn-oc-hero-r{right:0;top:auto;bottom:0;width:clamp(179px,15.5vw,224px);height:290px;-webkit-mask-image:linear-gradient(to left,#000 45%,transparent),linear-gradient(to top,#000 60%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to left,#000 45%,transparent),linear-gradient(to top,#000 60%,transparent);mask-composite:intersect}
#gn-office-cafe .gn-oc-hero-txt{position:relative;z-index:1;max-width:640px}
#gn-office-cafe .gn-oc-eyebrow{font-size:16px;opacity:.92;margin-bottom:14px}
#gn-office-cafe .gn-oc-hero h1{font-size:44px;line-height:1.28;margin-bottom:18px}
#gn-office-cafe .gn-oc-sub{font-size:19px;margin-bottom:8px}
#gn-office-cafe .gn-oc-guarantee{display:inline-block;margin:0 0 26px;padding-bottom:3px;font-size:19px;font-weight:700;border-bottom:2px solid #2a82fa}
#gn-office-cafe .gn-oc-quick{margin-top:18px;font-size:14px}
#gn-office-cafe .gn-oc-quick a{display:inline-block;margin:0 9px;color:#cfd8e6;border-bottom:1px solid rgba(207,216,230,.55)}
#gn-office-cafe .gn-oc-quick a:hover{color:#fff}
/* 지원 3칸 */
#gn-office-cafe .gn-oc-dark{background:#0a0a0a;color:#fff;padding:64px 0 70px}
#gn-office-cafe .gn-oc-dark h2{font-size:36px;line-height:1.35;margin:12px 0 18px}
#gn-office-cafe .gn-oc-lead{font-size:19px;margin-bottom:8px}
#gn-office-cafe .gn-oc-cond{font-size:14px;opacity:.85;margin-bottom:38px}
#gn-office-cafe .gn-oc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,300px));gap:28px;justify-content:center;text-align:center}
#gn-office-cafe .gn-oc-cards img{width:100%;height:200px;object-fit:cover;margin-bottom:16px}
#gn-office-cafe .gn-oc-cards h3{font-size:21px;margin-bottom:6px}
#gn-office-cafe .gn-oc-cards p{font-size:15px;opacity:.9;padding-bottom:12px;position:relative}
#gn-office-cafe .gn-oc-cards p::after{content:"";display:block;width:26px;height:3px;background:#2a82fa;margin:12px auto 0}
/* 신메뉴 · 디저트 */
#gn-office-cafe .gn-oc-split{padding:56px 0;background:#fff}
#gn-office-cafe .gn-oc-split.gn-oc-gray{background:#f3f4f6}
#gn-office-cafe .gn-oc-split .gn-oc-in{display:grid;grid-template-columns:1fr 480px;gap:56px;align-items:center;text-align:left}
#gn-office-cafe .gn-oc-split h2{font-size:34px;line-height:1.38;margin:10px 0 18px}
#gn-office-cafe .gn-oc-split .gn-oc-kicker{color:#555}
#gn-office-cafe .gn-oc-split p.gn-oc-body{font-size:16px;color:#555;line-height:1.75}
#gn-office-cafe .gn-oc-split img{width:100%;max-width:480px;height:auto;margin:0 auto}
/* 지원 유형 · 진행 단계 */
#gn-office-cafe .gn-oc-steps{padding:60px 0 64px;background:#fff}
#gn-office-cafe .gn-oc-steps h2{font-size:34px;margin-bottom:30px}
#gn-office-cafe .gn-oc-types{display:flex;justify-content:center;margin-bottom:38px}
#gn-office-cafe .gn-oc-types li{padding:2px 38px;font-size:19px;border-left:1px solid #cfd3d9}
#gn-office-cafe .gn-oc-types li:first-child{border-left:0}
#gn-office-cafe .gn-oc-flow{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}
#gn-office-cafe .gn-oc-flow li{display:flex;align-items:center;gap:10px;min-width:170px;padding:18px 22px;background:#f1f3f5;border-radius:44px;text-align:left;font-size:16px}
#gn-office-cafe .gn-oc-flow li b{color:#1f6feb;font-size:18px}
#gn-office-cafe .gn-oc-flow li+li::before{content:"→";position:absolute;margin-left:-34px;color:#333;font-weight:400}
#gn-office-cafe .gn-oc-flow li{position:relative;margin-left:30px}
#gn-office-cafe .gn-oc-flow li:first-child{margin-left:0}
/* 하단 상담 */
#gn-office-cafe .gn-oc-consult{position:relative;padding:64px 0 56px;color:#fff;background:#14120f}
#gn-office-cafe .gn-oc-consult .gn-oc-in{position:relative;z-index:1}
#gn-office-cafe .gn-oc-consult-ph{position:absolute;left:0;top:0;width:clamp(150px,13vw,210px);height:340px;object-fit:cover;opacity:.55;-webkit-mask-image:linear-gradient(to right,#000 40%,transparent),linear-gradient(to bottom,#000 55%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 40%,transparent),linear-gradient(to bottom,#000 55%,transparent);mask-composite:intersect}
#gn-office-cafe .gn-oc-consult h2.gn-oc-ct{font-size:34px;line-height:1.38;margin-bottom:14px}
#gn-office-cafe .gn-oc-prep{font-size:16px;margin-bottom:26px;opacity:.95}
#gn-office-cafe .gn-oc-consult .gn-inq{margin:0 auto 22px;border-color:transparent}
#gn-office-cafe .gn-oc-oem{display:inline-block;margin-top:6px;font-size:16px;color:#6fb0ff;border-bottom:1px solid #6fb0ff}
#gn-office-cafe .gn-oc-oem:hover{color:#fff;border-color:#fff}
#gn-office-cafe .gn-oc-faq{max-width:760px;margin:46px auto 0;text-align:left}
#gn-office-cafe .gn-oc-faq h2{font-size:22px;margin-bottom:12px;text-align:center}
#gn-office-cafe .gn-oc-faq details{border-top:1px solid rgba(255,255,255,.22)}
#gn-office-cafe .gn-oc-faq details:last-child{border-bottom:1px solid rgba(255,255,255,.22)}
#gn-office-cafe .gn-oc-faq summary{cursor:pointer;padding:15px 8px;font-size:16px;font-weight:700}
#gn-office-cafe .gn-oc-faq details p{padding:0 8px 16px;font-size:15px;color:#d8dbe0;line-height:1.7}
#gn-office-cafe .gn-oc-note{padding:14px 20px 18px;font-size:12px;color:#777;background:#fff}
/* 태블릿 */
@media (max-width:900px){
 #gn-office-cafe .gn-oc-mnav{display:block}
 #gn-office-cafe .gn-oc-hero h1{font-size:36px}
 #gn-office-cafe .gn-oc-dark h2,#gn-office-cafe .gn-oc-split h2,#gn-office-cafe .gn-oc-steps h2,#gn-office-cafe .gn-oc-consult h2.gn-oc-ct{font-size:29px}
 #gn-office-cafe .gn-oc-split .gn-oc-in{grid-template-columns:1fr;gap:26px;text-align:center}
 #gn-office-cafe .gn-oc-split .gn-oc-in>div{order:1}
 #gn-office-cafe .gn-oc-split img{order:2;max-width:420px}
 #gn-office-cafe .gn-oc-cards{gap:16px}
 #gn-office-cafe .gn-oc-cards img{height:160px}
 #gn-office-cafe .gn-oc-types li{padding:2px 20px;font-size:17px}
 #gn-office-cafe .gn-oc-flow li{min-width:0;padding:15px 14px;font-size:15px;gap:7px}
 #gn-office-cafe .gn-oc-flow li{margin-left:34px}
}
/* 휴대폰 */
@media (max-width:640px){
 #gn-office-cafe .gn-oc-hero{flex-wrap:wrap;align-items:flex-start;padding:0 0 38px;min-height:0}
 #gn-office-cafe .gn-oc-hero-ph{position:static;order:0;width:50%;height:170px;flex:0 0 50%;-webkit-mask-image:none;mask-image:none;-webkit-mask-composite:initial;mask-composite:initial}
 #gn-office-cafe .gn-oc-hero-r{order:1}
 #gn-office-cafe .gn-oc-hero-txt{order:2;flex:0 0 100%;padding:30px 20px 0}
 #gn-office-cafe .gn-oc-hero h1{font-size:30px}
 #gn-office-cafe .gn-oc-sub,#gn-office-cafe .gn-oc-guarantee{font-size:16px}
 #gn-office-cafe .gn-oc-dark{padding:44px 0 48px}
 #gn-office-cafe .gn-oc-dark h2,#gn-office-cafe .gn-oc-split h2,#gn-office-cafe .gn-oc-steps h2,#gn-office-cafe .gn-oc-consult h2.gn-oc-ct{font-size:25px}
 #gn-office-cafe .gn-oc-lead{font-size:16px}
 #gn-office-cafe .gn-oc-cards{grid-template-columns:minmax(0,300px)}
 #gn-office-cafe .gn-oc-cards img{height:190px}
 #gn-office-cafe .gn-oc-split{padding:40px 0}
 #gn-office-cafe .gn-oc-types{flex-direction:column;align-items:center;gap:10px}
 #gn-office-cafe .gn-oc-types li{border-left:0;padding:0;font-size:17px}
 #gn-office-cafe .gn-oc-flow{flex-direction:column;gap:22px}
 #gn-office-cafe .gn-oc-flow li{margin-left:0;width:240px}
 #gn-office-cafe .gn-oc-flow li+li::before{content:"↓";margin:0;left:50%;top:-24px;transform:translateX(-50%)}
 #gn-office-cafe .gn-oc-consult{padding:44px 0 40px}
 #gn-office-cafe .gn-oc-consult-ph{display:none}
}