.brand-guide{--primary:var(--signal-blue);--ink:var(--ink-navy);--slate:var(--slate-gray);--mist:var(--mist-gray);--hairline:#e8ebef;--pebble:#f4f6f8;--cloud:#fff;--paper:#fff;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;background:var(--cloud);color:var(--ink);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;font-family:Pretendard,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.bg-hero-wrap{max-width:1200px;margin:0 auto;padding:24px 16px 12px}@media (min-width:768px){.bg-hero-wrap{padding:48px 24px 12px}}.bg-hero{margin:0}.bg-hero h1{letter-spacing:-.03em;color:var(--ink-navy);font-size:22px;font-weight:700;line-height:1.3}@media (min-width:768px){.bg-hero h1{font-size:38px}}.bg-tabs{top:env(safe-area-inset-top);z-index:40;background:var(--paper);border-bottom:1px solid var(--hairline);margin-bottom:12px;position:sticky}.bg-tabs-inner{gap:1px;max-width:1200px;margin:0 auto;padding:0 16px;display:flex}@media (min-width:768px){.bg-tabs-inner{padding:0 24px}}.bg-main{max-width:1200px;margin:0 auto;padding:20px 16px 24px}@media (min-width:768px){.bg-main{padding:28px 24px 48px}}.bg-tabs button{appearance:none;color:var(--mist-gray);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:16px 12px;font-size:14px;font-weight:500;transition:color .12s}.bg-tabs button:hover{color:var(--slate-gray)}.bg-tabs button.active{color:var(--signal-blue);border-bottom-color:var(--signal-blue);font-weight:700}.bg-section{border-bottom:1px solid var(--hairline);padding:40px 0;scroll-margin-top:72px}.bg-section:first-of-type{border-top:none;padding-top:0}.bg-section:last-of-type{border-bottom:none}.bg-section-title{letter-spacing:-.02em;color:var(--ink-navy);margin-bottom:12px;font-size:18px;font-weight:700}.bg-section-desc{color:var(--slate-gray);margin-bottom:24px;font-size:15px;line-height:1.75}.bg-section-desc strong{color:var(--ink-navy);font-size:15px;font-weight:700;line-height:1.75}.bg-core-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.bg-core-card{border:0;border-top:1px solid #dce1e7;border-radius:0;padding:36px 0 24px}.bg-core-grid>.bg-core-card:first-child,.bg-core-grid>.bg-core-card:nth-child(2){border-top:none}.bg-core-label{letter-spacing:1.5px;color:var(--primary);text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:700}.bg-core-title{letter-spacing:-.03em;color:var(--ink);margin-bottom:14px;font-size:20px;font-weight:700;line-height:1.4}.bg-core-body{color:var(--slate);max-width:420px;font-size:15px;line-height:1.85}.bg-asset-grid{gap:20px;display:grid}.bg-asset-grid.col1{grid-template-columns:1fr}.bg-asset-grid.col2{grid-template-columns:1fr 1fr}.bg-asset-grid.col3{grid-template-columns:repeat(3,1fr)}.bg-asset-card{background:var(--paper);border:0;border-radius:0;flex-direction:column;display:flex;overflow:visible}.bg-asset-preview{border-radius:16px;flex:1;justify-content:center;align-items:center;min-height:210px;padding:48px 40px;display:flex}.bg-asset-preview.tall{min-height:280px;padding:70px 40px}.bg-asset-preview.col1{min-height:340px}.bg-asset-preview.light{background:var(--pebble)}.bg-asset-preview.dark{background:#e8edf4}.bg-asset-preview.navy-bg{background:#02306c}.bg-asset-preview.blue-bg{background:var(--primary)}.bg-asset-preview.teal-bg{background:#f4f6f8}.bg-asset-preview img{object-fit:contain;width:100%;max-width:300px}.bg-asset-preview img.sm{border-radius:18px;max-width:120px}.bg-asset-footer{border:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 0 28px;display:flex}.bg-asset-name{color:var(--ink);font-size:14px;font-weight:600}.bg-asset-type{color:#6b7684;margin-top:6px;font-size:12px}.bg-dl-btn{color:#333d4b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e0e5eb;border-radius:7px;align-items:center;gap:5px;padding:10px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:background .12s;display:inline-flex}.bg-dl-btn:hover{background:#f4f6f8}.bg-dl-btn[aria-disabled=true]{color:#8b95a1;cursor:default;background:#f6f7f9;border-color:#f0f2f4}.bg-color-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.bg-color-card{cursor:pointer;border:0;border-radius:14px;position:relative;overflow:hidden}.bg-color-swatch{height:115px}.bg-color-info{padding:18px}.bg-color-info.dark{background:#0b3558}.bg-color-info.light{background:var(--pebble)}.bg-color-name{color:var(--ink);margin-bottom:3px;font-size:14px;font-weight:700}.bg-color-info.dark .bg-color-name{color:#fff}.bg-color-vals{color:var(--mist);font-size:12px;line-height:1.7}.bg-color-info.dark .bg-color-vals{color:#c9d5e7}.bg-color-copy-icon{color:#999;opacity:0;pointer-events:none;font-size:13px;transition:opacity .15s;position:absolute;top:10px;right:12px}.bg-color-card:hover .bg-color-copy-icon{opacity:1}.bg-color-copy{cursor:pointer;text-align:left;color:#fff;background:#015dfd;border:0;border-radius:18px;flex-direction:column;justify-content:space-between;width:100%;min-height:300px;padding:40px;transition:background .15s;display:flex}.bg-color-copy:hover{background:#0756e4}.bg-color-copy strong{letter-spacing:-1px;font-size:40px;font-weight:500;display:block}.bg-color-copy small{opacity:.85;font-size:13px}.bg-color-copy span{font-size:16px}.bg-char-main{background:var(--pebble);border-radius:20px;grid-template-columns:1fr 1.15fr;margin-bottom:12px;display:grid;overflow:hidden}.bg-char-img-wrap{background:#edf4ff;justify-content:center;align-items:center;min-height:420px;padding:48px 36px;display:flex}.bg-char-img-wrap img{object-fit:contain;width:100%;max-width:320px}.bg-char-info{padding:44px}.bg-char-name{color:var(--ink);margin-bottom:6px;font-size:38px;font-weight:750;line-height:1.3}.bg-char-name span{color:var(--primary)}.bg-char-subtitle{color:var(--slate);margin-bottom:24px;font-size:15px;line-height:1.6}.bg-char-profile{border-collapse:collapse;width:100%}.bg-char-profile tr{border-bottom:1px solid var(--hairline)}.bg-char-profile tr:last-child{border-bottom:none}.bg-char-profile td{vertical-align:top;color:var(--slate);padding:10px 0;font-size:15px;line-height:1.55}.bg-char-profile td:first-child{color:var(--slate);width:80px;padding-top:12px;font-size:15px;font-weight:700}.bg-turnaround{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.bg-turn-card{border-radius:14px;overflow:hidden}.bg-turn-img{background:var(--pebble);aspect-ratio:1;justify-content:center;align-items:center;padding:28px 20px;display:flex}.bg-turn-img img{object-fit:contain;width:100%}.bg-turn-label{padding:18px 0}.bg-turn-label-main{color:var(--ink);font-size:13px;font-weight:700}.bg-turn-label-sub{color:var(--mist);margin-top:7px;font-size:12px}.bg-dont-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.bg-dont-card{border:0;border-radius:12px;position:relative;overflow:hidden}.bg-dont-label{z-index:2;color:var(--ink);align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.5;display:flex;position:absolute;top:14px;left:16px;right:12px}.bg-dont-label:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23F04452'/%3E%3Cpath d='M5.5 5.5L12.5 12.5M12.5 5.5L5.5 12.5' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-size:cover;flex-shrink:0;width:18px;height:18px;display:inline-block}.bg-dont-preview{background:var(--pebble);justify-content:center;align-items:center;min-height:170px;padding:66px 36px 36px;display:flex;position:relative;overflow:hidden}.bg-dont-preview img{object-fit:contain;z-index:1;max-width:150px;max-height:44px;position:relative}.bg-group-label{color:#687482;align-items:center;gap:8px;margin-top:0;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.bg-usage-list{margin-top:8px;padding-left:20px;list-style:decimal}.bg-usage-list li{color:var(--slate);padding:6px 0 6px 8px;font-size:15px;line-height:1.8}.bg-usage-list span{color:var(--slate);min-width:28px;font-size:16px;font-weight:700}.bg-toast{color:#fff;z-index:300;background:#191f28;border-radius:12px;padding:15px 24px;font-size:14px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000001f}@media (max-width:1150px){.bg-char-main{grid-template-columns:1fr}.bg-char-img-wrap{min-height:280px}.bg-asset-grid.col3{grid-template-columns:1fr 1fr}.bg-core-title{font-size:22px}}@media (max-width:760px){.bg-section{padding:32px 0;scroll-margin-top:120px}.bg-core-grid,.bg-asset-grid.col2,.bg-asset-grid.col3{grid-template-columns:1fr;gap:20px}.bg-turnaround{grid-template-columns:1fr 1fr}.bg-dont-grid{grid-template-columns:1fr}.bg-color-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@keyframes icon-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.bg-icon-spin{transform-style:preserve-3d;animation:3s linear infinite icon-spin}