Showing source for: https://caster.im/
Duration: 1.42946s
Server: nginx/1.14.1
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport">
<meta content="#188FCC" name="theme-color">
<meta content="light" name="color-scheme">
<title>
ìºì¤í° (CASTER) | ë´ì¤ ì¤ìê° ì ë³´ ë©ì ì íë«í¼
</title>
<meta content="website" name="type">
<meta content=" ìºì¤í° (CASTER) | ì§ê¸ ë¨ë ë´ì¤ ëêµ¬ë³´ë¤ ë¹ ë¥´ê² ìíµì ìì ë¡­ê²" name="title">
<meta content="ì¤ìê° ìë³´ë¶í° í¤ìë ë´ì¤ê¹ì§ ë¤ìí ì 보를 ì ê³µí©ëë¤. í¤ìë ì¤ì ì¼ë¡ íìí ë´ì¤ë¥¼ ë¹ ë¥´ê³ ì ííê² ë°ìë³´ì¸ì. " name="description">
<meta content="ìºì¤í°, CASTER, ì¤ìê°ë´ì¤, ìë³´, í¤ìëë´ì¤, 주ìí¤ìëì림" name="keyword">
<meta name="type" og:content="website">
<meta content="ìºì¤í° (CASTER)" name="author">
<meta content="web" property="og:type">
<meta content=" ìºì¤í° (CASTER) | ì§ê¸ ë¨ë ë´ì¤ ëêµ¬ë³´ë¤ ë¹ ë¥´ê² ìíµì ìì ë¡­ê²" property="og:title">
<meta content="caster" property="og:site_name">
<meta content="ì¤ìê° ìë³´ë¶í° í¤ìë ë´ì¤ê¹ì§ ë¤ìí ì 보를 ì ê³µí©ëë¤. í¤ìë ì¤ì ì¼ë¡ íìí ë´ì¤ë¥¼ ë¹ ë¥´ê³ ì ííê² ë°ìë³´ì¸ì." property="og:description">
<meta content="https://www.caster.im/" property="og:url">
<meta content="https://www.caster.im/Image/og_caster.png" property="og:image">
<meta content="Caster Homepage" property="og:image:alt">
<meta content="ìºì¤í°" property="article:tag">
<meta content="CASTER" property="article:tag">
<meta content="í¤ìëë´ì¤" property="article:tag">
<meta content="í¤ìëì림" property="article:tag">
<!-- Pretendard (Korean-first CJK) â load with <link> so the font resolves
independently of the CSS pipeline. static + variable fallback. -->
<link crossorigin="" href="https://cdn.jsdelivr.net" rel="preconnect">
<link href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css" rel="stylesheet">
<link href="./styles/main.css" rel="stylesheet">
<link href="https://www.caster.im/" rel="canonical">
<link href="Image/Favicon/apple-icon-72x72.png" rel="icon">
</head>
<body>
<!-- âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
HERO â node 115:6185
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ -->
<header class="reveal-on-scroll hero-bg relative flex items-center overflow-hidden" style="min-height: 687px;">
<div class="shell-wide relative z-10 flex w-full flex-col items-center py-12">
<!-- Logo + headline block (gap 28px) -->
<div class="flex w-full flex-col items-center gap-7">
<!-- caster wordmark â rendered from Figma asset (node 115:6187) -->
<a aria-label="caster í" class="inline-flex items-center" data-stage="1" href="/">
<img alt="caster" class="h-[45px] w-[154px]" height="45" src="./assets/figma/caster-logo.png" width="154">
</a>
<!-- Title + subtitle (gap 20px) -->
<div class="flex w-full flex-col items-center gap-5 text-center">
<h1 class="font-extrabold tracking-[-0.01em] text-[#3c4251] text-[32px] leading-[44px] sm:text-[44px] sm:leading-[56px] lg:text-[56px] lg:leading-[68px]">
<span class="block whitespace-nowrap" data-stage="2">
ì¸ìì 모ë ë´ì¤,
</span>
<span class="block whitespace-nowrap" data-stage="3">
ëìê² ë± ë§ë AI ë´ì¤ë¡.
</span>
</h1>
<p class="text-[16px] leading-6 font-medium text-[#676f84]" data-stage="4">
<span class="block">
ì¤ìê° ë´ì¤ ì림ë¶í° AI 기ë°ì ì ë° ë¶ìê¹ì§.
</span>
<span class="block">
ìì² ê° ë´ì¤ ì¤ ëìê² íìí ì ë³´ë§ ë¹ ë¥´ê³ ì ííê² ì ë¬í©ëë¤.
</span>
</p>
</div>
</div>
<!-- CTA row (48px below headline block, 12px gap between buttons) -->
<div class="mt-12 flex flex-wrap items-center justify-center gap-3" data-stage="5">
<a class="btn-primary" href="https://web.caster.im/" rel="noopener noreferrer" target="_blank">
<span>
ìºì¤í° 3ì´ ë§ì ììí기
</span>
<svg aria-hidden="true" fill="none" height="20" viewBox="0 0 20 20" width="20">
<path d="M4.167 10h11.666M11.667 5.833 15.833 10l-4.166 4.167" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.67">
</path>
</svg>
</a>
<!-- App download dropdown (Figma Frame 5 trigger â Frame 1171275761 panel) -->
<div class="download-dd" data-dd-root="">
<button aria-expanded="false" aria-haspopup="menu" class="download-dd__trigger" data-dd-trigger="" type="button">
<span class="download-dd__trigger-label">
ì± ë¤ì´ë¡ë
</span>
<span aria-hidden="true" class="download-dd__trigger-divider">
</span>
<svg aria-hidden="true" class="download-dd__caret" fill="none" height="20" viewBox="0 0 20 20" width="20">
<path d="M5 7.5 L10 13 L15 7.5 Z" fill="currentColor">
</path>
</svg>
</button>
<div aria-label="ì± ë¤ì´ë¡ë ìµì
" class="download-dd__panel" data-dd-panel="" role="menu">
<a class="download-dd__item" href="https://apps.apple.com/kr/app/%EC%BA%90%EC%8A%A4%ED%84%B0/id6745006107" rel="noopener noreferrer" role="menuitem" target="_blank">
<img alt="" aria-hidden="true" draggable="false" height="24" src="./assets/figma/footer-icon-apple.png" width="24">
<span class="download-dd__item-text">
<span class="download-dd__eyebrow">
Download on the
</span>
<span class="download-dd__label">
App Store
</span>
</span>
</a>
<div aria-hidden="true" class="download-dd__divider">
</div>
<a class="download-dd__item" href="https://play.google.com/store/apps/details?id=com.hyklabs.caster" rel="noopener noreferrer" role="menuitem" target="_blank">
<img alt="" aria-hidden="true" draggable="false" height="24" src="./assets/figma/footer-icon-google.png" width="24">
<span class="download-dd__item-text">
<span class="download-dd__eyebrow">
Get it on
</span>
<span class="download-dd__label">
Google Play
</span>
</span>
</a>
<div aria-hidden="true" class="download-dd__divider">
</div>
<a class="download-dd__item" href="https://www.caster.im/pkg/CasterSetup.exe" role="menuitem">
<img alt="" aria-hidden="true" draggable="false" height="24" src="./assets/figma/footer-icon-desktop.png" width="24">
<span class="download-dd__item-text">
<span class="download-dd__eyebrow">
Download for
</span>
<span class="download-dd__label">
Desktop
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</header>
<!-- âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
SECTION 2 â í¬í¸ë³´ë¤ ë¹ ë¥¸ ì¤ìê° ë´ì¤ íë«í¼ (node 115:5994)
· Section bg #E8EEF6, min-height 597px
· Figma y offsets (from section top):
Device mockup 70, Bell 115, Title block 197
â container top padding 70 anchors device, left column adds
mt-[45px] so bell lands at 115.
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ -->
<section aria-labelledby="feat-realtime-title" class="reveal-on-scroll relative" style="min-height: 597px; background-color: #E8EEF6;">
<div class="shell-wide grid w-full items-start justify-center gap-[14px] pt-[70px] pb-16 lg:grid-cols-[391px_630px]">
<div class="flex flex-col gap-[26px] mt-[45px] lg:mt-[45px]">
<!-- bxs:bell-ring icon (Figma node 115:5992) â 56x56 PNG asset -->
<img alt="" aria-hidden="true" class="h-14 w-14" data-stage="1" draggable="false" height="56" src="./assets/figma/bxs_bell-ring.png" width="56">
<!-- Title + subtitle block â Figma gap 20px between them -->
<div class="flex flex-col gap-5">
<h2 class="text-[40px] leading-[52px] font-bold text-[#3c4251]" id="feat-realtime-title">
<span class="block" data-stage="2">
í¬í¸ë³´ë¤ ë¹ ë¥¸
</span>
<span class="block" data-stage="3">
ì¤ìê° ë´ì¤ íë«í¼
</span>
</h2>
<p class="text-[16px] leading-6 font-medium text-[#676f84]" data-stage="5">
ìë³´ë¶í° í¤ìë ë´ì¤ê¹ì§ ìíë ì ë³´ê° ì기ë ìê°
<br>
ì¤ìê°ì¼ë¡ ëì¹ì§ ìê³ ì ë¬í©ëë¤.
</p>
</div>
</div>
<figure class="relative" data-stage="4">
<img alt="ìºì¤í°ê° ì¤íëë ë©íê³¼ 모ë°ì¼ íë©´" class="block w-[630px] max-w-full h-auto" loading="lazy" src="./assets/figma/hero-device-mockup.png" width="630">
</figure>
</div>
</section>
<!-- âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
SECTION 3 â ìíë ë´ì¤ë§ ë ì êµíê² (node 115:6680)
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ -->
<section aria-labelledby="feat-filter-title" class="reveal-on-scroll filter-bg flex items-center py-16" style="min-height: 670px;">
<div class="shell flex w-full flex-col items-center gap-[62px] text-center">
<div class="flex flex-col gap-4">
<h2 class="text-[40px] leading-[52px] font-bold text-[#3c4251]" id="feat-filter-title">
<span class="block" data-stage="2">
ìíë ë´ì¤ë§
</span>
<span class="block" data-stage="3">
ë ì êµíê²
</span>
</h2>
<p class="text-[16px] leading-6 font-medium text-[#676f84]" data-stage="5">
í¤ìëì ì¡°ê±´ì ëíë©´ ë± ë§ë ë´ì¤ë§ ì림ì¼ë¡ ë°ì ì ììµëë¤
</p>
</div>
<!-- Interactive keyword filter card â Figma Frame 1000002951 +
variants 1171275770 / 71 / 72. Two independent toggle switches
(í´ì¸ ì¶êµ¬ / ìí¥ë¯¼); the news title swaps per the composite
state (none / football / son / both) and the matching keyword
is highlighted in brand blue. -->
<div class="filter-card" data-filter-state="son" data-stage="4">
<div aria-label="ë´ì¤ í¤ìë íí°" class="filter-toggles" role="group">
<button aria-pressed="false" class="filter-toggle" data-filter-key="football" type="button">
<span class="filter-toggle__label">
í´ì¸ ì¶êµ¬
</span>
<span aria-hidden="true" class="filter-toggle__switch">
<span class="filter-toggle__knob">
</span>
</span>
</button>
<button aria-pressed="true" class="filter-toggle" data-filter-key="son" type="button">
<span class="filter-toggle__label">
ìí¥ë¯¼
</span>
<span aria-hidden="true" class="filter-toggle__switch">
<span class="filter-toggle__knob">
</span>
</span>
</button>
</div>
<article aria-live="polite" class="filter-news">
<div class="filter-news__text">
<h3 class="filter-news__title">
<!-- state: none (both OFF) -->
<span class="filter-news__variant" data-filter-variant="none" hidden="">
ë¥íì§, ìì¦ ì²« ë±íì 6ì´ë 무ì¤ì â¦ìë²½í ë¶í ì í¸í
</span>
<!-- state: football only -->
<span class="filter-news__variant" data-filter-variant="football" hidden="">
ì´ê°ì¸, PSG 리그ì ì°ì¹ íì â¦
<span class="filter-news__kw">
í´ì¸ ì¶êµ¬
</span>
í¬ë¤ ì´ê´
</span>
<!-- state: son only (default) -->
<span class="filter-news__variant" data-filter-variant="son">
<span class="filter-news__kw">
ìí¥ë¯¼
</span>
, ì í´ì¦ ì¶ì° íì â¦ìêµ­ ìí ìí¼ìë ìµì´ ê³µê°
</span>
<!-- state: both ON -->
<span class="filter-news__variant" data-filter-variant="both" hidden="">
<span class="filter-news__kw">
ìí¥ë¯¼
</span>
ë³µê·ì
<span class="filter-news__kw">
í´ì¸ì¶êµ¬
</span>
íë íë¤ìë¤â¦ì ë½ íì§ ë§¤ì²´ë ì§ì¤ ì¡°ëª
</span>
</h3>
<p class="filter-news__date">
2026. 04. 11. ì¤ì 9:03
</p>
</div>
<button aria-label="ë보기" class="filter-news__more" type="button">
<img alt="" draggable="false" height="40" src="./assets/figma/filter_news_menu.png" width="40">
</button>
</article>
</div>
</div>
</section>
<!-- âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
SECTION 4 â AIê° ê³¨ë¼ì£¼ë ì¤ëì íµì¬ ë´ì¤ (Figma 115:7226)
· Section bg #E8EEF6, min-height 895px
· Left : Group 1000002713 device image (ai-device.png)
â³ 3 animated news cards overlay the baked cards with
staggered entry (translateY(-8px) + opacity 0â1).
· Right: AI sparkle icon + title + subtitle + chart (separate block)
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ -->
<section aria-labelledby="feat-ai-title" class="reveal-on-scroll ai-picks-section relative" style="min-height: 895px; background-color: #E8EEF6;">
<div class="mx-auto flex h-full w-full max-w-[1280px] flex-col items-center justify-center gap-16 px-6 py-16 md:px-10 lg:flex-row lg:gap-[120px] xl:px-20">
<!-- LEFT â Empty phone shell (bg_ai_news.png) with animated overlays.
The shell shows only status bar + "AI" title + "ê¸ì¼ ì¸ê¸° ìì" heading;
cards and nav are HTML overlays that animate in sequentially. -->
<figure aria-hidden="true" class="ai-device-wrap relative flex-shrink-0">
<img alt="" class="ai-device-img block select-none" draggable="false" height="720" loading="lazy" src="./assets/figma/bg_ai_news.png" width="346">
<!-- 3 news cards â stacked with 7px gap, animate in staggered (220 / 500 / 780 ms) -->
<div class="ai-news-cards">
<div class="ai-news-card" data-ai-card="1">
<img alt="" draggable="false" height="158" src="./assets/figma/ai-news-1.png" width="290">
</div>
<div class="ai-news-card" data-ai-card="2">
<img alt="" draggable="false" height="158" src="./assets/figma/ai-news-2.png" width="290">
</div>
<div class="ai-news-card" data-ai-card="3">
<img alt="" draggable="false" height="158" src="./assets/figma/ai-news-3_half.png" width="290">
</div>
</div>
<!-- Bottom navigation â appears last, after cards -->
<div class="ai-device-nav" data-ai-nav="">
<img alt="" draggable="false" src="./assets/figma/ai_news_nav.png">
</div>
</figure>
<!-- RIGHT â text + chart (sized to content, not flex-1) -->
<div class="flex w-full max-w-[472px] flex-col gap-6">
<img alt="" aria-hidden="true" class="h-14 w-14" data-stage="1" height="56" src="./assets/figma/ai-icon.png" width="56">
<h2 class="text-[40px] font-bold leading-[52px] text-[#3c4251]" id="feat-ai-title">
<span class="block" data-stage="2">
AIê° ê³¨ë¼ì£¼ë
</span>
<span class="block" data-stage="3">
ì¤ëì íµì¬ ë´ì¤
</span>
</h2>
<p class="text-[16px] font-semibold leading-6 text-[#7e879d]" data-stage="5">
10,000+ ìì¤ìì í¬ì ê´ë ¨ ë´ì¤ë§ ìì§í´ ìì ë§ ìì½í©ëë¤.
<br>
ë§¤ì¼ ì침 ì½ë ìê°ì ì¤ì¬ë립ëë¤.
</p>
<!-- Chart: bg image + 2 animated bars growing from baseline.
Bar geometry from Figma (chart frame 472Ã328):
· Rectangle 1231 (ì¼ë°í¬í¸, grey) : left 91, width 137, top 105, height 158 â bottom 65
· Rectangle 1234 (ìºì¤í°, blue) : left 283, width 137, top 237, height 26 â bottom 65
Both bars share bottom baseline (65/328 â 19.82% from bottom). -->
<figure aria-label="ë´ì¤ ìë¹ ìê° ë¹êµ ì°¨í¸" class="chart-figure mt-4 w-full max-w-[472px]" data-stage="4" style="padding-top: 50px;">
<div class="chart-stage" style="aspect-ratio: 472 / 328;">
<img alt="ì¼ë° í¬í¸ 40ë¶, ìºì¤í° 7ë¶ â ë´ì¤ìë¹ ìê° ë¹êµ ì°¨í¸" class="chart-bg" draggable="false" loading="lazy" src="./assets/figma/ai_news_chart_bg.png">
<span aria-hidden="true" class="chart-bar chart-bar--portal" data-chart-bar="1">
</span>
<span aria-hidden="true" class="chart-bar chart-bar--caster" data-chart-bar="2">
</span>
</div>
</figure>
</div>
</div>
</section>
<!-- âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
SECTION 5 â ì¤ìê° ë¼ì´ì§ (Rectangle 1230 · node 115:6528)
Figma: full-bleed blue · w=1280 · h=593 (locked)
Layout inside 593px: pt-70 â title block â gap-50 â card strip â pb-remaining
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ -->
<section aria-labelledby="feat-lounge-title" class="reveal-on-scroll lounge-bg relative flex flex-col text-white" style="height: 593px;">
<div class="shell-wide flex h-full flex-col justify-center gap-10 py-[70px] text-center">
<div class="flex flex-col gap-3">
<h2 class="text-[40px] leading-[52px] font-bold" data-stage="2" id="feat-lounge-title">
ì¤ìê° ë¼ì´ì§
</h2>
<p class="text-[16px] leading-6 font-medium text-white/85" data-stage="3">
ê´ì¬ì¬ê° ê°ì ì¬ëë¤ê³¼ ì¤ìê°ì¼ë¡ ìíµíê³ ë¤ìí ì견ì ëëì¸ì.
</p>
</div>
<!-- Infinite-scroll track (38s linear loop).
Figma Rectangle 1230 · Frame 48. The Figma source had 5 cards
(115:6530/6560/6590/6620/6650) but card 5 (115:6650) is a
byte-identical duplicate of card 1, so we render 4 unique cards
and duplicate them Ã2 for seamless loop (translateX 0 â -50%).
Hover track-outer â pause. Hover individual card â lift + shadow. -->
<div aria-label="ì¤ìê° ë¼ì´ì§ ì¹´ë" class="lounge-track-outer" data-stage="4" role="region">
<div class="lounge-track">
<!-- Set A (originals) -->
<div class="lounge-card-item">
<img alt="ë¼ì´ì§ ì¹´ë: 모카 â í
ì¬ë¼ ì¸ë ì§ì¶ ê´ë ¨í´ì ì´ë»ê² ë³´ìëì?" draggable="false" height="296" loading="lazy" src="./assets/figma/lounge-card-1.png" width="340">
</div>
<div class="lounge-card-item">
<img alt="ë¼ì´ì§ ì¹´ë: ê¹ê³¼ì¥ â ì±GPT ì
무 íì© ê´ë ¨" draggable="false" height="296" loading="lazy" src="./assets/figma/lounge-card-2.png" width="340">
</div>
<div class="lounge-card-item">
<img alt="ë¼ì´ì§ ì¹´ë: ê²½ì ì§ì¥ì¸ â 26ì¡° ì¶ê²½ íµê³¼ ê´ë ¨" draggable="false" height="296" loading="lazy" src="./assets/figma/lounge-card-3.png" width="340">
</div>
<div class="lounge-card-item">
<img alt="ë¼ì´ì§ ì¹´ë: í¨ì´ë¦¬ â 미국·ì´ë íë´ ê´ë ¨" draggable="false" height="296" loading="lazy" src="./assets/figma/lounge-card-4.png" width="340">
</div>
<!-- Set B (duplicates for seamless loop â hidden from AT) -->
<div aria-hidden="true" class="lounge-card-item">
<img alt="" draggable="false" height="296" loading="lazy" src="./assets/figma/lounge-card-1.png" width="340">
</div>
<div aria-hidden="true" class="lounge-card-item">
<img alt="" draggable="false" height="296" loading="lazy" src="./assets/figma/lounge-card-2.png" width="340">
</div>
<div aria-hidden="true" class="lounge-card-item">
<img alt="" draggable="false" height="296" loading="lazy" src="./assets/figma/lounge-card-3.png" width="340">
</div>
<div aria-hidden="true" class="lounge-card-item">
<img alt="" draggable="false" height="296" loading="lazy" src="./assets/figma/lounge-card-4.png" width="340">
</div>
</div>
</div>
</div>
</section>
<!-- âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
SECTION 6 â ë´ì¤ 기ë°ì¼ë¡ ìì ë¡ê² ìíµíë ê³µê°
Figma: Group 1000002952 (node 115:7227) inside Rectangle 1232 region
· Section height : 544px (locked)
· Background color: #E8EEF6
· Left text block : w=391, title 40B/52 #3C4251 + subtitle 16SB/24 #7E879D
· Right chat column: 3 messages, bubbles r-24, text 18SB/24
1) JE incoming : avatar 55 + 18SB headline over article card
article card: white 474Ã190 r-24, inner grey #F0F1F5 r-19 with
tags (#AI #ì·¨ì
on #D4E6F8 / #5F9AC5) + 17.1SB headline
(AI in #188FCC, rest in #676F84) + meta 14.3M #8FA2B6
2) Outgoing : blue #188FCC 424Ã58 r-24, white 18SB
3) MJ incoming : avatar 55 + white 374Ã58 r-24, 18SB #3C4251
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ -->
<section aria-labelledby="feat-chat-title" class="reveal-on-scroll relative flex items-start" style="min-height: 544px; background-color: #E8EEF6;">
<!-- Inner container mirrors Group 1000002952 position inside the 1280 frame:
Figma: left text block at x=100, right chat ending at x=1205
â padding-left 100, padding-right 75 (asymmetric, matches Figma)
Mobile/tablet steps down to px-6 / px-10 for responsiveness. -->
<div class="mx-auto grid w-full max-w-[1280px] items-start gap-x-12 gap-y-10 px-6 py-16 md:px-10 lg:py-[100px] xl:pl-[100px] xl:pr-[75px] lg:grid-cols-[minmax(0,391px)_1fr]">
<!-- Left: title + subtitle (115:5989) â top-aligned -->
<div class="flex flex-col gap-5">
<h2 class="text-[28px] leading-[36px] font-bold text-[#3c4251] sm:text-[32px] sm:leading-[44px] lg:text-[40px] lg:leading-[52px]" id="feat-chat-title">
<span class="block" data-stage="2">
ë´ì¤ 기ë°ì¼ë¡ ìì ë¡­ê²
</span>
<span class="block" data-stage="3">
ìíµíë ê³µê°
</span>
</h2>
<p class="text-[15px] leading-6 font-semibold text-[#7e879d] sm:text-[16px]" data-stage="5">
í¼ì ì½ê³ ëë´ê¸°ì ìê¹ì´ ë´ì¤.
<br>
ê°ì ê´ì¬ì¬ë¥¼ ê°ì§ ì¬ëë¤ê³¼ í¨ê» ì´ì¼ê¸° ëë ë³´ì¸ì
</p>
</div>
<!-- Right: chat column (arranged as a vertical stack, 3 messages) -->
<div class="flex flex-col gap-4">
<!-- 1) Incoming message â article card (115:5997 / 115:6000)
White outer 474x190 r-24 that CONTAINS both the user comment line
(115:6012) and the inner grey #F0F1F5 article preview (115:6001).
Figma positions inside the card:
text "ë¤ë¤ â¦" : left 27, top 19 (relative to card)
inner grey box : left 16, top 60 (relative to card) -->
<div class="flex items-end gap-4" data-chat-stage="1">
<img alt="JE ì¬ì©ì ìë°í" class="h-[55px] w-[55px] shrink-0 rounded-full" height="55" loading="lazy" src="./assets/figma/avatar-je.png" width="55">
<article class="w-full max-w-[474px] rounded-[24px] bg-white pt-[19px] pr-4 pb-4 pl-[27px]" style="box-shadow: 0 8px 20px -12px rgba(15, 23, 42, 0.12);">
<!-- User comment line (115:6012) INSIDE the card -->
<p class="text-[18px] font-semibold leading-[24.75px] text-[#3c4251] sm:overflow-hidden sm:text-ellipsis sm:whitespace-nowrap">
ë¤ë¤ ì´ ê¸°ì¬ ë³´ì
¨ëì? ì ë§ ë무 ê³µê°ëë ê±´ì§
</p>
<!-- Inner container: #F0F1F5 r-19 article preview (115:6001)
Figma margin: 16px below the comment line (top 60 â 19 â 25 â 16) -->
<div class="mt-4 flex flex-col gap-[6px] rounded-[19px] bg-[#f0f1f5] px-[21px] py-4">
<!-- Tags (115:6003) -->
<div class="flex gap-[5px]">
<span class="rounded-full bg-[#d4e6f8] px-2 py-[4px] text-[13px] font-semibold leading-5 text-[#5f9ac5]">
#AI
</span>
<span class="rounded-full bg-[#d4e6f8] px-2 py-[4px] text-[13px] font-semibold leading-5 text-[#5f9ac5]">
#ì·¨ì
</span>
</div>
<!-- Headline with AI emphasis (115:6009) -->
<p class="text-[17px] font-semibold leading-[24.75px] text-[#676f84] sm:overflow-hidden sm:text-ellipsis sm:whitespace-nowrap">
<span class="text-[#188fcc]">
AI
</span>
<span>
ê° ë´ ì리 ëºëë¤"⦠20ë ì·¨ì
ì¤ë¹ì ì ë°ì´ ëë¼ë ë¶ì
</span>
</p>
<!-- Meta (115:6011) -->
<p class="text-[14px] font-medium leading-[22px] text-[#8fa2b6]">
2ë¶ ì · í겨ë¡
</p>
</div>
</article>
</div>
<!-- 2) Outgoing blue bubble (115:6018) 424x58 r-24 -->
<div class="flex justify-end sm:pr-[75px]" data-chat-stage="2">
<div class="flex min-h-[58px] w-full max-w-[424px] items-center rounded-[24px] bg-[#188fcc] px-[31px] py-2 sm:h-[58px] sm:py-0">
<p class="text-[18px] font-semibold leading-[24.75px] text-white sm:overflow-hidden sm:text-ellipsis sm:whitespace-nowrap">
ìì§í 무ì­ê¸´ íë° ì´ì© ì ìë íë¦ ê°ê¸°ë íê³ ì
</p>
</div>
</div>
<!-- 3) MJ incoming bubble (115:6013) 374x58 r-24 -->
<div class="flex items-center gap-4" data-chat-stage="3">
<img alt="MJ ì¬ì©ì ìë°í" class="h-[55px] w-[55px] shrink-0 rounded-full" height="55" loading="lazy" src="./assets/figma/avatar-mj.png" width="55">
<div class="flex min-h-[58px] w-full max-w-[374px] items-center rounded-[24px] bg-white px-[27px] py-2 sm:h-[58px] sm:py-0" style="box-shadow: 0 6px 16px -10px rgba(15, 23, 42, 0.10);">
<p class="text-[18px] font-semibold leading-[24.75px] text-[#3c4251] sm:overflow-hidden sm:text-ellipsis sm:whitespace-nowrap">
ê²°êµ­ AI ì ì°ë ì¬ëì´ ì´ìë¨ë ê±° ìëê¹ì.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
SECTION 7 â Plans and Pricing (Figma node 115:6039)
· Section bg #F6F7FB
· Title 40B/52 #3C4251 · subtitle 16SB/24 #676F84
· Cards 352Ãauto r-32 · Free/Premium gradient + white border
· Standard solid #188FCC · gap-35 between card sections
· Typography:
Plan name 22B/26 white
Price 52px Medium white
/ì suffix 16M/24 #F0F1F5
Description 14M/20 white (nowrap)
Feature 14M/20 #F0F1F5 + dash bullet (8x5.5)
Button 16SB/24 #08101B on white r-12 px-32 py-16
· Interaction : 3D tilt + spotlight (annotation on 115:6104)
scroll-in reveal (IntersectionObserver)
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ -->
<section aria-labelledby="pricing-title" class="reveal-on-scroll pt-24 pb-12" hidden="" style="background-color: #F6F7FB;">
<div class="shell flex flex-col items-center gap-10 text-center">
<!-- Title block (115:6040, gap-16) -->
<div class="flex flex-col items-center gap-4">
<h2 class="whitespace-nowrap text-[40px] font-bold leading-[52px] text-[#3c4251]" id="pricing-title">
Plans and Pricing
</h2>
<p class="text-[16px] font-semibold leading-6 text-[#676f84]">
ë ë§ì´ ìê³ ì¶ë¤ë©´, íëì ì
ê·¸ë ì´ëíì¸ì
</p>
</div>
<!-- Card row (115:6043) â Figma updated:
· Card 1 (Free) : blue bg #188FCC, new feature list
· Card 2/3 (Standard/Premium) : "ìì " placeholder, gray gradient -->
<div class="grid w-full gap-8 md:grid-cols-3">
<!-- ââââââââââââââââââââ FREE (Figma 115:6044) â blue bg ââââââââââââââââââââ -->
<article class="tilt-card pricing-blue flex w-full flex-col items-start gap-[35px] rounded-[32px] pb-7 pl-8 pr-8 pt-8 text-left text-white" data-tilt="">
<div class="flex w-full flex-col items-start gap-3">
<!-- Caster C icon (Figma 115:6046) â 32x36 PNG asset -->
<img alt="" aria-hidden="true" class="h-9 w-8 block" draggable="false" height="36" src="./assets/figma/Caster_Icon.png" width="32">
<h3 class="text-[22px] font-bold leading-[26px] text-white">
Free
</h3>
<div class="flex w-full items-end gap-2">
<span class="text-[52px] font-medium leading-none text-white">
$0
</span>
<span class="pb-[6px] text-[16px] font-medium leading-6 text-[#f0f1f5]">
/ì
</span>
</div>
<p class="whitespace-nowrap text-[14px] font-medium leading-5 tracking-[-0.015em] text-white">
기본 기ë¥ì¼ë¡ ìë¹ì¤ë¥¼ 먼ì ê²½íí´ë³´ì¸ì.
</p>
</div>
<div aria-hidden="true" class="divider-dotted">
</div>
<!-- Feature list â check icons + Figma content -->
<ul class="flex w-full flex-col items-start gap-[11px]">
<li class="flex items-center gap-3">
<svg aria-hidden="true" fill="none" height="12" viewBox="0 0 12 12" width="12">
<path d="M2 7.5 5.5 11 12 3.5" stroke="#F0F1F5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
</path>
</svg>
<span class="whitespace-nowrap text-[14px] font-medium leading-5 text-[#f0f1f5]">
ì¤ìê° ë´ì¤ ì림
</span>
</li>
<li class="flex items-center gap-3">
<svg aria-hidden="true" fill="none" height="12" viewBox="0 0 12 12" width="12">
<path d="M2 7.5 5.5 11 12 3.5" stroke="#F0F1F5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
</path>
</svg>
<span class="whitespace-nowrap text-[14px] font-medium leading-5 text-[#f0f1f5]">
í¤ìë 10ê° ë±ë¡
</span>
</li>
<li class="flex items-center gap-3">
<svg aria-hidden="true" fill="none" height="12" viewBox="0 0 12 12" width="12">
<path d="M2 7.5 5.5 11 12 3.5" stroke="#F0F1F5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
</path>
</svg>
<span class="whitespace-nowrap text-[14px] font-medium leading-5 text-[#f0f1f5]">
ì¢
ì í¤ìë/ì ì¸ í¤ìë ë±ë¡
</span>
</li>
<li class="flex items-center gap-3">
<svg aria-hidden="true" fill="none" height="12" viewBox="0 0 12 12" width="12">
<path d="M2 7.5 5.5 11 12 3.5" stroke="#F0F1F5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
</path>
</svg>
<span class="whitespace-nowrap text-[14px] font-medium leading-5 text-[#f0f1f5]">
AI ìì½ ë´ì¤
</span>
</li>
</ul>
<button class="pricing-cta" type="button">
<span>
ììí기
</span>
<svg aria-hidden="true" class="cta-arrow" fill="none" viewBox="0 0 20 20">
<path d="M4.167 10h11.666M11.667 5.833 15.833 10l-4.166 4.167" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.67">
</path>
</svg>
</button>
</article>
<!-- ââââââââââââââââââââ STANDARD (Figma 115:6074) â "ìì " ââââââââââââââââââââ -->
<article class="tilt-card pricing-gray flex w-full flex-col items-center justify-center gap-3 rounded-[32px] pb-7 pl-8 pr-8 pt-8 text-center text-white" data-tilt="">
<h3 class="text-[22px] font-bold leading-[26px] text-white">
Standard
</h3>
<p class="text-[52px] font-medium leading-none text-white">
ìì
</p>
</article>
<!-- ââââââââââââââââââââ PREMIUM (Figma 125:1069) â "ìì " ââââââââââââââââââââ -->
<article class="tilt-card pricing-gray flex w-full flex-col items-center justify-center gap-3 rounded-[32px] pb-7 pl-8 pr-8 pt-8 text-center text-white" data-tilt="">
<h3 class="text-[22px] font-bold leading-[26px] text-white">
Premium
</h3>
<p class="text-[52px] font-medium leading-none text-white">
ìì
</p>
</article>
</div>
</div>
</section>
<!-- âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
CTA â node 115:6022
· Section bg #F6F7FB (matches pricing section above)
· Card radius 48
· Background: bg_app_start.png (applied via .cta-card)
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ -->
<section aria-labelledby="cta-title" class="reveal-on-scroll pt-[60px] pb-3" style="background-color: #F6F7FB;">
<div class="shell-wide">
<div class="cta-card flex flex-col items-center justify-center gap-8 rounded-[48px] px-10 py-20 text-center text-white">
<h2 class="text-[40px] leading-[52px] font-bold" id="cta-title">
<span class="block" data-stage="2">
ë´ì¤ë¥¼
</span>
<span class="block" data-stage="3">
ë ë¹ ë¥´ê³ , ë ì½ê² ë§ë­ëë¤
</span>
</h2>
<div class="flex flex-wrap items-center justify-center gap-3" data-stage="4">
<a class="btn-on-blue-white" href="https://web.caster.im/" rel="noopener noreferrer" target="_blank">
<span>
ìºì¤í° 3ì´ ë§ì ììí기
</span>
<svg aria-hidden="true" fill="none" height="20" viewBox="0 0 20 20" width="20">
<path d="M4.167 10h11.666M11.667 5.833 15.833 10l-4.166 4.167" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.67">
</path>
</svg>
</a>
<!-- App download dropdown (CTA ghost variant over blue card) -->
<div class="download-dd download-dd--ghost" data-dd-root="">
<button aria-expanded="false" aria-haspopup="menu" class="download-dd__trigger download-dd__trigger--ghost" data-dd-trigger="" type="button">
<span class="download-dd__trigger-label">
ì± ë¤ì´ë¡ë
</span>
<span aria-hidden="true" class="download-dd__trigger-divider download-dd__trigger-divider--ghost">
</span>
<svg aria-hidden="true" class="download-dd__caret" fill="none" height="20" viewBox="0 0 20 20" width="20">
<path d="M5 7.5 L10 13 L15 7.5 Z" fill="currentColor">
</path>
</svg>
</button>
<div aria-label="ì± ë¤ì´ë¡ë ìµì
" class="download-dd__panel" data-dd-panel="" role="menu">
<a class="download-dd__item" href="https://apps.apple.com/kr/app/%EC%BA%90%EC%8A%A4%ED%84%B0/id6745006107" rel="noopener noreferrer" role="menuitem" target="_blank">
<img alt="" aria-hidden="true" draggable="false" height="24" src="./assets/figma/footer-icon-apple.png" width="24">
<span class="download-dd__item-text">
<span class="download-dd__eyebrow">
Download on the
</span>
<span class="download-dd__label">
App Store
</span>
</span>
</a>
<div aria-hidden="true" class="download-dd__divider">
</div>
<a class="download-dd__item" href="https://play.google.com/store/apps/details?id=com.hyklabs.caster" rel="noopener noreferrer" role="menuitem" target="_blank">
<img alt="" aria-hidden="true" draggable="false" height="24" src="./assets/figma/footer-icon-google.png" width="24">
<span class="download-dd__item-text">
<span class="download-dd__eyebrow">
Get it on
</span>
<span class="download-dd__label">
Google Play
</span>
</span>
</a>
<div aria-hidden="true" class="download-dd__divider">
</div>
<a class="download-dd__item" href="https://www.caster.im/pkg/CasterSetup.exe" role="menuitem">
<img alt="" aria-hidden="true" draggable="false" height="24" src="./assets/figma/footer-icon-desktop.png" width="24">
<span class="download-dd__item-text">
<span class="download-dd__eyebrow">
Download for
</span>
<span class="download-dd__label">
Desktop
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
FOOTER â node 115:6134 (frame 1280x273, root gap 20, items-center)
Horizontal padding in Figma:
· Top row is w=1120 centered inside 1280 â 80px inset each side
· Divider line is edge-to-edge 1280
· Copyright aligned at left=80 (same as content inset)
Vertical rhythm:
· Root gap 20 (top row â bottom row)
· Divider â copyright 32px
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ -->
<footer class="pt-10 pb-6" style="background-color: #F6F7FB;">
<!-- Full 1280 container; horizontal padding matches Figma 80px inset at â¥1280, responsive below -->
<div class="mx-auto w-full max-w-[1280px]">
<!-- Top row (1120 centered via px-20 inside 1280 container) -->
<div class="flex flex-col items-start justify-between gap-10 px-6 md:px-10 lg:flex-row xl:px-20">
<!-- Brand col (w=322px) -->
<div class="flex w-full max-w-[322px] flex-col gap-3">
<img alt="caster" class="h-[18px] w-[60px]" height="18" src="./assets/figma/caster-logo.png" width="60">
<p class="text-[12px] font-normal leading-4 text-[#676f84]">
ìºì¤í°ë ì ë³´ì íì ììì ì§ì§ ì¤ìí ë´ì¤ë§ ì ë¬íê³ ,
<br>
ë구ë ë¹ ë¥´ê³ ì ííê² ì¸ìì íë¦ì ì½ì ì ìëë¡ ëìµëë¤.
</p>
</div>
<!-- Right group: three columns with 75px gap (Figma 115:6139) -->
<div class="flex flex-wrap items-start gap-x-[75px] gap-y-8">
<!-- ìë¹ì¤ (w=69px) -->
<nav aria-label="ìë¹ì¤" class="flex w-[69px] flex-col gap-4">
<p class="text-[14px] font-semibold leading-5 text-[#676f84]">
ìë¹ì¤
</p>
<div class="flex flex-col gap-3">
<a class="text-[14px] leading-5 text-[#7e879d] hover:text-[#3c4251]" href="#">
ê¸°ë¥ ìê°
</a>
<!--<a href="#" class="text-[14px] leading-5 text-[#7e879d] hover:text-[#3c4251]">ìê¸ ìë´</a>-->
</div>
</nav>
<!-- ì ì±
(w=104px) -->
<nav aria-label="ì ì±
" class="flex w-[104px] flex-col gap-4">
<p class="text-[14px] font-semibold leading-5 text-[#676f84]">
ì ì±
</p>
<div class="flex flex-col gap-3">
<button class="text-left text-[14px] leading-5 text-[#7e879d] hover:text-[#3c4251]" data-modal-open="terms" type="button">
ì´ì©ì½ê´
</button>
<button class="text-left text-[14px] leading-5 text-[#7e879d] hover:text-[#3c4251]" data-modal-open="privacy" type="button">
ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨
</button>
</div>
</nav>
<!-- ì± ë¤ì´ë¡ë (w=185px) â gap 24 between heading and link stack -->
<div class="flex w-[185px] flex-col gap-6">
<p class="text-[14px] font-semibold leading-5 text-[#676f84]">
ì± ë¤ì´ë¡ë
</p>
<div class="flex flex-col gap-2">
<!-- App Store â pl-5 (=20px) pr-10 (=40px) py-2 (=8px) per Figma -->
<a class="flex items-center gap-4 rounded-[12px] border border-[#f0f1f5] bg-white py-2 pl-5 pr-10 transition hover:border-[#188fcc]" href="https://apps.apple.com/kr/app/%EC%BA%90%EC%8A%A4%ED%84%B0/id6745006107" rel="noopener noreferrer" target="_blank">
<img alt="" aria-hidden="true" class="h-6 w-6 shrink-0" draggable="false" height="24" src="./assets/figma/footer-icon-apple.png" width="24">
<span class="flex flex-col whitespace-nowrap">
<span class="text-[11px] font-medium leading-4 text-[#b4bcc5]">
Download on the
</span>
<span class="text-[14px] font-semibold leading-5 text-[#3c4251]">
App Store
</span>
</span>
</a>
<!-- Google Play -->
<a class="flex items-center gap-4 rounded-[12px] border border-[#f0f1f5] bg-white py-2 pl-5 pr-10 transition hover:border-[#188fcc]" href="https://play.google.com/store/apps/details?id=com.hyklabs.caster" rel="noopener noreferrer" target="_blank">
<img alt="" aria-hidden="true" class="h-6 w-6 shrink-0" draggable="false" height="24" src="./assets/figma/footer-icon-google.png" width="24">
<span class="flex flex-col whitespace-nowrap">
<span class="text-[11px] font-medium leading-4 text-[#b4bcc5]">
Get it on
</span>
<span class="text-[14px] font-semibold leading-5 text-[#3c4251]">
Google Play
</span>
</span>
</a>
<!-- Desktop -->
<a class="flex items-center gap-4 rounded-[12px] border border-[#f0f1f5] bg-white py-2 pl-5 pr-10 transition hover:border-[#188fcc]" href="https://www.caster.im/pkg/CasterSetup.exe">
<img alt="" aria-hidden="true" class="h-6 w-6 shrink-0" draggable="false" height="24" src="./assets/figma/footer-icon-desktop.png" width="24">
<span class="flex flex-col whitespace-nowrap">
<span class="text-[11px] font-medium leading-4 text-[#b4bcc5]">
Download for
</span>
<span class="text-[14px] font-semibold leading-5 text-[#3c4251]">
Desktop
</span>
</span>
</a>
</div>
</div>
</div>
</div>
<!-- 20px gap â divider edge-to-edge inside 1280 container -->
<hr class="mt-5 border-t border-[#f0f1f5]">
<!-- Copyright aligned 80px from left (matches content inset) -->
<p class="px-6 pt-8 text-[12px] font-normal leading-4 text-[#cad2e6] md:px-10 xl:px-20">
© 2026 Caster All rights reserved.
</p>
</div>
</footer>
<!-- âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
MODAL â ì´ì©ì½ê´ / ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ -->
<div aria-hidden="true" aria-labelledby="modal-terms-title" aria-modal="true" class="policy-modal" id="modal-terms" role="dialog">
<div class="policy-modal__backdrop" data-modal-close="">
</div>
<div class="policy-modal__panel" role="document">
<div class="policy-modal__head">
<h2 class="policy-modal__title" id="modal-terms-title">
ì´ì©ì½ê´
</h2>
<button aria-label="ë«ê¸°" class="policy-modal__close" data-modal-close="" type="button">
<svg aria-hidden="true" fill="none" height="20" viewBox="0 0 20 20" width="20">
<path d="M5 5l10 10M15 5L5 15" stroke="currentColor" stroke-linecap="round" stroke-width="1.75">
</path>
</svg>
</button>
</div>
<div class="policy-modal__body">
<p class="policy-meta">
ìíì¼ì: 2025ë
1ì 1ì¼
</p>
<h3 class="policy-chapter">
ì 1ì¥ ì´ì¹
</h3>
<h4 class="policy-article">
ì 1ì¡° (목ì )
</h4>
<p>
본 ì½ê´ì íì¸ìì´ìì´ ì£¼ìíì¬(FINE AI Inc., ì´í âíì¬â)ê° ì ê³µíë ìºì¤í°(CASTER) ìë¹ì¤(ì´í 'ìë¹ì¤')ì ì´ì©ê³¼ ê´ë ¨íì¬, íì¬ì íì ê°ì ê¶ë¦¬ì ì무, ì±
ì ì¬í­ ë° ìë¹ì¤ ì´ì© ì¡°ê±´ê³¼ ì ì°¨ ë± ê¸°ë³¸ ì¬í­ì ê·ì í¨ì 목ì ì¼ë¡ í©ëë¤.
</p>
<h4 class="policy-article">
ì 2ì¡° (ì©ì´ì ì ì)
</h4>
<p>
본 ì½ê´ìì ì¬ì©íë 주ì ì©ì´ì ì ìë ë¤ìê³¼ ê°ìµëë¤.
</p>
<ol class="policy-list">
<li>
íì: 본 ì½ê´ì ë°ë¼ íì¬ì ìë¹ì¤ ì´ì© ê³ì½ì ì²´ê²°íê³ íì¬ê° ì ê³µíë ìë¹ì¤ë¥¼ ì´ì©íë ì
</li>
<li>
IR ë´ë¹ì: ìë¹ì¤ ë´ ì¸ì¦ ì 차를 ê±°ì³ ì¸ì¦ë IR(Investor Relations) ë´ë¹ìë¡ íìë íì
</li>
<li>
ì ê·¼ 매체: ìë¹ì¤ ì´ì© ì ë³¸ì¸ íì¸ ë° ê¶í ì¸ì¦ì ìí´ ì¬ì©ëë ìë¨(ë¹ë°ë²í¸ ë±)
</li>
<li>
ì½í
ì¸ : ìë¹ì¤ë¥¼ íµí´ íì¬ê° íììê² ì ê³µíë ì ë³´, ì¤ìê° ë´ì¤ ë§í¬, ë©ìì§ ë° ê¸°í ëì§í¸ ìì°ì ì미
</li>
</ol>
<h4 class="policy-article">
ì 3ì¡° (ì½ê´ì í¨ë ¥ ë° ë³ê²½)
</h4>
<p>
본 ì½ê´ì íìì´ ìë¹ì¤ ì´ì© ê³ì½ì ì²´ê²°í ë ì½ê´ì ë´ì©ì ëíì¬ ëì í í¨ë ¥ì´ ë°ìíë©°, íì¬ë ê´ë ¨ ë²ë ¹ì ìë°°ëì§ ìë ë²ììì 본 ì½ê´ì ë³ê²½í ì ììµëë¤. 본 ì½ê´ ë³ê²½ ì íì¬ë ë³ê²½ ì¬í­ì ì¬ì ì ê³µì§íë©°, íììê² ë¶ë¦¬í ë´ì©ì¼ë¡ ë³ê²½í ê²½ì°ìë ê·¸ ìíì¼ì 30ì¼ ì ë¶í° ê³µì§ ëë íµì§í©ëë¤. íìì ë³ê²½ëë ì½ê´ì ëìíì§ ìì ê²½ì° ìë¹ì¤ ì´ì© ê³ì½ì í´ì§í ì ìì¼ë©°, íì¬ê° ì½ê´ì ê°ì ì ê³µì§ ëë íµì§íë©´ì ì ì© ì¼ì ì´ì ì ê±°ë¶ ìì¬ë¥¼ íìíì§ ìì¼ë©´ ê°ì ì½ê´ì ëìí ê²ì¼ë¡ 본ë¤ë ë»ì í¨ê» ê³µì§ ëë íµì§íìììë ë¶êµ¬íê³ íìì´ ëª
ìì ì¼ë¡ ê±°ì ì ìì¬ íì를 íì§ ìì ê²½ì°ìë ê°ì ì½ê´ì ëìí ê²ì¼ë¡ ë´
ëë¤.
</p>
<h3 class="policy-chapter">
ì 2ì¥ ìë¹ì¤ ì´ì©
</h3>
<h4 class="policy-article">
ì 4ì¡° (ìë¹ì¤ ì ê³µ ë° ë³ê²½)
</h4>
<ol class="policy-list">
<li>
íì¬ë ì¤ìê° ë´ì¤, ë©ìì§ ê¸°ë¥(ê°ì¸ ì±í
, ë¨ì²´ ì±í
, ì±ë) ë± ë¤ìí 기ë¥ì ì ê³µí©ëë¤.
</li>
<li>
íì¬ë 본 ì½ê´ìì ì í ìë¹ì¤ì ì ê³µì ìíì¬ ì§ìì ì¼ë¡ ë
¸ë ¥íë©°, ì¤ë¹ì ì¥ì ê° ì긴 ëìë ì리 복구ì ìµì ì ë¤í©ëë¤. ë¤ë§, ì ë³´íµì ì¤ë¹ì ë³´ì ì ê², êµì²´ ë° ê³ ì¥, íµì ëì ëë ì´ìì ìë¹í ì´ì ê° ìë ê²½ì° ìë¹ì¤ì ì ê³µì ì¼ìì ì¼ë¡ ì¤ë¨í ì ììµëë¤.
</li>
<li>
íì¬ë íìí ê²½ì° ìë¹ì¤ì ë´ì©ì ë³ê²½í ì ììµëë¤. ë¤ë§, ìë¹ì¤ ë´ì©ì ë³ê²½ì´ íìì ê¶ë¦¬ì ì무ì ì¤ëí ìí¥ì 미ì¹ë ê²½ì°ìë ê³µì§ ë° íµì§ì ì 차를 ê±°ì³ ë³ê²½í©ëë¤.
</li>
<li>
íì¬ë íì¬ì ê²½ììì ì´ì ë±ì ì¬ì ë¡ ìë¹ì¤ë¥¼ ì¤ë¨í ì ììµëë¤.
</li>
<li>
ê°ë³ ìë¹ì¤ì ê´í ë³ë ì½ê´ ë° ì´ì© ê·ì ììë 본 ì½ê´ìì ì ìíì§ ìì ë³ëì ì ì ê·ì ì ë ì ììµëë¤.
</li>
</ol>
<h4 class="policy-article">
ì 5ì¡° (ìë¹ì¤ ì´ì© ìê±´)
</h4>
<p>
ìºì¤í° ìë¹ì¤ë ë§ 14ì¸ ì´ìì íìë§ ê°ì
í ì ìì¼ë©°, ê°ì
ì 본ì¸ì ì°ë ¹ì íì¸íê³ ë³¸ ì½ê´ì ëìíì¬ì¼ í©ëë¤.
</p>
<h4 class="policy-article">
ì 6ì¡° (IR ë´ë¹ì ì¸ì¦ ë° íì)
</h4>
<ol class="policy-list">
<li>
ì¸ì¦ ì ì°¨: IR ë´ë¹ìë íì¬ê° ì ê³µíë ì¸ì¦ ì 차를 íµí´ ë³¸ì¸ íì¸ ë° ì격 ê²ì¦ì ê±°ì³ì¼ íë©°, ì¸ì¦ë IR ë´ë¹ìë¡ì ê³ì ì ì¸ì¦ íìê° ë¶ì¬ë©ëë¤.
</li>
<li>
ì ë³´ íì: ì¸ì¦ë IR ë´ë¹ìë íììê² ì¸ì¦ë ê³ì ì¼ë¡ íìëë©°, íì¬ë ì´ë¥¼ íµí´ íìì´ IR ë´ë¹ìì ì 뢰ë를 ëì´ëë¡ ì§ìí©ëë¤.
</li>
<li>
ì ë³´ì ì íì±: IR ë´ë¹ìë ì ê³µíë ì ë³´ì ì íì±ì ë³´ì¥íì¬ì¼ íë©°, íì ì ë³´ ì ê³µ ì íì¬ë ì¸ì¦ì ì·¨ìíê±°ë ìë¹ì¤ ì´ì©ì ì íí ì ììµëë¤.
</li>
</ol>
<h3 class="policy-chapter">
ì 3ì¥ ê´ê³ ê²ì¬ ë° ë°ì´í° ì²ë¦¬
</h3>
<h4 class="policy-article">
ì 7ì¡° (ê´ê³ ì ê²ì¬)
</h4>
<ol class="policy-list">
<li>
íì¬ë ìë¹ì¤ ë´ìì íì¬ ëë ì 3ìì ê´ê³ 를 ê²ì¬í ì ìì¼ë©°, ì´ë¥¼ íµí´ íììê² ì ì©í ì 보를 ì ê³µí ì ììµëë¤.
</li>
<li>
ê´ê³ ì ê²ì¬ì ê´ë ¨íì¬ íì¬ë íìì ê°ì¸ì 보를 ë³´í¸íê³ ê´ë ¨ ë²ë ¹ì ì¤ìí©ëë¤.
</li>
</ol>
<h4 class="policy-article">
ì 8ì¡° (ë°ì´í° ìì§ ë° íì©)
</h4>
<ol class="policy-list">
<li>
íì¬ë íìì´ ì¤ìê° ë´ì¤ ê²ìì ì¬ì©í í¤ìë ë° ê²ì ì¡°ê±´ì ìì§íì¬ ìë¹ì¤ íì§ì í¥ìíê³ , ë§ì¶¤í ìë¹ì¤ë¥¼ ì ê³µí ì ììµëë¤.
</li>
<li>
íì¬ë ì±í
ë°©ì ëí ë´ì©ì ìì§íì§ ìì¼ë©°, ë°ì´í° ìì§ì ë²ìì 목ì ì íìì´ ëª
íí ì´í´í ì ìëë¡ ì´ì© ì½ê´ ëë ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨ì ê³ ì§í©ëë¤.
</li>
</ol>
<h3 class="policy-chapter">
ì 4ì¥ ì§ìì¬ì°ê¶ ë° ì±
ì ì í
</h3>
<h4 class="policy-article">
ì 9ì¡° (ì§ìì¬ì°ê¶)
</h4>
<ol class="policy-list">
<li>
íì¬ë ìë¹ì¤ì ëí 모ë ê¶ë¦¬ë¥¼ ë³´ì í©ëë¤. ìë¹ì¤ìì ì ê³µëë ì½í
ì¸ ì ëí ì ìê¶ ë± ì§ìì¬ì°ê¶ì íì¬ ëë í´ë¹ ê¶ë¦¬ììê² ìì¼ë©°, íìì 본 ì½ê´ì ë°ë¼ ì·¨ëíë ì íë ê¶ë¦¬ ì¸ì ìë¹ì¤ë¥¼ íµíì¬ ì ê³µë°ì ì½í
ì¸ ì ëí´ ì´ë í ê¶ë¦¬ë ì·¨ëíì§ ììµëë¤.
</li>
<li>
íìì ì½í
ì¸ ë¥¼ ë¤ì ê° í¸ì ê°ì´ ì¬ì ëì ìì´ ì´ì©íë íì를 í´ìë ì ëë©°, ì´ì ê°ì íì를 í ê²½ì° ê·¸ì ëíì¬ ëª¨ë 민íì¬ì ë²ì ì±
ìì ì§ëë¤.
<ul class="policy-sublist">
<li>
ì½í
ì¸ ë¥¼ ììë¡ ë³ëì ëìì íì¼ ë±ì¼ë¡ ì ìíë íì
</li>
<li>
ì½í
ì¸ ë¥¼ ììë¡ ì¸í°ë·ì ê²ìíë íì
</li>
<li>
ì½í
ì¸ ë¥¼ ììë¡ ì 3ììê² ì ê³µíë íì
</li>
<li>
기í ì½í
ì¸ ì ëí 모ë ì ìê¶ ì¹¨í´ íì
</li>
</ul>
</li>
<li>
ê²ì물ì ëí ê¶ë¦¬ì ì±
ìì ê²ìììê² ììµëë¤. íìì´ ìì±í ê²ì물ì ëí´ íì¬ë ìë¹ì¤ë¥¼ ì´ì, ê°ì , íë³´í기 ìí ë²ì ë´ìì ì´ì©í ì ìë ê¶íì ê°ì§ë©°, í´ë¹ ê²ì물ì ê²ì¬í íìì ì´ì ëìí ê²ì¼ë¡ ê°ì£¼í©ëë¤.
</li>
</ol>
<h4 class="policy-article">
ì 10ì¡° (ì±
ìì ì í ë° ë©´ì±
)
</h4>
<ol class="policy-list">
<li>
íì¬ë ì²ì¬ì§ë³, 기ì ì ì¤ë¥ ë± ë¶ê°í­ë ¥ì ì¸ ì¬ì ë¡ ì¸í ìë¹ì¤ ì¤ë¨ì´ë ë°ì´í° ìì¤ì ëí´ ì±
ìì ì§ì§ ììµëë¤.
</li>
<li>
íì¬ë íìì´ ì½í
ì¸ ë¥¼ ì´ì©í¨ì¼ë¡ ì¸í´ ë°ìíë ìí´ì ëí´ì íì¬ì ê³ ì ëë ê³¼ì¤ì´ ìë ë± ê·ì±
ì´ ìë í ì±
ìì§ì§ ììµëë¤.
</li>
<li>
íìì´ ìë¹ì¤ ì´ì© ê³¼ì ìì íì¸ìê² í¼í´ë¥¼ ì
í ê²½ì°, íì 본ì¸ì´ ì±
ìì ë¶ë´íì¬ì¼ íë©°, íì¬ë ê³ ì ëë ê³¼ì¤ ë± ê·ì±
ì´ ìë í ì±
ìì§ì§ ììµëë¤.
</li>
</ol>
<h3 class="policy-chapter">
ì 5ì¥ ì´ì©ìì ì무ì ìë¹ì¤ ì´ì© ì í
</h3>
<h4 class="policy-article">
ì 11ì¡° (íìì ê¶ë¦¬ ë° ì무)
</h4>
<ol class="policy-list">
<li>
íìì ìë¹ì¤ë¥¼ íµí´ íììê² ì ê³µëë ì½í
ì¸ ë¥¼ ê°ì¸ì , ë¹ì리ì ì¼ë¡ ì¬ì©íê³ íì¬ê° ìë¹ì¤ë¥¼ íµí´ íì©íë íì(ì를 ë¤ë©´ ì±í
ë°©ì ê°ì¤íê±°ë ì±í
ë°©ìì ëííë íì ë±)를 í ì ììµëë¤.
</li>
<li>
íìì ãì ë³´íµì ë§ ì´ì©ì´ì§ ë° ì ë³´ë³´í¸ ë±ì ê´í ë²ë¥ ã ë± ê´ë ¨ ë²ë ¹ ë° ë³¸ ì½ê´ì ì¤ìíë©°, íì¸ì ê¶ë¦¬ë¥¼ 침í´íê±°ë ìë¹ì¤ë¥¼ ì리ì ì¼ë¡ ëë ë¶ì í 목ì ì¼ë¡ ì¬ì©íë ë± ìë¹ì¤ì ì ìì ì´ìì ì í´íë íì를 í´ìë ì ë©ëë¤.
</li>
<li>
íìì ê°ì
ì ì íí ì 보를 ì ê³µíì¬ì¼ íë©°, íì¸ì ì 보를 ëì©íê±°ë íì ì 보를 ì
ë ¥í´ìë ì ë©ëë¤.
</li>
<li>
IR ë´ë¹ìë ì¸ì¦ë ì ë³´ì ì­í ì ë§ë ì ë¢°ì± ìë ì 보를 ìë¹ì¤ ë´ìì ì ê³µí ìë¬´ê° ììµëë¤.
</li>
<li>
íìì ìì ì IDì ë¹ë°ë²í¸ë¥¼ ê´ë¦¬í ìë¬´ê° ìì¼ë©°, ê·¸ì ê´ë ¨íì¬ íìì ê·ì±
ì¬ì ë¡ ë§ë¯¸ìì ë°ìíë 모ë ê²°ê³¼ì ëí ì±
ìì íììê² ììµëë¤. ëí íìì ìì ì ID ë° ë¹ë°ë²í¸ë¥¼ ëëë¹íê±°ë ì 3ìê° ì¬ì©íê³ ììì ì¸ì§í ê²½ì°ìë ì¦ì íì¬ì íµë³´íê³ íì¬ì ìë´ê° ìë ê²½ì°ìë ê·¸ì ë°ë¼ì¼ í©ëë¤.
</li>
<li>
íìì íì¬ì ëª
ìì ì¸ ëìê° ìë í ìë¹ì¤ì ì´ì©ê¶í, 기í ì´ì© ê³ì½ì ì§ì를 íì¸ìê² ìë ëë ì¦ì¬í ì ìì¼ë©°, ì´ë¥¼ ë´ë³´ë¡ ì ê³µí ì ììµëë¤.
</li>
</ol>
<h4 class="policy-article">
ì 12ì¡° (ì´ì©ê³ì½ì í´ì§ ë° ì í)
</h4>
<p>
íì¬ë ë¤ì ì¬ì ì í´ë¹íë ê²½ì°, ì¬ì íµì§ í íìì ìë¹ì¤ ì´ì©ì ì¼ìì ì¼ë¡ ëë ì구ì ì¼ë¡ ì íí ì ììµëë¤.
</p>
<ol class="policy-list">
<li>
íìì´ ë³¸ ì½ê´(ì 11ì¡°ì íìì ì무 í¬í¨)ì ìë°íë ê²½ì°
</li>
<li>
íìì ìë¹ì¤ ë´ íì ëë 본 ì½ê´ì ì무 ìë° íìê° ë²ì£ë¥¼ 구ì±íë ê²½ì°
</li>
</ol>
<h3 class="policy-chapter">
ì 6ì¥ ë¶ì í´ê²° ë° ë²ì ì¤ê±°
</h3>
<h4 class="policy-article">
ì 13ì¡° (íµì§)
</h4>
<ol class="policy-list">
<li>
íì¬ê° íììê² ê°ë³ íµì§íë ê²½ì° ë³¸ ì½ê´ìì ë¬ë¦¬ ì íì§ ìë í ì´ë©ì¼ 주ìë¡ í ì ììµëë¤.
</li>
<li>
ì 1í­ìë ë¶êµ¬íê³ íì¬ê° ë¶í¹ì ë¤ìì íììê² íµì§íë ê²½ì° ìë¹ì¤ íë©´ì 7ì¼ ì´ì í´ë¹ ì¬ì¤ì ê²ìí¨ì¼ë¡ì¨ ê°ë³ íµì§ë¥¼ ê°ìí ì ììµëë¤.
</li>
</ol>
<h4 class="policy-article">
ì 14ì¡° (ìí´ë°°ì)
</h4>
<p>
íì¬ì íìì ê°ìì ê·ì±
ì ìí´ ìëë°©ì ìí´ë¥¼ ë¼ì¹ ê²½ì°, ê·¸ì ëí ìí´ë°°ì ì±
ìì ì§ëë¤.
</p>
<h4 class="policy-article">
ì 15ì¡° (ì´ì©ì ê° ë¶ì í´ê²°)
</h4>
<p>
íì ê°ì ë¶ì ë° íìê³¼ ì 3ì ê°ì ìë¹ì¤ë¥¼ 매ê°ë¡ ë¶ì ë°ì ì íì ìí¸ ê°ì í©ì ëë ë²ì ì ì°¨ì ìí´ í´ê²°íì¬ì¼ íë©°, íì¬ë ê°ì
ìë¬´ê° ìì¼ë©° ì´ë¡ ì¸í ìí´ë ë°°ìí ì±
ìì ì§ì§ ììµëë¤.
</p>
<h4 class="policy-article">
ì 16ì¡° (ì¤ê±°ë² ë° ê´í ë²ì)
</h4>
<p>
본 ì½ê´ ë° ìë¹ì¤ì ê´ë ¨ë ë¶ì ë°ì ì ëí민국 ë²ë¥ ì ì¤ê±°ë²ì¼ë¡ íë©°, ê´í ë²ìì íì¬ì ë³¸ì¬ ìì¬ì§ ê´í ë²ìì¼ë¡ í©ëë¤.
</p>
<h3 class="policy-chapter">
ë¶ì¹
</h3>
<p>
본 ì½ê´ì 2025ë
1ì 1ì¼ë¶í° ìíë©ëë¤.
</p>
<div class="policy-biz">
<h5>
ì¬ì
ì ì ë³´
</h5>
<p>
íì¬ëª
: íì¸ìì´ìì´ ì£¼ìíì¬
</p>
<p>
ì¬ì
ìë±ë¡ë²í¸: 536-81-02845
</p>
<p>
ëíì: íìí¬
</p>
</div>
</div>
</div>
</div>
<div aria-hidden="true" aria-labelledby="modal-privacy-title" aria-modal="true" class="policy-modal" id="modal-privacy" role="dialog">
<div class="policy-modal__backdrop" data-modal-close="">
</div>
<div class="policy-modal__panel" role="document">
<div class="policy-modal__head">
<h2 class="policy-modal__title" id="modal-privacy-title">
ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨
</h2>
<button aria-label="ë«ê¸°" class="policy-modal__close" data-modal-close="" type="button">
<svg aria-hidden="true" fill="none" height="20" viewBox="0 0 20 20" width="20">
<path d="M5 5l10 10M15 5L5 15" stroke="currentColor" stroke-linecap="round" stroke-width="1.75">
</path>
</svg>
</button>
</div>
<div class="policy-modal__body">
<p class="policy-meta">
ìíì¼ì: 2025ë
1ì 1ì¼
</p>
<p class="policy-lead">
íì¸ìì´ìì´ ì£¼ìíì¬(FINE AI Inc., ì´í âíì¬â)ë ì ë³´ 주체ì ê°ì¸ì ë³´ ë³´í¸ë¥¼ ë§¤ì° ì¤ììíë©°, ãì ë³´íµì ë§ì´ì©ì´ì§ ë° ì ë³´ë³´í¸ ë±ì ê´í ë²ë¥ ã, ãê°ì¸ì ë³´ë³´í¸ë²ã ë±ì ì¤ìíê³ ììµëë¤. íì¬ë ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨ì íµíì¬ ì ë³´ ì£¼ì²´ê° ì ê³µíë ê°ì¸ì ë³´ê° ì´ë í ì©ëì ë°©ìì¼ë¡ ì´ì©ëê³ ìì¼ë©° ê°ì¸ì ë³´ë³´í¸ë¥¼ ìí´ ì´ë í ì¡°ì¹ê° ì·¨í´ì§ê³ ìëì§ ìë ¤ë립ëë¤. íì¬ì ë¤ìê³¼ ê°ì ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨ì ì½ì¼ìê³ íì¬ì ìë¹ì¤ë¥¼ ì´ì©íë ëì ì ë³´ 주체ì ê°ì¸ ì ë³´ê° ì´ë»ê² ì²ë¦¬ëëì§ë¥¼ ì´í´íì기 ë°ëëë¤. íì¬ì ê°ì¸ì ë³´ ë³´í¸ ì ì±
ì êµ­ë´ ë²ë ¹ ë° ì§ì¹¨ì ë³ê²½ê³¼ íì¬ì ì ì±
ë³íì ë°ë¼ ë³ê²½ë ì ììµëë¤.
</p>
<h4 class="policy-article">
1. ê°ì¸ì ë³´ì ì²ë¦¬ í­ëª© ë° ìì§ ë°©ë²
</h4>
<p>
íì¬ë íì ê°ì
, ìë¹ì¤ ì ê³µì ìí´ ê°ì¸ì ë³´ ë³´ì ·ì´ì© ê¸°ê° ëë ì ë³´ 주체ë¡ë¶í° ê°ì¸ì 보를 ìì§ ìì ëì ë°ì ê°ì¸ì ë³´ ë³´ì ·ì´ì© ê¸°ê° ë´ìì ìëì ê°ì´ ê°ì¸ì 보를 ì²ë¦¬íê³ ììµëë¤.
</p>
<ul class="policy-disc">
<li>
íì ê°ì
ì
<ul class="policy-sublist">
<li>
ìì§ ì´ì© í­ëª©: ID, ë¹ë°ë²í¸, ëë¤ì, ì´ë©ì¼
</li>
<li>
ìì§ ë° ì´ì© 목ì : íì ê°ì
ì ìí ì´ì©ì ìë³, ê³ì ì°ë, ìë¹ì¤ ì ê³µ ë° ê³ ê° ë¬¸ì ìë, ìë´ ë©ìì§ ë°ì¡
</li>
<li>
ë³´ì ë° ì´ì© 기ê°: íì íí´ í 3ê°ì ëë ê´ê³ ë²ë ¹ì ë°ë¥¸ 기ê°
</li>
</ul>
</li>
<li>
IR ë´ë¹ì ì¸ì¦ ì
<ul class="policy-sublist">
<li>
ìì§ ì´ì© í­ëª©: ID, ë¹ë°ë²í¸, ì´ë¦, ì°ë½ì²(í´ëì í ë²í¸ ë±), ì´ë©ì¼, ì§ì¥ ì ë³´
</li>
<li>
ìì§ ë° ì´ì© 목ì : IR ë´ë¹ì ì¸ì¦ì ìí ì´ì©ì ìë³, ê³ì ì°ë, ìë¹ì¤ ì ê³µ ë° ê³ ê° ë¬¸ì ìë, ìë´ ë©ìì§ ë°ì¡
</li>
<li>
ë³´ì ë° ì´ì© 기ê°: íì íí´ í 3ê°ì ëë ê´ê³ ë²ë ¹ì ë°ë¥¸ 기ê°
</li>
</ul>
</li>
</ul>
<h4 class="policy-article">
2. ê°ì¸ì ë³´ ì²ë¦¬ 목ì
</h4>
<p>
íì¬ë ê°ì¸ì 보를 ë¤ìì 목ì ì ìí´ íì©í©ëë¤. ì´ì©ìê° ì ê³µí 모ë ì ë³´ë í기 목ì ì íìí ì©ë ì´ì¸ë¡ë ì¬ì©ëì§ ìì¼ë©° ì´ì© 목ì ì´ ë³ê²½ë ììë ì¬ì ëì를 구í ê²ì
ëë¤.
</p>
<ul class="policy-disc">
<li>
íì¬ì ìë¹ì¤ ì ê³µ
</li>
<li>
íì¬ì ì¬ì
ìì
</li>
<li>
íì¬ì íµì ë° ë§ì¼í
: ê´ê³ ë²ë ¹ì ë°ë¼ ì¬ì ì íìì ëì를 ë°ì ì ì ë¡ ì´ë©ì¼Â·ì± í¸ì ìë ë± ì°ë½ ë°©ë²ì¼ë¡ íìì´ ê´ì¬ì ê°ì§ ë§í ë´ì¤ ë° ê¸°í ì 보를 ë°ì¡íë ìë¹ì¤ ì ê³µ, íì¬ì ì¹ì¬ì´í¸ì ì í ë° ìë¹ì¤ë¥¼ íìë³ ë§ì¶¤í ìë¹ì¤ ì ê³µ, íìí ê²½ì° íìì ì°ë½ì² ì ë³´ ë³´ì ë° ê°±ì , íìì´ íì¬ê° ë°ì¡í ì´ë©ì¼ì ëíì¬ ìì ëì를 ì² ííê±°ë ìì ê±°ë¶ ì¤ì ì í ì ìëë¡ íì©íê³ íìì´ ì´ë í ì íì íìëì§ ê¸°ë¡
</li>
<li>
IT ìì¤í
ê´ë¦¬
</li>
<li>
íì¬ì ìë¹ì¤ ê°ì
</li>
<li>
íì ê´ë¦¬: ê°ì¸ ìë³, ë¶ë íìì ë¶ì ì´ì© ë°©ì§ì ë¹ì¸ê° ì¬ì© ë°©ì§, ê°ì
ìì¬ íì¸, ê°ì
ë° ê°ì
íì ì í, ë¶ì ì¡°ì ì ìí ê¸°ë¡ ë³´ì¡´, ë¶ë§ ì²ë¦¬ ë± ë¯¼ì ì²ë¦¬, ê³ ì§ ì¬í­ ì ë¬, íì íí´ ìì¬ íì¸
</li>
</ul>
<h4 class="policy-article">
3. ê°ì¸ì ë³´ì ì 3ì ì ê³µ
</h4>
<p>
íì¬ë íìì ëìê° ìê±°ë ê´ë ¨ ë²ë ¹ì ê·ì ì ìí ê²½ì°ë¥¼ ì ì¸íê³ ë ì´ë í ê²½ì°ìë ãê°ì¸ì ë³´ì ì²ë¦¬ 목ì ãìì ê³ ì§í ë²ì를 ëì´ íìì ê°ì¸ì 보를 ì´ì©íê±°ë ì 3ììê² ì ê³µíì§ ììµëë¤.
</p>
<p>
ëí, íì¬ë ê´ë ¨ ë²ë ¹ì ë°ë¼ ìì§ ëª©ì ê³¼ í©ë¦¬ì ì¼ë¡ ê´ë ¨ë ë²ì ë´ììë íìì ëì ìì´ ê°ì¸ì 보를 ì ê³µí ì ììµëë¤. ì´ ê²½ì° ë¹ì´ ìì§ ëª©ì ê³¼ ê´ë ¨ì±ì´ ìëì§, ê°ì¸ì 보를 ìì§í ì í© ëë ì²ë¦¬ ê´íì ë¹ì¶ì´ ê³µì ê° ì측 ê°ë¥íì§, ê³µì ì íìì ì´ìµì ë¶ë¹íê² ì¹¨í´íëì§, ê°ëª
ì²ë¦¬ ëë ìí¸í ë± ìì ì± íë³´ ì¡°ì¹ë¥¼ íìëì§ ë±ì ì¢
í©ì ì¼ë¡ ê³ ë ¤í©ëë¤.
</p>
<h4 class="policy-article">
4. ê°ì¸ì ë³´ì ì²ë¦¬ ìí
</h4>
<p>
íì¬ë ìë¹ì¤ ì´ì© ë° ê³ì½ì ì´í, íìì í¸ì를 ìí 목ì ì¼ë¡ íìì ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨ì ê³µê°í ë²ì ë´ìì ìí ì
ì²´ì ê°ì¸ì ë³´ ì²ë¦¬ë¥¼ ìíí ì ììµëë¤.
</p>
<h4 class="policy-article">
5. ê°ì¸ì ë³´ë³´í¸ ì±
ìì
</h4>
<p>
íì¬ë íìì ê°ì¸ì 보를 ë³´í¸íê³ ê°ì¸ì ë³´ì ê´ë ¨í ë¶ë§ì ì²ë¦¬í기 ìíì¬ ê°ì¸ì ë³´ ë³´í¸ ì±
ìì를 ëê³ ììµëë¤. ê°ì¸ì ë³´ì ê´ë ¨í 문ì ì¬í­ì´ ìì¼ìë©´ ìëì ê°ì¸ì ë³´ ë³´í¸ ì±
ìììê² ì°ë½ 주ì기 ë°ëëë¤. íìì 문ì ì¬í­ì ì ìíê³ ì±ì¤íê² ëµë³íì¬ëë¦¬ê² ìµëë¤.
</p>
<div class="policy-biz">
<h5>
ê°ì¸ì ë³´ë³´í¸ ì±
ìì
</h5>
<p>
ì´ë¦: íìí¬
</p>
<p>
ì í: 02-568-3611
</p>
<p>
ì´ë©ì¼: [email protected]
</p>
</div>
<h4 class="policy-article">
6. ê°ì¸ì ë³´ì ë³´ì ë° í기
</h4>
<p>
íì¬ë íìì¼ë¡ë¶í° ê°ì¸ì 보를 ìì§íë ê²½ì° ìë¹ì¤ ì´ì© ê¸°ê° ëì ê°ì¸ì 보를 ì´ì©Â·ë³´ê´í¨ì ìì¹ì¼ë¡ í©ëë¤. íì¬ë ë³´ì 기ê°ì 경과, ê°ì¸ì ë³´ì ì²ë¦¬ 목ì ë¬ì± ë± ê°ì¸ì ë³´ê° ë¶íìíê² ëìì ëìë ì§ì²´ ìì´ ê·¸ ê°ì¸ì 보를 í기í©ëë¤. ëí, íì¬ë ê´ê³ ë²ë ¹ìì ì í ë³´ì¡´ 기ê°ì´ 경과í ëê¹ì§ ë¤ë¥¸ ì´ì©ìì ê°ì¸ì ë³´ì ë¶ë¦¬íì¬ ë³ëë¡ ì ì¥Â·ê´ë¦¬íë©°, íì¬ ë´ë¶ 방침ì ìíì¬ ê°ì¸ì 보를 ë³´ì¡´í íìê° ìë ê²½ì°ë ì¼ì ê¸°ê° ëì ê°ì¸ì 보를 ë³´ê´í©ëë¤.
</p>
<p>
íì¬ë íìì ê°ì¸ì ë³´ ìì§ ë° ì´ì© 목ì ì´ ë¬ì±ëë©´ ë´ë¶ 방침 ë° ê¸°í ë²ë ¹ì ë°ë¥¸ ì ë³´ë³´í¸ ì¬ì ì ë°ë¼ í기í©ëë¤. ë¤ë§ íìì ëì를 ë°ìê±°ë ì ìì íì¼ ííë¡ ì ì¥ë ê°ì¸ì ë³´ë 기ë¡ì ì¬ìí ì ìë 기ì ì ë°©ë²ì ì¬ì©íì¬ ì­ì íê³ ê¸°ë¡ë¬¼, ì¸ì물 ë± ì¢
ì´ì ì¶ë ¥ë ê°ì¸ì ë³´ë ë¶ìê¸°ë¡ ë¶ìíê±°ë ìê°í©ëë¤.
</p>
<h4 class="policy-article">
7. ì ë³´ 주체ì ê¶ë¦¬
</h4>
<p>
íìì íì¬ê° ê´ë¦¬íë íìì ê°ì¸ì ë³´ì ê´ë ¨íì¬ ì ì©ëë ê´ê³ ë²ë ¹ì ë°ë¼ ë¤ìì ê° ê¶ë¦¬ë¥¼ ê°ì§ ì ììµëë¤. íìì ì¸ì ë ì§ ê¶ë¦¬ë¥¼ íì¬í ì ìì¼ë©°, ê¶ë¦¬ íì¬ë 본 ì²ë¦¬ë°©ì¹¨ ì 5ì¡°ì ê°ì¸ì ë³´ ë³´í¸ ì±
ìììê² ì°ë½íì¬ì¼ë¡ì¨ íì¬íì¤ ì ììµëë¤.
</p>
<ul class="policy-disc">
<li>
íìì ê°ì¸ì 보를 íì¬ì ì ê³µíì§ ìì ê¶ë¦¬(ë¨, íìì´ ê°ì¸ì 보를 ì ê³µíì§ ìì ê²½ì°, íììê² íì¬ ìë¹ì¤ì 모ë ííì ì ê³µë°ì¼ìì§ ëª»í ì ìì¼ë©°, íìí ì¸ë¶ ì ë³´ê° ìì¼ë©´ íìì ìì²­ì ì²ë¦¬íë ë° ì´ë ¤ìì´ ìì ì ììµëë¤.)
</li>
<li>
íì¬ê° ê´ë¦¬íë íìì ê°ì¸ì ë³´ì ìì±ê³¼ ì²ë¦¬ ë° ê³µê°ì ê´í ì 보를 ìì²­í ê¶ë¦¬ì ëë¶ì´ í´ë¹ ì ë³´ì ëí ì ê·¼ ëë ì¬ë³¸ì ìì²­í ê¶ë¦¬
</li>
<li>
íì¬ê° ê´ë¦¬íë íìì ê°ì¸ì ë³´ ì¤ ë¶ì íí ë¶ë¶ì ëíì¬ ìì ì ìì²­í ê¶ë¦¬
</li>
<li>
ì ë²í ì´ì ê° ìë ê²½ì° ë¤ì ì¤ ì´ë íëì ì¡°ì¹ë¥¼ ìì²­í ê¶ë¦¬:
<ul class="policy-sublist">
<li>
íì¬ê° ê´ë¦¬íë íìì ê°ì¸ì ë³´ ì­ì
</li>
<li>
íì¬ê° ê´ë¦¬íë íìì ê°ì¸ì ë³´ì ì²ë¦¬ ìì
ê¸ì§
</li>
</ul>
</li>
<li>
ì ì©ëë ë²ì ë´ìì, 구조íëê³ ì¼ë°ì ì¼ë¡ ì¬ì©ëë©° 기ê³ê° ì½ì ì ìë íìì¼ë¡ ë¤ë¥¸ 주체ìê² í¹ì ê°ì¸ì 보를 ì´ì ìí¬ ì ìë ê¶ë¦¬
</li>
<li>
íì¬ê° ê´ë¦¬íë íìì ê°ì¸ì ë³´ê° íìì ì¬ì ëìíì ì²ë¦¬ë ê²½ì°, í´ë¹ ëì를 ì² íí ê¶ë¦¬(ë¨, ì´ë¬í ì² íë íì¬ê° í´ë¹ ì² í íµì§ë¥¼ ë°ì ë ì´ì ì ìíë ì²ë¦¬ì ì ë²ì±ìë ìí¥ì 미ì¹ì§ ìì¼ë©°, ë¤ë¥¸ ì´ì© ê°ë¥í ë²ì 근거ì ìì¡´íì¬ íìì ê°ì¸ì 보를 ì²ë¦¬íë ê²ì ë°©ì§íì§ ììì ì ë
íì기 ë°ëëë¤.)
</li>
<li>
íì¬ê° ê´ë¦¬íë íìì ê°ì¸ì ë³´ì ëí ì²ë¦¬ ìì
ê³¼ ê´ë ¨íì¬ ì ë³´ ë³´í¸ ë¹êµ­ì 민ìì ì 기í ê¶ë¦¬
</li>
</ul>
<h4 class="policy-article">
8. ê°ì¸ì ë³´ ë³´í¸ë¥¼ ìí 기ì ì /ê´ë¦¬ì ëì±
</h4>
<p>
íì¬ë íìì ê°ì¸ì 보를 ì²ë¦¬í¨ì ìì´ ê°ì¸ì ë³´ê° ë¶ì¤, ëë, ì ì¶, ë³ì¡°, ëë í¼ìëì§ ìëë¡ ìì ì± í보를 ìíì¬ í©ë¦¬ì ì¸ ì¡°ì¹ë¥¼ ì·¨í ì ìì¼ë©°, ì´ë¥¼ ìí 기ì ì ëì±
ì¼ë¡ë ë¤ìê³¼ ê°ì ê²ì´ ììµëë¤.
</p>
<ul class="policy-disc">
<li>
íìì ê°ì¸ì ë³´ë ë¹ë°ë²í¸ ë° ìí¸íë ì ë³´ì ìí´ ë³´í¸ëê³ ììµëë¤. ê·¸ë¬ë íìì ë¹ë°ë²í¸ë ê°ì¸ì ë³´ë 공공ì¥ìììì ì¸í°ë· ì¬ì© ë± ì¬ë¬ ë°©ë²ì¼ë¡ íì¸ìê² ìë ¤ì§ ê°ë¥ì±ì´ ëì¼ë¯ë¡ ì´ì ë³´í¸ë¥¼ ì² ì í íë ê²ì´ 무ìë³´ë¤ ì¤ìí©ëë¤. ê·¸ë¬ë¯ë¡ íìê»ìë ê°ì¸ì ì 보를 íì¸ìê² ì ì¶ìí¤ê±°ë ì ê³µíì¬ìë ì ëë©°, ìì ì ê°ì¸ì 보를 ì±
ì ìê² ê´ë¦¬íì¬ì¼ í©ëë¤. ì´ë¬í íì ê°ì¸ì ì¤ìë 기본ì ì¸ ì¸í°ë·ì ìíì± ë문ì ì¼ì´ëë 문ì ì ëí´ì íì¬ë ì±
ìì ì§ì§ ììµëë¤.
</li>
<li>
íìì ê°ì¸ì ë³´ë 기본ì ì¼ë¡ ë¹ë°ë²í¸ ë° ìí¸íë ì ë³´ì ìí´ ë³´í¸ëë©°, íì¼ ë° ì ì¡ ë°ì´í°ë¥¼ ìí¸ííì¬ ì¤ìí ë°ì´í°ë ë³ëì ë³´ì 기ë¥ì íµí´ ë³´í¸ëê³ ììµëë¤.
</li>
<li>
íì¬ë ë°±ì íë¡ê·¸ë¨ì ì´ì©íì¬ ì»´í¨í° ë°ì´ë¬ì¤ì ìí í¼í´ë¥¼ ë°©ì§í기 ìí ì¡°ì¹ë¥¼ ì·¨íê³ ìì¼ë©° ë°±ì íë¡ê·¸ë¨ì 주기ì ì¼ë¡ ì
ë°ì´í¸ë©ëë¤.
</li>
<li>
íì¬ë í´í¹ ë° ë°ì´ë¬ì¤ ë±ì ìíì¬ íìì ê°ì¸ì ë³´ê° ì ì¶ëê±°ë í¼ìëë ê²ì ë§ê¸° ìí´, ì¸ë¶ë¡ë¶í°ì 침ì
íì§ ë° ì¹¨ì
ì°¨ë¨ ìì¤í
ì ëì´ 24ìê° ëª¨ëí°ë§íë©° ê´ë¦¬íê³ ììµëë¤.
</li>
</ul>
<p>
íì¬ë íìì ê°ì¸ì ë³´ ë³´í¸ì ì¤ìì±ì ì¸ìíê³ ìì¼ë©° ì´ë¥¼ ìí´ ê°ì¸ì ë³´ ì²ë¦¬ ì§ìì í©ë¦¬ì ì¼ë¡ ì ííê³ ìì¼ë©° ê°ì¸ì ë³´ ë³´í¸ ì±
ììê° ì²ë¦¬ ì§ìì ëìì¼ë¡ êµì¡ì 주기ì ì¼ë¡ ì¤ìíì¬ ê°ì¸ì ë³´ ë³´í¸ë¥¼ ìí´ ìµì ì ë¤íê³ ììµëë¤. ëí 본 ì ì±
ì ëª
ìë ì´íì¬í­ ë° ê´ë ¨ ì§ìì ì¤ì ì¬ë¶ë¥¼ ì 기ì ì¼ë¡ ì ê²íì¬ ìë° ë´ì©ì´ ìë ê²½ì° ì´ë¥¼ ìì ëë ê°ì íê³ ê¸°í íìí ì¡°ì¹ë¥¼ ì·¨íëë¡ íê³ ììµëë¤.
</p>
<h4 class="policy-article">
9. ê¶ìµ ì¹¨í´ êµ¬ì ë°©ë²
</h4>
<p>
ê°ì¸ì ë³´ 침í´ì ëí ì ê³ ëë ìë´ì´ íìíì ê²½ì°ìë ìë 기ê´ì¼ë¡ 문ìíì기 ë°ëëë¤.
</p>
<ul class="policy-disc">
<li>
ê°ì¸ì ë³´ì¹¨í´ ì ê³ ì¼í° (íêµ­ì¸í°ë·ì§í¥ì ì´ì)
<ul class="policy-sublist">
<li>
ì í: êµ­ë²ìì´ 118
</li>
<li>
URL: https://privacy.kisa.or.kr
</li>
</ul>
</li>
<li>
ê°ì¸ì ë³´ ë¶ìì¡°ì ììí
<ul class="policy-sublist">
<li>
ì í: êµ­ë²ìì´ 1833-6972
</li>
<li>
URL: https://kopico.go.kr
</li>
</ul>
</li>
<li>
ëê²ì°°ì²­ ì¬ì´ë²ìì¬ê³¼
<ul class="policy-sublist">
<li>
ì í: êµ­ë²ìì´ 1303
</li>
<li>
URL: https://www.spo.go.kr
</li>
</ul>
</li>
<li>
경찰청 ì¬ì´ë²ìì êµ­
<ul class="policy-sublist">
<li>
ì í: êµ­ë²ìì´ 182
</li>
<li>
URL: https://cyber.go.kr
</li>
</ul>
</li>
</ul>
<h4 class="policy-article">
10. ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨ì ë³ê²½ ë±
</h4>
<p>
íì¬ë 본 ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨ì ë³ê²½íë ê²½ì° ê·¸ ë³ê²½ ì¬ì ë° ì ì© ì¼ì를 ëª
ìíì¬ íí ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨ê³¼ í¨ê» ì ì©ì¼ì 10ì¼ ì ë¶í° ì ì©ì¼ ì ê¹ì§ ìë¹ì¤ íë©´ì ê³ ì§í©ëë¤. ë¤ë§, ì´ì©ìì ê¶ë¦¬ ëë ì무ì ì¤ìí ë´ì©ì ë³ê²½ì´ ìì ê²½ì°ìë ìµì 30ì¼ ì ì ê³ ì§í©ëë¤.
</p>
<p>
íì¬ê° ë³ê²½ ë´ì©ì ê³ ì§íë©´ì ë³ê²½ ì ì©ì¼ê¹ì§ ê±°ë¶ ìì¬ë¥¼ íìíì§ ìì¼ë©´ ìì¬ íìê° ë ê²ì¼ë¡ 본ë¤ë ë»ì ê³ ì§íìììë ë¶êµ¬íê³ ì´ì©ìê° ëª
ìì ì¼ë¡ ê±°ë¶ ìì¬ë¥¼ íìíì§ ìëíë ê²½ì° ì´ì©ìê° ë³ê²½ ë´ì©ì ëìí ê²ì¼ë¡ ë´
ëë¤.
</p>
<h4 class="policy-article">
ë¶ì¹
</h4>
<p>
본 방침ì 2025ë
1ì 1ì¼ë¶í° ìíë©ëë¤.
</p>
</div>
</div>
</div>
<script defer="" src="./scripts/main.js">
</script>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://caster.im/ |
|
2026-10-17 15:48:49 |
| 2 |
https://365porn.top/ |
|
2026-10-17 15:48:48 |
| 3 |
https://allmyfaves.com/derrylhifk |
|
2026-10-17 15:48:48 |
| 4 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 15:48:48 |
| 5 |
https://educentrum.sk/ |
|
2026-10-17 15:48:48 |
| 6 |
https://himalayanvoluntourism.org/ |
|
2026-10-17 15:48:47 |
| 7 |
https://online-accident-lawyer8518… |
|
2026-10-17 15:48:47 |
| 8 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 15:48:47 |
| 9 |
https://www.streetlib.de/ |
|
2026-10-17 15:48:46 |
| 10 |
https://51gamex.games/ |
|
2026-10-17 15:48:46 |
| 11 |
https://toto138x66.com/ |
|
2026-10-17 15:48:46 |
| 12 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 15:48:46 |
| 13 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 15:48:45 |
| 14 |
http://forums.hostperl.com/ |
|
2026-10-17 15:48:44 |
| 15 |
https://config.inc/ |
|
2026-10-17 15:48:44 |
| 16 |
https://mybiourl.com/ |
|
2026-10-17 15:48:44 |
| 17 |
https://michaely950pcq2.dekaronwik… |
|
2026-10-17 15:48:44 |
| 18 |
https://congresonayarit.gob.mx/ |
|
2026-10-17 15:48:44 |
| 19 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 15:48:44 |
| 20 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 15:48:43 |