/* 톡판: additions to the current shared guide, deliberately scoped to this page. */
@font-face{font-family:BoardNoto;src:url('../../fonts/home/noto-400.woff2?v=20261027b') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:BoardNoto;src:url('../../fonts/home/noto-700.woff2?v=20261027b') format('woff2');font-weight:600 700;font-display:swap}
@font-face{font-family:BoardNoto;src:url('../../fonts/home/noto-800.woff2?v=20261027b') format('woff2');font-weight:800 900;font-display:swap}
.gd-board{font-family:BoardNoto,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}
.gd-board .gd-hero-copy{position:relative;z-index:6}
.gd-board .gd-hero h1{font-size:clamp(32px,8.8vw,51px);line-height:1.2}
.gd-board .gd-hero h1>span{display:block}
.gd-board .gd-hero h1 .bd-title-word{display:block;font-size:1.62em;line-height:1.08;margin-top:.035em}
.gd-board .gd-hero-description{max-width:470px}
.bd-stage .gd-phone-front{width:57%;left:3%;top:1%;aspect-ratio:.51;rotate:-9deg}
.bd-stage .gd-phone-back{width:47%;right:0;top:13%;aspect-ratio:.51;rotate:7deg}
.bd-stage .bubble-hero{top:0;right:14%;width:17%;height:11%;rotate:-3deg}
.bd-stage .bubble-heart{top:4%;right:-1%;width:15%;height:10%;rotate:9deg;animation-delay:-1.7s}
.bd-stage .gd-app-top{padding-block:3%}
.bd-main-tabs{display:flex;align-items:center;gap:4%;padding:2% 5%;font-size:2.1cqw;color:#969aa2}
.bd-main-tabs>a,.bd-main-tabs>span:not(.bd-add){padding:3% 5%;border:1px solid #e9e9ed;border-radius:7px;background:white;white-space:nowrap}
.bd-main-tabs>.active{color:white;background:linear-gradient(135deg,#ff9324,#ff6200)!important;border-color:#ff861b!important;font-weight:700}
.bd-main-tabs>.bd-add{border-radius:50%;background:#ff7a0c;color:white;margin-left:auto;font:700 2.8cqw/1 Arial;padding:1%}
.bd-subtabs{display:flex;gap:4%;padding:3% 5% 4%;font-size:1.67cqw;color:#989ba3;white-space:nowrap}
.bd-subtabs>.active{position:relative;color:#f56a12;font-weight:700}
.bd-subtabs>.active:after{content:'';position:absolute;left:0;right:0;bottom:-.8cqw;height:2px;background:#ff7908}
.bd-date{text-align:center;background:#f1f1f2;color:#999ba0;font-size:1.7cqw;margin:1% 4% 0;padding:2%;border-radius:5px}
.bd-posts{padding:1% 4%;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}
.bd-posts::-webkit-scrollbar{display:none}
.bd-row{position:relative;display:flex;align-items:center;gap:4%;width:100%;text-align:left;padding:1.8% 1%;border-bottom:1px solid #e9ebee;transition:background .3s;border-radius:7px;isolation:isolate;flex-shrink:0}
.bd-row:before{content:'';position:absolute;inset:3px -3px;z-index:-1;border-radius:7px;background:#fff0dc;opacity:0;animation:bdRowNotice 12s ease-in-out infinite}
.bd-row:nth-child(2):before{animation-delay:3s}.bd-row:nth-child(3):before{animation-delay:6s}.bd-row:nth-child(4):before{animation-delay:9s}
.bd-row[aria-pressed=true]{background:#fff8ee}
.bd-row:focus-visible{outline-offset:0}
.bd-row>img{width:26%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;flex-shrink:0}
.bd-row-content{display:block;min-width:0;flex:1}
.bd-row-content>b{display:block;font-size:1.95cqw;font-weight:700;line-height:1.35;letter-spacing:-.07em}
.bd-row-content>em{display:block;color:#f255a0;font-size:1.7cqw;margin-top:2%;white-space:nowrap;line-height:1.25}
.bd-row-content>small{display:block;font-size:1.6cqw;color:#969ca7;margin-block:2%;line-height:1.25}
.bd-stats{display:flex;align-items:center;gap:12%;font-size:1.8cqw;color:#9399a4;line-height:1.25}
.bd-stats>span,.bd-stats>button{display:flex;align-items:center;gap:.5cqw;white-space:nowrap}
.bd-stats svg,.bd-like-demo svg,.gd-comment small svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}
.bd-orange{color:#ff6b00}
.bd-stage .gd-app-nav{margin-top:auto;flex-shrink:0;padding-block:3%}
.bd-detail-heading{display:flex;align-items:center;gap:5%;font-size:2.5cqw;padding:0 6% 5%}
.bd-detail-heading>span:first-child{font:4.7cqw/1 Arial}.bd-detail-heading>span:last-child{margin-left:auto}
.bd-detail{padding:0 5%}
.bd-author{display:flex;align-items:center;gap:4%;margin-bottom:4%;font-size:1.65cqw}
.bd-author>.gd-avatar{width:4.8cqw!important;height:4.8cqw!important}
.bd-author small{display:block;color:#a1a6af;font-size:1.4cqw;margin-top:2%}
.bd-detail h2{font-size:2.65cqw;line-height:1.35;letter-spacing:-.06em;margin-bottom:3%}
.bd-detail>p{font-size:1.95cqw;line-height:1.55;color:#526075;letter-spacing:-.04em;margin-bottom:5%}
.bd-detail>img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;border-radius:5px}
.bd-detail-stats{justify-content:space-around;padding:3% 0;border-bottom:1px solid #eee;font-size:2cqw}
.bd-detail-stats button{padding:4% 8%;border-radius:8px;min-width:30%;justify-content:center}
.bd-detail-stats button[aria-pressed=true]{background:#fff0dd}
.bd-comments-float{top:67%;right:-1%;width:46%;padding:2.6%;rotate:5deg;border:1px solid #fff6eb}
.bd-sort{float:right;font-size:1.5cqw;color:#8d949e}
.bd-comments-float .gd-comment{margin-top:7%}
.bd-comments-float .gd-comment p{font-size:1.8cqw;line-height:1.5}
.bd-comments-float .gd-comment b{font-size:1.65cqw}
.bd-comments-float .gd-comment small{display:flex;align-items:center;gap:.4cqw;justify-content:flex-end;color:#ff730b;font-size:1.6cqw;margin-top:3%}
.bd-comments-float .gd-comment-input{margin-top:5%}
.gd-board .gd-hero-benefits li:first-child .gd-icon{animation:gdPencil 6s ease-in-out infinite}
.gd-board .gd-hero-benefits li:last-child .gd-icon{animation:bdLikeNod 7s ease-in-out infinite}
.gd-board .gd-step h3{font-size:16px;line-height:1.45;text-wrap:balance}
.gd-board .gd-step>p{font-size:12px;text-wrap:pretty}
.gd-board .gd-step-demo{padding-top:15px}
.bd-topics{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.bd-topics>button{border:1px solid #eaeef0;border-radius:9px;min-height:44px;background:#fff;font-size:11px;color:#727d8a;transition:background .2s,color .2s,border-color .2s}
.bd-topics>button[aria-pressed=true]{background:linear-gradient(125deg,#ff9116,#ff6806);color:#fff;border-color:#ff8b25;box-shadow:0 3px 8px #ff831425}
.bd-demo-hint{font-size:9px;color:#a3866e;margin-top:7px;line-height:1.6}
.bd-mini-post{display:flex;align-items:center;gap:8px;width:100%;min-height:112px;padding:8px;background:#fff;border:1px solid #edf0f3;border-radius:12px;text-align:left;transition:box-shadow .2s}
.bd-mini-post>img{width:40%;height:auto;aspect-ratio:.85;object-fit:cover;border-radius:8px}
.bd-mini-post>span{flex:1;min-width:0}.bd-mini-post b{display:block;font-size:11px;line-height:1.4;letter-spacing:-.07em}
.bd-mini-post small{display:block;font-size:9px;color:#8b95a2;margin-top:5px;line-height:1.6}
.bd-mini-next{display:block;font-size:10px;color:#ea660b;margin-top:8px}.bd-mini-next>span{float:right}
.bd-mini-comment{display:flex;gap:6px;align-items:flex-start;text-align:left;padding:9px 5px;background:white;border-radius:12px}
.bd-mini-comment .gd-avatar{width:27px;height:27px}
.bd-mini-comment>p{font-size:10px;color:#596679;line-height:1.5}.bd-mini-comment b{display:block;color:#263347;font-size:10px;margin-bottom:3px}
.bd-like-demo{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid #ffdcbf;border-radius:10px;color:#e6690c;background:#fff7ed;font-size:12px;width:100%;margin-top:8px;transition:background .25s,box-shadow .25s}
.bd-like-demo[aria-pressed=true]{background:#ff7c0e;border-color:#ff7c0e;color:white;box-shadow:0 4px 12px #ff871b2b}
.bd-like-demo svg{width:17px;height:17px}.bd-like-demo b{font-size:11px}
.bd-conversation{padding-block:7px}
.bd-conversation>div{display:flex;align-items:center;gap:5px;text-align:left;animation:bdReply 7s ease-in-out infinite}
.bd-conversation>div+div{margin-top:13px;animation-delay:.7s}
.bd-conversation .gd-avatar{width:25px;height:25px}
.bd-conversation>div>span:last-child{flex:1;padding:9px 6px;border:1px solid #e9edf2;background:#f8fafc;border-radius:11px;font-size:10px;line-height:1.5;color:#526176}
.gd-board .gd-why-compact .gd-reason>div>p{font-size:12px;line-height:1.7}
.gd-board .gd-why-compact .gd-reason h3{font-size:15px}
.gd-board .gd-why-compact .gd-section-heading>p{max-width:960px}
@media(hover:hover){.bd-mini-post:hover{box-shadow:0 6px 15px #a46a2220}.bd-row:hover{background:#fff0dc}.bd-topics>button:hover{border-color:#ff942f}.bd-like-demo:hover{box-shadow:0 5px 14px #f585252b}}
@media(min-width:800px){
 .gd-board .gd-hero{grid-template-columns:34% 66%;padding:24px 30px 25px;min-height:650px}
 .gd-board .gd-hero h1{font-size:clamp(36px,4.5vw,56px);letter-spacing:-.065em}
 .gd-board .gd-hero-eyebrow{font-size:21px;margin:22px 0 16px}
 .gd-board .gd-wordmark{font-size:38px}.gd-board .gd-wordmark>img{width:60px}
 .gd-board .gd-hero-description{font-size:18px;line-height:1.5;margin-top:18px}
 .gd-board .gd-hero-benefits>li{font-size:15px}.gd-board .gd-hero-benefits{margin-top:25px;gap:5px}
 .gd-board .gd-hero-benefits>li>span{width:68px;height:68px}
 .gd-board .gd-stage{aspect-ratio:.90;margin-left:0}
 .gd-board .gd-step{padding:15px 12px 13px}.gd-board .gd-step h3{font-size:18px}.gd-board .gd-step>p{font-size:14px;line-height:1.5}
 .gd-board .gd-step-number{width:36px;height:36px;font-size:20px}
 .gd-board .gd-step .gd-icon-disc{width:54px;height:54px;margin-bottom:10px}.gd-board .gd-step .gd-icon-disc>.gd-icon{width:32px;height:32px}
 .bd-topics>button{font-size:12px}.bd-mini-post{min-height:128px}.bd-mini-post b{font-size:13px}.bd-mini-post small{font-size:11px}.bd-mini-next{font-size:12px}
 .bd-mini-comment>p,.bd-mini-comment b{font-size:12px}.bd-conversation>div>span:last-child{font-size:12px}
 .gd-board .gd-step .bd-conversation .gd-avatar,.gd-board .gd-step .bd-mini-comment .gd-avatar{width:29px;height:29px}
 .gd-board .gd-why-compact .gd-reason{gap:10px;padding:17px 12px}.gd-board .gd-why-compact .gd-reason .gd-icon-disc{width:52px;height:52px}.gd-board .gd-why-compact .gd-reason .gd-icon{width:32px;height:32px}
 .gd-board .gd-download h2{font-size:clamp(23px,2.5vw,31px)}
}
@media(min-width:1100px){
 .gd-board .gd-hero{padding:27px 32px 28px 43px;min-height:760px}.gd-board .gd-wordmark{font-size:46px}.gd-board .gd-wordmark>img{width:70px}
 .gd-board .gd-hero h1{font-size:55px}.gd-board .gd-hero-eyebrow{font-size:23px;margin:25px 0 17px}
 .gd-board .gd-hero-description{font-size:22px}.gd-board .gd-hero-benefits>li{font-size:18px}.gd-board .gd-hero-benefits>li>span{width:84px;height:84px}.gd-board .gd-hero-benefits .gd-icon{width:45px;height:45px}
 .gd-board .gd-step h3{font-size:21px}.gd-board .gd-step>p{font-size:17px}.gd-board .gd-step-number{width:43px;height:43px;font-size:23px}
 .gd-board .gd-step .gd-icon-disc{width:62px;height:62px}.gd-board .gd-step .gd-icon-disc>.gd-icon{width:38px;height:38px}
 .bd-topics>button{font-size:13px}.bd-mini-post b{font-size:15px}.bd-mini-post small{font-size:12px}.bd-like-demo{font-size:14px}.bd-like-demo b{font-size:13px}
 .bd-mini-comment>p,.bd-mini-comment b,.bd-conversation>div>span:last-child{font-size:13px}.bd-demo-hint{font-size:11px}
 .gd-board .gd-why-compact .gd-reason h3{font-size:18px}.gd-board .gd-why-compact .gd-reason>div>p{font-size:13px}
}
@media(max-width:799px){
 .gd-board .gd-hero{align-items:stretch}.gd-board .gd-hero h1{align-self:center;width:100%;max-width:490px}
 .gd-board .gd-hero h1>span{display:inline}.gd-board .gd-hero h1>span:first-child{display:block;font-size:.9em;margin-bottom:3px}
 .gd-board .gd-hero h1 .bd-title-word{display:inline;font-size:1em;margin-left:.12em}
 .gd-board .gd-hero>.bd-stage{aspect-ratio:.93;width:calc(100% + 36px);max-width:560px;margin:14px -18px 0;align-self:center;-webkit-mask-image:linear-gradient(#000 93%,transparent 100%);mask-image:linear-gradient(#000 93%,transparent 100%)}
 .bd-stage .gd-phone-front{left:2%;width:59%;top:2%;rotate:-8deg}.bd-stage .gd-phone-back{right:0;top:14%;width:48%;rotate:7deg}
 .bd-stage .gd-phone{border-radius:36px}.bd-stage .gd-screen{border-radius:29px}
 .bd-main-tabs{font-size:2.4cqw}.bd-subtabs{font-size:1.8cqw}.bd-date{font-size:1.9cqw}
 .bd-row-content>b{font-size:2.2cqw}.bd-row-content>em{font-size:1.9cqw}.bd-row-content>small{font-size:1.8cqw}
 .bd-stats{font-size:2.1cqw}.bd-detail h2{font-size:2.8cqw}.bd-detail>p{font-size:2.1cqw}
 .bd-comments-float{top:64%;width:48%;right:1%;padding:3%}.bd-comments-float .gd-comment p{font-size:2.1cqw}.bd-comments-float .gd-comment b{font-size:1.8cqw}.bd-comments-float .gd-comment small{font-size:1.9cqw}
 .bd-comments-float .gd-comments>b{font-size:2.5cqw}.bd-comments-float .gd-comment-input{font-size:2cqw}
 .gd-board .gd-hero-description{align-self:center;font-size:15px;margin-top:4px;margin-bottom:26px;max-width:490px;width:100%;text-wrap:pretty}
 .gd-board .gd-hero-benefits{max-width:380px;margin-top:2px}
 .gd-board .gd-section{padding-inline:14px}.gd-board .gd-step{padding-inline:9px}
 .gd-board .gd-why .gd-section-heading h2{font-size:25px}.gd-board .gd-why .gd-section-heading>p{font-size:12px;max-width:95%}
 .gd-board .gd-why-compact .gd-reason{padding:17px 11px}.gd-board .gd-why-compact .gd-reason h3{font-size:15px;text-wrap:balance}
 .gd-board .gd-why-compact .gd-reason .gd-icon-disc{width:58px;height:58px}.gd-board .gd-why-compact .gd-reason .gd-icon{width:35px;height:35px}
}
@media(min-width:540px) and (max-width:799px){.gd-board .gd-hero>.bd-stage{margin-inline:auto;width:100%;aspect-ratio:.94}.gd-board .gd-hero h1{font-size:48px}.gd-board .gd-step h3{font-size:20px}.gd-board .gd-step>p{font-size:15px}.bd-mini-post b{font-size:16px}.bd-mini-post small,.bd-mini-next{font-size:13px}.bd-topics>button{font-size:14px}.bd-mini-comment>p,.bd-mini-comment b,.bd-conversation>div>span:last-child{font-size:14px}}
@media(max-width:359px){.gd-board .gd-hero h1{font-size:29px}.gd-board .gd-hero-description{font-size:13px}.gd-board .gd-section{padding-inline:10px}.gd-board .gd-step{padding-inline:7px}.gd-board .gd-step h3{font-size:14px}.gd-board .gd-step>p{font-size:11px}.gd-board .gd-why .gd-section-heading h2{font-size:22px}.gd-board .gd-why-compact .gd-reason h3{font-size:13px}.gd-board .gd-why-compact .gd-reason>div>p{font-size:11px}.bd-mini-post{gap:5px;padding:6px}.bd-mini-post b{font-size:10px}.bd-mini-post small{font-size:8px}.bd-mini-next{font-size:9px}.bd-like-demo{font-size:10px}.bd-topics>button{font-size:10px}}
@keyframes bdRowNotice{0%,25%,100%{opacity:0}8%,17%{opacity:.7}}
@keyframes bdLikeNod{0%,65%,100%{transform:rotate(0) scale(1)}73%{transform:rotate(-10deg) scale(1.08)}81%{transform:rotate(4deg) scale(1.03)}}
@keyframes bdReply{0%,6%,100%{opacity:.55;transform:translateY(3px)}17%,90%{opacity:1;transform:translateY(0)}}
.gd-motion-ready .gd-board [data-guide-scene]:not(.is-inview) *:before,.gd-motion-ready .gd-board [data-guide-scene]:not(.is-inview) *:after,.gd-page-hidden .gd-board *:before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.gd-board *,.gd-board *:before,.gd-board *:after{animation:none!important;transition:none!important}.bd-row:before{opacity:0}}