/* #EDU-1 가비나루 무료교육·컨설팅 — 시안 detail-scoped.css(#gabi-consulting 범위) + site-frame.css 의 #gabi-consulting 규칙만. 전역 규칙 없음(@font-face 이름만) */
#gabi-consulting *{box-sizing: border-box;}
#gabi-consulting{scroll-behavior: smooth; scroll-padding-top: 110px;}
#gabi-consulting{margin: 0px; color: rgb(36, 36, 36); background: rgb(255, 255, 255); font-family: "Noto Sans", "맑은 고딕", "Malgun Gothic", Arial, sans-serif; line-height: 1.7; padding-bottom: 76px; -webkit-font-smoothing: antialiased;}
#gabi-consulting a{color: inherit; text-decoration: none;}
#gabi-consulting button{font: inherit; cursor: pointer;}
#gabi-consulting img{max-width: 100%; display: block;}
#gabi-consulting h1,#gabi-consulting h2,#gabi-consulting h3,#gabi-consulting p,#gabi-consulting figure{margin: 0px;}
#gabi-consulting h1,#gabi-consulting h2,#gabi-consulting h3,#gabi-consulting p{word-break: keep-all; overflow-wrap: break-word;}
#gabi-consulting a:focus-visible,#gabi-consulting button:focus-visible,#gabi-consulting summary:focus-visible{outline: rgb(168, 113, 63) solid 3px; outline-offset: 4px;}
#gabi-consulting .skip{position: absolute; top: -100px;}
#gabi-consulting .skip:focus{top: 0px; z-index: 99; background: rgb(255, 255, 255); padding: 12px;}
#gabi-consulting .utility{background: rgb(245, 245, 245); padding: 8px max(24px, -580px + 50vw); display: flex; justify-content: space-between; gap: 16px; font-size: 11px; color: rgb(102, 102, 102);}
#gabi-consulting header{position: sticky; top: 0px; z-index: 10; display: flex; align-items: center; justify-content: space-between; padding: 22px max(24px, -580px + 50vw); gap: 30px; border-bottom: 1px solid rgb(232, 232, 232); background: rgba(255, 255, 255, 0.96);}
#gabi-consulting .logo{width: 230px; flex-shrink: 0;}
#gabi-consulting header nav{display: flex; align-items: center; gap: 30px; font-size: 14px;}
#gabi-consulting header .nav-cta{background: rgb(36, 36, 36); color: rgb(255, 255, 255); padding: 10px 18px;}
#gabi-consulting .hero{max-width: 1160px; margin: 0px auto; padding: 70px 0px; display: grid; grid-template-columns: 1.15fr 1fr; gap: 64px; align-items: center;}
#gabi-consulting .eyebrow{font-size: 11px; font-weight: 700; letter-spacing: 1.7px; color: rgb(119, 119, 119); margin-bottom: 22px;}
#gabi-consulting .tag{font-size: 13px; margin-bottom: 18px; color: rgb(85, 85, 85);}
#gabi-consulting .hero h1{font-size: 52px; line-height: 1.3; letter-spacing: -2.4px; font-weight: 400;}
#gabi-consulting .hero h1 strong{font-weight: 750;}
#gabi-consulting .lead{font-size: 16px; line-height: 1.9; color: rgb(102, 102, 102); margin: 26px 0px;}
#gabi-consulting .lead b{font-weight: 600; color: rgb(51, 51, 51);}
#gabi-consulting .button{display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; padding: 16px 23px; min-height: 56px; font-size: 15px; font-weight: 700;}
#gabi-consulting .dark{background: rgb(36, 36, 36); color: rgb(255, 255, 255);}
#gabi-consulting .hero-note{font-size: 12px; color: rgb(119, 119, 119); margin-top: 13px;}
#gabi-consulting .hero-poster{align-self: stretch; min-height: 490px; background: rgb(238, 239, 237); padding: 30px 34px; display: flex; flex-direction: column; position: relative;}
#gabi-consulting .poster-top{display: flex; justify-content: space-between; font-size: 12px; line-height: 1.7; color: rgb(101, 101, 101);}
#gabi-consulting .round-mark{border: 1px solid rgb(170, 170, 170); border-radius: 50%; width: 42px; height: 42px; text-align: center; line-height: 40px; font-size: 23px; color: rgb(52, 52, 52);}
#gabi-consulting .zero{display: flex; align-items: baseline; justify-content: center; line-height: 1; margin: auto 0px 18px; padding-top: 16px;}
#gabi-consulting .zero > span{font-family: Arial, sans-serif; font-size: 250px; font-weight: 700; letter-spacing: -15px;}
#gabi-consulting .zero > b{font-size: 29px; padding-left: 18px;}
#gabi-consulting .poster-bottom{display: flex; justify-content: space-between; gap: 15px; align-items: end;}
#gabi-consulting .poster-bottom p{font-size: 21px; font-weight: 700; line-height: 1.55; letter-spacing: -0.7px;}
#gabi-consulting .poster-bottom > span{font-size: 11px; color: rgb(119, 119, 119); text-align: right;}
#gabi-consulting .poster-rule{height: 1px; background: rgb(197, 198, 194); margin: 22px 0px 14px;}
#gabi-consulting .poster-foot{font-size: 11px; color: rgb(119, 119, 119);}
#gabi-consulting .facts{background: rgb(40, 40, 40); color: rgb(255, 255, 255); display: grid; grid-template-columns: repeat(3, 1fr); padding: 26px max(24px, -580px + 50vw); gap: 25px;}
#gabi-consulting .facts div{display: flex; flex-direction: column; padding-left: 24px; border-left: 1px solid rgb(102, 102, 102);}
#gabi-consulting .facts span{font-size: 10px; letter-spacing: 1.5px; color: rgb(170, 170, 170);}
#gabi-consulting .facts b{font-size: 15px; font-weight: 500; margin-top: 4px;}
#gabi-consulting .section{max-width: 1160px; margin: auto; padding: 90px 0px;}
#gabi-consulting .section-title h2,#gabi-consulting .field h2{font-size: 34px; line-height: 1.45; letter-spacing: -1.3px; font-weight: 650;}
#gabi-consulting .section-title > p:not(.eyebrow){font-size: 16px; color: rgb(119, 119, 119); margin-top: 19px;}
#gabi-consulting .audience{display: grid; grid-template-columns: 1fr 1.2fr; gap: 70px; border-bottom: 1px solid rgb(221, 221, 221);}
#gabi-consulting .tabs{display: flex; border-bottom: 1px solid rgb(221, 221, 221); gap: 24px;}
#gabi-consulting .tabs button{border: 0px; background: none; color: rgb(119, 119, 119); font-size: 15px; padding: 0px 0px 16px; line-height: 1.7;}
#gabi-consulting .tabs button.active{color: rgb(34, 34, 34); font-weight: 700; border-bottom: 2px solid rgb(34, 34, 34);}
#gabi-consulting .small-label{font-size: 11px; color: rgb(136, 136, 136); letter-spacing: 1px; margin: 28px 0px 13px;}
#gabi-consulting h3{font-size: 23px; line-height: 1.5; letter-spacing: -0.6px;}
#gabi-consulting ul{padding: 0px; margin: 20px 0px; list-style: none;}
#gabi-consulting li{font-size: 15px; color: rgb(102, 102, 102); margin: 8px 0px;}
#gabi-consulting ul li::before{content: "—"; margin-right: 9px; color: rgb(153, 153, 153);}
#gabi-consulting .text-link{display: inline-block; margin-top: 20px; font-size: 14px; font-weight: 600; border-bottom: 1px solid rgb(170, 170, 170); padding-bottom: 6px;}
#gabi-consulting .education{display: grid; grid-template-columns: 1fr 1.2fr; gap: 0px 70px;}
#gabi-consulting .lesson-list article{border-top: 1px solid rgb(204, 204, 204); padding: 27px 0px; display: flex; gap: 23px;}
#gabi-consulting .number{font-size: 12px; color: rgb(136, 136, 136);}
#gabi-consulting .lesson-list p{font-size: 15px; color: rgb(119, 119, 119); margin-top: 10px;}
#gabi-consulting .line-icon{margin-left: auto; font-size: 25px; font-weight: 300; color: rgb(136, 136, 136);}
#gabi-consulting .keywords{display: flex; gap: 8px; margin-top: 17px;}
#gabi-consulting .keywords span{font-size: 11px; border: 1px solid rgb(221, 221, 221); padding: 3px 9px; color: rgb(102, 102, 102);}
#gabi-consulting .section-note{font-size: 12px; color: rgb(119, 119, 119); grid-column: 2; margin-top: 10px;}
#gabi-consulting .consulting{background: rgb(245, 245, 243);}
#gabi-consulting .consult-rows{margin-top: 40px; border-top: 1px solid rgb(204, 204, 204);}
#gabi-consulting .consult-rows article{display: grid; grid-template-columns: 90px 1fr 1fr; gap: 24px; padding: 27px 0px; border-bottom: 1px solid rgb(221, 221, 221); align-items: center;}
#gabi-consulting .consult-rows article > span{font-size: 12px; color: rgb(119, 119, 119);}
#gabi-consulting .consult-rows h3{font-size: 22px;}
#gabi-consulting .consult-rows p{font-size: 15px; color: rgb(119, 119, 119);}
#gabi-consulting .steps{padding: 0px; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 38px; margin-top: 40px;}
#gabi-consulting .steps li{border-top: 1px solid rgb(170, 170, 170); padding-top: 22px;}
#gabi-consulting .steps span{font-size: 11px; letter-spacing: 1px; color: rgb(136, 136, 136);}
#gabi-consulting .steps h3{color: rgb(34, 34, 34); margin: 12px 0px;}
#gabi-consulting .steps p{font-size: 15px;}
#gabi-consulting .conditions{margin-top: 35px; background: rgb(246, 246, 246); padding: 24px 28px; display: grid; grid-template-columns: 230px 1fr; gap: 24px; font-size: 14px;}
#gabi-consulting .conditions p{color: rgb(102, 102, 102);}
#gabi-consulting .field{border-top: 1px solid rgb(221, 221, 221); display: grid; grid-template-columns: 1fr 1.15fr; gap: 50px;}
#gabi-consulting .muted{font-size: 13px; color: rgb(119, 119, 119); margin-top: 18px;}
#gabi-consulting .field-photos{display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px;}
#gabi-consulting .field-photos img{width: 100%; height: auto;}
#gabi-consulting .field-photos figcaption{font-size: 11px; color: rgb(119, 119, 119); text-align: center; margin-top: 10px;}
#gabi-consulting .faq{border-top: 1px solid rgb(221, 221, 221); display: grid; grid-template-columns: 1fr 1.2fr; gap: 70px;}
#gabi-consulting details{border-bottom: 1px solid rgb(221, 221, 221); padding: 20px 0px;}
#gabi-consulting details:first-child{padding-top: 0px;}
#gabi-consulting summary{cursor: pointer; list-style: none; font-size: 16px; font-weight: 600; padding-right: 26px; position: relative;}
#gabi-consulting summary::-webkit-details-marker{display: none;}
#gabi-consulting summary::after{content: "+"; position: absolute; right: 0px; font-size: 22px; font-weight: 400; top: -4px;}
#gabi-consulting details[open] summary::after{content: "−";}
#gabi-consulting details p{color: rgb(102, 102, 102); font-size: 15px; padding: 17px 24px 2px 0px;}
#gabi-consulting .contact{background: rgb(39, 39, 39); color: white; padding: 75px 24px;}
#gabi-consulting .inner{max-width: 1160px; margin: auto;}
#gabi-consulting .contact h2{font-size: 38px; line-height: 1.45; letter-spacing: -1.5px;}
#gabi-consulting .contact .eyebrow{color: rgb(170, 170, 170);}
#gabi-consulting .contact p:not(.eyebrow){margin-top: 23px; font-size: 15px; color: rgb(204, 204, 204);}
#gabi-consulting .contact-buttons{display: flex; gap: 12px; margin-top: 30px;}
#gabi-consulting .yellow{background: rgb(250, 225, 0); color: rgb(36, 36, 36);}
#gabi-consulting .white{background: rgb(255, 255, 255); color: rgb(34, 34, 34);}
#gabi-consulting .phone{display: inline-block; font-size: 31px; letter-spacing: -0.7px; margin-top: 30px;}
#gabi-consulting .contact-note{display: block; font-size: 12px; color: rgb(170, 170, 170); margin-top: 7px;}
#gabi-consulting footer{max-width: 1160px; margin: 0px auto; padding: 45px 0px; display: flex; align-items: center; gap: 40px; color: rgb(136, 136, 136); font-size: 11px;}
#gabi-consulting footer img{width: 190px;}
#gabi-consulting footer a{margin-left: auto;}
#gabi-consulting .dock{position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 20; background: rgb(255, 255, 255); border-top: 1px solid rgb(221, 221, 221); padding-top: 10px; padding-right: max(24px, -580px + 50vw); padding-left: max(24px, -580px + 50vw); padding-bottom: calc(10px + env(safe-area-inset-bottom)); display: flex; align-items: center; gap: 12px;}
#gabi-consulting .dock > span{font-size: 14px; margin-right: auto;}
#gabi-consulting .dock a{min-height: 44px; display: flex; justify-content: center; align-items: center; padding: 9px 24px; border: 1px solid rgb(221, 221, 221); font-size: 14px;}
#gabi-consulting .dock a.dock-main{background: rgb(37, 37, 37); color: rgb(255, 255, 255); border-color: rgb(37, 37, 37);}
#gabi-consulting .mobile{display: none;}
@media (max-width: 1240px){#gabi-consulting .hero,#gabi-consulting .section,#gabi-consulting footer{margin-left: 32px; margin-right: 32px;}
#gabi-consulting .hero{gap: 38px;}
#gabi-consulting .hero h1{font-size: 46px;}
#gabi-consulting .hero-poster{padding: 28px;}
#gabi-consulting .section{gap: 35px;}
#gabi-consulting .consulting .section{margin: auto; padding-left: 32px; padding-right: 32px;}}
@media (max-width: 760px){#gabi-consulting{padding-bottom: 73px;}
#gabi-consulting{scroll-padding-top: 134px;}
#gabi-consulting .utility{padding: 6px 20px; font-size: 9px;}
#gabi-consulting .utility > span{max-width: 56%;}
#gabi-consulting header{padding: 17px 20px 0px; gap: 0px; display: block;}
#gabi-consulting .logo{width: 200px; margin: auto;}
#gabi-consulting header nav{justify-content: space-between; gap: 8px; font-size: 12px; margin-top: 17px; border-top: 1px solid rgb(238, 238, 238);}
#gabi-consulting header nav a{padding: 12px 0px;}
#gabi-consulting header .nav-cta{background: none; color: rgb(34, 34, 34); padding: 12px 0px; font-weight: 700;}
#gabi-consulting .hero{display: block; margin: 0px; padding: 37px 22px 30px;}
#gabi-consulting .eyebrow{font-size: 10px; margin-bottom: 17px;}
#gabi-consulting .tag{font-size: 12px;}
#gabi-consulting .hero h1{font-size: 36px; letter-spacing: -1.7px; line-height: 1.38;}
#gabi-consulting .mobile{display: block;}
#gabi-consulting .desktop{display: none;}
#gabi-consulting .lead{font-size: 15px; margin: 22px 0px;}
#gabi-consulting .button{font-size: 14px; padding: 15px 20px; gap: 20px;}
#gabi-consulting .hero-note{font-size: 11px;}
#gabi-consulting .hero-poster{margin-top: 30px; min-height: 360px; padding: 25px;}
#gabi-consulting .poster-top{font-size: 11px;}
#gabi-consulting .round-mark{width: 33px; height: 33px; line-height: 31px; font-size: 19px;}
#gabi-consulting .zero{margin: 5px 0px 10px; padding-top: 0px;}
#gabi-consulting .zero > span{font-size: 185px; letter-spacing: -8px;}
#gabi-consulting .zero > b{font-size: 24px;}
#gabi-consulting .poster-bottom p{font-size: 19px;}
#gabi-consulting .poster-bottom > span{font-size: 10px;}
#gabi-consulting .poster-rule{margin: 17px 0px 12px;}
#gabi-consulting .poster-foot{font-size: 10px;}
#gabi-consulting .facts{grid-template-columns: 1fr; padding: 25px 22px; gap: 17px;}
#gabi-consulting .facts div{display: grid; grid-template-columns: 45px 1fr; align-items: center; border: 0px; padding: 0px; gap: 18px;}
#gabi-consulting .facts b{font-size: 13px; margin: 0px;}
#gabi-consulting .facts span{font-size: 9px;}
#gabi-consulting .section{padding: 54px 0px; margin: 0px 22px; display: block;}
#gabi-consulting .section-title h2,#gabi-consulting .field h2{font-size: 27px; letter-spacing: -1px;}
#gabi-consulting .section-title > p:not(.eyebrow){font-size: 15px; margin-top: 17px;}
#gabi-consulting .audience-content{margin-top: 30px;}
#gabi-consulting .tabs{gap: 18px;}
#gabi-consulting .tabs button{font-size: 13px; flex: 1 1 0%; text-align: left;}
#gabi-consulting h3{font-size: 22px;}
#gabi-consulting .small-label{margin-top: 25px;}
#gabi-consulting li{font-size: 14px;}
#gabi-consulting .lesson-list{margin-top: 30px;}
#gabi-consulting .lesson-list article{gap: 16px; padding: 23px 0px;}
#gabi-consulting .lesson-list p{font-size: 15px;}
#gabi-consulting .lesson-list h3{font-size: 21px;}
#gabi-consulting .section-note{font-size: 11px;}
#gabi-consulting .consulting .section{padding: 50px 22px;}
#gabi-consulting .consult-rows{margin-top: 28px;}
#gabi-consulting .consult-rows article{grid-template-columns: 40px 1fr; gap: 8px 16px; padding: 22px 0px;}
#gabi-consulting .consult-rows h3{font-size: 20px;}
#gabi-consulting .consult-rows p{grid-column: 2; font-size: 15px;}
#gabi-consulting .steps{grid-template-columns: 1fr; gap: 15px; margin-top: 28px;}
#gabi-consulting .steps li{margin: 0px; padding: 20px 0px 8px;}
#gabi-consulting .steps h3{margin: 7px 0px;}
#gabi-consulting .steps p br{display: none;}
#gabi-consulting .conditions{display: block; padding: 22px; margin-top: 25px; font-size: 14px;}
#gabi-consulting .conditions p{margin-top: 10px;}
#gabi-consulting .field-photos{margin-top: 28px; gap: 10px;}
#gabi-consulting .field-photos figcaption{font-size: 10px;}
#gabi-consulting .faq .section-title{margin-bottom: 28px;}
#gabi-consulting summary{font-size: 15px;}
#gabi-consulting details p{font-size: 14px;}
#gabi-consulting .contact{padding: 50px 22px;}
#gabi-consulting .contact h2{font-size: 28px; letter-spacing: -1px;}
#gabi-consulting .contact p:not(.eyebrow){font-size: 14px;}
#gabi-consulting .contact-buttons{display: grid; grid-template-columns: 1fr; gap: 10px;}
#gabi-consulting .contact-buttons .button{min-height: 53px;}
#gabi-consulting .phone{font-size: 28px;}
#gabi-consulting footer{display: block; padding: 32px 0px; margin: 0px 22px;}
#gabi-consulting footer img{width: 175px;}
#gabi-consulting footer p{margin: 22px 0px 15px;}
#gabi-consulting footer a{font-size: 12px;}
#gabi-consulting .dock{padding-top: 8px; padding-right: 12px; padding-left: 12px; padding-bottom: calc(8px + env(safe-area-inset-bottom)); display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px;}
#gabi-consulting .dock > span{display: none;}
#gabi-consulting .dock a{font-size: 14px; padding: 10px 5px; min-height: 48px;}}
@media (prefers-reduced-motion: reduce){#gabi-consulting{scroll-behavior: auto;}}
#gabi-consulting .hero-visual{align-self: stretch; position: relative; min-height: 530px; background: rgb(78, 75, 69); overflow: hidden;}
#gabi-consulting .hero-cafe-photo{position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 28% center;}
#gabi-consulting .hero-visual::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.6) 100%);}
#gabi-consulting .photo-caption{position: absolute; z-index: 1; left: 32px; bottom: 132px; color: rgb(255, 255, 255);}
#gabi-consulting .photo-caption > span{font-size: 10px; letter-spacing: 1.4px; color: rgb(238, 238, 238);}
#gabi-consulting .photo-caption p{font-size: 30px; line-height: 1.5; font-weight: 600; letter-spacing: -1px; margin-top: 10px;}
#gabi-consulting .free-photo-card{position: absolute; bottom: 22px; left: 22px; right: 22px; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 15px; background: rgb(255, 255, 255); padding: 20px;}
#gabi-consulting .free-photo-card small{display: block; font-size: 11px; color: rgb(119, 119, 119); margin-bottom: 4px;}
#gabi-consulting .free-photo-card strong{font-size: 15px; font-weight: 600;}
#gabi-consulting .free-photo-card > b{font-size: 24px; white-space: nowrap;}
#gabi-consulting .education{grid-template-columns: 1fr 1.2fr; grid-template-rows: auto 1fr auto;}
#gabi-consulting .education .section-title{grid-area: 1 / 1;}
#gabi-consulting .education-photo{grid-area: 2 / 1; margin-top: 30px; align-self: start;}
#gabi-consulting .education .lesson-list{grid-area: 1 / 2 / 3;}
#gabi-consulting .education .section-note{grid-area: 3 / 2;}
#gabi-consulting .source-photo{background-repeat: no-repeat; background-position: center top; background-size: 100% auto; background-color: rgb(238, 238, 238);}
#gabi-consulting .machine-photo{background-image: url("assets/machine-story.jpg"); aspect-ratio: 1208 / 320;}
#gabi-consulting .counter-photo{background-image: url("assets/counter-story.jpg"); aspect-ratio: 1210 / 340;}
#gabi-consulting .counter-photo-wrap{margin-top: 38px; max-width: 920px;}
#gabi-consulting .education-photo figcaption,#gabi-consulting .counter-photo-wrap figcaption{font-size: 11px; color: rgb(119, 119, 119); margin-top: 10px;}
#gabi-consulting .quick-contact{position: fixed; right: 18px; bottom: calc(94px + env(safe-area-inset-bottom)); z-index: 35; display: flex; flex-direction: column; gap: 10px;}
#gabi-consulting .quick-contact a{width: 66px; height: 66px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 2px; box-shadow: rgba(0, 0, 0, 0.133) 0px 3px 12px;}
#gabi-consulting .quick-kakao{background: rgb(254, 229, 0); color: rgb(43, 36, 27);}
#gabi-consulting .quick-phone{background: rgb(38, 38, 38); color: rgb(255, 255, 255);}
#gabi-consulting .quick-contact svg{width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;}
#gabi-consulting .quick-contact span{font-size: 11px; font-weight: 700;}
#gabi-consulting .quick-contact a.quick-top{width: 36px; height: 36px; align-self: center; background: white; border: 1px solid rgb(221, 221, 221); font-size: 20px; color: rgb(68, 68, 68); box-shadow: none;}
@media (min-width: 761px) and (max-width: 1350px){#gabi-consulting .hero,#gabi-consulting .section,#gabi-consulting footer{margin-right: 100px;}
#gabi-consulting .consulting .section{padding-right: 100px;}
#gabi-consulting .contact .inner{padding-right: 80px;}}
@media (max-width: 760px){#gabi-consulting .hero-visual{margin-top: 28px; min-height: 380px;}
#gabi-consulting .hero-cafe-photo{object-position: 26% center;}
#gabi-consulting .photo-caption{left: 24px; bottom: 115px;}
#gabi-consulting .photo-caption p{font-size: 26px;}
#gabi-consulting .free-photo-card{left: 16px; right: 16px; bottom: 16px; padding: 17px 15px; gap: 8px;}
#gabi-consulting .free-photo-card strong{font-size: 13px;}
#gabi-consulting .free-photo-card > b{font-size: 21px;}
#gabi-consulting .education-photo{margin: 25px 0px 12px;}
#gabi-consulting .education-photo figcaption,#gabi-consulting .counter-photo-wrap figcaption{font-size: 10px; padding-right: 32px;}
#gabi-consulting .counter-photo-wrap{margin-top: 28px;}
#gabi-consulting .quick-contact{right: 10px; bottom: calc(86px + env(safe-area-inset-bottom)); gap: 8px;}
#gabi-consulting .quick-contact a{width: 50px; height: 50px; gap: 0px;}
#gabi-consulting .quick-contact svg{width: 20px; height: 20px;}
#gabi-consulting .quick-contact span{font-size: 9px;}
#gabi-consulting .quick-contact a.quick-top{width: 28px; height: 28px; font-size: 16px;}}
@font-face { font-family: "GN Noto Sans KR"; src: url("assets/NotoSansKR-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "GN Noto Sans KR"; src: url("assets/NotoSansKR-Medium.woff2") format("woff2"); font-weight: 500 600; font-display: swap; }
@font-face { font-family: "GN Noto Sans KR"; src: url("assets/NotoSansKR-Bold.woff2") format("woff2"); font-weight: 700 900; font-display: swap; }
#gabi-consulting{font-family: "GN Noto Sans KR", "Noto Sans KR", "맑은 고딕", sans-serif; color: rgb(36, 38, 42); line-height: 1.8; letter-spacing: 0px;}
#gabi-consulting h1,#gabi-consulting h2,#gabi-consulting h3{letter-spacing: -0.5px;}
#gabi-consulting .hero{grid-template-columns: 1fr 1.15fr; gap: 50px; padding: 64px 0px; align-items: center;}
#gabi-consulting .hero h1{font-size: 43px; line-height: 1.55; font-weight: 500; letter-spacing: -1px;}
#gabi-consulting .hero .tag{font-size: 14px; color: rgb(102, 102, 102);}
#gabi-consulting .hero .eyebrow{display: none;}
#gabi-consulting .lead{font-size: 17px; line-height: 1.9; color: rgb(102, 102, 102);}
#gabi-consulting .hero-note{font-size: 14px; color: rgb(51, 51, 51);}
#gabi-consulting .hero-visual{min-height: 0px; background: transparent; align-self: center; overflow: visible; margin: 0px;}
#gabi-consulting .hero-cafe-photo{position: static; width: 100%; height: 380px; object-fit: cover; object-position: 45% center;}
#gabi-consulting .hero-visual::after{display: none;}
#gabi-consulting .hero-visual figcaption{font-size: 12px; color: rgb(119, 119, 119); margin-top: 12px;}
#gabi-consulting .section{padding-top: 70px; padding-bottom: 70px;}
#gabi-consulting .eyebrow{font-size: 13px; letter-spacing: 0px; font-weight: 400; color: rgb(119, 119, 119); margin-bottom: 16px;}
#gabi-consulting .section-title h2{font-size: 30px; font-weight: 500; line-height: 1.65; letter-spacing: -0.7px;}
#gabi-consulting .section-title > p:not(.eyebrow){font-size: 16px; color: rgb(111, 116, 128); line-height: 1.9;}
#gabi-consulting .lesson-list h3,#gabi-consulting .consult-rows h3,#gabi-consulting .steps h3{font-size: 21px; font-weight: 500; letter-spacing: 0px;}
#gabi-consulting .lesson-list p,#gabi-consulting .consult-rows p{font-size: 16px; line-height: 1.85;}
#gabi-consulting .line-icon,#gabi-consulting .keywords{display: none;}
#gabi-consulting .lesson-list article{padding: 28px 0px;}
#gabi-consulting .number{color: rgb(119, 119, 119);}
#gabi-consulting .facts{background: rgb(247, 247, 247); color: rgb(51, 51, 51); border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); padding-top: 24px; padding-bottom: 24px;}
#gabi-consulting .facts div{border-color: rgb(221, 221, 221);}
#gabi-consulting .facts span{color: rgb(119, 119, 119); font-size: 12px; letter-spacing: 0px;}
#gabi-consulting .facts b{font-size: 15px; font-weight: 400;}
#gabi-consulting .education-photo img{width: 100%; height: 290px; object-fit: cover; object-position: 50% 48%;}
#gabi-consulting .education-photo figcaption,#gabi-consulting .counter-photo-wrap figcaption{font-size: 12px; color: rgb(119, 119, 119);}
#gabi-consulting .counter-photo-wrap{max-width: 100%; margin-top: 30px;}
#gabi-consulting .counter-photo-wrap img{width: 100%; height: 300px; object-fit: cover; object-position: center 60%;}
#gabi-consulting .consulting{background: rgb(250, 250, 250);}
#gabi-consulting .contact h2{font-size: 32px; font-weight: 500; line-height: 1.6;}
#gabi-consulting .small-label{letter-spacing: 0px; color: rgb(119, 119, 119); font-size: 13px;}
#gabi-consulting .audience h3{font-weight: 500;}
#gabi-consulting .conditions{background: rgb(250, 250, 250); border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221);}
#gabi-consulting .steps span{letter-spacing: 0px;}
@media (max-width: 760px){#gabi-consulting .hero{padding: 34px 22px 28px; display: flex; flex-direction: column; gap: 27px; align-items: stretch;}
#gabi-consulting .hero h1{font-size: 29px; font-weight: 500; letter-spacing: -0.7px; line-height: 1.6;}
#gabi-consulting .hero .tag{font-size: 13px; margin-bottom: 12px;}
#gabi-consulting .lead{font-size: 16px; margin: 20px 0px; line-height: 1.9;}
#gabi-consulting .hero-note{font-size: 12px;}
#gabi-consulting .hero-visual{margin: 0px; min-height: 0px; width: 100%;}
#gabi-consulting .hero-cafe-photo{height: 230px;}
#gabi-consulting .hero-visual figcaption{font-size: 11px; padding-right: 30px;}
#gabi-consulting .section{padding-top: 44px; padding-bottom: 44px;}
#gabi-consulting .section-title h2{font-size: 25px; line-height: 1.65; letter-spacing: -0.5px;}
#gabi-consulting .section-title > p:not(.eyebrow){font-size: 15px;}
#gabi-consulting .education-photo img{height: 250px;}
#gabi-consulting .lesson-list h3,#gabi-consulting .consult-rows h3{font-size: 20px;}
#gabi-consulting .lesson-list p,#gabi-consulting .consult-rows p{font-size: 15px;}
#gabi-consulting .counter-photo-wrap img{height: 205px;}
#gabi-consulting .education-photo figcaption,#gabi-consulting .counter-photo-wrap figcaption{font-size: 11px;}
#gabi-consulting .contact h2{font-size: 26px;}
#gabi-consulting .facts{padding: 22px;}
#gabi-consulting .facts b{font-size: 13px;}
#gabi-consulting .facts span{font-size: 11px;}
#gabi-consulting .eyebrow{font-size: 12px;}}
#gabi-consulting header{display: grid; grid-template-columns: 200px 1fr auto; gap: 26px; align-items: center; padding-top: 16px; padding-bottom: 16px; position: sticky; top: 0px; background: rgb(255, 255, 255); z-index: 40;}
#gabi-consulting .logo{width: 200px;}
#gabi-consulting header nav{justify-content: center; gap: 25px;}
#gabi-consulting .header-contact{display: flex; align-items: stretch; gap: 8px;}
#gabi-consulting .header-contact > a{min-height: 46px; padding: 9px 16px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; white-space: nowrap;}
#gabi-consulting .header-kakao{background: rgb(254, 229, 0); color: rgb(41, 35, 25);}
#gabi-consulting .header-phone{background: rgb(37, 37, 37); color: white; flex-direction: column; line-height: 1.5;}
#gabi-consulting .header-phone span{font-size: 10px; font-weight: 400;}
#gabi-consulting .education-photo figcaption,#gabi-consulting .counter-photo-wrap figcaption{padding-right: 0px;}
@media (min-width: 761px) and (max-width: 1350px){#gabi-consulting .hero,#gabi-consulting .section,#gabi-consulting footer{margin-right: 32px;}
#gabi-consulting .consulting .section{padding-right: 32px;}
#gabi-consulting .contact .inner{padding-right: 0px;}
#gabi-consulting header{grid-template-columns: 165px 1fr auto; gap: 14px;}
#gabi-consulting .logo{width: 165px;}
#gabi-consulting header nav{gap: 14px; font-size: 12px;}
#gabi-consulting .header-contact > a{padding: 9px 12px; font-size: 12px;}}
@media (max-width: 760px){#gabi-consulting{scroll-padding-top: 184px;}
#gabi-consulting header{display: grid; grid-template-columns: 1fr 1fr; gap: 0px 8px; padding: 12px 18px 0px;}
#gabi-consulting .logo{grid-column: 1 / -1; width: 172px; margin: 0px auto 12px;}
#gabi-consulting header nav{grid-area: 3 / 1 / auto / -1; margin-top: 10px; gap: 0px; justify-content: space-around; border-top: 1px solid rgb(238, 238, 238); font-size: 12px;}
#gabi-consulting header nav a{padding: 9px 0px; min-height: 38px;}
#gabi-consulting .header-contact{grid-area: 2 / 1 / auto / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
#gabi-consulting .header-contact > a{min-height: 44px; padding: 8px 6px; font-size: 13px;}
#gabi-consulting .header-phone{flex-direction: row; gap: 5px;}
#gabi-consulting .header-phone span{display: none;}
#gabi-consulting .hero-visual figcaption{padding-right: 0px;}}
#gabi-consulting .hero{grid-template-columns: 1.05fr 1fr; gap: 60px;}
#gabi-consulting .hero h1{font-size: 45px; font-weight: 400; line-height: 1.4; letter-spacing: -1px;}
#gabi-consulting .hero h1 strong{font-weight: 700;}
#gabi-consulting .hero .tag{font-size: 13px; margin-bottom: 22px;}
#gabi-consulting .experience-lead{font-size: 23px; line-height: 1.7; margin-top: 25px; letter-spacing: -0.5px;}
#gabi-consulting .experience-lead b{font-weight: 600;}
#gabi-consulting .hero .lead{font-size: 16px; line-height: 1.85; margin: 22px 0px;}
#gabi-consulting .hero-note{font-size: 12px; line-height: 1.9; margin-top: 17px;}
#gabi-consulting .hero-note b{font-weight: 500; color: rgb(51, 51, 51);}
#gabi-consulting .hero-cafe-photo{height: 530px; object-fit: cover; object-position: 50% 44%;}
#gabi-consulting .brand-experience{display: grid; grid-template-columns: 1fr 1.2fr; gap: 70px; border-bottom: 1px solid rgb(221, 221, 221); padding-top: 60px; padding-bottom: 60px;}
#gabi-consulting .brand-heading h2{font-size: 32px; line-height: 1.5; letter-spacing: -0.6px; font-weight: 500;}
#gabi-consulting .brand-heading > p:last-child{font-size: 15px; color: rgb(111, 116, 128); line-height: 1.9; margin-top: 20px;}
#gabi-consulting .brand-detail{align-self: center;}
#gabi-consulting .brand-detail > p{font-size: 16px; line-height: 1.95; color: rgb(98, 101, 107); margin-bottom: 16px;}
#gabi-consulting .experience-topics{display: flex; gap: 25px; border-top: 1px solid rgb(221, 221, 221); padding-top: 20px; margin-top: 25px; font-size: 14px; color: rgb(68, 68, 68);}
#gabi-consulting .counter-photo-wrap{max-width: 920px;}
#gabi-consulting .proof{display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; border-top: 1px solid rgb(221, 221, 221);}
#gabi-consulting .proof-images{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-self: start;}
#gabi-consulting .proof-images img{width: 100%; height: auto;}
#gabi-consulting .proof-images figcaption{font-size: 12px; color: rgb(119, 119, 119); margin-top: 12px; text-align: center;}
#gabi-consulting .education-photo .source-photo{background-size: 100% auto;}
#gabi-consulting .counter-photo-wrap .source-photo{background-size: 100% auto;}
@media (max-width: 760px){#gabi-consulting .hero{display: flex; gap: 28px;}
#gabi-consulting .hero h1{font-size: 34px; line-height: 1.45;}
#gabi-consulting .hero .tag{font-size: 11px; margin-bottom: 16px;}
#gabi-consulting .experience-lead{font-size: 20px; line-height: 1.7; margin-top: 20px;}
#gabi-consulting .hero .lead{font-size: 15px; line-height: 1.9; margin: 18px 0px 22px;}
#gabi-consulting .hero-note{font-size: 11px;}
#gabi-consulting .hero-cafe-photo{height: 330px; object-position: center 42%;}
#gabi-consulting .brand-experience{display: block; padding-top: 40px; padding-bottom: 40px;}
#gabi-consulting .brand-heading h2{font-size: 27px;}
#gabi-consulting .brand-heading > p:last-child{font-size: 15px;}
#gabi-consulting .brand-detail{margin-top: 25px;}
#gabi-consulting .brand-detail > p{font-size: 15px; line-height: 1.9;}
#gabi-consulting .experience-topics{gap: 20px; font-size: 12px;}
#gabi-consulting .proof{display: block;}
#gabi-consulting .proof-images{gap: 10px; margin-top: 25px;}
#gabi-consulting .proof-images figcaption{font-size: 10px;}
#gabi-consulting .proof .section-title h2{font-size: 25px;}}
#gabi-consulting{margin:0!important;padding:0!important;border:0!important;max-width:none!important;min-width:0;width:100%;font-family:'GN Noto Sans KR','맑은 고딕',sans-serif;line-height:1.8;color:#24262a;background:#fff;scroll-margin-top:190px}#gabi-consulting .breadcrumb{max-width:1160px;margin:auto;padding:18px 0;font-size:12px;color:#888;display:flex;gap:12px}#gabi-consulting .breadcrumb strong{font-weight:400;color:#444}#gabi-consulting .hero{padding-top:30px}#gabi-consulting section[id]{scroll-margin-top:195px}
@media(max-width:1240px){#gabi-consulting .breadcrumb{margin:0 32px}}
@media(max-width:760px){#gabi-consulting .breadcrumb{margin:0 22px;font-size:11px;padding:17px 0 5px}#gabi-consulting .hero{padding-top:24px}}
/* #EDU-1 상단 고정 상담(시안 .page-contact 를 본문 안으로 — #gabi-consulting 범위). #EDU-3: z-index 4 = 기존 머리 메뉴 하위 목록(z 5)보다 아래 · 본문(z 없음)보다 위 */
#gabi-consulting .page-contact{position:sticky;top:0;z-index:4;display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:8px max(20px,calc((100% - 1160px)/2));background:#fafafa;border-top:1px solid #eee;border-bottom:1px solid #e3e3e3}
#gabi-consulting .page-contact span{margin-right:auto;font-size:13px;color:#666}
#gabi-consulting .page-contact a{display:flex;align-items:center;justify-content:center;font-size:12px;min-height:36px;padding:7px 18px;font-weight:500;color:#191919;text-decoration:none;margin:0;line-height:1.4}
#gabi-consulting .page-contact .kakao{background:#fee500}
#gabi-consulting .page-contact .phone{color:#fff;background:#292929}
#gabi-consulting section[id]{scroll-margin-top:calc(var(--edu1-top,60px) + 10px)}
@media(min-width:761px){#gabi-consulting .breadcrumb{padding-left:14px}}
#gabi-consulting ul,#gabi-consulting ol{list-style:none}
/* 기존 사이트 공통 CSS(카페24 PC 12px · 폰 _m 의 .hero/.hero-note/.section)가 본문에 번지는 것만 되돌림 — :where 로 낮은 우선순위(시안 규칙이 이김) */
:where(#gabi-consulting){font-size:16px}
:where(#gabi-consulting) .hero{position:static;min-height:0;top:auto;left:auto}
:where(#gabi-consulting) .hero-note{position:static;letter-spacing:normal;top:auto;left:auto}
:where(#gabi-consulting) .section{border-bottom:0}
:where(#gabi-consulting) .steps{margin-bottom:16px}
@media(max-width:760px){#gabi-consulting .page-contact{padding:7px 15px;display:grid;grid-template-columns:1fr 1fr}#gabi-consulting .page-contact span{display:none}#gabi-consulting .page-contact a{min-height:38px;font-size:12px;padding:7px}}
/*EDU5 begin: 3칸 띠(.facts)가 창 폭이 아니라 카페24 본문 폭(994px) 안에서 쓰도록 — 창이 넓으면 좌우 여백이 칸을 눌러 글이 두 글자씩 끊기던 것*/
@media(min-width:761px){#gabi-consulting .facts{padding:26px 24px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
#gabi-consulting .facts div{min-width:0}
#gabi-consulting .facts b{word-break:keep-all;overflow-wrap:break-word}}
/*EDU5 end*/