@charset "utf-8";
/* Shared mobile CI page layout for non-Korean language pages. */
.m13 .ciHero { margin:0 -15px; padding:0 15px; background:#f4f7fb; }.m13 .ciHeroInner { padding:38px 0 34px; }.m13 .ciEyebrow { color:#1428A0; font-size:10px; letter-spacing:1.2px; font-weight:600; }.m13 .ciHero h2 { margin:10px 0 14px; color:#222; font-size:27px; line-height:1.25; font-weight:500; }.m13 .ciHero p { margin:0; color:#666; font-size:13px; line-height:1.75; }
.m13 .logo-card { margin:20px 0 0; padding:18px; border:1px solid #e1e5eb; }.m13 .logo-card img { display:block; width:82%; margin:0 auto 15px; }.m13 .logo-caption { color:#777; font-size:12px; line-height:1.7; text-align:center; }.m13 .ciDownload { display:block; width:max-content; margin:15px auto 0; padding:9px 16px; border:1px solid #1428A0; color:#1428A0; font-size:11px; text-decoration:none; }
.m13 .copy-section { padding:40px 0 0; }.m13 .section-kicker { margin-bottom:9px; color:#1428A0; font-size:10px; letter-spacing:1px; font-weight:600; }.m13 .copy-section > h3 { margin:0 0 15px; color:#222; font-size:20px; line-height:1.4; font-weight:500; }.m13 .copy-section > p { margin:0 0 14px; color:#666; font-size:13px; line-height:1.8; }.m13 .copy-section strong { color:#1428A0; }.m13 .copy-section em { font-family:"Noto Sans KR","Noto Sans",Arial,sans-serif; font-style:italic; }.m13 .slogan { margin:20px 0 14px; padding:17px; background:#f6f8fb; }.m13 .slogan .small { margin-bottom:6px; color:#888; font-size:10px; letter-spacing:.8px; }.m13 .slogan h4 { margin:0; color:#222; font-size:16px; line-height:1.5; font-weight:400; }.m13 .slogan h4 strong { color:#1428A0; }.m13 .copy-section .caption { color:#888; font-size:11px; }
.m13 .rules { display:block; }.m13 .rule { margin-bottom:8px; padding:18px; background:#f6f8fb; }.m13 .rule .num { margin-bottom:9px; color:#1428A0; font-size:10px; letter-spacing:.7px; }.m13 .rule h4 { margin:0 0 7px; color:#222; font-size:15px; font-weight:500; }.m13 .rule p { margin:0; color:#666; font-size:12px; line-height:1.7; }.m13 .grid-spec { width:100%; height:120px; margin:20px auto 15px; background-size:calc(100% / 10) calc(100% / 5); }.m13 .grid-logo { left:14%; right:14%; top:22%; bottom:22%; }.m13 .grid-spec .label { font-size:9px; }.m13 .grid-spec .label.top { top:5px; }.m13 .grid-spec .label.left { left:5px; }
.m13 .colors { display:block; margin:18px 0; }.m13 .color { gap:14px; margin-bottom:8px; padding:15px; }.m13 .color .swatch { width:50px; height:50px; }.m13 .color b { margin-bottom:5px; font-size:14px; }.m13 .color span { font-size:11px; line-height:1.55; }.m13 .backgrounds { grid-template-columns:repeat(3,1fr); gap:5px; margin:18px 0; }.m13 .bg { height:72px; }.m13 .bg.light { background:#f6f8fb; }.m13 .bg.blue { background:#1428A0; }.m13 .bg.dark { background:#222831; }.m13 .bg img { width:82%; }.m13 .bg .tag { left:4px; bottom:4px; font-size:8px; }.m13 .bg.blue .tag,.m13 .bg.dark .tag { color:#dce5f4; }
.m13 .notice { margin-top:10px; padding:13px; font-size:11px; line-height:1.7; }.m13 .prohibited { display:block; }.m13 .prohibited p { margin:0 0 6px !important; padding:11px 12px; font-size:12px !important; }.m13 .naming { display:block; margin:18px 0; }.m13 .naming div { display:block; padding:12px 14px; }.m13 .naming b { display:block; width:auto; margin-bottom:4px; font-size:12px; }.m13 .naming span { font-size:12px; }.m13 .checklist { display:block; margin-top:18px; }.m13 .checklist div { display:flex; gap:10px; padding:12px; margin-bottom:5px; }.m13 .checklist b { width:42px; flex:none; margin:0; color:#1428A0; font-size:11px; }.m13 .checklist span { font-size:11px; line-height:1.55; }.m13 .ciHero h2 { white-space:nowrap; font-size:22px; letter-spacing:-.8px; }.m13 .ciHero p { white-space:nowrap; font-size:11px; letter-spacing:-.5px; }