@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');
:root{
--sbk-ivory:#FFFCF3; --sbk-ink:#171717; --sbk-green:#082215;
--sbk-mint:#F2FCF0; --sbk-lemon:#FFF71D;
--sbk-raspberry:#EC234C;
--sbk-tangerine:#FD5D0D;
--sbk-text:#2B323C;
--ink-70:rgba(23,23,23,.70); --ink-45:rgba(23,23,23,.45); --ink-12:rgba(23,23,23,.12);
--ivory-70:rgba(255,252,243,.70); --ivory-45:rgba(255,252,243,.45); --ivory-16:rgba(255,252,243,.16);
--font:'Jost','Pretendard Variable',Pretendard,'Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif;
--maxw:1200px; --rhythm:clamp(56px,6vw,72px); --nav-h:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sbk-ivory);color:var(--sbk-ink);font-family:var(--font);
font-size:16px;line-height:1.65;letter-spacing:-0.02em;-webkit-font-smoothing:antialiased;
word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}
::selection{background:var(--sbk-lemon);color:var(--sbk-ink)}
:focus-visible{outline:3px solid rgba(8,34,21,.35);outline-offset:2px;border-radius:3px}
.sbk-wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(24px,5vw,64px)}
body:has(.sbk-hero) main .min-w-0.flex-1{display:none !important}
.tiptap{font-size:18px !important;line-height:1.75 !important;letter-spacing:-0.02em !important;color:var(--sbk-text) !important}
.tiptap p{font-size:18px !important;font-weight:400 !important;line-height:1.75 !important;margin:0 0 24px !important}
.tiptap li{font-size:18px !important;line-height:1.75 !important;margin:0 0 20px !important}
html body .tiptap h2,html body article .tiptap h2{font-size:32px !important;font-weight:700 !important;line-height:1.32 !important;letter-spacing:-0.015em !important;color:var(--sbk-green) !important;margin:110px 0 20px !important}
html body .tiptap h2:first-child{margin-top:8px !important}
html body .tiptap h3,html body article .tiptap h3{font-size:24px !important;font-weight:600 !important;line-height:1.45 !important;color:var(--sbk-green) !important;margin:32px 0 12px !important}
.tiptap strong,.tiptap b{font-weight:700 !important}
.tiptap table{font-size:17px !important;line-height:1.7 !important;border-radius:8px !important;overflow:hidden}
.tiptap img{border-radius:8px !important;max-width:100%;height:auto}
.tiptap h1{font-size:44px !important;line-height:1.3 !important;letter-spacing:-0.03em !important}
.tiptap mark,mark{background:var(--sbk-lemon) !important;color:var(--sbk-green) !important;
padding:0 .14em !important;border-radius:0 !important;-webkit-box-decoration-break:clone !important;box-decoration-break:clone !important}
.sbk-nav{position:sticky;top:0;z-index:900;background:var(--sbk-green);border-bottom:1px solid var(--ivory-16)}
.sbk-nav-in{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,64px);height:var(--nav-h);
display:flex;align-items:center;justify-content:space-between;gap:24px}
.sbk-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.sbk-brand b{font-size:17px;font-weight:700;color:var(--sbk-ivory);letter-spacing:-0.01em}
.sbk-brand i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--sbk-lemon);text-transform:uppercase}
.sbk-menu{display:flex;align-items:center;gap:4px;margin-left:auto}
.sbk-menu > a,.sbk-dd > a{display:inline-flex;align-items:center;gap:5px;padding:9px 14px;border-radius:8px;
font-size:14.5px;font-weight:600;color:var(--ivory-70);text-decoration:none;white-space:nowrap;transition:.15s}
.sbk-menu > a:hover,.sbk-dd:hover > a{color:var(--sbk-ivory);background:rgba(255,252,243,.08)}
.sbk-dd{position:relative}
.sbk-dd > a::after{content:"▾";font-size:10px;opacity:.7}
.sbk-dd-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:var(--sbk-ivory);
border:1px solid var(--ink-12);border-radius:12px;padding:8px;box-shadow:0 18px 44px rgba(8,34,21,.22);
opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s}
.sbk-dd:hover .sbk-dd-menu,.sbk-dd:focus-within .sbk-dd-menu{opacity:1;visibility:visible;transform:translateY(0)}
.sbk-dd-menu a{display:block;padding:10px 12px;border-radius:8px;font-size:14.5px;font-weight:600;
color:var(--sbk-green);text-decoration:none;line-height:1.5}
.sbk-dd-menu a:hover{background:var(--sbk-mint)}
.sbk-nav-cta{display:flex;align-items:center;gap:14px;flex-shrink:0}
.sbk-nav-tel{font-size:15.5px;font-weight:700;color:var(--sbk-ivory);text-decoration:none;white-space:nowrap}
.sbk-nav-tel:hover{color:var(--sbk-lemon)}
.sbk-nav-btn{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;
background:var(--sbk-lemon);color:var(--sbk-green);font-size:14.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.sbk-nav-btn:hover{filter:brightness(.95)}
.sbk-ham{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;padding:10px}
.sbk-ham span{display:block;height:2px;background:var(--sbk-ivory);margin:5px 0;border-radius:2px;transition:.2s}
.sbk-mnav{display:none;background:var(--sbk-green);border-bottom:1px solid var(--ivory-16);padding:8px 20px 20px}
.sbk-mnav.open{display:block}
.sbk-mnav a{display:block;padding:13px 6px;font-size:15.5px;font-weight:600;color:var(--ivory-70);
text-decoration:none;border-bottom:1px solid rgba(255,252,243,.08)}
.sbk-mnav a:last-child{border-bottom:0}
.sbk-mnav .sub{padding-left:18px;font-size:14.5px;color:var(--ivory-45)}
.sbk-hero{position:relative;background:var(--sbk-green);color:var(--sbk-ivory);
padding:clamp(64px,8vw,110px) 0 clamp(60px,7vw,96px);overflow:hidden}
.sbk-hero .sbk-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.sbk-hero h1{font-size:clamp(32px,4.2vw,54px);font-weight:700;line-height:1.3;letter-spacing:-0.025em;margin:0 0 22px;color:var(--sbk-ivory)}
.sbk-hero h1 mark{background:var(--sbk-lemon);color:var(--sbk-green);padding:0 .14em;border-radius:0}
.sbk-lead{font-size:clamp(16.5px,1.45vw,19px);line-height:1.8;color:var(--ivory-70);margin:0 0 30px;max-width:34ch}
.sbk-creds{list-style:none;margin:0 0 34px;padding:0;display:flex;flex-direction:column;gap:14px}
.sbk-creds li{position:relative;padding-left:26px;font-size:15.5px;font-weight:600;color:var(--ivory-70);line-height:1.65}
.sbk-creds li::before{content:"";position:absolute;left:0;top:11px;width:14px;height:4px;background:var(--sbk-lemon)}
.sbk-creds li.sbk-creds-main{color:var(--sbk-ivory);font-size:16.5px}
.sbk-cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.sbk-tel{font-size:clamp(18px,1.5vw,21px);font-weight:700;color:var(--sbk-ivory);text-decoration:none;
border-bottom:3px solid var(--sbk-lemon);padding-bottom:3px}
.sbk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;
background:var(--sbk-lemon);color:var(--sbk-green);font-weight:700;font-size:16px;border-radius:999px;text-decoration:none}
.sbk-btn:hover{filter:brightness(.96)}
.sbk-credcard{background:var(--sbk-mint);color:var(--sbk-green);border-radius:18px;
padding:clamp(26px,3vw,38px);box-shadow:0 24px 60px rgba(8,34,21,.28)}
.sbk-credcard .sbk-name{font-size:22px;font-weight:700;margin:0 0 4px;letter-spacing:-0.02em}
.sbk-credcard .sbk-role{font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--ink-45);margin:0 0 24px;text-transform:uppercase}
.sbk-credcard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}
.sbk-credcard li{position:relative;padding-left:24px}
.sbk-credcard li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:3px;background:var(--sbk-green)}
.sbk-credcard li:nth-child(2)::before{background:var(--sbk-tangerine)}
.sbk-credcard li b{display:block;font-size:14.5px;font-weight:800;letter-spacing:.01em;margin-bottom:5px;color:var(--sbk-green)}
.sbk-credcard li span{display:block;font-size:14.5px;line-height:1.72;color:rgba(8,34,21,.76)}
.sbk-credcard .sbk-bar-no{margin-top:24px;font-size:12.5px;line-height:1.7;color:var(--ink-45);
border-top:1px solid var(--ink-12);padding-top:16px}
.sbk-sec{padding:var(--rhythm) 0}
.sbk-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--ink-45);margin:0 0 16px;text-transform:uppercase}
.sbk-sec h2{font-size:clamp(28px,3.3vw,44px);font-weight:700;line-height:1.32;letter-spacing:-0.02em;margin:0 0 16px}
.sbk-sub{font-size:clamp(15.5px,1.35vw,18px);line-height:1.8;color:var(--ink-70);margin:0 0 40px;max-width:56ch}
.sbk-ivory{background:var(--sbk-ivory);color:var(--sbk-ink)}
.sbk-green{background:var(--sbk-green);color:var(--sbk-ivory)}
.sbk-green h2,.sbk-green .sbk-eyebrow{color:var(--sbk-ivory)}
.sbk-green .sbk-eyebrow{color:var(--sbk-lemon)}
.sbk-green .sbk-sub{color:var(--ivory-70)}
.sbk-mint{background:var(--sbk-mint);color:var(--sbk-green)}
.sbk-mint h2{color:var(--sbk-green)}
.sbk-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}
.sbk-panel{border-radius:16px;padding:clamp(26px,3vw,38px)}
.sbk-panel-a{background:var(--sbk-mint);color:var(--sbk-green)}
.sbk-panel-b{background:var(--sbk-green);color:var(--sbk-ivory)}
.sbk-panel small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.16em;margin-bottom:14px;text-transform:uppercase}
.sbk-panel-a small{color:var(--ink-45)}
.sbk-panel-b small{color:var(--sbk-lemon)}
.sbk-panel p{margin:0;font-size:16px;line-height:1.85;letter-spacing:-0.018em}
.sbk-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}
.sbk-card{background:var(--sbk-ivory);border:1px solid var(--ink-12);border-radius:14px;
padding:28px 26px;text-decoration:none;color:inherit;display:block;transition:.15s}
.sbk-card .sbk-no{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:12px;color:var(--ink-45)}
.sbk-card:nth-child(1) .sbk-no{color:var(--sbk-tangerine)}
.sbk-card:nth-child(2) .sbk-no{color:var(--sbk-raspberry)}
.sbk-card h3{font-size:20px;font-weight:700;margin:0 0 10px;color:var(--sbk-green);line-height:1.4}
.sbk-card p{margin:0;font-size:15px;line-height:1.72;color:var(--ink-70)}
.sbk-card:hover{border-color:var(--sbk-green);transform:translateY(-2px);box-shadow:0 12px 28px rgba(8,34,21,.10)}
.sbk-strip{display:flex;flex-wrap:wrap;gap:10px}
.sbk-pill{background:var(--sbk-ivory);border:1px solid var(--ink-12);border-radius:999px;
padding:10px 18px;font-size:14px;font-weight:600;color:var(--sbk-green);text-decoration:none}
.sbk-pill:hover{border-color:var(--sbk-green);background:#fff}
.sbk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sbk-step{background:var(--sbk-mint);border-radius:14px;padding:26px 22px}
.sbk-step .sbk-no{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--sbk-tangerine);margin-bottom:12px}
.sbk-step b{display:block;font-size:17px;margin-bottom:9px;color:var(--sbk-green);line-height:1.4}
.sbk-step p{margin:0;font-size:14px;line-height:1.75;color:var(--ink-70)}
.sbk-prof{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.sbk-profcard{background:rgba(255,252,243,.08);border-radius:18px;padding:36px;border:1px solid var(--ivory-16)}
.sbk-prof h2{color:var(--sbk-ivory)}
.sbk-prof ul{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:12px}
.sbk-prof li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.7;color:var(--ivory-70)}
.sbk-prof li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:3px;background:var(--sbk-lemon)}
.sbk-ins{border-top:2px solid var(--sbk-green)}
.sbk-irow{display:grid;grid-template-columns:104px 1fr 20px;gap:22px;align-items:baseline;
padding:22px 2px;border-bottom:1px solid var(--ink-12);text-decoration:none;color:inherit}
.sbk-irow time{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-45);text-transform:uppercase}
.sbk-irow.is-disease time{color:var(--sbk-tangerine)}
.sbk-irow.is-denied time{color:var(--sbk-raspberry)}
.sbk-irow b{font-size:17.5px;font-weight:600;color:var(--sbk-green);line-height:1.6}
.sbk-irow i{font-style:normal;opacity:.35}
.sbk-irow:hover b{border-bottom:2px solid var(--sbk-lemon)}
.sbk-close{padding:64px 0}
.sbk-close h2{font-size:clamp(30px,3.8vw,50px);color:var(--sbk-ivory)}
.sbk-close h2 mark{background:var(--sbk-lemon);color:var(--sbk-green);padding:0 .15em}
.sbk-close .sbk-sub{color:var(--ivory-70)}
.sbk-close .sbk-cta-row{margin-top:32px}
.sbk-foot{background:var(--sbk-green);color:var(--ivory-70);padding:72px 0 36px;border-top:1px solid var(--ivory-16)}
.sbk-foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid var(--ivory-16)}
.sbk-foot-brand b{display:block;font-size:18px;font-weight:700;color:var(--sbk-ivory);margin-bottom:10px}
.sbk-foot-brand p{margin:0 0 18px;font-size:14.5px;line-height:1.8;color:var(--ivory-45);max-width:30ch}
.sbk-foot-tel{font-size:22px;font-weight:700;color:var(--sbk-ivory);text-decoration:none;
border-bottom:3px solid var(--sbk-lemon);padding-bottom:2px}
.sbk-foot-col h4{font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--sbk-lemon);margin:0 0 16px;text-transform:uppercase}
.sbk-foot-col a{display:block;padding:6px 0;font-size:14.5px;line-height:1.7;color:var(--ivory-70);text-decoration:none}
.sbk-foot-col a:hover{color:var(--sbk-ivory)}
.sbk-foot-bot{padding-top:26px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12.5px;line-height:1.8;color:var(--ivory-45)}
.sbk-foot-bot .sbk-ad-resp{color:var(--ivory-70);font-weight:600}
.sbk-skip{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--sbk-green);color:var(--sbk-lemon);
padding:11px 18px;font-weight:800;font-size:14px;text-decoration:none}
.sbk-skip:focus{left:0}
a:focus-visible,button:focus-visible{outline:3px solid var(--sbk-lemon) !important;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
@media(max-width:1024px){
.sbk-menu,.sbk-nav-tel{display:none}
.sbk-ham{display:block}
.sbk-foot-top{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:880px){
:root{--rhythm:72px}
.sbk-hero .sbk-wrap,.sbk-prof,.sbk-duo{grid-template-columns:1fr;gap:32px}
.sbk-cards3,.sbk-steps{grid-template-columns:1fr}
.sbk-irow{grid-template-columns:1fr;gap:6px}
.sbk-lead{max-width:none}
.sbk-cta-row{gap:12px}
.sbk-btn{width:100%;justify-content:center}
}
@media(max-width:560px){
.sbk-foot-top{grid-template-columns:1fr;gap:28px}
.sbk-nav-btn{height:38px;padding:0 14px;font-size:13.5px}
}
@media(max-width:768px){.sbk3-vhero .sbk-kakao,.sbk3-vhero .sbk3-tel,.sbk3-hero .sbk-kakao,.sbk3-hero .sbk3-tel{display:none !important}}
.sbk3-vcopy{background:rgba(255,252,243,.74);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:16px;padding:22px 26px;max-width:640px}
.sbk3-vhero .sbk3-tel{background:#fff;font-weight:700;border:1.5px solid #171717}
.sbk3-vcopy h1,.sbk3-lead,.sbk3-creds li{word-break:keep-all}
.sbk-nav-btn{background:#082215 !important;color:#FFFCF3 !important}
.sbk-nav-btn:hover{background:#0c3320 !important}
본문 바로가기
출퇴근길 사고, 산재와 자동차보험 둘 다 됩니다
산재보험은 치료와 소득 보전을 공적 기준으로 보장하고, 자동차보험은 손해배상 원리로 위자료와 일실수입 차액까지 다룹니다. 같은 손해를 두 번 받는 것만 공제됩니다. 그래서 "어느 쪽이 낫냐"보다. " 어떤 순서로 둘 다.

최초 작성 2026.08.18 · 작성 채현주 변호사(소백 법률사무소)
출퇴근길 사고는 산재보험과 자동차보험 둘 다로 보상받습니다. 산재보험은 치료와 소득 보전을 공적 기준으로 보장하고, 자동차보험은 손해배상 원리로 위자료와 일실수입 차액까지 다룹니다. 같은 손해를 두 번 받는 것만 공제됩니다. 그래서 "어느 쪽이 낫냐"보다 " 어떤 순서로 둘 다 쓰느냐"가 실전 질문입니다. 출퇴근재해 안내는 찾기 쉬운 생활법령정보에서도 확인됩니다.
출퇴근 재해 인정 기준
산업재해보상보험법 제37조는 통상적인 경로와 방법으로 출퇴근하던 중 발생한 사고를 업무상 재해로 인정합니다. 시행령 제35조는 경로 일탈·중단 중 사고라도 일상생활에 필요한 행위는 예외로 인정합니다.
일상생활에 필요한 행위: 1. 일상생활에 필요한 용품을 구입하는 행위 2. 직업능력 개발에 기여하는 교육·훈련 3. 선거권·국민투표권의 행사 4. 보호하는 아동·장애인을 보육·교육기관에 데려다주는 행위 5. 질병 치료·예방 진료 6. 요양 중인 가족 돌봄 7. 그 밖에 고용노동부장관이 인정하는 행위
등하원을 위해 잠시 들른 경우, 편의점에서 생수를 산 경우는 인정되는 쪽이고, 술자리 2차 후 사고나 모임 후 늦은 귀가 중 사고는 통상 경로를 벗어난 것으로 다툼이 됩니다. 회사가 출퇴근용 교통수단을 제공했다면 별도 기준(사업주 지배관리)이 적용됩니다.
둘 다 받는 구조, 항목으로 정리하면
| 보상 항목 | 산재보험 | 자동차보험 |
| 치료비 | 요양급여(전액, 산재 지정) | 대인배상 한도 내 |
| 소득 보전 | 휴업급여(평균임금의 70%, 산정 기준) | 일실수입(손해배상 기준) |
| 후유 증상 | 장해급여(등급별 연금·일시금) | 후유장해 보상 |
| 위자료 | 없음 | 정신적 손해 배상 |
겹치는 항목은 이중으로 받지 못하므로, 산재로 받은 금액은 손해배상 산정에서 공제됩니다. 위자료처럼 산재에 없는 항목은 자동차보험으로 따로 청구됩니다.
순서가 결과를 바꿉니다
중상이 예상되면 치료비가 전액 보장되는 산재 요양부터 시작하는 것이 안전합니다. 경미한 사고에서는 자동차보험 합의가 빠르지만, 후유증이 나중에 드러나는 사안은 합의 전에 산재 신청 여부를 결정해 두어야 합니다. 자동차보험 약관마다 산재 처리 후 중복 보상 규정이 다르므로, 합의서에 서명하기 전에 양쪽 급여 구조를 비교해야 합니다.
적용되지 않는 직종과 재택근무
출퇴근 경로와 방법이 일정하지 않은 직종은 통상 출퇴근 재해 규정이 적용되지 않습니다. 재택근무 중 외출 사고는 통상 출퇴근 개념이 아니므로, 업무 관련성이 입증되는 경우에만 산재로 다툼이 됩니다.
사고 직후 챙길 증거
통상 경로였다는 입증이 승인을 좌우합니다. 교통카드 이용 내역, 스마트폰 GPS 이동 기록, 블랙박스 영상, 현장 사진을 사고 직후부터 모아 두세요. 회사에는 지체 없이 알리고, 산재는 근로자가 직접 공단에 신청하는 절차이므로 회사 협조가 없어도 절차는 진행됩니다.
자주 묻는 질문
산재로 치료받으면 자동차보험 위자료는 못 받나요?
받을 수 있습니다. 위자료는 산재보험에 없는 항목이므로 자동차보험으로 별도로 청구됩니다.
어느 쪽부터 신청해야 하나요?
중상이라면 산재 요양을 먼저 신청해 치료비 전액 보장을 확보하고, 손해배상 항목은 자동차보험으로 병행하는 것이 일반적입니다. 경미한 사고는 합의 전에 후유증 가능성을 따져 봐야 합니다.
개인 용무를 잠깐 보다가 사고가 났는데 산재로 인정되나요?
일상생활에 필요한 행위(용품 구입, 등하원, 진료 등)는 시행령이 예외로 인정합니다. 그 범위를 벗어난 사적 용무는 통상 경로 이탈로 다툼이 됩니다.
출퇴근 재해도 보험료에 영향을 주나요?
출퇴근 재해를 위한 요율 0.6/1,000이 전 업종에 더해지고 있습니다. 산재보험료 구조는 2026년 산재보험료율 글에서 확인됩니다.
출퇴근 사고로 산재와 자동차보험 중 어느 쪽부터, 어떤 항목을 청구할지가 걸린 사안이면 소백 법률사무소가 경로 입증과 급여 구조를 확인해 드립니다. 상담 비용은 사안별로 안내드리며, 지금 전화(02-2138-3041) 또는 카카오톡 채팅으로 문의하셔도 됩니다. 이 글은 일반적 안내이며 개별 사건의 결과를 보장하지 않습니다.
Share article