@charset "utf-8";
/* Shared CI page layout for non-Korean language pages. */
.m13 .ciHero { margin:0 -100vw; padding:0 100vw; background:#f4f7fb; }
.m13 .ciHeroInner { width:1280px; margin:0 auto; padding:72px 0 68px; }
.m13 .ciEyebrow { color:#1428A0; font-size:13px; letter-spacing:2px; font-weight:600; }
.m13 .ciHero h2 { margin:14px 0 20px; color:#222; font-size:42px; line-height:1.2; font-weight:500; }
.m13 .ciHero p { max-width:650px; margin:0; color:#666; font-size:17px; line-height:1.8; }
.m13 .logo-card { display:flex; align-items:center; gap:46px; max-width:1060px; margin:42px auto 0; padding:32px 40px; border:1px solid #e1e5eb; background:#fff; }
.m13 .logo-card img { width:360px; height:auto; }
.m13 .logo-caption { color:#777; font-size:15px; line-height:1.8; }
.m13 .ciDownload { display:inline-block; margin-left:auto; padding:12px 22px; border:1px solid #1428A0; color:#1428A0; font-size:13px; text-decoration:none; white-space:nowrap; transition:all .2s ease; }.m13 .ciDownload:hover { background:#1428A0; color:#fff; }
.m13 .copy-section { max-width:980px; margin:0 auto; padding:70px 0 0; }
.m13 .section-kicker { margin-bottom:13px; color:#1428A0; font-size:12px; letter-spacing:1.5px; font-weight:600; }
.m13 .copy-section > h3 { margin:0 0 22px; color:#222; font-size:28px; line-height:1.4; font-weight:500; }
.m13 .copy-section > p { margin:0 0 18px; color:#666; font-size:16px; line-height:1.9; }
.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:32px 0 18px; padding:24px 28px; background:#f6f8fb; }.m13 .slogan .small { margin-bottom:8px; color:#888; font-size:12px; letter-spacing:1px; }.m13 .slogan h4 { margin:0; color:#222; font-size:24px; font-weight:400; }.m13 .slogan h4 strong { color:#1428A0; }
.m13 .copy-section .caption { color:#888; font-size:13px; }
.m13 .rules { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.m13 .rule { padding:28px; background:#f6f8fb; }.m13 .rule .num { margin-bottom:18px; color:#1428A0; font-size:11px; letter-spacing:1px; }.m13 .rule h4 { margin:0 0 12px; color:#222; font-size:19px; font-weight:500; }.m13 .rule p { margin:0; color:#666; font-size:15px; line-height:1.8; }
.m13 .grid-spec { position:relative; width:700px; height:230px; margin:30px auto 22px; border:1px solid #d8e0eb; background-image:linear-gradient(#d8e0eb 1px,transparent 1px),linear-gradient(90deg,#d8e0eb 1px,transparent 1px); background-size:calc(100% / 14) calc(100% / 6); }.m13 .grid-logo { position:absolute; left:16%; right:16%; top:22%; bottom:22%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.9); }.m13 .grid-logo img { width:86%; height:auto; }.m13 .grid-spec .label { position:absolute; color:#1428A0; font-size:12px; font-weight:600; }.m13 .grid-spec .label.top { top:9px; left:50%; transform:translateX(-50%); }.m13 .grid-spec .label.left { left:10px; top:50%; transform:translateY(-50%); }
.m13 .colors { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:26px 0; }.m13 .color { display:flex; align-items:center; gap:22px; padding:24px; border:1px solid #e1e5eb; }.m13 .color .swatch { width:72px; height:72px; flex:none; background:#1428A0; }.m13 .color .swatch.white { background:#fff; border:1px solid #ddd; }.m13 .color b { display:block; margin-bottom:9px; color:#222; font-size:17px; }.m13 .color span { display:block; color:#666; font-size:14px; line-height:1.7; }
.m13 .backgrounds { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:26px 0; }.m13 .bg { position:relative; height:150px; display:flex; align-items:center; justify-content:center; }.m13 .bg.light { background:#f6f8fb; }.m13 .bg.blue { background:#1428A0; }.m13 .bg.dark { background:#222831; }.m13 .bg img { width:78%; height:auto; }.m13 .bg .tag { position:absolute; left:16px; bottom:12px; color:#777; font-size:11px; }.m13 .bg.blue .tag,.m13 .bg.dark .tag { color:#dce5f4; }
.m13 .notice { margin-top:20px; padding:20px 24px; background:#fff8e8; color:#765b28; font-size:14px; line-height:1.8; }.m13 .notice b { color:#594416; }.m13 .prohibited { display:grid; grid-template-columns:1fr 1fr; gap:10px 22px; }.m13 .prohibited p { margin:0 !important; padding:14px 18px; background:#f6f8fb; font-size:15px !important; }.m13 .prohibited p:before { content:"×"; margin-right:9px; color:#1428A0; font-weight:600; }
.m13 .naming { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:26px 0; border:1px solid #e1e5eb; background:#e1e5eb; }.m13 .naming div { display:flex; gap:20px; padding:18px 20px; background:#fff; }.m13 .naming b { width:100px; flex:none; color:#222; font-size:14px; font-weight:500; }.m13 .naming span { color:#666; font-size:14px; }.m13 .checklist { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-top:26px; }.m13 .checklist div { padding:18px 14px; background:#f6f8fb; }.m13 .checklist b { display:block; margin-bottom:9px; color:#1428A0; font-size:13px; }.m13 .checklist span { color:#666; font-size:12px; line-height:1.65; }
.m13 .ciHero h2,.m13 .ciHero p { white-space:nowrap; }