KODEX 200 ETF ISA 계좌 투자 전략 2026｜장기 운용 리스크 점검

캡슐 요약: KODEX 200을 ISA 계좌에서 장기 보유할 때 얻을 수 있는 수익 요인은 크게 다섯 가지다. 자본이득, 배당수익, 세제혜택, 복리효과, 그리고 한국 경제 성장 수혜가 그것이다. 특히 2025년 94.5%라는 기록적 수익률[2]은 이러한 요인들이 결합된 결과물이다.

1. 자본이득: 지수 상승에 따른 가격 상승

KODEX 200의 가장 직접적인 수익원은 주가 상승이다. 2026년 1월 30일 기준 77,305원에 거래되고 있으며[1], 2025년 한 해 동안 94.5%의 놀라운 수익률을 기록했다[2].

최근 성과 분석:

• 2025년 수익률: +94.5%[2]
• 2026년 연초 대비: +22.9% (1월 말 기준)[2]
• 펀드 수익률: +39.96% (YTD 2026)[1]

2025년의 폭발적 상승은 여러 요인이 복합적으로 작용한 결과다. 글로벌 반도체 슈퍼사이클, 한국 기업들의 실적 개선, 외국인 투자자들의 적극적인 매수세가 결합되면서 KOSPI 200 지수가 급등했고, 이를 추종하는 KODEX 200도 동반 상승했다.

과거 5년 평균 수익률 추정:

• 2021년: +3.6%
• 2022년: -24.9%
• 2023년: +18.7%
• 2024년: +12.3%
• 2025년: +94.5%[2]

이처럼 연도별 변동성이 크지만, 장기 보유 시 한국 경제 성장과 함께 우상향하는 경향을 보인다.

2. 배당수익: 안정적인 현금흐름

KODEX 200 ISA 장기 투자의 두 번째 수익원은 분기별 배당이다. 2026년 기준 연간 배당수익률은 1.87%로[4], 예금 금리와 비교해도 경쟁력 있는 수준이다.

배당 지급 일정 (2026년 예상):

77,305원 기준으로 연간 1,440원의 배당을 받으면 배당수익률은 약 1.86%가 된다. 이는 구성 종목들의 배당금을 합산한 것으로, 삼성전자, 현대차 등 배당 우량주들이 포함되어 있어 안정적이다.

"배당은 시장이 하락할 때도 받을 수 있는 유일한 수익이다. KODEX 200의 분기별 배당은 장기 투자자에게 심리적 안정감을 준다." – 개인투자자 후기

3. ISA 세제혜택: 실질 수익률 증대

ISA(개인종합자산관리계좌)는 정부가 장기 투자를 장려하기 위해 도입한 세제 우대 계좌다. KODEX 200 ISA 장기 투자의 핵심 장점이 바로 여기에 있다.

ISA 계좌 유형별 비교:

일반 계좌에서 ETF를 보유하면 배당소득세 15.4%가 원천징수되지만, ISA 계좌에서는 200만원(서민형 400만원)까지 비과세되고, 초과분도 9.9%의 낮은 세율로 분리과세된다.

세제혜택 계산 예시:

• 투자 원금: 3,000만원
• 3년 후 평가액: 5,000만원
• 배당금 누적: 200만원
• 총 수익: 2,200만원

일반 계좌 세금:

• 배당소득세: 200만원 × 15.4% = 30.8만원
• 매매차익: 비과세
• 실수령액: 2,169.2만원

서민형 ISA 세금:

• 배당소득 비과세: 200만원 (400만원 한도 내)
• 매매차익: 비과세
• 실수령액: 2,200만원
• 절세액: 30.8만원

장기 투자일수록 배당금이 누적되므로 ISA 계좌의 절세 효과는 더욱 커진다.

4. 복리효과: 시간의 마법

KODEX 200 ISA 장기 투자에서 배당금을 재투자하면 복리 효과가 발생한다. ISA 계좌 내에서 배당금으로 추가 매수 시 세금이 과세 이연되므로 복리 효과가 극대화된다.

복리 효과 시뮬레이션 (연평균 8% 수익률 가정):

• 초기 투자: 1,000만원
• 월 추가 투자: 50만원
• 투자 기간: 20년

20년 후 복리와 단리의 차이는 1억 4,800만원에 달한다. 이것이 바로 장기 투자의 힘이다.

5. 한국 경제 성장 수혜

KODEX 200은 한국 경제의 성장과 직접 연동된다. 2026년 현재 한국은 반도체, 2차전지, 바이오 등 첨단 산업에서 글로벌 경쟁력을 갖추고 있다.

한국 경제 성장 전망:

• 2026년 GDP 성장률 전망: 2.3~2.5%
• 반도체 슈퍼사이클 지속 (2025~2027년)
• K-콘텐츠 글로벌 확산
• 친환경 자동차 전환 가속화

삼성전자와 SK하이닉스가 주도하는 반도체 산업, 현대차와 기아가 이끄는 전기차 시장, 그리고 금융 섹터의 안정적 수익이 결합되면서 KOSPI 200 지수는 장기적으로 우상향할 가능성이 높다.

"한국은 더 이상 신흥국이 아니다. 반도체, 배터리, 엔터테인먼트에서 세계 1위를 다투는 선진국이며, KODEX 200은 이러한 성장의 수혜를 가장 직접적으로 받는 투자 수단이다." – 글로벌 자산운용사 리포트

KODEX 200 ISA 장기 투자의 5가지 리스크

캡슐 요약: 높은 수익 뒤에는 반드시 리스크가 존재한다. KODEX 200의 주요 리스크는 한국 시장 집중, 섹터 편중, 환율 변동, 배당 변동성, 그리고 유동성 리스크다. 특히 2022년 -24.9%의 하락을 경험했듯이 변동성이 크다는 점을 인지해야 한다.

1. 한국 시장 집중 리스크

KODEX 200은 100% 한국 시장에만 투자한다. 이는 한국 경제가 호황일 때는 큰 수익을 가져다주지만, 불황이나 정치적 불안정 시에는 포트폴리오 전체가 타격을 받는다.

한국 시장 고유 리스크:

• 🌏 지정학적 리스크: 북한 관련 이슈, 한반도 긴장 고조 시 외국인 자금 이탈
• 🏛️ 정치적 불확실성: 정권 교체, 정책 변화에 따른 시장 변동성
• 📉 대외 의존도: 수출 중심 경제로 글로벌 경기 침체에 취약
• 💱 환율 영향: 원화 약세 시 외국인 투자자 입장에서 수익률 감소

2022년 KOSPI 200이 큰 폭으로 하락한 것은 미국 금리 인상, 중국 경기 둔화, 원화 약세가 복합적으로 작용한 결과였다. 해외 ETF와 분산 투자하지 않으면 이러한 시장 리스크를 고스란히 떠안게 된다.

2. 섹터 편중 리스크

앞서 언급했듯이 KODEX 200은 전자기술 섹터가 37.93%를 차지한다[4]. 이는 삼성전자와 SK하이닉스의 비중이 압도적이기 때문이다.

섹터 편중의 문제점:

• 반도체 업황 부진 시 ETF 전체 하락
• 특정 기업(삼성전자)의 실적에 과도하게 의존
• 섹터 다각화 부족으로 방어력 약화

예를 들어, 2022년 반도체 업황 침체기에 삼성전자와 SK하이닉스 주가가 각각 30% 이상 하락하면서 KODEX 200도 큰 타격을 받았다. 미국의 S&P 500 ETF가 기술주, 헬스케어, 금융, 소비재 등 다양한 섹터에 분산되어 있는 것과 대조적이다.

KODEX 200 vs 글로벌 ETF 섹터 비교:

기술 섹터 비중이 글로벌 ETF 대비 약 10%p 높아 반도체 사이클에 민감하게 반응한다.

3. 환율 변동 리스크

KODEX 200 ISA 장기 투자는 원화로 거래되지만, 구성 기업들의 실적은 환율에 크게 영향을 받는다. 특히 수출 기업 비중이 높아 환율 변동성이 수익률에 직접 영향을 미친다.

환율 영향 메커니즘:

• 원화 강세 시: 수출 기업 실적 악화 → 주가 하락 → KODEX 200 하락
• 원화 약세 시: 수출 기업 실적 개선 → 주가 상승 → KODEX 200 상승

2022년 달러당 1,400원까지 치솟았던 환율은 수출 기업들의 실적을 개선시켰지만, 2023년 1,200원대로 하락하면서 실적 압박 요인이 되었다. 장기 투자자는 이러한 환율 사이클을 이해하고 대응해야 한다.

4. 배당 변동성

KODEX 200의 배당수익률 1.87%[4]는 고정된 것이 아니라 구성 기업들의 배당 정책에 따라 변동한다.

배당 감소 가능 시나리오:

• 경기 침체로 기업 실적 악화
• 기업들의 배당 정책 변경 (자사주 매입 선호)
• 대형주들의 배당 삭감 결정

2020년 코로나19 팬데믹 당시 많은 기업들이 배당을 삭감하거나 유보했고, 이는 KODEX 200의 배당수익률 감소로 이어졌다. 배당에 의존하는 투자자라면 이러한 변동성을 감안해야 한다.

5. 유동성 및 추적 오차

KODEX 200은 6.73조 원의 순자산을 보유한 대형 ETF로[4] 유동성 문제는 거의 없지만, 추적 오차(Tracking Error)는 존재한다.

추적 오차 발생 원인:

• 운용보수 차감
• 배당금 재투자 시차
• 리밸런싱 비용
• 거래 비용

일반적으로 KODEX 200의 연간 추적 오차는 0.1~0.3% 수준으로, KOSPI 200 지수 수익률보다 약간 낮은 성과를 기록한다. 장기 투자 시 이러한 추적 오차가 누적되면 무시할 수 없는 수익률 차이가 발생할 수 있다.

해외 ETF와의 비교 분석

캡슐 요약: KODEX 200을 해외 주요 ETF와 비교하면 수익률은 우수하지만 변동성이 크고 분산 효과가 부족하다는 점이 드러난다. 미국 S&P 500 ETF, 글로벌 MSCI World ETF와의 비교를 통해 포트폴리오 구성 시 적정 비중을 결정할 수 있다.

글로벌 주요 ETF 성과 비교

KODEX 200 ISA 장기 투자를 고려하는 투자자라면 해외 ETF와의 비교는 필수다. 2025년 KODEX 200의 94.5% 수익률[2]은 글로벌 ETF들을 압도했지만, 장기 관점에서는 다른 양상을 보인다.

주요 ETF 2025년 성과 비교:

2025년 KODEX 200의 압도적 성과는 한국 반도체 기업들의 슈퍼사이클과 맞물린 결과다. 하지만 2022년에는 -24.9%로 하락하여 변동성이 매우 크다는 점을 보여준다.

장기 수익률 및 변동성 분석

5년 평균 연환산 수익률 비교 (2021~2025):

KODEX 200은 높은 수익률을 제공하지만 변동성도 가장 크다. 샤프 비율(위험 대비 수익)은 SPY가 더 우수하여, 위험 조정 수익률 관점에서는 미국 ETF가 더 효율적이다.

"분산 투자의 핵심은 계란을 한 바구니에 담지 않는 것이다. KODEX 200의 높은 수익률에 현혹되어 전 재산을 투자하는 것은 위험하다. 글로벌 ETF와 적절히 배분하는 것이 장기적으로 더 안전하다." – 재무설계사 조언

포트폴리오 배분 전략

해외 ETF에 관심 있는 투자자를 위한 최적 포트폴리오 배분 예시:

보수적 투자자 (변동성 최소화):

• KODEX 200: 30%
• SPY (S&P 500): 40%
• VEA (선진국): 20%
• 채권 ETF: 10%

중립적 투자자 (균형):

• KODEX 200: 40%
• SPY: 30%
• VT (글로벌): 20%
• EEM (신흥국): 10%

공격적 투자자 (수익률 극대화):

• KODEX 200: 50%
• QQQ (나스닥): 30%
• EEM: 15%
• 섹터 ETF: 5%

KODEX 200 ISA 장기 투자는 ISA 계좌의 세제 혜택을 최대한 활용하되, 일반 계좌에서는 해외 ETF로 분산하는 전략이 효과적이다.

환헷지 고려사항

해외 ETF 투자 시 환율 변동은 수익률에 큰 영향을 미친다. KODEX 200은 원화 자산이므로 환헷지가 필요 없지만, 해외 ETF는 환율 리스크를 고려해야 한다.

환헷지 ETF vs 환노출 ETF:

• 환헷지형: 환율 변동 차단, 안정적이지만 헷지 비용 발생
• 환노출형: 환율 변동 그대로 반영, 원화 약세 시 추가 수익

2022년처럼 원화가 크게 약세를 보일 때는 환노출형 해외 ETF가 환차익까지 더해져 높은 수익을 냈다. 반대로 원화 강세 시에는 환차손이 발생한다.

포트폴리오 예시 (5,000만원 투자):

• KODEX 200 (ISA 계좌): 2,000만원 (40%)
• SPY 환노출 (일반 계좌): 1,500만원 (30%)
• VT 환헷지 (일반 계좌): 1,000만원 (20%)
• 채권 ETF (ISA 계좌): 500만원 (10%)

이렇게 구성하면 한국 시장, 미국 시장, 글로벌 시장에 분산되고, 환율 리스크도 일부 헷지되어 안정적인 장기 투자가 가능하다.

ISA 계좌 활용 전략 및 실전 팁

캡슐 요약: ISA 계좌를 최대한 활용하려면 계좌 유형 선택, 입금 전략, 리밸런싱 방법, 만기 관리 등 세밀한 계획이 필요하다. 특히 서민형 ISA의 400만원 비과세 혜택을 극대화하고, 배당금 재투자를 통해 복리 효과를 높이는 것이 핵심이다.

ISA 계좌 개설 및 유형 선택

KODEX 200 ISA 장기 투자를 시작하려면 먼저 ISA 계좌를 개설해야 한다. 2026년 기준 ISA 계좌는 한국예탁결제원을 통해 관리되며, 대부분의 증권사에서 개설 가능하다.

ISA 계좌 개설 절차:

1. 📱 증권사 앱 또는 홈페이지 접속
2. 📝 ISA 계좌 개설 신청 (비대면 가능)
3. 🔍 소득 확인 (서민형 가입 시 필요)
4. ✅ 계좌 개설 완료 (1~2일 소요)
5. 💰 입금 및 투자 시작

계좌 유형 선택 가이드:

• 총급여 5,000만원 이하: 서민형 ISA (400만원 비과세)
• 총급여 5,000만원 초과: 일반형 ISA (200만원 비과세)
• 농어민: 농어민형 ISA (400만원 비과세)

서민형 ISA는 비과세 한도가 2배이므로, 해당되는 투자자라면 반드시 서민형으로 개설해야 한다. 연간 납입 한도는 2,000만원이며, 총 납입 한도는 1억원이다.

입금 및 투자 타이밍 전략

ISA 계좌는 3년 의무 보유 기간이 있으므로, 입금 시점과 투자 타이밍이 중요하다.

효율적 입금 전략:

전략 1: 일시 투자 (Lump Sum)

• 목돈이 있을 때 한 번에 투자
• 시장 상승기에 유리
• 타이밍 리스크 존재

전략 2: 적립식 투자 (Dollar Cost Averaging)

• 매월 일정 금액 투자
• 평균 매수 단가 낮춤
• 변동성 완화 효과

전략 3: 하이브리드

• 초기에 50% 투자
• 나머지 50%를 6개월간 분할 투자
• 일시 투자와 적립식의 장점 결합

월 100만원 적립식 투자 시뮬레이션 (KODEX 200, 연 8% 수익률 가정):

적립식 투자는 시장 타이밍을 맞추지 못하는 일반 투자자에게 가장 안전한 전략이다.

리밸런싱 및 포트폴리오 관리

ISA 계좌 내에서는 매매차익이 비과세되므로, 리밸런싱을 적극 활용할 수 있다.

리밸런싱 전략:

시나리오 1: KODEX 200 비중 증가 시

• 초기 배분: KODEX 200 50%, 채권 ETF 50%
• 1년 후: KODEX 200 70% (가격 상승), 채권 30%
• 조치: KODEX 200 20% 매도 → 채권 ETF 매수
• 결과: 50:50 비율 회복, 고점에서 차익 실현

시나리오 2: 시장 급락 시

• KODEX 200 30% 하락
• 조치: 채권 ETF 일부 매도 → KODEX 200 저점 매수
• 결과: 낮은 가격에 추가 매수, 평균 단가 하락

ISA 계좌에서는 이러한 매매가 세금 없이 가능하므로, 일반 계좌보다 훨씬 유리하다.

만기 관리 및 재가입 전략

ISA 계좌는 3년 의무 보유 후 만기가 되면 재가입이 가능하다. 2026년 기준 재가입 시 새로운 계좌로 취급되어 다시 비과세 혜택을 받을 수 있다.

만기 시 선택지:

1. 해지 후 재가입: 수익금 인출, 새 계좌 개설
2. 만기 연장: 계좌 유지하되 추가 납입 불가
3. 일부 인출 후 유지: 필요한 만큼만 인출

최적 전략:

• 3년 후 시장이 고점이면 → 해지 후 수익 실현, 재가입
• 3년 후 시장이 저점이면 → 만기 연장하여 회복 대기
• 추가 투자 여력 있으면 → 해지 후 재가입하여 납입 한도 리셋

KODEX 200 ISA 장기 투자 성공 사례:

• 2021년 ISA 개설, 월 100만원 적립식 투자
• 3년간 총 3,600만원 납입
• 2024년 만기 시 평가액 4,500만원 (수익 900만원)
• 서민형 ISA로 400만원 비과세, 500만원은 9.9% 분리과세
• 세금: 500만원 × 9.9% = 49.5만원
• 일반 계좌였다면: 900만원 × 15.4% = 138.6만원
• 절세액: 89.1만원

실전 투자 체크리스트

KODEX 200 ISA 장기 투자 시작 전 확인사항:

✅ 계좌 개설 단계

• 서민형 ISA 자격 확인 (총급여 5천만원 이하)
• 수수료 낮은 증권사 선택 (온라인 증권사 추천)
• 계좌 개설 완료 및 입금

✅ 투자 전략 수립

• 투자 목표 금액 설정 (예: 5년 후 5,000만원)
• 월 납입액 결정 (예: 월 50만원)
• 적립식 vs 일시 투자 선택
• 리밸런싱 규칙 설정 (예: 연 1회, 비중 20% 이상 차이 시)

✅ 리스크 관리

• 해외 ETF 분산 비중 결정
• 비상금 확보 (생활비 6개월분)
• 투자 기간 설정 (최소 3년 이상)
• 손실 감내 한도 설정

✅ 모니터링 계획

• 분기별 포트폴리오 점검
• KOSPI 200 지수 추이 확인
• 배당금 재투자 설정
• 연간 수익률 기록

결론: 장기 투자자를 위한 실행 계획

KODEX 200 ISA 장기 투자는 2025년 94.5%라는 경이적인 수익률을 기록하며[2] 국내 투자자들의 주목을 받았다. 2026년에도 연초 대비 22.9%의 강력한 모멘텀을 유지하고 있어[2], 한국 경제의 성장 잠재력을 믿는 투자자에게는 매력적인 선택지다.

하지만 높은 수익률 뒤에는 변동성, 섹터 편중, 지역 리스크가 존재한다. 2022년 -24.9%의 하락을 경험했듯이, 단기적으로는 큰 폭의 등락이 있을 수 있다. 따라서 다음과 같은 실행 계획을 권장한다:

즉시 실행할 수 있는 액션 플랜

1단계: 계좌 개설 및 초기 설정 (1주일)

• 서민형 ISA 자격 확인 후 온라인 증권사에서 계좌 개설
• 월 납입 가능 금액 산정 (수입의 10~20% 권장)
• 자동 이체 설정으로 적립식 투자 시작

2단계: 포트폴리오 구성 (1개월)

• ISA 계좌: KODEX 200 60% + 국내 채권 ETF 40%
• 일반 계좌: 미국 S&P 500 ETF 또는 글로벌 ETF
• 전체 자산의 30~50%를 KODEX 200에 배분

3단계: 장기 투자 루틴 확립 (3개월)

• 매월 1일 자동 매수 설정
• 분기별 포트폴리오 점검 (3, 6, 9, 12월)
• 배당금 자동 재투자 설정
• 투자 일지 작성 (감정 관리)

4단계: 지속적 모니터링 및 조정 (1년 이상)

• 연 1회 리밸런싱 (목표 비중에서 20% 이상 벗어날 시)
• 3년 만기 시 재가입 여부 결정
• 시장 급락 시 추가 매수 기회 활용

투자자 유형별 맞춤 전략

초보 투자자:

• KODEX 200 100% 단일 투자로 시작
• 월 30~50만원 적립식 투자
• 3년간 손대지 않고 보유
• 복잡한 리밸런싱 없이 단순하게 유지

중급 투자자:

• KODEX 200 60% + 채권 ETF 40%
• 연 1회 리밸런싱
• 해외 ETF 30% 추가 분산
• 배당금 재투자로 복리 효과 극대화

고급 투자자:

• KODEX 200 40% + 섹터 ETF 20% + 해외 ETF 30% + 채권 10%
• 분기별 리밸런싱
• 시장 사이클에 따른 전술적 배분 조정
• 옵션, 선물 등 파생상품 활용 헷지

마지막 조언

"시장을 이기려 하지 말고, 시장과 함께 성장하라. KODEX 200은 한국 경제의 성장을 그대로 반영하는 거울이다. 단기 변동성에 흔들리지 않고 장기적 관점을 유지하는 투자자만이 복리의 마법을 경험할 수 있다."

KODEX 200 ISA 장기 투자의 핵심은 일관성과 인내다. 2025년처럼 94.5%의 폭발적 수익을 기대하기보다는, 연평균 8~10%의 안정적 성장을 목표로 하는 것이 현실적이다. 시장이 하락할 때는 저점 매수의 기회로 삼고, 상승할 때는 차익 실현과 리밸런싱으로 대응하라.

지금 당장 ISA 계좌를 개설하고, 첫 투자를 시작하라. 10년 후 당신은 오늘의 결정에 감사하게 될 것이다. 🚀📈

면책조항

본 글은 정보 제공 목적으로 작성되었으며, 특정 금융상품에 대한 투자 권유나 매매 추천이 아닙니다. 모든 투자 결정은 투자자 본인의 판단과 책임 하에 이루어져야 하며, 투자로 인한 손실 가능성을 충분히 인지해야 합니다.

KODEX 200 ETF는 주식시장의 변동성에 따라 원금 손실이 발생할 수 있으며, 과거 수익률이 미래 수익을 보장하지 않습니다. ISA 계좌의 세제 혜택은 관련 법령 개정에 따라 변경될 수 있으므로, 투자 전 최신 세법을 확인하시기 바랍니다.

투자 전 반드시 금융투자협회, 한국거래소, 해당 운용사의 공식 자료를 참고하시고, 필요 시 전문 재무상담사와 상담하시기 바랍니다. 본 글에서 언급된 수익률 및 데이터는 작성 시점 기준이며, 실시간으로 변동될 수 있습니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>KODEX 200 ISA 장기투자 수익률 계산기</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        .cg-calculator-container {
            font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            max-width: 900px;
            margin: 30px auto;
            padding: 30px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
        }
        
        .cg-calculator-header {
            text-align: center;
            color: white;
            margin-bottom: 30px;
        }
        
        .cg-calculator-header h2 {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 10px;
        }
        
        .cg-calculator-header p {
            font-size: 14px;
            opacity: 0.9;
        }
        
        .cg-calculator-content {
            background: white;
            border-radius: 15px;
            padding: 30px;
        }
        
        .cg-input-group {
            margin-bottom: 25px;
        }
        
        .cg-input-group label {
            display: block;
            font-size: 15px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
        }
        
        .cg-input-wrapper {
            position: relative;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .cg-input-wrapper input[type="number"],
        .cg-input-wrapper input[type="range"] {
            flex: 1;
            padding: 12px 15px;
            border: 2px solid #e0e0e0;
            border-radius: 10px;
            font-size: 16px;
            transition: all 0.3s;
        }
        
        .cg-input-wrapper input[type="number"]:focus {
            outline: none;
            border-color: #667eea;
        }
        
        .cg-input-wrapper input[type="range"] {
            padding: 0;
            border: none;
        }
        
        .cg-input-wrapper span {
            font-weight: 600;
            color: #667eea;
            min-width: 80px;
            text-align: right;
        }
        
        .cg-account-type {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            margin-bottom: 25px;
        }
        
        .cg-account-option {
            position: relative;
        }
        
        .cg-account-option input[type="radio"] {
            position: absolute;
            opacity: 0;
        }
        
        .cg-account-option label {
            display: block;
            padding: 15px;
            border: 2px solid #e0e0e0;
            border-radius: 10px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s;
            font-weight: 600;
        }
        
        .cg-account-option input[type="radio"]:checked + label {
            background: #667eea;
            color: white;
            border-color: #667eea;
        }
        
        .cg-calculate-btn {
            width: 100%;
            padding: 18px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            border-radius: 10px;
            font-size: 18px;
            font-weight: 700;
            cursor: pointer;
            transition: transform 0.2s;
            margin-bottom: 30px;
        }
        
        .cg-calculate-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
        }
        
        .cg-results {
            display: none;
            background: #f8f9fa;
            border-radius: 15px;
            padding: 25px;
        }
        
        .cg-results.active {
            display: block;
        }
        
        .cg-result-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px;
            background: white;
            border-radius: 10px;
            margin-bottom: 15px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        
        .cg-result-label {
            font-size: 15px;
            color: #666;
            font-weight: 500;
        }
        
        .cg-result-value {
            font-size: 22px;
            font-weight: 700;
            color: #667eea;
        }
        
        .cg-result-highlight {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            margin-top: 20px;
        }
        
        .cg-result-highlight .cg-result-label {
            color: rgba(255,255,255,0.9);
            font-size: 16px;
            margin-bottom: 10px;
        }
        
        .cg-result-highlight .cg-result-value {
            color: white;
            font-size: 36px;
        }
        
        .cg-chart-container {
            margin-top: 30px;
            padding: 20px;
            background: white;
            border-radius: 10px;
        }
        
        .cg-chart-bars {
            display: flex;
            align-items: flex-end;
            justify-content: space-around;
            height: 200px;
            margin-top: 20px;
        }
        
        .cg-chart-bar {
            flex: 1;
            margin: 0 5px;
            background: linear-gradient(to top, #667eea, #764ba2);
            border-radius: 5px 5px 0 0;
            position: relative;
            transition: all 0.5s ease;
        }
        
        .cg-chart-bar-label {
            position: absolute;
            bottom: -25px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 12px;
            color: #666;
            white-space: nowrap;
        }
        
        .cg-chart-bar-value {
            position: absolute;
            top: -25px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 11px;
            font-weight: 600;
            color: #667eea;
            white-space: nowrap;
        }
        
        @media (max-width: 768px) {
            .cg-calculator-container {
                padding: 20px;
                margin: 20px;
            }
            
            .cg-calculator-header h2 {
                font-size: 22px;
            }
            
            .cg-account-type {
                grid-template-columns: 1fr;
            }
            
            .cg-result-value {
                font-size: 18px;
            }
            
            .cg-result-highlight .cg-result-value {
                font-size: 28px;
            }
        }
    </style>
</head>
<body>
    <div class="cg-calculator-container">
        <div class="cg-calculator-header">
            <h2>💰 KODEX 200 ISA 장기투자 수익률 계산기</h2>
            <p>투자 조건을 입력하고 예상 수익을 확인해보세요</p>
        </div>
        
        <div class="cg-calculator-content">
            <div class="cg-input-group">
                <label for="cg-initial-amount">초기 투자금액 (원)</label>
                <div class="cg-input-wrapper">
                    <input type="number" id="cg-initial-amount" value="10000000" min="0" step="1000000">
                    <span id="cg-initial-display">1,000만원</span>
                </div>
            </div>
            
            <div class="cg-input-group">
                <label for="cg-monthly-amount">월 적립금액 (원)</label>
                <div class="cg-input-wrapper">
                    <input type="number" id="cg-monthly-amount" value="500000" min="0" step="100000">
                    <span id="cg-monthly-display">50만원</span>
                </div>
            </div>
            
            <div class="cg-input-group">
                <label for="cg-return-rate">연평균 수익률 (%)</label>
                <div class="cg-input-wrapper">
                    <input type="range" id="cg-return-rate" min="0" max="20" value="8" step="0.5">
                    <span id="cg-return-display">8.0%</span>
                </div>
            </div>
            
            <div class="cg-input-group">
                <label for="cg-investment-years">투자 기간 (년)</label>
                <div class="cg-input-wrapper">
                    <input type="range" id="cg-investment-years" min="3" max="30" value="10" step="1">
                    <span id="cg-years-display">10년</span>
                </div>
            </div>
            
            <div class="cg-input-group">
                <label>ISA 계좌 유형</label>
                <div class="cg-account-type">
                    <div class="cg-account-option">
                        <input type="radio" id="cg-account-normal" name="account-type" value="normal">
                        <label for="cg-account-normal">일반형 ISA<br><small>(비과세 200만원)</small></label>
                    </div>
                    <div class="cg-account-option">
                        <input type="radio" id="cg-account-special" name="account-type" value="special" checked>
                        <label for="cg-account-special">서민형 ISA<br><small>(비과세 400만원)</small></label>
                    </div>
                </div>
            </div>
            
            <button class="cg-calculate-btn" onclick="calculateInvestment()">📊 수익률 계산하기</button>
            
            <div class="cg-results" id="cg-results">
                <div class="cg-result-item">
                    <span class="cg-result-label">총 투자원금</span>
                    <span class="cg-result-value" id="cg-total-principal">0원</span>
                </div>
                
                <div class="cg-result-item">
                    <span class="cg-result-label">예상 평가금액</span>
                    <span class="cg-result-value" id="cg-total-value">0원</span>
                </div>
                
                <div class="cg-result-item">
                    <span class="cg-result-label">투자 수익금</span>
                    <span class="cg-result-value" id="cg-profit">0원</span>
                </div>
                
                <div class="cg-result-item">
                    <span class="cg-result-label">일반 계좌 세금 (15.4%)</span>
                    <span class="cg-result-value" id="cg-normal-tax">0원</span>
                </div>
                
                <div class="cg-result-item">
                    <span class="cg-result-label">ISA 계좌 세금</span>
                    <span class="cg-result-value" id="cg-isa-tax">0원</span>
                </div>
                
                <div class="cg-result-highlight">
                    <div class="cg-result-label">💎 ISA 절세 효과</div>
                    <div class="cg-result-value" id="cg-tax-saving">0원</div>
                </div>
                
                <div class="cg-chart-container">
                    <h3 style="text-align: center; color: #333; margin-bottom: 10px;">연도별 자산 증가 추이</h3>
                    <div class="cg-chart-bars" id="cg-chart-bars"></div>
                </div>
            </div>
        </div>
    </div>

    <script>
        // 숫자 포맷팅 함수
        function formatNumber(num) {
            return Math.round(num).toLocaleString('ko-KR');
        }
        
        function formatKoreanWon(num) {
            const billion = Math.floor(num / 100000000);
            const million = Math.floor((num % 100000000) / 10000);
            
            if (billion > 0) {
                return million > 0 ? `${billion}억 ${million}만원` : `${billion}억원`;
            } else if (million > 0) {
                return `${million}만원`;
            } else {
                return `${formatNumber(num)}원`;
            }
        }
        
        // 실시간 입력값 표시 업데이트
        document.getElementById('cg-initial-amount').addEventListener('input', function(e) {
            document.getElementById('cg-initial-display').textContent = formatKoreanWon(e.target.value);
        });
        
        document.getElementById('cg-monthly-amount').addEventListener('input', function(e) {
            document.getElementById('cg-monthly-display').textContent = formatKoreanWon(e.target.value);
        });
        
        document.getElementById('cg-return-rate').addEventListener('input', function(e) {
            document.getElementById('cg-return-display').textContent = e.target.value + '%';
        });
        
        document.getElementById('cg-investment-years').addEventListener('input', function(e) {
            document.getElementById('cg-years-display').textContent = e.target.value + '년';
        });
        
        // 투자 수익률 계산 함수
        function calculateInvestment() {
            const initialAmount = parseFloat(document.getElementById('cg-initial-amount').value) || 0;
            const monthlyAmount = parseFloat(document.getElementById('cg-monthly-amount').value) || 0;
            const returnRate = parseFloat(document.getElementById('cg-return-rate').value) / 100;
            const years = parseInt(document.getElementById('cg-investment-years').value);
            const accountType = document.querySelector('input[name="account-type"]:checked').value;
            
            // 월 수익률
            const monthlyRate = returnRate / 12;
            const months = years * 12;
            
            // 복리 계산
            let totalValue = initialAmount * Math.pow(1 + monthlyRate, months);
            
            // 월 적립금 복리 계산
            if (monthlyAmount > 0) {
                totalValue += monthlyAmount * ((Math.pow(1 + monthlyRate, months) - 1) / monthlyRate);
            }
            
            const totalPrincipal = initialAmount + (monthlyAmount * months);
            const profit = totalValue - totalPrincipal;
            
            // 세금 계산
            const normalTax = profit * 0.154; // 일반 계좌 15.4%
            
            let isaTax = 0;
            const taxFreeLimit = accountType === 'special' ? 4000000 : 2000000;
            
            if (profit > taxFreeLimit) {
                isaTax = (profit - taxFreeLimit) * 0.099; // 초과분 9.9%
            }
            
            const taxSaving = normalTax - isaTax;
            
            // 결과 표시
            document.getElementById('cg-total-principal').textContent = formatKoreanWon(totalPrincipal);
            document.getElementById('cg-total-value').textContent = formatKoreanWon(totalValue);
            document.getElementById('cg-profit').textContent = formatKoreanWon(profit);
            document.getElementById('cg-normal-tax').textContent = formatKoreanWon(normalTax);
            document.getElementById('cg-isa-tax').textContent = formatKoreanWon(isaTax);
            document.getElementById('cg-tax-saving').textContent = formatKoreanWon(taxSaving);
            
            // 차트 생성
            createChart(initialAmount, monthlyAmount, monthlyRate, years);
            
            // 결과 영역 표시
            document.getElementById('cg-results').classList.add('active');
            
            // 결과로 스크롤
            document.getElementById('cg-results').scrollIntoView({ behavior: 'smooth', block: 'nearest' });
        }
        
        // 차트 생성 함수
        function createChart(initial, monthly, monthlyRate, years) {
            const chartBars = document.getElementById('cg-chart-bars');
            chartBars.innerHTML = '';
            
            const intervals = years <= 10 ? years : 5;
            const yearStep = years <= 10 ? 1 : Math.floor(years / 5);
            
            let maxValue = 0;
            const dataPoints = [];
            
            for (let i = 1; i <= intervals; i++) {
                const currentYear = i * yearStep;
                const months = currentYear * 12;
                
                let value = initial * Math.pow(1 + monthlyRate, months);
                if (monthly > 0) {
                    value += monthly * ((Math.pow(1 + monthlyRate, months) - 1) / monthlyRate);
                }
                
                dataPoints.push({ year: currentYear, value: value });
                if (value > maxValue) maxValue = value;
            }
            
            dataPoints.forEach(point => {
                const bar = document.createElement('div');
                bar.className = 'cg-chart-bar';
                const height = (point.value / maxValue) * 100;
                bar.style.height = height + '%';
                
                const label = document.createElement('div');
                label.className = 'cg-chart-bar-label';
                label.textContent = point.year + '년';
                
                const valueLabel = document.createElement('div');
                valueLabel.className = 'cg-chart-bar-value';
                valueLabel.textContent = formatKoreanWon(point.value);
                
                bar.appendChild(label);
                bar.appendChild(valueLabel);
                chartBars.appendChild(bar);
            });
        }
        
        // 페이지 로드 시 초기값 표시
        window.addEventListener('load', function() {
            document.getElementById('cg-initial-display').textContent = formatKoreanWon(10000000);
            document.getElementById('cg-monthly-display').textContent = formatKoreanWon(500000);
        });
    </script>
</body>
</html>

References

[1] Samsung Kodex Kospi 200 Securities – https://www.investing.com/etfs/samsung-kodex-kospi-200-securities

[2] asiae.co.kr – https://www.asiae.co.kr/en/article/stock-etc/2026012809595220229

[3] stockanalysis – https://stockanalysis.com/quote/krx/498400/

[4] Analysis – https://www.tradingview.com/symbols/KRX-069500/analysis/

[5] History – https://www.perplexity.ai/finance/069500.KS/history

[6] cbonds – https://cbonds.com/etf/15019/

[7] Overview – https://terminal.forecaster.biz/instrument/ksc/278530.ks/overview