@charset "utf-8";

/* ==========================================================
   고객센터 · 약관 공용 (support.css)
   notice / faq / compensation / contact / driver / terms / privacy
   ========================================================== */

/* ---------- 공통 ---------- */
/* 서브페이지 고정 헤더 — 다크 서브비주얼 위 가독성 확보 (마크업 수정 없이 CSS로 처리) */

/* ---------- 공통 섹션 ---------- */
.support_sec {padding:var(--sec-padding) 0}
.support_sec.bg_gray {background:var(--gray-bg)}
.support_sec.bg_blue {background:var(--blue-bg)}
.support_sec .title_box {margin-bottom:clamp(36px,4.6vw,62px)}
.support_sec .title_box h2 {font-size:clamp(27px,3.3vw,46px)}
.support_sec .title_box p {font-size:clamp(15px,1.4vw,19px)}
.sub_tit {display:block;font-size:clamp(20px,2vw,28px);font-weight:700;font-family:'godo', sans-serif;color:var(--tit)}
.sub_tit em {color:var(--primary)}

/* ---------- 고객센터 안내 카드 ---------- */
.cs_grid {display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
.cs_grid .item {background:var(--white);border:solid 1px var(--line);border-radius:20px;padding:clamp(30px,3.2vw,44px) clamp(18px,2.2vw,32px);text-align:center;transition:all .25s}
.cs_grid .item:hover {border-color:var(--primary);box-shadow:0 16px 36px rgba(51,132,254,.13);transform:translateY(-4px)}
.cs_grid .item .ico {display:flex;align-items:center;justify-content:center;width:clamp(56px,4.8vw,66px);height:clamp(56px,4.8vw,66px);border-radius:50%;background:var(--blue-bg);margin:0 auto 20px}
.cs_grid .item .s {display:block;font-size:clamp(13px,1.1vw,15px);font-weight:600;color:var(--txt-light);margin-bottom:9px}
.cs_grid .item .b {display:block;font-size:clamp(19px,1.8vw,25px);font-weight:800;color:var(--tit);letter-spacing:.01em;line-height:1.3;word-break:break-all}
.cs_grid .item p {font-size:clamp(13px,1.1vw,15px);color:var(--txt-light);margin-top:11px;line-height:1.65}

/* ---------- 안내 배너 (사고 접수 · 기사 지원 CTA) ---------- */
.cs_banner {display:flex;align-items:center;justify-content:space-between;gap:26px;background:var(--navy);border-radius:26px;padding:clamp(32px,4vw,56px) clamp(24px,4.4vw,64px);position:relative;overflow:hidden}
.cs_banner::before {content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(245,214,61,.13);top:-170px;right:-70px}
.cs_banner::after {content:'';position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(51,132,254,.18);bottom:-140px;left:-60px}
.cs_banner .txt_wrap {position:relative;z-index:1}
.cs_banner .txt_wrap .s_tit {display:block;font-family:'montserrat', sans-serif;font-size:clamp(13px,1.15vw,16px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--secondary);margin-bottom:13px}
.cs_banner .txt_wrap .tit {display:block;font-family:'godo', sans-serif;font-size:clamp(21px,2.4vw,32px);font-weight:700;color:var(--white);line-height:1.45}
.cs_banner .txt_wrap p {font-size:clamp(13.5px,1.25vw,16.5px);color:rgba(255,255,255,.72);margin-top:12px;line-height:1.7}
.cs_banner .btn_wrap {display:flex;gap:12px;flex:0 0 auto;flex-wrap:wrap;position:relative;z-index:1}
.cs_banner .btn_wrap .btn_secondary,
.cs_banner .btn_wrap .btn_white {height:60px;font-size:clamp(16px,1.35vw,19px);padding:0 clamp(26px,2.6vw,38px)}
.cs_banner .btn_wrap .eng {letter-spacing:.02em}

/* ---------- 스텝 플로우 ---------- */
.step_flow {display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
.step_flow.col5 {grid-template-columns:repeat(5,1fr)}
.step_flow .item {position:relative;background:var(--white);border:solid 1px var(--line);border-radius:20px;padding:clamp(26px,2.8vw,38px) clamp(18px,2vw,28px);transition:all .25s}
.step_flow .item:hover {border-color:var(--primary);box-shadow:0 14px 32px rgba(27,43,75,.1);transform:translateY(-4px)}
.step_flow .item:not(:last-child)::after {content:'';position:absolute;top:50%;right:calc(clamp(16px,2vw,28px) / -2 - 5px);width:9px;height:9px;border-top:solid 2.4px #C7CDD6;border-right:solid 2.4px #C7CDD6;transform:translateY(-50%) rotate(45deg);z-index:1}
.step_flow .item .num {display:inline-flex;align-items:center;justify-content:center;width:clamp(40px,3.4vw,48px);height:clamp(40px,3.4vw,48px);border-radius:50%;background:var(--secondary);color:#3B4455;font-family:'montserrat', sans-serif;font-size:clamp(14px,1.25vw,17px);font-weight:800;margin-bottom:clamp(16px,1.8vw,24px)}
.step_flow .item .tit {display:block;font-family:'godo', sans-serif;font-size:clamp(17px,1.5vw,21px);font-weight:700;color:var(--tit);line-height:1.4}
.step_flow .item p {font-size:clamp(13px,1.15vw,15px);color:var(--txt-light);margin-top:10px;line-height:1.68}

/* ---------- 안내 박스 ---------- */
.notice_box {background:var(--yellow-bg);border-radius:18px;padding:clamp(24px,2.8vw,36px) clamp(20px,2.8vw,40px)}
.notice_box .nb_tit {display:flex;align-items:center;gap:0 10px;font-size:clamp(15.5px,1.4vw,19px);font-weight:700;color:var(--tit);margin-bottom:14px}
.notice_box .nb_tit svg {flex:0 0 auto}
.notice_box ul li {position:relative;padding-left:15px;font-size:clamp(13.5px,1.2vw,16px);color:var(--txt);line-height:1.75;margin:7px 0}
.notice_box ul li::before {content:'';position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--secondary-deep)}
.notice_box ul li em {font-weight:700;color:var(--tit)}

/* ---------- 게시판 (공지사항) ---------- */
.board_top {display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}
.board_top .total {font-size:clamp(14px,1.25vw,17px);color:var(--txt)}
.board_top .total em {color:var(--primary);font-weight:800;font-family:'montserrat', sans-serif}
.board_top .hint {font-size:clamp(12.5px,1.05vw,14.5px);color:var(--txt-light)}
.b_col {display:grid;grid-template-columns:88px minmax(0,1fr) 150px 90px;background:var(--gray-bg);border-top:solid 2px var(--tit);border-bottom:solid 1px var(--line)}
.b_col span {padding:15px 10px;text-align:center;font-size:clamp(13.5px,1.15vw,15.5px);font-weight:700;color:var(--tit)}
.board_list li {border-bottom:solid 1px var(--line)}
.board_list .b_row {display:grid;grid-template-columns:88px minmax(0,1fr) 150px 90px;align-items:center;width:100%;text-align:left;padding:0;transition:background .2s}
.board_list .b_row:hover {background:var(--blue-bg)}
.board_list .b_row > span {padding:clamp(16px,1.9vw,24px) 10px}
.board_list .b_row .num {text-align:center;font-family:'montserrat', sans-serif;font-size:clamp(13.5px,1.2vw,16px);font-weight:600;color:var(--txt-light)}
.board_list .b_row .tit {display:flex;align-items:center;gap:0 10px;font-size:clamp(15px,1.35vw,18px);font-weight:600;color:var(--tit);line-height:1.5}
.board_list .b_row .tit .cate {flex:0 0 auto;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:6px;background:rgba(51,132,254,.1);font-size:clamp(12px,1vw,13.5px);font-weight:700;color:var(--primary)}
.board_list .b_row .tit .arw {flex:0 0 auto;margin-left:2px;color:#9CA3AF;transition:transform .25s}
.board_list .b_row .date {text-align:center;font-family:'montserrat', sans-serif;font-size:clamp(13px,1.15vw,15.5px);font-weight:500;color:var(--txt-light)}
.board_list .b_row .hit {text-align:center;font-family:'montserrat', sans-serif;font-size:clamp(13px,1.15vw,15.5px);font-weight:500;color:var(--txt-light)}
.board_list li.open .b_row {background:var(--blue-bg)}
.board_list li.open .b_row .tit {color:var(--primary)}
.board_list li.open .b_row .tit .arw {transform:rotate(180deg);color:var(--primary)}
.board_list .b_body {display:none;background:var(--gray-bg);border-top:solid 1px var(--line);padding:clamp(26px,3.2vw,46px) clamp(20px,4.5vw,64px)}
.board_list li.open .b_body {display:block}
.board_list .b_body .inner {max-width:920px}
.board_list .b_body p {font-size:clamp(14px,1.25vw,16.5px);color:var(--txt);line-height:1.85}
.board_list .b_body p + p {margin-top:12px}
.board_list .b_body p strong {color:var(--tit)}
.board_list .b_body ul {margin:14px 0}
.board_list .b_body ul li {position:relative;padding-left:15px;font-size:clamp(13.5px,1.2vw,16px);color:var(--txt);line-height:1.75;margin:6px 0;border:0}
.board_list .b_body ul li::before {content:'';position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--primary)}
.board_list .b_body .b_foot {margin-top:18px;padding-top:16px;border-top:solid 1px var(--line);font-size:clamp(13px,1.1vw,15px);color:var(--txt-light)}

/* ---------- FAQ ---------- */
.faq_tab {display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(30px,3.6vw,50px)}
.faq_tab button {height:clamp(44px,4vw,52px);padding:0 clamp(20px,2.4vw,32px);border-radius:100px;border:solid 1px var(--line);background:var(--white);font-size:clamp(14px,1.25vw,17px);font-weight:600;color:var(--txt);transition:all .2s}
.faq_tab button:hover {border-color:var(--primary);color:var(--primary)}
.faq_tab button.on {background:var(--primary);border-color:var(--primary);color:var(--white);font-weight:700}
.faq_list {border-top:solid 2px var(--tit)}
.faq_list > li {border-bottom:solid 1px var(--line)}
.faq_list > li.hide {display:none}
.faq_list .q_btn {display:flex;align-items:center;gap:0 clamp(12px,1.6vw,20px);width:100%;text-align:left;padding:clamp(20px,2.3vw,28px) clamp(4px,1vw,14px)}
.faq_list .q_btn .ico_q {flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:clamp(36px,3.2vw,44px);height:clamp(36px,3.2vw,44px);border-radius:50%;background:var(--primary);color:var(--white);font-family:'montserrat', sans-serif;font-size:clamp(15px,1.35vw,18px);font-weight:800}
.faq_list .q_btn .cate {flex:0 0 auto;display:inline-flex;align-items:center;height:27px;padding:0 11px;border-radius:6px;background:var(--blue-bg);font-size:clamp(12px,1.05vw,14px);font-weight:700;color:var(--primary)}
.faq_list .q_btn .tit {font-size:clamp(15.5px,1.45vw,19px);font-weight:600;color:var(--tit);line-height:1.5}
.faq_list .q_btn .arw {flex:0 0 auto;margin-left:auto;color:#9CA3AF;transition:transform .25s}
.faq_list > li.open .q_btn .tit {color:var(--primary)}
.faq_list > li.open .q_btn .arw {transform:rotate(180deg);color:var(--primary)}
.faq_list .a_body {display:none;background:var(--gray-bg);border-top:solid 1px var(--line);padding:clamp(24px,2.8vw,36px) clamp(18px,3vw,44px)}
.faq_list > li.open .a_body {display:block}
.faq_list .a_body .a_inner {display:flex;align-items:flex-start;gap:0 clamp(12px,1.6vw,20px);max-width:1040px}
.faq_list .a_body .ico_a {flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:clamp(36px,3.2vw,44px);height:clamp(36px,3.2vw,44px);border-radius:50%;background:var(--secondary);color:#3B4455;font-family:'montserrat', sans-serif;font-size:clamp(15px,1.35vw,18px);font-weight:800}
.faq_list .a_body .a_txt {padding-top:clamp(5px,0.8vw,10px)}
.faq_list .a_body .a_txt p {font-size:clamp(14px,1.25vw,16.5px);color:var(--txt);line-height:1.8}
.faq_list .a_body .a_txt p + p {margin-top:9px}
.faq_list .a_body .a_txt a {color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ---------- 사고처리 · 보상 ---------- */
.comp_lead {display:flex;align-items:center;gap:clamp(26px,4vw,64px);background:var(--navy);border-radius:26px;padding:clamp(30px,4vw,60px) clamp(24px,4.4vw,68px);position:relative;overflow:hidden}
.comp_lead::before {content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(51,132,254,.22);top:-190px;right:-90px}
.comp_lead::after {content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(245,214,61,.12);bottom:-150px;left:34%}
.comp_lead .img_wrap {flex:0 0 auto;width:clamp(130px,17vw,230px);position:relative;z-index:1}
.comp_lead .img_wrap .img_panel {display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:linear-gradient(145deg, #FFFFFF 0%, #EAF2FF 60%, #FFF8DB 100%);border-radius:24px;padding:14%}
.comp_lead .img_wrap img {width:100%;height:100%;object-fit:contain}
.comp_lead .txt_wrap {position:relative;z-index:1}
.comp_lead .txt_wrap .s_tit {display:block;font-family:'montserrat', sans-serif;font-size:clamp(13px,1.15vw,16px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--secondary);margin-bottom:14px}
.comp_lead .txt_wrap .tit {display:block;font-family:'godo', sans-serif;font-size:clamp(22px,2.7vw,38px);font-weight:700;color:var(--white);line-height:1.5}
.comp_lead .txt_wrap .tit em {color:var(--secondary)}
.comp_lead .txt_wrap p {font-size:clamp(14px,1.3vw,17.5px);color:rgba(255,255,255,.78);margin-top:16px;line-height:1.75}
.comp_grid {display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px);margin-top:clamp(16px,2vw,28px)}
.comp_grid .item {background:var(--white);border:solid 1px var(--line);border-radius:20px;padding:clamp(28px,3vw,42px) clamp(20px,2.4vw,34px);transition:all .25s}
.comp_grid .item:hover {border-color:var(--primary);box-shadow:0 16px 36px rgba(51,132,254,.12);transform:translateY(-4px)}
.comp_grid .item .label {display:block;font-family:'montserrat', sans-serif;font-size:clamp(12px,1.05vw,14px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:12px}
.comp_grid .item .tit {display:block;font-family:'godo', sans-serif;font-size:clamp(19px,1.9vw,26px);font-weight:700;color:var(--tit)}
.comp_grid .item p {font-size:clamp(13.5px,1.2vw,16px);color:var(--txt-light);margin-top:12px;line-height:1.72;min-height:2.6em}
.comp_grid .item .rng {display:inline-flex;align-items:center;gap:0 8px;margin-top:18px;padding:11px 16px;border-radius:10px;background:var(--yellow-bg);font-size:clamp(13px,1.15vw,15.5px);font-weight:700;color:var(--tit)}
.comp_grid .item .rng::before {content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--secondary-deep)}

/* ---------- 계약 포인트 카드 ---------- */
.point_grid {display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px)}
.point_grid .item {background:var(--white);border:solid 1px var(--line);border-radius:20px;padding:clamp(26px,2.8vw,40px) clamp(16px,2vw,28px);text-align:center;transition:all .25s}
.point_grid .item:hover {border-color:var(--primary);box-shadow:0 16px 36px rgba(51,132,254,.12);transform:translateY(-4px)}
.point_grid .item .img_panel {display:flex;align-items:center;justify-content:center;width:clamp(86px,8vw,120px);height:clamp(86px,8vw,120px);margin:0 auto clamp(16px,1.8vw,24px);border-radius:24px;background:linear-gradient(145deg, #F6F9FF 0%, #EAF2FF 100%);padding:12%}
.point_grid .item:nth-child(even) .img_panel {background:linear-gradient(145deg, #FFF8DB 0%, #FFF3C4 100%)}
.point_grid .item .img_panel img {width:100%;height:100%;object-fit:contain}
.point_grid .item .tit {display:block;font-family:'godo', sans-serif;font-size:clamp(17px,1.6vw,22px);font-weight:700;color:var(--tit)}
.point_grid .item p {font-size:clamp(13px,1.15vw,15px);color:var(--txt-light);margin-top:10px;line-height:1.68}

/* ---------- 계약 문의 폼 ---------- */
.contact_wrap {display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,384px);gap:clamp(20px,2.6vw,36px);align-items:start}
.form_box {background:var(--white);border:solid 1px var(--line);border-radius:26px;padding:clamp(26px,3.4vw,52px)}
.form_box .f_head {margin-bottom:clamp(24px,2.6vw,36px)}
.form_box .f_head .sub_tit {margin-bottom:8px}
.form_box .f_head p {font-size:clamp(13.5px,1.2vw,16px);color:var(--txt-light);line-height:1.65}
.form_grid {display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2vw,26px) clamp(14px,1.6vw,20px)}
.form_row.full {grid-column:1 / -1}
.form_row label {display:block;font-size:clamp(14px,1.2vw,16px);font-weight:600;color:var(--tit);margin-bottom:10px}
.form_row label .req {color:#E5484D;margin-left:3px}
.form_row select,
.form_row input[type="text"],
.form_row input[type="tel"],
.form_row input[type="email"] {width:100%;height:clamp(50px,4.2vw,56px);border:solid 1px var(--line);border-radius:12px;background:var(--white);padding:0 18px;font-size:clamp(14px,1.2vw,16px);color:var(--tit);transition:all .2s}
.form_row textarea {width:100%;height:clamp(130px,14vw,170px);border:solid 1px var(--line);border-radius:12px;background:var(--white);padding:15px 18px;font-size:clamp(14px,1.2vw,16px);color:var(--tit);line-height:1.6;transition:all .2s}
.form_row input:focus,
.form_row textarea:focus {border-color:var(--primary);box-shadow:0 0 0 3px rgba(51,132,254,.12)}
.agree_box {grid-column:1 / -1;background:var(--gray-bg);border-radius:14px;padding:clamp(18px,2vw,24px) clamp(16px,2vw,24px)}
.agree_box .chk_label {display:flex;align-items:center;gap:0 10px;font-size:clamp(14px,1.2vw,16px);font-weight:600;color:var(--tit);cursor:pointer}
.agree_box .chk_label input[type="checkbox"] {width:19px;height:19px;accent-color:var(--primary);flex:0 0 auto;cursor:pointer}
.agree_box .agree_info {margin-top:13px;padding-top:13px;border-top:solid 1px var(--line)}
.agree_box .agree_info li {position:relative;padding-left:13px;font-size:clamp(12.5px,1.05vw,14px);color:var(--txt-light);line-height:1.7;margin:4px 0}
.agree_box .agree_info li::before {content:'';position:absolute;left:0;top:10px;width:5px;height:2px;background:#9CA3AF}
.form_submit {grid-column:1 / -1;margin-top:4px}
.form_submit .btn_primary {width:100%}
.form_submit .form_note {text-align:center;font-size:clamp(12.5px,1.1vw,14.5px);color:var(--txt-light);margin-top:14px;line-height:1.65}
.contact_side {display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--header-h) + 24px)}
.contact_side .tel_card {background:linear-gradient(135deg, #2E6FE0 0%, #3384FE 60%, #5DBDE4 100%);border-radius:26px;padding:clamp(28px,3vw,40px);color:var(--white);position:relative;overflow:hidden}
.contact_side .tel_card::after {content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.1);top:-70px;right:-50px}
.contact_side .tel_card .s {display:block;font-size:clamp(13px,1.1vw,15px);font-weight:600;color:rgba(255,255,255,.78)}
.contact_side .tel_card .num {display:block;font-family:'montserrat', sans-serif;font-size:clamp(25px,2.4vw,31px);font-weight:800;color:var(--white);margin-top:9px;letter-spacing:.01em;position:relative;z-index:1}
.contact_side .tel_card p {font-size:clamp(13px,1.1vw,14.5px);color:rgba(255,255,255,.78);margin-top:11px;line-height:1.6}
.contact_side .info_card {background:var(--white);border:solid 1px var(--line);border-radius:26px;padding:clamp(26px,2.8vw,36px)}
.contact_side .info_card .ic_tit {display:block;font-family:'godo', sans-serif;font-size:clamp(17px,1.5vw,20px);font-weight:700;color:var(--tit);padding-bottom:16px;border-bottom:solid 1px var(--line);margin-bottom:18px}
.contact_side .info_card .row {display:flex;align-items:flex-start;gap:0 13px}
.contact_side .info_card .row + .row {margin-top:17px}
.contact_side .info_card .row .ico {flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--blue-bg)}
.contact_side .info_card .row dt {font-size:clamp(12.5px,1.05vw,14px);font-weight:600;color:var(--txt-light)}
.contact_side .info_card .row dd {font-size:clamp(14px,1.2vw,16px);font-weight:600;color:var(--tit);margin-top:4px;line-height:1.55;word-break:break-all}

/* ---------- 기사 등록 ---------- */
.recruit_lead {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(30px,5vw,84px);align-items:center}
.recruit_lead .txt_wrap .title_box {margin-bottom:clamp(20px,2.4vw,32px)}
.recruit_lead .txt_wrap .field_tit {display:block;font-size:clamp(14px,1.25vw,17px);font-weight:700;color:var(--tit);margin-bottom:12px}
.recruit_lead .txt_wrap .field_list {display:flex;flex-wrap:wrap;gap:9px}
.recruit_lead .txt_wrap .field_list li {display:inline-flex;align-items:center;gap:0 8px;height:clamp(40px,3.6vw,46px);padding:0 clamp(15px,1.6vw,21px);border-radius:100px;background:var(--blue-bg);font-size:clamp(13.5px,1.2vw,16px);font-weight:600;color:var(--primary-70)}
.recruit_lead .txt_wrap .field_list li::before {content:'';display:block;width:6px;height:6px;border-radius:50%;background:var(--primary)}
.recruit_lead .img_wrap {position:relative}
.recruit_lead .img_wrap .img_panel {display:flex;align-items:center;justify-content:center;aspect-ratio:1.06;background:linear-gradient(150deg, #F6F9FF 0%, #EAF2FF 55%, #FFF8DB 100%);border-radius:30px;padding:clamp(26px,3.4vw,52px)}
.recruit_lead .img_wrap .img_panel img {width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(27,43,75,.14))}
.recruit_lead .img_wrap .badge {position:absolute;left:clamp(-14px,-1vw,-10px);bottom:clamp(20px,2.6vw,36px);display:flex;flex-direction:column;gap:2px;background:var(--white);border-radius:16px;box-shadow:0 14px 34px rgba(27,43,75,.16);padding:clamp(14px,1.6vw,20px) clamp(18px,2vw,26px)}
.recruit_lead .img_wrap .badge .b {font-family:'montserrat', sans-serif;font-size:clamp(17px,1.7vw,23px);font-weight:800;color:var(--primary)}
.recruit_lead .img_wrap .badge .s {font-size:clamp(12px,1.05vw,14px);font-weight:600;color:var(--txt-light)}
.qual_grid {display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,24px)}
.qual_grid .q_card {background:var(--white);border:solid 1px var(--line);border-radius:22px;padding:clamp(26px,3vw,42px)}
.qual_grid .q_card .q_head {display:flex;align-items:center;gap:0 13px;padding-bottom:18px;border-bottom:solid 1px var(--line);margin-bottom:20px}
.qual_grid .q_card .q_head .ico {flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:clamp(44px,4vw,52px);height:clamp(44px,4vw,52px);border-radius:14px;background:var(--blue-bg)}
.qual_grid .q_card.hope .q_head .ico {background:var(--yellow-bg)}
.qual_grid .q_card .q_head .tit {font-family:'godo', sans-serif;font-size:clamp(18px,1.7vw,23px);font-weight:700;color:var(--tit)}
.qual_grid .q_card .q_head .tag {margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:100px;background:var(--primary);font-size:clamp(12px,1.05vw,13.5px);font-weight:700;color:var(--white)}
.qual_grid .q_card.hope .q_head .tag {background:var(--secondary);color:#3B4455}
.qual_grid .q_card ul li {display:flex;align-items:flex-start;gap:0 10px;font-size:clamp(14px,1.25vw,17px);font-weight:500;color:var(--txt);line-height:1.6;padding:9px 0}
.qual_grid .q_card ul li svg {flex:0 0 auto;margin-top:4px}
.doc_grid {display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px)}
.doc_grid .item {position:relative;background:var(--white);border:solid 1px var(--line);border-radius:20px;padding:clamp(24px,2.6vw,36px) clamp(18px,2vw,28px);transition:all .25s}
.doc_grid .item:hover {border-color:var(--primary);box-shadow:0 14px 32px rgba(27,43,75,.1)}
.doc_grid .item .no {display:block;font-family:'montserrat', sans-serif;font-size:clamp(13px,1.15vw,15px);font-weight:800;color:var(--primary);margin-bottom:12px}
.doc_grid .item .tit {display:block;font-size:clamp(15.5px,1.4vw,19px);font-weight:700;color:var(--tit);line-height:1.45}
.doc_grid .item p {font-size:clamp(12.5px,1.1vw,14.5px);color:var(--txt-light);margin-top:9px;line-height:1.62}

/* ---------- 약관 문서 (terms / privacy) ---------- */
.doc_wrap {max-width:980px;margin:0 auto}
.doc_head {display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--gray-bg);border-radius:18px;padding:clamp(20px,2.4vw,30px) clamp(20px,2.8vw,36px);margin-bottom:clamp(36px,4.4vw,58px)}
.doc_head p {font-size:clamp(13.5px,1.2vw,16px);color:var(--txt);line-height:1.7}
.doc_head .date {flex:0 0 auto;display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:100px;background:var(--white);border:solid 1px var(--line);font-size:clamp(12.5px,1.1vw,14.5px);font-weight:700;color:var(--primary)}
.doc_body h3 {font-size:clamp(17px,1.6vw,22px);font-weight:700;color:var(--tit);margin:clamp(36px,4.2vw,54px) 0 15px;padding-left:14px;border-left:solid 4px var(--primary);line-height:1.4}
.doc_body h3:first-of-type {margin-top:0}
.doc_body p {font-size:clamp(14px,1.25vw,16.5px);color:var(--txt);line-height:1.85}
.doc_body p + p {margin-top:9px}
.doc_body ol {margin:12px 0 0;padding-left:24px}
.doc_body ol li {list-style:decimal;font-size:clamp(14px,1.25vw,16.5px);color:var(--txt);line-height:1.8;margin:7px 0;padding-left:4px}
.doc_body ol li ul {margin-top:6px}
.doc_body ul.dash {margin-top:10px}
.doc_body ul.dash li {position:relative;padding-left:14px;font-size:clamp(13.5px,1.15vw,15.5px);color:var(--txt-light);line-height:1.75;margin:5px 0}
.doc_body ul.dash li::before {content:'';position:absolute;left:0;top:12px;width:6px;height:2px;background:#9CA3AF}
.doc_body .tbl_scroll {overflow-x:auto;margin-top:14px}
.doc_tbl {width:100%;min-width:560px;border-top:solid 2px var(--tit)}
.doc_tbl th {background:var(--gray-bg);font-size:clamp(13.5px,1.15vw,15.5px);font-weight:700;color:var(--tit);padding:13px 16px;border-bottom:solid 1px var(--line);text-align:left}
.doc_tbl td {font-size:clamp(13.5px,1.15vw,15.5px);color:var(--txt);padding:13px 16px;border-bottom:solid 1px var(--line);line-height:1.7;vertical-align:top}
.doc_body .supple {margin-top:clamp(38px,4.6vw,60px);background:var(--blue-bg);border-radius:16px;padding:clamp(20px,2.4vw,30px) clamp(20px,2.8vw,34px)}
.doc_body .supple .s_tit {display:block;font-size:clamp(15px,1.35vw,18px);font-weight:700;color:var(--tit);margin-bottom:8px}
.doc_body .supple p {font-size:clamp(13.5px,1.2vw,15.5px);color:var(--txt)}

/* ---------- 반응형 ---------- */
@media screen and (max-width: 1200px) {
    .contact_wrap {grid-template-columns:minmax(0,1fr) minmax(280px,340px)}
}
@media screen and (max-width: 1024px) {
    .step_flow, .step_flow.col5 {grid-template-columns:repeat(2,1fr)}
    .step_flow .item:not(:last-child)::after {display:none}
    .point_grid {grid-template-columns:repeat(2,1fr)}
    .contact_wrap {grid-template-columns:1fr}
    .contact_side {position:static;flex-direction:row;flex-wrap:wrap}
    .contact_side .tel_card {flex:1 1 100%}
    .contact_side .info_card {flex:1 1 100%}
    .recruit_lead {grid-template-columns:1fr;gap:36px}
    .recruit_lead .img_wrap {max-width:560px;margin:0 auto;width:100%}
    .doc_grid {grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width: 768px) {
    .cs_grid {grid-template-columns:1fr}
    .cs_banner {flex-direction:column;align-items:flex-start}
    .cs_banner .btn_wrap {width:100%;flex-direction:column}
    .cs_banner .btn_wrap .btn_secondary, .cs_banner .btn_wrap .btn_white {width:100%}
    .board_top {flex-direction:column;align-items:flex-start;gap:5px}
    .b_col {display:none}
    .board_list {border-top:solid 2px var(--tit)}
    .board_list .b_row {grid-template-columns:1fr;padding:16px 4px;row-gap:7px}
    .board_list .b_row > span {padding:0}
    .board_list .b_row .num, .board_list .b_row .hit {display:none}
    .board_list .b_row .tit {flex-wrap:wrap;gap:8px}
    .board_list .b_row .date {text-align:left;font-size:13px}
    .board_list .b_body {padding:24px 18px}
    .faq_list .q_btn {gap:0 10px}
    .faq_list .q_btn .tit {flex:1 1 auto;min-width:0}
    .faq_list .q_btn .arw {margin-left:6px}
    .faq_list .a_body {padding:22px 18px}
    .comp_lead {flex-direction:column;align-items:flex-start}
    .comp_lead .img_wrap {width:min(46vw,200px);margin:0 auto}
    .comp_grid {grid-template-columns:1fr}
    .comp_grid .item p {min-height:0}
    .qual_grid {grid-template-columns:1fr}
    .form_grid {grid-template-columns:1fr}
    .form_row.half {grid-column:auto}
    .contact_side {flex-direction:column}
    .doc_head {flex-direction:column;align-items:flex-start}
}
@media screen and (max-width: 480px) {
    .inquiry .btn_wrap .tel_big {font-size:21px;padding:0 20px;gap:0 9px}
    .inquiry .btn_wrap .tel_big span {font-size:16px}
    .step_flow, .step_flow.col5 {grid-template-columns:1fr}
    .point_grid {grid-template-columns:1fr}
    .doc_grid {grid-template-columns:1fr}
    .faq_tab {gap:7px}
    .faq_tab button {height:40px;padding:0 16px;font-size:13.5px}
    .recruit_lead .img_wrap .badge {left:10px;bottom:14px}
}