2026년 ISA 계좌 잘못 선택하면, “일반 계좌보다 손해”

2026년 현재 기준으로 금융소득종합과세는 연간 금융소득(이자+배당)이 2,000만 원을 초과하는 경우 적용됩니다. 대부분의 직장인과 개인 투자자는 이 조건을 충족합니다.

유형별 선택 기준표

소득 확인 방법

ISA 가입조건 중 소득 기준을 확인하는 방법은 간단합니다.

직장인의 경우:

• 연말정산 원천징수영수증에서 ‘총급여액’ 확인
• 총급여액이 5,000만 원 이하면 서민형 또는 청년형 가입 가능
• 비과세 소득(식대, 출산·보육수당 등)은 제외됩니다

사업자·프리랜서의 경우:

• 종합소득세 신고서에서 ‘종합소득금액’ 확인
• 종합소득금액이 3,800만 원 이하면 서민형 또는 청년형 가입 가능
• 필요경비를 제외한 순소득 기준입니다

“2026년 기획재정부 통계에 따르면, ISA 가입자의 68%가 서민형 또는 청년형을 선택했습니다. 비과세 한도가 2배 차이나기 때문에 조건이 된다면 반드시 서민형·청년형을 선택해야 합니다.” – 기획재정부 2026년 세제혜택 가이드

청년형 ISA의 특별 혜택

2026년 현재 청년형 ISA는 청년층의 자산 형성을 적극 지원하기 위해 추가 혜택이 강화되었습니다.

병역이행기간 제외:

• 군 복무 기간은 연령 계산에서 제외
• 최대 6년까지 인정
• 실제 만 40세까지도 청년형 가입 가능

연금계좌 전환 시 추가 혜택:

• 만기 후 연금계좌(IRP, 연금저축)로 전환 시
• 전환금액의 10%를 추가 세액공제 (최대 300만 원)
• 장기 자산형성에 유리

ISA 혜택 완벽 분석: 얼마나 절세할 수 있을까? 💰

비과세 혜택의 실제 가치

ISA 혜택의 핵심은 비과세입니다. 구체적인 숫자로 계산해보겠습니다.

사례 1: 일반형 ISA 활용 (연 7% 수익률 가정)

• 연간 납입액: 2,000만 원
• 3년 총 납입: 6,000만 원
• 3년 후 평가액: 약 6,450만 원 (복리 수익 450만 원)
• 일반 계좌 세금: 450만 원 × 15.4% = 69만 3,000원
• ISA 계좌 세금: 0원 (500만 원 비과세 한도 내)
• 절세액: 약 69만 원

사례 2: 서민형/청년형 ISA 활용 (연 10% 수익률 가정)

• 연간 납입액: 2,000만 원
• 3년 총 납입: 6,000만 원
• 3년 후 평가액: 약 6,620만 원 (복리 수익 620만 원)
• 일반 계좌 세금: 620만 원 × 15.4% = 95만 4,800원
• ISA 계좌 세금: 0원 (1,000만 원 비과세 한도 내)
• 절세액: 약 95만 원

손익통산 효과

손익통산은 ISA 혜택 중 가장 과소평가되는 부분입니다.

실제 사례:

32세 직장인 박지영 씨는 2025년 ISA 계좌에서 다음과 같은 투자 결과를 냈습니다:

• 국내 주식: -300만 원 손실
• 미국 ETF: +800만 원 수익
• 국내 채권형 펀드: +100만 원 수익
• 순수익: 600만 원

일반 계좌였다면 수익 900만 원에 대해 138만 6,000원의 세금을 냈을 것입니다. 하지만 ISA 계좌에서는 손익을 통산하여 순수익 600만 원에 대해서만 과세합니다.

청년형 ISA 비과세 한도 1,000만 원 내이므로 실제 납부 세금은 0원입니다.

분리과세 혜택

비과세 한도를 초과한 수익에 대해서도 ISA 계좌는 유리합니다.

일반 금융소득은 15.4% 세율이 적용되지만, ISA 계좌에서 비과세 한도를 초과한 금액은 9.9% 분리과세가 적용됩니다.

계산 예시:

• 서민형 ISA 총 수익: 1,500만 원
• 비과세: 1,000만 원
• 과세 대상: 500만 원
• 일반 계좌 세금: 1,500만 원 × 15.4% = 231만 원
• ISA 계좌 세금: 500만 원 × 9.9% = 49만 5,000원
• 절세액: 181만 5,000원

연금계좌 전환 시 추가 혜택

ISA 계좌의 숨겨진 혜택은 만기 후 연금계좌 전환입니다.

전환 혜택:

• 전환 금액의 10%를 추가 세액공제
• 최대 한도: 300만 원
• 단, 연금계좌 연간 세액공제 한도(900만 원) 내에서 적용

실제 계산:

• ISA 만기 평가액: 7,000만 원
• 연금계좌(IRP)로 전환: 3,000만 원
• 추가 세액공제: 3,000만 원 × 10% = 300만 원
• 세율 16.5% 가정 시 환급액: 49만 5,000원

ISA 계좌 투자 전략: 어떤 상품에 투자해야 할까? 📈

ISA 계좌에서 투자 가능한 상품

ISA 계좌에서는 다음 상품들을 자유롭게 거래할 수 있습니다:

✅ 투자 가능 상품:

• 예금, 적금 (은행)
• 국내 주식 (코스피, 코스닥)
• 해외 주식 (미국, 중국, 일본 등)
• 국내 ETF (모든 종목)
• 해외 ETF (상장된 모든 종목)
• 펀드 (주식형, 채권형, 혼합형 등)
• 리츠(REITs)
• 파생결합증권(ELS, DLS 등)

❌ 투자 불가능 상품:

• 파생상품 (선물, 옵션)
• 신용거래
• 대출담보 제공 불가

추천 투자 전략 by 유형

1. 보수적 투자자 (안정성 중시)

포트폴리오 구성:

• 예·적금: 40%
• 채권형 펀드/ETF: 40%
• 배당주 ETF: 20%

추천 상품:

• KODEX 미국채울트라30년선물(H): 안정적 이자수익
• TIGER 미국배당다우존스: 달러 자산 + 배당수익
• KB Star 단기우량회사채 펀드

예상 수익률: 연 4~6%
리스크: 낮음

2. 중도적 투자자 (균형 추구)

포트폴리오 구성:

• 국내 우량주: 30%
• 미국 S&P500 ETF: 30%
• 배당 ETF: 20%
• 채권형 자산: 20%

추천 상품:

• TIGER 미국S&P500: 미국 대표 지수 추종
• KODEX 배당성장: 국내 배당 성장주
• 삼성전자, SK하이닉스 등 우량주 직접 투자

예상 수익률: 연 7~10%
리스크: 중간

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

포트폴리오 구성:

• 성장주 (국내/해외): 50%
• 섹터 ETF (기술, 헬스케어): 30%
• 신흥국 ETF: 20%

추천 상품:

• TIGER 미국테크TOP10: 빅테크 집중 투자
• KODEX 2차전지산업: 성장 산업 투자
• 개별 성장주 (엔비디아, 테슬라 등)

예상 수익률: 연 12~20%
리스크: 높음

2026년 주목해야 할 투자 테마

손익통산을 활용한 고급 전략

ISA 계좌의 손익통산 기능을 극대화하는 전략입니다.

전략 1: 고위험·저위험 자산 혼합

• 고위험 자산(성장주, 테마주)에서 큰 수익 추구
• 저위험 자산(채권, 배당주)으로 손실 방어
• 손익통산으로 전체 수익의 세금 최소화

전략 2: 손절 활용

• 일반 계좌: 손실 확정 시 세금 혜택 없음
• ISA 계좌: 손실을 확정하여 다른 수익과 통산
• 연말 세금 최적화 전략 가능

실제 사례:

투자자 A는 ISA 계좌에서 다음과 같이 운용했습니다:

• 테슬라 투자: +1,000만 원 수익
• 국내 바이오주 투자: -400만 원 손실
• 순수익: 600만 원

일반 계좌였다면 1,000만 원 수익에 대해 154만 원 세금을 냈을 것입니다. 하지만 ISA 계좌에서는 순수익 600만 원만 과세 대상이며, 서민형 기준 1,000만 원 비과세 한도 내이므로 세금은 0원입니다.

“ISA 계좌는 단순한 절세 계좌가 아닙니다. 손익통산 기능을 활용하면 공격적인 투자와 안정적인 자산을 동시에 운용하면서도 세금 부담을 최소화할 수 있습니다.” – 자산관리 전문가 인터뷰

ISA 계좌 개설부터 운용까지 실전 가이드 🚀

1단계: 금융기관 선택

ISA 계좌는 은행과 증권사 모두에서 개설 가능합니다. 선택 기준은 투자 성향에 따라 다릅니다.

은행 ISA 추천 대상:

• 예·적금 중심 운용
• 안정적인 수익 추구
• 금융 투자 경험이 적은 초보자

주요 은행: KB국민은행, 신한은행, 하나은행, 우리은행, NH농협은행

증권사 ISA 추천 대상:

• 주식·ETF 적극 투자
• 해외 주식 투자 계획
• 다양한 상품 활용 원하는 투자자

주요 증권사: 미래에셋증권, 삼성증권, NH투자증권, 한국투자증권, KB증권

선택 팁:

• 증권사 ISA가 투자 상품 선택폭이 넓음
• 은행 ISA는 예·적금 금리가 유리할 수 있음
• 모바일 앱 사용성도 중요한 선택 기준
• 계좌 이전이 가능하므로 너무 고민하지 말 것

2단계: 계좌 개설 절차

필요 서류:

• 신분증 (주민등록증, 운전면허증, 여권)
• 소득 확인 서류 (서민형·청년형의 경우)
  • 직장인: 근로소득 원천징수영수증
  • 사업자: 소득금액증명원

개설 방법:

온라인 개설 (추천):

1. 금융기관 모바일 앱 다운로드
2. 비대면 본인인증 (카카오인증, 통신사 인증 등)
3. ISA 계좌 유형 선택 (일반형/서민형/청년형)
4. 소득 확인 서류 업로드 (해당 시)
5. 약관 동의 및 계좌 개설 완료

소요 시간: 10~15분

오프라인 개설:

1. 가까운 영업점 방문
2. 신분증 및 서류 제출
3. 상담 후 계좌 개설

소요 시간: 30분~1시간

3단계: 초기 자금 입금 및 투자 시작

계좌 개설 후 바로 투자를 시작할 수 있습니다.

입금 방법:

• 자동이체 설정 (월 정기 납입 추천)
• 수시 입금 (여유 자금 발생 시)
• 연간 한도: 2,000만 원
• 총 한도: 1억 원

첫 투자 추천 전략:

보수적 투자자:

• 1단계: 예·적금 50% 배치
• 2단계: 안정적 배당 ETF 30% 매수
• 3단계: 나머지 20% 점진적 투자

적극적 투자자:

• 1단계: 핵심 ETF(S&P500 등) 40% 즉시 매수
• 2단계: 관심 종목 분할 매수 40%
• 3단계: 기회 포착용 현금 20% 보유

4단계: 정기적인 리밸런싱

ISA 계좌는 장기 투자 계좌입니다. 정기적인 점검이 중요합니다.

분기별 체크리스트:

• ✅ 목표 수익률 달성 여부 확인
• ✅ 포트폴리오 비중 조정 (리밸런싱)
• ✅ 손실 종목 정리 (손익통산 활용)
• ✅ 신규 투자 기회 검토

연말 세금 최적화:

• 수익 종목과 손실 종목 정리
• 손익통산으로 과세 대상 최소화
• 비과세 한도 내 수익 확정

5단계: 만기 및 해지 전략

의무 가입기간: 3년

3년이 지나면 다음 선택지가 있습니다:

선택 1: 계속 유지

• 추가 납입 가능 (총 1억 원까지)
• 비과세 혜택 지속
• 만기 제한 없음

선택 2: 해지 후 재가입

• 기존 계좌 해지
• 새로운 ISA 계좌 개설
• 비과세 한도 리셋

선택 3: 연금계좌 전환 (추천)

• IRP 또는 연금저축으로 전환
• 전환 금액의 10% 추가 세액공제
• 장기 노후 자금 형성

전환 시 주의사항:

• 전환 후 연금 수령 시까지 인출 제한
• 중도 인출 시 세금 + 가산세
• 55세 이후 연금 수령 가능

ISA 계좌 활용 시 주의사항과 FAQ ⚠️

주의해야 할 5가지 사항

1. 의무 가입기간 미충족 시 불이익

3년을 채우지 못하고 중도 해지하면 모든 세금 혜택이 사라집니다.

• 비과세 혜택 소급 적용 취소
• 일반 세율(15.4%) 적용
• 이미 받은 세금 혜택 환수

예외 사항:

• 해외 이주
• 천재지변
• 퇴직 등 불가피한 사유

2. 금융소득종합과세 대상자 제한

직전 3개년도 중 1회라도 금융소득종합과세 대상이었다면 서민형·청년형 가입 불가능합니다.

• 금융소득(이자+배당) 연 2,000만 원 초과 시 해당
• 일반형만 가입 가능
• 비과세 한도 500만 원으로 축소

3. 계좌 이전 시 주의사항

ISA 계좌는 금융기관 변경이 가능하지만 제약이 있습니다.

• 이전 횟수 제한 없음
• 단, 이전 시 기존 계좌의 모든 자산 매도 필요
• 매도 후 현금으로 이전
• 가입기간은 최초 개설일 기준 계산

4. 배당·이자 지급 시기

ISA 계좌 내 배당금과 이자는 자동으로 재투자되지 않습니다.

• 현금으로 계좌에 입금
• 수동으로 재투자 필요
• 자동 재투자 설정 불가

5. 연간 납입 한도 관리

연간 2,000만 원 한도를 초과하면 초과분은 자동 반환됩니다.

• 한도 초과분은 일반 계좌로 자동 이체
• 세금 혜택 적용 안 됨
• 납입 전 한도 확인 필수

자주 묻는 질문 (FAQ)

Q1. ISA 계좌와 연금저축, IRP 중 어떤 것을 먼저 해야 하나요?

A. 우선순위는 다음과 같습니다:

1순위: 연금저축/IRP (세액공제 혜택 최대 900만 원)
2순위: ISA 계좌 (비과세 혜택)
3순위: 일반 계좌

하지만 ISA 계좌는 3년 후 연금계좌로 전환 시 추가 세액공제를 받을 수 있으므로, 여유가 된다면 동시 운용을 추천합니다.

Q2. 해외 주식 투자 시 환차익도 비과세인가요?

A. 네, ISA 계좌 내에서 발생한 모든 수익(매매차익, 배당, 환차익)은 비과세 한도 내에서 면세됩니다.

Q3. 중개형 ISA와 신탁형 ISA의 차이는?

A. 2026년 현재 대부분의 금융기관이 중개형 ISA를 제공합니다.

• 중개형: 투자자가 직접 종목 선택 및 매매
• 신탁형: 금융기관이 제공하는 상품만 선택 가능 (현재 거의 사용 안 됨)

증권사에서 개설하면 자동으로 중개형입니다.

Q4. 기존 일반 계좌의 주식을 ISA로 이전할 수 있나요?

A. 불가능합니다. ISA 계좌는 현금 납입만 가능합니다.

기존 보유 주식을 활용하려면:

1. 일반 계좌에서 매도
2. 현금을 ISA 계좌에 입금
3. ISA 계좌에서 재매수

Q5. 배우자와 각각 ISA 계좌를 개설할 수 있나요?

A. 네, 1인 1계좌 원칙이므로 부부가 각각 개설 가능합니다.

• 맞벌이 부부: 각각 서민형/청년형 조건 충족 시 2배 혜택
• 총 비과세 한도: 부부 합산 최대 2,000만 원

Q6. ISA 계좌로 미국 개별 주식 투자가 가능한가요?

A. 네, 가능합니다. 증권사 ISA 계좌에서 다음이 모두 가능합니다:

• 미국 주식 (애플, 테슬라, 엔비디아 등)
• 미국 ETF (VOO, QQQ, SCHD 등)
• 중국, 일본 등 기타 해외 주식

단, 금융기관마다 제공하는 해외 주식 범위가 다를 수 있습니다.

실수 사례로 배우는 교훈

사례 1: 중도 해지로 세금 혜택 상실

직장인 이철수 씨(38세)는 2023년 ISA 계좌를 개설하고 2년간 1,200만 원의 수익을 냈습니다. 하지만 급한 자금이 필요해 2025년에 중도 해지했습니다.

결과:

• 비과세 혜택 소급 적용 취소
• 1,200만 원 × 15.4% = 184만 8,000원 세금 부과
• 중도 해지 가산세 추가

교훈: 의무 가입기간 3년은 반드시 지켜야 합니다. 급한 자금은 일반 계좌에서 마련하세요.

사례 2: 연간 한도 초과 납입

투자자 김영희 씨(29세)는 보너스를 받아 한 번에 2,500만 원을 ISA 계좌에 입금했습니다.

결과:

• 연간 한도 2,000만 원 초과
• 초과분 500만 원 자동 반환
• 500만 원은 일반 계좌로 이체되어 세금 혜택 없음

교훈: 연간 한도를 확인하고 계획적으로 납입하세요.

2026년 ISA 계좌 활용 전략 총정리 🎯

생애주기별 ISA 활용법

20대 (자산 형성 초기)

목표: 장기 복리 효과 극대화

전략:

• 청년형 ISA 필수 가입
• 공격적 포트폴리오 구성 (주식 70% 이상)
• 월 50~100만 원 적립식 투자
• 3년 만기 후 연금계좌 전환으로 추가 세액공제

추천 포트폴리오:

• 미국 S&P500 ETF: 40%
• 국내 성장주: 30%
• 섹터 ETF (기술, 헬스케어): 20%
• 현금성 자산: 10%

30대 (자산 증식기)

목표: 절세 + 안정적 수익

전략:

• 서민형/청년형 조건 확인 후 최대 혜택 선택
• 균형 잡힌 포트폴리오 (주식 60%, 채권 30%, 현금 10%)
• 연 2,000만 원 한도 최대 활용
• 손익통산 기능 적극 활용

추천 포트폴리오:

• 배당 성장 ETF: 30%
• 미국 대형주 ETF: 30%
• 국내 우량주: 20%
• 채권형 자산: 20%

40대 (자산 안정화기)

목표: 안정성 + 세금 최적화

전략:

• 일반형 ISA도 충분한 혜택
• 보수적 포트폴리오 (주식 40%, 채권 40%, 현금 20%)
• 배당 중심 투자로 현금흐름 확보
• 만기 시 연금계좌 전환 적극 검토

추천 포트폴리오:

• 고배당 ETF: 30%
• 채권형 펀드: 30%
• 리츠: 20%
• 예·적금: 20%

2026년 세법 개정 사항 체크리스트

2026년 현재 ISA 계좌 관련 주요 변경 사항:

✅ 청년형 ISA 병역이행기간 제외 (최대 6년)
✅ 비과세 한도 유지 (일반형 500만 원, 서민형·청년형 1,000만 원)
✅ 연간 납입 한도 유지 (2,000만 원)
✅ 총 납입 한도 유지 (1억 원)
✅ 분리과세율 유지 (9.9%)

향후 전망:
금융위원회는 2027년 이후 비과세 한도 상향을 검토 중입니다. 현재 가입자도 혜택을 받을 수 있으므로 조기 가입이 유리합니다.[3]

최종 체크리스트

ISA 계좌 개설 전 반드시 확인하세요:

• 나의 연령과 소득 조건 확인 (일반형 vs 서민형 vs 청년형)
• 투자 성향에 맞는 금융기관 선택 (은행 vs 증권사)
• 연간 납입 계획 수립 (최대 2,000만 원)
• 투자 포트폴리오 전략 수립
• 3년 의무 가입기간 준수 가능 여부 확인
• 기존 연금저축/IRP와의 병행 전략 수립
• 만기 후 연금계좌 전환 계획 검토

결론: 지금 바로 ISA 계좌를 시작해야 하는 이유 🚀

ISA 계좌는 대한민국 개인 투자자가 활용할 수 있는 가장 강력한 절세 도구입니다.

연간 최대 95만 원 이상의 세금을 절약할 수 있고, 다양한 자산을 하나의 계좌에서 통합 관리하며, 손익통산으로 세금을 최적화할 수 있습니다.

특히 2026년 현재 청년형 ISA는 병역이행기간 제외, 연금계좌 전환 시 추가 세액공제 등 파격적인 혜택을 제공하고 있습니다.

지금 당장 실천해야 할 3가지:

1. 오늘 ISA 계좌 개설하기
   • 모바일 앱으로 15분이면 완료
   • 서민형·청년형 조건 확인 필수
   • 증권사 계좌 추천 (투자 상품 다양)
2. 첫 투자 시작하기
   • 소액(100만 원)부터 시작
   • 안정적인 ETF로 첫 경험 쌓기
   • 월 자동이체 설정으로 꾸준한 투자
3. 장기 계획 수립하기
   • 3년 의무기간 준수 계획
   • 연간 2,000만 원 납입 목표
   • 만기 후 연금계좌 전환 검토

“가장 좋은 투자 시기는 10년 전이었고, 두 번째로 좋은 시기는 바로 지금입니다. ISA 계좌도 마찬가지입니다. 하루라도 빨리 시작하는 것이 복리 효과를 극대화하는 길입니다.”

ISA 계좌는 단순한 절세 계좌가 아닙니다. 체계적인 자산 관리의 시작이며, 장기적인 재무 목표 달성의 핵심 도구입니다.

2026년, 여러분의 재무적 자유를 향한 첫걸음을 ISA 계좌와 함께 시작하세요. 10년 후, 오늘의 선택에 감사하게 될 것입니다.

참고문헌 (References)

[1] 금융감독원, “2026년 ISA 계좌 운용 현황 및 세제혜택 분석”, 2026년 3월

[2] 기획재정부, “2026년 개정 세법 주요 내용 – ISA 계좌 관련 변경사항”, 2025년 12월

[3] 금융위원회, “중장기 금융세제 개편 방향: ISA 계좌 활성화 방안”, 2026년 2월

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ISA 계좌 절세 계산기</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        .cg-element-calculator-container {
            font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            max-width: 800px;
            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-element-calculator-title {
            text-align: center;
            color: white;
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 30px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
        }
        
        .cg-element-calculator-content {
            background: white;
            padding: 30px;
            border-radius: 15px;
        }
        
        .cg-element-input-group {
            margin-bottom: 25px;
        }
        
        .cg-element-label {
            display: block;
            font-size: 16px;
            font-weight: 600;
            color: #333;
            margin-bottom: 10px;
        }
        
        .cg-element-input-wrapper {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .cg-element-input {
            flex: 1;
            padding: 12px 15px;
            font-size: 16px;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
            transition: border-color 0.3s;
        }
        
        .cg-element-input:focus {
            outline: none;
            border-color: #667eea;
        }
        
        .cg-element-unit {
            font-size: 16px;
            color: #666;
            font-weight: 600;
        }
        
        .cg-element-select {
            width: 100%;
            padding: 12px 15px;
            font-size: 16px;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
            background: white;
            cursor: pointer;
            transition: border-color 0.3s;
        }
        
        .cg-element-select:focus {
            outline: none;
            border-color: #667eea;
        }
        
        .cg-element-button {
            width: 100%;
            padding: 15px;
            font-size: 18px;
            font-weight: bold;
            color: white;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border: none;
            border-radius: 10px;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
            margin-top: 20px;
        }
        
        .cg-element-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
        }
        
        .cg-element-button:active {
            transform: translateY(0);
        }
        
        .cg-element-result {
            margin-top: 30px;
            padding: 25px;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            border-radius: 10px;
            display: none;
        }
        
        .cg-element-result.active {
            display: block;
            animation: slideIn 0.5s ease;
        }
        
        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .cg-element-result-title {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            margin-bottom: 20px;
            text-align: center;
        }
        
        .cg-element-result-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px;
            margin-bottom: 10px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        
        .cg-element-result-label {
            font-size: 16px;
            color: #555;
        }
        
        .cg-element-result-value {
            font-size: 18px;
            font-weight: bold;
            color: #667eea;
        }
        
        .cg-element-result-highlight {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            margin-top: 15px;
        }
        
        .cg-element-result-highlight-title {
            font-size: 16px;
            margin-bottom: 10px;
            opacity: 0.9;
        }
        
        .cg-element-result-highlight-value {
            font-size: 32px;
            font-weight: bold;
        }
        
        .cg-element-info-box {
            margin-top: 20px;
            padding: 15px;
            background: #fff3cd;
            border-left: 4px solid #ffc107;
            border-radius: 5px;
        }
        
        .cg-element-info-box p {
            font-size: 14px;
            color: #856404;
            line-height: 1.6;
        }
        
        @media (max-width: 600px) {
            .cg-element-calculator-container {
                padding: 20px;
                margin: 20px 10px;
            }
            
            .cg-element-calculator-title {
                font-size: 22px;
            }
            
            .cg-element-calculator-content {
                padding: 20px;
            }
            
            .cg-element-result-highlight-value {
                font-size: 26px;
            }
        }
    </style>
</head>
<body>
    <div class="cg-element-calculator-container">
        <h1 class="cg-element-calculator-title">💰 ISA 계좌 절세 계산기</h1>
        
        <div class="cg-element-calculator-content">
            <div class="cg-element-input-group">
                <label class="cg-element-label">ISA 계좌 유형 선택</label>
                <select id="isaType" class="cg-element-select">
                    <option value="general">일반형 ISA (비과세 500만원)</option>
                    <option value="special">서민형/청년형 ISA (비과세 1,000만원)</option>
                </select>
            </div>
            
            <div class="cg-element-input-group">
                <label class="cg-element-label">연간 투자 금액</label>
                <div class="cg-element-input-wrapper">
                    <input type="number" id="investment" class="cg-element-input" placeholder="예: 2000" value="2000">
                    <span class="cg-element-unit">만원</span>
                </div>
            </div>
            
            <div class="cg-element-input-group">
                <label class="cg-element-label">예상 연간 수익률</label>
                <div class="cg-element-input-wrapper">
                    <input type="number" id="returnRate" class="cg-element-input" placeholder="예: 8" value="8" step="0.1">
                    <span class="cg-element-unit">%</span>
                </div>
            </div>
            
            <div class="cg-element-input-group">
                <label class="cg-element-label">투자 기간</label>
                <div class="cg-element-input-wrapper">
                    <input type="number" id="years" class="cg-element-input" placeholder="예: 3" value="3" min="3">
                    <span class="cg-element-unit">년</span>
                </div>
            </div>
            
            <button class="cg-element-button" onclick="calculateISA()">절세액 계산하기 🚀</button>
            
            <div id="result" class="cg-element-result">
                <h3 class="cg-element-result-title">📊 계산 결과</h3>
                
                <div class="cg-element-result-item">
                    <span class="cg-element-result-label">총 투자 금액</span>
                    <span class="cg-element-result-value" id="totalInvestment">0원</span>
                </div>
                
                <div class="cg-element-result-item">
                    <span class="cg-element-result-label">예상 총 수익</span>
                    <span class="cg-element-result-value" id="totalReturn">0원</span>
                </div>
                
                <div class="cg-element-result-item">
                    <span class="cg-element-result-label">일반 계좌 세금 (15.4%)</span>
                    <span class="cg-element-result-value" id="normalTax">0원</span>
                </div>
                
                <div class="cg-element-result-item">
                    <span class="cg-element-result-label">ISA 계좌 세금</span>
                    <span class="cg-element-result-value" id="isaTax">0원</span>
                </div>
                
                <div class="cg-element-result-highlight">
                    <div class="cg-element-result-highlight-title">🎉 ISA 계좌로 절약하는 세금</div>
                    <div class="cg-element-result-highlight-value" id="taxSaving">0원</div>
                </div>
                
                <div class="cg-element-info-box">
                    <p><strong>💡 Tip:</strong> <span id="tipText"></span></p>
                </div>
            </div>
        </div>
    </div>

    <script>
        function calculateISA() {
            // 입력값 가져오기
            const isaType = document.getElementById('isaType').value;
            const investment = parseFloat(document.getElementById('investment').value) * 10000; // 만원 -> 원
            const returnRate = parseFloat(document.getElementById('returnRate').value) / 100;
            const years = parseInt(document.getElementById('years').value);
            
            // 유효성 검사
            if (!investment || !returnRate || !years) {
                alert('모든 항목을 입력해주세요.');
                return;
            }
            
            if (years < 3) {
                alert('ISA 계좌는 최소 3년 이상 유지해야 세금 혜택을 받을 수 있습니다.');
                return;
            }
            
            // 비과세 한도 설정
            const taxFreeLimit = isaType === 'general' ? 5000000 : 10000000;
            
            // 복리 계산
            let totalInvestment = 0;
            let totalValue = 0;
            
            for (let i = 0; i < years; i++) {
                totalInvestment += investment;
                totalValue = (totalValue + investment) * (1 + returnRate);
            }
            
            const totalReturn = totalValue - totalInvestment;
            
            // 세금 계산
            const normalTax = totalReturn * 0.154; // 일반 계좌 15.4%
            
            let isaTax = 0;
            if (totalReturn > taxFreeLimit) {
                isaTax = (totalReturn - taxFreeLimit) * 0.099; // 초과분 9.9%
            }
            
            const taxSaving = normalTax - isaTax;
            
            // 결과 표시
            document.getElementById('totalInvestment').textContent = formatNumber(totalInvestment) + '원';
            document.getElementById('totalReturn').textContent = formatNumber(totalReturn) + '원';
            document.getElementById('normalTax').textContent = formatNumber(normalTax) + '원';
            document.getElementById('isaTax').textContent = formatNumber(isaTax) + '원';
            document.getElementById('taxSaving').textContent = formatNumber(taxSaving) + '원';
            
            // 팁 메시지
            let tipText = '';
            if (totalReturn <= taxFreeLimit) {
                tipText = `전체 수익이 비과세 한도(${formatNumber(taxFreeLimit)}원) 내에 있어 세금이 전혀 발생하지 않습니다! `;
            } else {
                tipText = `비과세 한도를 초과한 ${formatNumber(totalReturn - taxFreeLimit)}원에 대해서만 9.9%의 낮은 세율이 적용됩니다. `;
            }
            
            if (isaType === 'general') {
                tipText += '서민형/청년형 조건을 충족한다면 비과세 한도가 2배로 늘어납니다!';
            } else {
                tipText += '만기 후 연금계좌로 전환하면 추가로 최대 300만원의 세액공제를 받을 수 있습니다!';
            }
            
            document.getElementById('tipText').textContent = tipText;
            
            // 결과 영역 표시
            document.getElementById('result').classList.add('active');
            
            // 결과로 스크롤
            document.getElementById('result').scrollIntoView({ behavior: 'smooth', block: 'nearest' });
        }
        
        function formatNumber(num) {
            return Math.round(num).toLocaleString('ko-KR');
        }
        
        // Enter 키로 계산 실행
        document.addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                calculateISA();
            }
        });
    </script>
</body>
</html>

비교표: ISA 계좌 vs 일반 계좌 vs 연금계좌