HOME
광고 소개서

매거진

 마켓 운영 TIP

[NEW] 캠페인 관리 기능 추가
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" /> <style> .ably-notice, .ably-notice * { font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif; box-sizing: border-box; letter-spacing: -0.01em; } .ably-notice { color: #1a1a1a; line-height: 1.7; max-width: 760px; margin: 0 auto; } /* 배너 */ .ably-banner { background: linear-gradient(135deg, #FF4785 0%, #FF6BA0 100%); border-radius: 20px; padding: 48px 40px; color: #fff; position: relative; overflow: hidden; margin-bottom: 32px; } .ably-banner::before { content: ''; position: absolute; top: -60px; right: -60px; width: 240px; height: 240px; background: rgba(255,255,255,0.12); border-radius: 50%; } .ably-banner::after { content: ''; position: absolute; bottom: -80px; right: 80px; width: 180px; height: 180px; background: rgba(255,255,255,0.08); border-radius: 50%; } .ably-banner-label { display: inline-block; background: rgba(255,255,255,0.22); color: #fff; font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 100px; margin-bottom: 20px; position: relative; z-index: 1; } .ably-banner h1 { font-size: 32px; font-weight: 700; margin: 0 0 14px 0; line-height: 1.3; letter-spacing: -0.02em; position: relative; z-index: 1; } .ably-banner p { font-size: 16px; margin: 0; opacity: 0.95; position: relative; z-index: 1; } /* 인트로 */ .ably-intro { background: #FAFAFA; border-radius: 16px; padding: 28px 32px; margin-bottom: 32px; border-left: 4px solid #FF4785; } .ably-intro p { margin: 0; font-size: 15px; color: #333; line-height: 1.75; } .ably-intro strong { color: #FF4785; font-weight: 600; } /* 개선 항목 */ .ably-feature { margin-bottom: 32px; } .ably-feature-num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #1a1a1a; color: #fff; font-size: 15px; font-weight: 700; border-radius: 10px; margin-bottom: 16px; } .ably-feature h2 { font-size: 22px; font-weight: 700; margin: 0 0 14px 0; line-height: 1.4; letter-spacing: -0.02em; color: #1a1a1a; } .ably-feature-desc { font-size: 15px; color: #444; line-height: 1.75; margin: 0 0 24px 0; } .ably-feature-desc strong { color: #1a1a1a; font-weight: 600; background: linear-gradient(transparent 60%, #FFE4ED 60%); padding: 0 2px; } /* 경로 */ .ably-path { display: flex; align-items: center; gap: 10px; background: #F5F5F7; border-radius: 12px; padding: 14px 18px; margin-bottom: 24px; font-size: 13px; color: #555; flex-wrap: wrap; } .ably-path-label { font-weight: 600; color: #1a1a1a; } .ably-path-arrow { color: #BBB; font-size: 11px; } /* 이미지 영역 */ .ably-image-placeholder { background: #F9F9FB; border: 1.5px dashed #DDD; border-radius: 14px; padding: 60px 24px; text-align: center; color: #999; font-size: 13px; font-weight: 500; } .ably-image-placeholder-icon { font-size: 24px; margin-bottom: 8px; opacity: 0.5; } /* Before / After */ .ably-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 24px; } .ably-comparison-card { border-radius: 14px; padding: 24px; border: 1px solid #EEE; } .ably-comparison-card.before { background: #FAFAFA; } .ably-comparison-card.after { background: #FFF5F8; border-color: #FFD4E0; } .ably-comparison-tag { display: inline-block; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 6px; margin-bottom: 12px; } .ably-comparison-tag.before { background: #E8E8E8; color: #666; } .ably-comparison-tag.after { background: #FF4785; color: #fff; } .ably-comparison-text { font-size: 14px; color: #333; line-height: 1.6; margin: 0; } /* 요약 */ .ably-summary { background: #1a1a1a; border-radius: 20px; padding: 40px; margin-top: 32px; color: #fff; } .ably-summary h3 { font-size: 20px; font-weight: 700; margin: 0 0 28px 0; } .ably-summary-table { width: 100%; border-collapse: collapse; } .ably-summary-table th { text-align: left; font-size: 13px; font-weight: 600; color: #999; padding: 12px 16px; border-bottom: 1px solid #333; } .ably-summary-table td { padding: 18px 16px; font-size: 14px; border-bottom: 1px solid #2a2a2a; vertical-align: top; line-height: 1.6; } .ably-summary-table tr:last-child td { border-bottom: none; } .ably-summary-table .col-item { font-weight: 600; color: #fff; width: 28%; } .ably-summary-table .col-before { color: #888; width: 36%; } .ably-summary-table .col-after { color: #FFB3CC; width: 36%; font-weight: 500; } /* 아웃트로 */ .ably-outro { text-align: center; padding: 56px 32px 32px; margin-top: 32px; } .ably-outro p { font-size: 15px; color: #555; line-height: 1.8; margin: 0 0 8px 0; } .ably-outro p.highlight { font-size: 16px; color: #1a1a1a; font-weight: 600; margin-bottom: 20px; } .ably-outro-divider { width: 40px; height: 3px; background: #FF4785; margin: 0 auto 24px; border-radius: 100px; } @media (max-width: 640px) { .ably-banner { padding: 36px 28px; } .ably-banner h1 { font-size: 24px; } .ably-comparison { grid-template-columns: 1fr; } .ably-summary { padding: 28px 24px; } } </style>

 최근 아티클

 지난 아티클