@charset "utf-8";

/* ===== 06.구인(교회채용) — Figma 1023:8046 (teal) ===== */
.rc-wrap {display:flex; flex-direction:column; min-height:100%; background:var(--snow);}

/* 헤더 */
.rc-head {position:sticky; top:0; z-index:20; background:var(--card);}
.rc-bar {display:flex; align-items:center; gap:14px; padding:17px 22px; border-bottom:1.92px solid var(--line);}
.rc-back {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:58px; height:58px;}
.rc-back img {width:32px; height:32px;}
.rc-search {flex:1; display:flex; align-items:center; gap:16px; height:68px; padding:0 28px; background:var(--snow); border:1.92px solid var(--line); border-radius:42px;}
.rc-search img {width:31px; height:31px;}
.rc-search input {flex:1; min-width:0; border:0; background:transparent; font-size:24px; color:var(--ink);}
.rc-search input::placeholder {color:#6B7280;}

/* 필터 (6개, 좌우 스크롤 — 메뉴는 fixed로 띄워 잘림 방지) */
.rc-filters {display:flex; flex-wrap:nowrap; gap:11.52px; padding:15px 27px 21px; border-bottom:1.92px solid var(--line); overflow-x:auto; scrollbar-width:none;}
.rc-filters::-webkit-scrollbar {display:none;}
.rc-dd {position:relative; flex:0 0 auto;}
.rc-fil {flex:0 0 auto; display:flex; align-items:center; gap:5.76px; padding:11.52px 23px; border:1.92px solid var(--line); border-radius:38px; background:var(--card); color:#475569; font-size:21px; font-weight:500; white-space:nowrap;}
.rc-fil .lbl {white-space:nowrap; font-size:inherit;}
.rc-fil img {width:21px; height:21px; transition:transform .2s ease;}
.rc-dd.open .rc-fil img {transform:rotate(180deg);}
.rc-fil.on {border-color:var(--teal-2); color:var(--teal); background:var(--mint); font-weight:700;}
.rc-fil-region::before {content:''; flex:0 0 auto; width:21px; height:21px; background:url('/asset/images/common/pin.svg') center/contain no-repeat;}
.rc-toggle {cursor:pointer;}
.rc-dd-menu {position:absolute; top:62px; left:0; z-index:30; min-width:220px; max-height:0; overflow:hidden; opacity:0; background:var(--card); border-radius:16px; box-shadow:0 18px 44px rgba(15,23,42,.18); transition:opacity .15s ease;}
.rc-dd.open .rc-dd-menu {max-height:420px; overflow-y:auto; opacity:1; padding:10px; border:1.92px solid var(--line);}
.rc-dd-menu li {padding:16px 20px; border-radius:10px; font-size:22px; color:var(--body); cursor:pointer; white-space:nowrap;}
.rc-dd-menu li.on {background:var(--mint); color:var(--teal); font-weight:700;}

/* 브레드크럼 */
.rc-crumb {display:flex; align-items:center; gap:11px; padding:15px 27px 13px; border-bottom:1.92px solid var(--line); font-size:23px; font-weight:700; color:#6B7280;}
.rc-crumb img {width:25px; height:25px;}

/* 탭 (게시판 종류가 늘어나면 좌우 화살표로 스크롤) */
.rc-tabswrap {position:relative;}
.rc-tabs {display:flex; gap:0; padding:0 27px; overflow-x:auto; scrollbar-width:none; border-bottom:3.84px solid var(--line);}
.rc-tabs::-webkit-scrollbar {display:none;}
.rc-tab {flex:0 0 auto; position:relative; padding:21px 23px; background:none; color:#94A3B8; font-size:23px; font-weight:500; white-space:nowrap;}
.rc-tab.on {color:var(--teal); font-weight:700;}
.rc-tab.on::after {content:''; position:absolute; left:0; right:0; bottom:-3.84px; height:3.84px; border-radius:3px 3px 0 0; background:var(--teal);}
.rc-tabarrow {position:absolute; top:0; bottom:3.84px; width:46px; z-index:5; display:flex; align-items:center; justify-content:center; border:0; cursor:pointer; padding:0;}
.rc-tabarrow img {width:16px; height:16px;}
.rc-tabarrow.prev {left:0; background:linear-gradient(to right, var(--card) 55%, transparent);}
.rc-tabarrow.next {right:0; background:linear-gradient(to left, var(--card) 55%, transparent);}

/* 본문 */
.rc-body {flex:1; padding:23px 27px 170px;}
.rc-feat-h {display:flex; align-items:center; justify-content:space-between; margin-bottom:21px;}
.rc-feat-h b {font-size:25px; font-weight:700; color:var(--ink);}
.rc-feat-h a {font-size:21px; color:var(--sub); font-weight:500;}

/* 추천 청빙 — 흰 카드 (2열) */
.rc-feat {display:grid; grid-template-columns:repeat(2, 1fr); gap:19.2px;}
.rc-fcard {position:relative; display:flex; flex-direction:column; background:var(--card); border:1.92px solid var(--line); border-radius:19.2px; overflow:hidden; box-shadow:0 1.92px 11.52px rgba(15,23,42,.06);}
.rc-fcard-top {display:flex; flex-direction:column; align-items:center; gap:11.52px; padding:23px 19px 17px; background:var(--snow); border-bottom:1.92px solid var(--line);}
.rc-fav {display:flex; align-items:center; justify-content:center; width:92px; height:92px; border-radius:50%; border:3.84px solid var(--line); color:#fff; font-size:27px; font-weight:800;}
.rc-fname {font-size:21px; font-weight:700; color:var(--ink); text-align:center;}
.rc-fheart {position:absolute; right:11.52px; top:11.52px; display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,.9); border:1.92px solid var(--line);}
.rc-fheart img {width:25px; height:25px;}
.rc-fcard-bot {position:relative; display:flex; flex-direction:column; gap:7.68px; padding:15px 19px 19px;}
.rc-ftags {display:flex; flex-wrap:wrap; gap:7.68px;}
.rc-ftag {padding:4px 15px; border-radius:38px; font-size:19px; font-weight:600; white-space:nowrap;}
.rc-ftag.main {background:var(--mint); color:var(--teal);}
.rc-ftitle {min-height:62px; font-size:23px; font-weight:600; color:var(--ink); line-height:31px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.rc-floc {display:flex; align-items:center; gap:5.76px; font-size:19px; color:var(--sub);}
.rc-floc img {width:19px; height:19px;}
.rc-fdday {position:absolute; right:13px; bottom:13px; padding:4px 12px; border-radius:38px; background:var(--mint); color:#DC2626; font-size:17px; font-weight:700;}

/* AD 배너 (네이비) */
.rc-ad {display:flex; align-items:center; gap:19.2px; margin:23px 0; padding:23px 30px; border-radius:19.2px; background:linear-gradient(136deg, #1E3A5F 0%, #243752 100%); position:relative;}
.rc-ad img {flex:0 0 auto; width:53px; height:53px;}
.rc-ad-body {display:flex; flex-direction:column; gap:3.84px; min-width:0;}
.rc-ad-t {font-size:25px; font-weight:700; color:#fff;}
.rc-ad-s {font-size:21px; color:rgba(255,255,255,.65);}
.rc-ad-tag {position:absolute; right:14px; top:23px; padding:2px 12px; border-radius:8px; background:rgba(0,0,0,.4); color:rgba(255,255,255,.8); font-size:19px; font-weight:600;}

/* 전체 공고 */
.rc-lhead {display:flex; align-items:baseline; justify-content:space-between; margin:8px 0 20px;}
.rc-lhead .l {font-size:28px; font-weight:700; color:var(--ink);}
.rc-lhead .l b {font-size:inherit; font-weight:700; color:var(--teal);}
.rc-lhead .c {font-size:21px; color:var(--sub);}
.rc-list {display:flex; flex-direction:column; gap:18px;}
.rc-item {position:relative; display:flex; gap:19.2px; align-items:flex-start; padding:23px 25px; background:var(--card); border:1.92px solid var(--line); border-radius:19.2px; box-shadow:0 1.92px 5.76px rgba(15,23,42,.06);}
.rc-av {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:100px; height:100px; border-radius:50%; border:1.92px solid var(--line); color:#fff; font-size:28px; font-weight:800;}
.rc-ibody {flex:1; min-width:0; display:flex; flex-direction:column; gap:5.76px; padding-right:38px;}
.rc-prow {display:flex; flex-wrap:wrap; align-items:center; gap:9.6px;}
.rc-place {font-size:23px; font-weight:700; color:var(--navy);}
.rc-dday {padding:4px 15px; border-radius:38px; background:#FEF3C7; color:#92400E; font-size:19px; font-weight:600;}
.rc-dday.new {background:var(--mint); color:#14532D;}
.rc-ititle {font-size:24px; font-weight:600; color:var(--ink); line-height:33px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.rc-org {display:flex; align-items:center; gap:5.76px; font-size:21px; color:var(--sub);}
.rc-org img {width:21px; height:21px;}
.rc-foot {display:flex; align-items:center; justify-content:space-between; margin-top:2px;}
.rc-salary {font-size:21px; font-weight:600; color:var(--teal);}
.rc-time {font-size:19px; color:var(--sub);}
.rc-bm {position:absolute; right:25px; top:23px; display:flex; padding:4px;}
.rc-bm img {width:29px; height:29px;}

/* 페이지네이션 */
.rc-page {display:flex; align-items:center; justify-content:center; gap:8px; padding:38px 0 6px;}
.rc-page .pg {display:flex; align-items:center; justify-content:center; min-width:62px; height:62px; padding:0 16px; border:1.85px solid var(--line); border-radius:14px; background:var(--card); color:var(--body); font-size:22px; font-weight:500;}
.rc-page .pg.on {background:var(--teal); border-color:var(--teal); color:#fff; font-weight:700;}
.rc-page .pg img {width:24px; height:24px;}
.rc-page .dots {padding:0 5px; color:var(--sub); font-size:24px;}

/* FAB */
.rc-write {position:fixed; right:27px; bottom:135px; z-index:35; display:flex; align-items:center; justify-content:center; width:92px; height:92px; border-radius:50%; background:var(--navy); box-shadow:0 8px 16px rgba(30,58,95,.4);}
.rc-write img {width:42px; height:42px;}

/* 하단 탭바 */
.rc-nav {position:fixed; left:50%; bottom:0; transform:translateX(-50%); z-index:40; width:720px; max-width:100%; display:flex; align-items:center; justify-content:space-between; padding:18px 40px; background:var(--card); border-top:1.85px solid var(--line);}
.rc-nav .tab {display:flex; flex-direction:column; align-items:center; gap:5.8px; color:var(--sub); font-size:19.2px;}
.rc-nav .tab img {width:42px; height:42px;}
.rc-nav .tab.on {color:var(--teal);}
.rc-nav .tab-fab {position:relative; align-self:stretch; width:96px;}
.rc-nav .tab-fab .fab {position:absolute; left:50%; top:0; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:96px; height:96px; border-radius:50%; background:linear-gradient(135deg, #0D9488, #0F766E); border:5px solid var(--card); box-shadow:0 10px 24px rgba(13,148,136,0.4);}
.rc-nav .tab-fab .fab img {width:48px; height:48px;}

@media (hover:hover) and (pointer:fine) {
	.rc-item:hover, .rc-fcard:hover {background:var(--snow);}
}

/* ===== 06.구인(교회채용) 상세 — Figma 1023:7764 ===== */
.rcd-wrap {display:flex; flex-direction:column; min-height:100%; background:var(--snow); padding-bottom:290px;}
.rcd-hero {display:flex; flex-direction:column; gap:15.36px; padding:34px 27px 29px; background:linear-gradient(135deg, #1E3A5F 0%, #243752 100%);}
.rcd-htop {display:flex; align-items:center; justify-content:space-between;}
.rcd-hacts {display:flex; gap:8px;}
.rcd-hbtn {display:flex; align-items:center; justify-content:center; width:69px; height:69px; border-radius:19.2px; background:rgba(255,255,255,.1);}
.rcd-hbtn img {width:38px; height:38px;}
.rcd-hprofile {display:flex; align-items:center; gap:23px; padding-top:11px;}
.rcd-hav {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:107px; height:107px; border-radius:50%; background:#fff; border:5.76px solid rgba(255,255,255,.25); color:var(--navy); font-size:34px; font-weight:800;}
.rcd-hp-body {min-width:0; display:flex; flex-direction:column; gap:5.76px;}
.rcd-hname {font-size:27px; font-weight:700; color:#fff;}
.rcd-hsub {font-size:21px; color:rgba(255,255,255,.7);}
.rcd-htags {display:flex; flex-wrap:wrap; gap:11.52px; padding-top:7px;}
.rcd-htag {padding:4px 15px; border-radius:38px; font-size:19px; font-weight:600;}
.rcd-htag.w {background:rgba(255,255,255,.18); color:rgba(255,255,255,.95);}
.rcd-htag.ok {background:rgba(13,148,136,.3); color:#5EEAD4;}
.rcd-htag.warn {background:rgba(220,38,38,.3); color:#FCA5A5;}
.rcd-htitle {font-size:30px; font-weight:700; line-height:1.4; color:#fff;}
.rcd-hcode {display:flex; align-items:center; gap:11.52px; padding:13px 19px 10px; border-radius:11.52px; background:rgba(255,255,255,.1);}
.rcd-hcode .k {font-size:21px; color:rgba(255,255,255,.6);}
.rcd-hcode .v {font-size:22px; font-weight:700; color:rgba(255,255,255,.9); letter-spacing:.5px;}
.rcd-hcopy {margin-left:auto; display:flex; align-items:center; gap:5.76px; font-size:21px; color:rgba(255,255,255,.7); background:none;}
.rcd-hcopy img {width:23px; height:23px;}

.rcd-stat {display:grid; grid-template-columns:repeat(4, 1fr); background:var(--card); border-bottom:1.92px solid var(--line);}
.rcd-scol {display:flex; flex-direction:column; align-items:center; gap:5.76px; padding:19px 8px 21px;}
.rcd-scol + .rcd-scol {border-left:1.92px solid var(--line);}
.rcd-scol .k {font-size:19px; color:var(--sub);}
.rcd-scol .v {font-size:22px; font-weight:700; color:var(--ink);}
.rcd-scol .v.teal {color:var(--teal);}

.rcd-acts {display:flex; gap:11.5px; padding:15px 27px 21px; background:var(--card); border-bottom:1.92px solid var(--line);}
.rcd-act {flex:1; display:flex; align-items:center; justify-content:center; gap:9.6px; padding:17px 13px; border:1.92px solid var(--line); border-radius:15px; background:var(--card); color:#475569; font-size:21px; font-weight:600;}
.rcd-act img {width:27px; height:27px;}
.rcd-act.heart {background:#FEF2F2; border-color:#DC2626; color:#DC2626;}

.rcd-sech {display:flex; align-items:center; gap:11.5px; padding:30px 27px 15px;}
.rcd-sech img {width:28px; height:28px;}
.rcd-sech h2 {font-size:25px; font-weight:700; color:var(--ink);}

.rcd-info {margin:24px 27px 0; border:1.92px solid var(--line); border-radius:19px; overflow:hidden; background:var(--card);}
.rcd-info + .rcd-info {margin-top:0;}
.rcd-irow {display:flex; border-bottom:1.92px solid var(--line);}
.rcd-irow:last-child {border-bottom:0;}
.rcd-ik {flex:0 0 auto; min-width:150px; display:flex; align-items:center; padding:17px 21px; background:var(--mint); color:#2563EB; font-size:21px; font-weight:700;}
.rcd-iv {flex:1; min-width:0; padding:17px 23px; font-size:23px; color:var(--ink); line-height:34px; word-break:break-all;}
.rcd-iv.link {color:var(--teal); font-weight:500;}

.rcd-cond {display:flex; flex-wrap:wrap; gap:11.5px; margin:0 27px;}
.rcd-cchip {display:inline-flex; align-items:center; gap:7px; padding:11px 21px; border-radius:38px; background:var(--mint); color:var(--teal); font-size:21px; font-weight:600;}
.rcd-cchip img {width:24px; height:24px;}

.rcd-desc {margin:0 27px; display:flex; flex-direction:column; gap:6px;}
.rcd-desc p {font-size:23px; line-height:39px; color:var(--ink);}
.rcd-sub {display:flex; align-items:center; gap:9.6px; margin-top:12px;}
.rcd-sub img {width:23px; height:23px;}
.rcd-sub b {font-size:21px; font-weight:700; color:var(--navy);}

.rcd-docs {margin:0 27px; display:flex; flex-direction:column;}
.rcd-doc {display:flex; align-items:center; gap:13.44px; padding:13px 0; border-bottom:1.92px solid var(--line); font-size:23px; color:#475569;}
.rcd-doc:last-child {border-bottom:0;}
.rcd-doc img {flex:0 0 auto; width:26px; height:26px;}

.rcd-map {position:relative; margin:0 27px; height:300px; border:1.92px solid var(--line); border-radius:19px; overflow:hidden; background:#E8F4F8;}
.rcd-map iframe {width:100%; height:100%; border:0; display:block;}
.rcd-mapopen {position:absolute; z-index:2; right:30px; bottom:16px; display:flex; align-items:center; gap:7.68px; padding:11px 21px; border-radius:38px; background:var(--navy); color:#fff; font-size:19px; font-weight:700;}
.rcd-mapopen img {width:21px; height:21px;}

.rcd-contact {margin:0 27px; padding:25px; background:var(--card); border:1.92px solid var(--line); border-radius:19px;}
.rcd-crow {display:flex; align-items:center; gap:15px; padding:8px 0;}
.rcd-crow.bd {border-top:1.92px solid var(--line); padding-top:17px; margin-top:9px;}
.rcd-ck {flex:0 0 auto; min-width:90px; font-size:21px; font-weight:600; color:var(--sub);}
.rcd-cv {flex:1; min-width:0; font-size:23px; color:var(--ink); word-break:break-all;}
.rcd-cv.link {color:var(--teal); font-weight:500;}
.rcd-cbtn {flex:0 0 auto; display:flex; align-items:center; gap:7.68px; padding:10px 19px; border-radius:11.5px; background:var(--mint); color:var(--teal); font-size:21px; font-weight:700;}
.rcd-cbtn img {width:23px; height:23px;}

.rcd-disc {margin:30px 27px 0; padding:20px 24px; background:var(--snow); border-radius:15px; font-size:19px; line-height:30px; color:var(--sub);}
.rcd-report {display:flex; align-items:center; justify-content:center; gap:9.6px; width:calc(100% - 54px); margin:16px 27px 0; padding:17px; border:1.92px solid var(--line); border-radius:15px; background:var(--card); color:var(--sub); font-size:21px;}
.rcd-report img {width:25px; height:25px;}

.rcd-bottom {position:fixed; left:50%; bottom:0; transform:translateX(-50%); z-index:40; width:720px; max-width:100%;}
.rcd-actionbar {display:flex; align-items:center; gap:13px; padding:22px 27px 18px; background:var(--card); border-top:1.92px solid var(--line);}
.rcd-bar-email {display:flex; flex-direction:column; align-items:center; gap:4px;}
.rcd-bar-email .ic {display:flex; align-items:center; justify-content:center; width:80px; height:80px; border:1.92px solid var(--line); border-radius:19px; background:var(--card);}
.rcd-bar-email .ic img {width:32px; height:32px;}
.rcd-bar-email .lb {font-size:17px; color:var(--sub);}
.rcd-bar-chat {flex:1; display:flex; align-items:center; justify-content:center; gap:10px; padding:23px; border-radius:19px; background:var(--navy); color:#fff; font-size:24px; font-weight:700;}
.rcd-bar-chat img {width:30px; height:30px;}
.rcd-bar-apply {flex:1.4; display:flex; align-items:center; justify-content:center; gap:10px; padding:23px; border-radius:19px; background:linear-gradient(135deg, #0F766E, #1E3A5F); color:#fff; font-size:25px; font-weight:700;}
.rcd-bar-apply img {width:30px; height:30px;}
.rcd-nav {display:flex; align-items:center; justify-content:space-between; padding:18px 40px; background:var(--card); border-top:1.85px solid var(--line);}
.rcd-nav .tab {display:flex; flex-direction:column; align-items:center; gap:5.8px; color:var(--sub); font-size:19.2px;}
.rcd-nav .tab img {width:42px; height:42px;}
.rcd-nav .tab.on {color:var(--teal);}
.rcd-nav .tab-fab {position:relative; align-self:stretch; width:96px;}
.rcd-nav .tab-fab .fab {position:absolute; left:50%; top:0; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:96px; height:96px; border-radius:50%; background:linear-gradient(135deg, #0D9488, #0F766E); border:5px solid var(--card); box-shadow:0 10px 24px rgba(13,148,136,0.4);}
.rcd-nav .tab-fab .fab img {width:48px; height:48px;}
.rcd-wrap a.rcd-cbtn {color:var(--teal);}
.rcd-wrap a.rcd-mapopen, .rcd-bottom a.rcd-bar-chat, .rcd-bottom a.rcd-bar-apply {color:#fff;}
.rcd-bottom a.rcd-bar-email {color:var(--sub);}

/* ===== 06.구인(교회채용) 등록 — Figma 1023:7441 ===== */
.rcw-wrap {display:flex; flex-direction:column; min-height:100%; background:var(--snow);}
.rcw-head {position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:12px; padding:22px 27px; background:var(--card); border-bottom:1.92px solid var(--line);}
.rcw-back {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:54px; height:54px;}
.rcw-back img {width:38px; height:38px;}
.rcw-head h1 {flex:1; font-size:30px; font-weight:700; color:var(--ink);}
.rcw-temp {flex:0 0 auto; padding:9px 18px; border-radius:11px; background:var(--snow); border:1.92px solid var(--line); font-size:21px; font-weight:600; color:var(--teal);}
.rcw-body {flex:1; display:flex; flex-direction:column; gap:21px; padding:21px 27px 170px;}
.rcw-card {display:flex; flex-direction:column; gap:15px; padding:29px; background:var(--card); border:1.92px solid var(--line); border-radius:19px;}
.rcw-sech {display:flex; align-items:center; gap:9px;}
.rcw-sech img {width:27px; height:27px;}
.rcw-sech b {font-size:25px; font-weight:700; color:var(--ink);}
.rcw-sech i {color:#DC2626; font-size:25px; font-weight:700; font-style:normal;}
.rcw-sech small {font-size:20px; color:var(--sub);}
.rcw-input {width:100%; padding:20px 28px; background:var(--snow); border:1.92px solid var(--line); border-radius:14px; font-size:24px; color:var(--ink); font-family:inherit;}
.rcw-input::placeholder {color:var(--sub);}
.rcw-select {width:100%; appearance:none; -webkit-appearance:none; padding:20px 60px 20px 28px; background:var(--snow) url('/asset/images/common/chevron.svg') no-repeat; background-position:right 22px center; background-size:27px 27px; border:1.92px solid var(--line); border-radius:14px; font-size:24px; color:var(--ink); font-family:inherit;}
.rcw-select.sm {padding:18px 44px 18px 18px; background-position:right 12px center; background-size:25px 25px; font-size:23px;}
.rcw-field {display:flex; flex-direction:column; gap:11px;}
.rcw-field > span {font-size:23px; font-weight:500; color:#6B7280;}
.rcw-count {text-align:right; font-size:20px; color:var(--sub);}
.rcw-grid2 {display:grid; grid-template-columns:repeat(2, 1fr); gap:12px;}
.rcw-row {display:flex; gap:12px;}
.rcw-row .rcw-input {flex:1;}
.rcw-addr-btn {flex:0 0 auto; padding:0 26px; border-radius:14px; background:var(--navy); color:#fff; font-size:22px; font-weight:700;}
.rcw-jgrid {display:grid; grid-template-columns:repeat(3, 1fr); gap:13.44px;}
.rcw-jchip {display:flex; flex-direction:column; align-items:center; gap:7.68px; padding:21px 8px; border:1.92px solid var(--line); border-radius:19.2px; background:var(--snow); color:#475569; font-size:21px; font-weight:600;}
.rcw-jchip img {width:34px; height:34px;}
.rcw-jchip.on {border-color:var(--teal-2); background:var(--mint); color:var(--teal);}
.rcw-fgrid {display:grid; grid-template-columns:repeat(2, 1fr); gap:11.5px;}
.rcw-fchip {display:flex; align-items:center; justify-content:center; padding:17px 21px; border:1.92px solid var(--line); border-radius:15px; background:var(--snow); color:#475569; font-size:22px; font-weight:600;}
.rcw-fchip.on {border-color:var(--teal-2); background:var(--mint); color:var(--teal);}
.rcw-inwrap {position:relative; display:flex; align-items:center;}
.rcw-inwrap input {width:100%; padding:20px 78px 20px 28px; background:var(--snow); border:1.92px solid var(--line); border-radius:14px; font-size:24px; color:var(--ink); font-family:inherit;}
.rcw-inwrap em {position:absolute; right:24px; font-size:22px; font-style:normal; color:var(--sub);}
.rcw-textarea {width:100%; min-height:300px; padding:27px 28px; background:var(--snow); border:1.92px solid var(--line); border-radius:14px; font-size:24px; line-height:36px; color:var(--ink); resize:vertical; font-family:inherit;}
.rcw-textarea::placeholder {color:var(--sub);}
.rcw-email {display:grid; grid-template-columns:1fr auto 1fr; gap:12px; align-items:center;}
.rcw-email .at {font-size:24px; color:var(--sub); text-align:center;}
.rcw-photos {display:flex; flex-wrap:wrap; gap:13px;}
.rcw-photo-item {position:relative; width:150px; height:150px; border-radius:15px; overflow:hidden; border:1.92px solid var(--line);}
.rcw-photo-item img.cover {width:100%; height:100%; object-fit:cover;}
.rcw-photo-x {position:absolute; right:6px; top:6px; width:38px; height:38px; border-radius:50%; background:rgba(15,23,42,.6); color:#fff; font-size:26px; line-height:1;}
.rcw-photo-add {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; width:150px; height:150px; border:1.92px dashed var(--mute); border-radius:15px; background:var(--snow); color:var(--sub); font-size:20px;}
.rcw-photo-add img {width:34px; height:34px;}
.rcw-photo-count {font-size:21px; color:var(--teal); font-weight:600;}
.rcw-note2 {font-size:21px; color:var(--sub);}
.rcw-submit {display:flex; align-items:center; justify-content:center; gap:11px; margin-top:4px; padding:28px; background:var(--teal); border-radius:19px; color:#fff; font-size:27px; font-weight:700;}
.rcw-wrap a.rcw-submit {color:#fff;}
.rcw-nav {display:flex; align-items:center; justify-content:space-between; padding:18px 40px; background:var(--card); border-top:1.85px solid var(--line);}
.rcw-nav .tab {display:flex; flex-direction:column; align-items:center; gap:5.8px; color:var(--sub); font-size:19.2px;}
.rcw-nav .tab img {width:42px; height:42px;}
.rcw-nav .tab.on {color:var(--teal);}
.rcw-nav .tab-fab {position:relative; align-self:stretch; width:96px;}
.rcw-nav .tab-fab .fab {position:absolute; left:50%; top:0; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:96px; height:96px; border-radius:50%; background:linear-gradient(135deg, #0D9488, #0F766E); border:5px solid var(--card); box-shadow:0 10px 24px rgba(13,148,136,0.4);}
.rcw-nav .tab-fab .fab img {width:48px; height:48px;}

/* ===== 06.구인(교회채용) 완료 — Figma 1023:7369 ===== */
.rcdn-wrap {display:flex; flex-direction:column; min-height:100%; background:var(--snow);}
.rcdn-body {flex:1; display:flex; flex-direction:column; align-items:center; padding:70px 46px 46px;}
.rcdn-circle {display:flex; align-items:center; justify-content:center; width:192px; height:192px; margin-bottom:40px; border:5.76px solid #A7F3D0; border-radius:50%; background:var(--mint);}
.rcdn-circle img {width:92px; height:92px;}
.rcdn-title {font-size:42px; font-weight:700; color:var(--ink); text-align:center; margin-bottom:15px;}
.rcdn-sub {font-size:24px; color:#6B7280; text-align:center; line-height:39px; margin-bottom:44px;}
.rcdn-card {width:100%; padding:29px 33px; background:var(--card); border:1.92px solid var(--line); border-radius:19px; margin-bottom:40px;}
.rcdn-card-h {display:flex; align-items:center; gap:9.6px; margin-bottom:20px;}
.rcdn-card-h img {width:25px; height:25px;}
.rcdn-card-h b {font-size:23px; font-weight:700; color:#6B7280;}
.rcdn-proc {display:flex; align-items:center; gap:15px; padding:8px 0; font-size:23px; color:#6B7280;}
.rcdn-proc img {flex:0 0 auto; width:25px; height:25px;}
.rcdn-proc.avg {margin-top:6px; padding-top:16px; border-top:1.92px solid var(--line);}
.rcdn-proc.avg span {font-size:23px; font-weight:700; color:var(--teal);}
.rcdn-btns {display:flex; flex-direction:column; gap:15px; width:100%; margin-bottom:31px;}
.rcdn-btns .rcdn-btn {display:flex; align-items:center; justify-content:center; border-radius:19px; text-align:center;}
.rcdn-btns .rcdn-btn.primary {padding:27px; background:var(--teal); color:#fff; font-size:27px; font-weight:700;}
.rcdn-btns .rcdn-btn:not(.primary) {padding:25px; background:var(--card); border:1.92px solid var(--line); color:#6B7280; font-size:25px; font-weight:600;}
.rcdn-btns a.rcdn-btn.primary {color:#fff;}
.rcdn-btns a.rcdn-btn:not(.primary) {color:#6B7280;}
.rcdn-notice {display:flex; align-items:center; gap:13px; width:100%; padding:21px 27px; background:var(--cream); border:1.92px solid #FED7AA; border-radius:15px;}
.rcdn-notice img {flex:0 0 auto; width:25px; height:25px;}
.rcdn-notice p {font-size:21px; color:#92400E; line-height:32px;}
.rcdn-nav {display:flex; align-items:center; justify-content:space-between; padding:18px 40px; background:var(--card); border-top:1.85px solid var(--line);}
.rcdn-nav .tab {display:flex; flex-direction:column; align-items:center; gap:5.8px; color:var(--sub); font-size:19.2px;}
.rcdn-nav .tab img {width:42px; height:42px;}
.rcdn-nav .tab.on {color:var(--teal);}
.rcdn-nav .tab-fab {position:relative; align-self:stretch; width:96px;}
.rcdn-nav .tab-fab .fab {position:absolute; left:50%; top:0; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:96px; height:96px; border-radius:50%; background:linear-gradient(135deg, #0D9488, #0F766E); border:5px solid var(--card); box-shadow:0 10px 24px rgba(13,148,136,0.4);}
.rcdn-nav .tab-fab .fab img {width:48px; height:48px;}
/* ===== 지원하기 바텀시트 — Figma 1119:25240 ===== */
.rcs-dim {position:fixed; inset:0; z-index:60; display:flex; align-items:flex-end; justify-content:center; background:rgba(0,0,0,.5); opacity:0; pointer-events:none; transition:opacity .25s ease;}
.rcs-dim.on {opacity:1; pointer-events:auto;}
.rcs-sheet {width:720px; max-width:100%; max-height:92vh; display:flex; flex-direction:column; background:var(--card); border-radius:42px 42px 0 0; box-shadow:0 -7.68px 30px rgba(0,0,0,.18); transform:translateY(40px); transition:transform .25s ease;}
.rcs-dim.on .rcs-sheet {transform:translateY(0);}
.rcs-handle {flex:0 0 auto; display:flex; justify-content:center; padding:21px 0 6px;}
.rcs-handle span {width:77px; height:7.68px; border-radius:8px; background:var(--mute);}
.rcs-head {flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 34.56px 27px; border-bottom:1.92px solid var(--line);}
.rcs-htext {min-width:0; display:flex; flex-direction:column; gap:3.84px;}
.rcs-htext b {font-size:32px; font-weight:800; color:var(--ink);}
.rcs-htext span {font-size:21px; color:var(--sub);}
.rcs-x {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:61px; height:61px; border-radius:50%; background:var(--snow); border:1.92px solid var(--line);}
.rcs-x img {width:27px; height:27px;}
.rcs-body {flex:1; overflow-y:auto; display:flex; flex-direction:column; padding:27px 34.56px 0;}

/* 공고 요약 카드 */
.rcs-job {display:flex; align-items:center; gap:19.2px; padding:24px 28px; background:var(--snow); border:1.92px solid var(--line); border-radius:19.2px;}
.rcs-jav {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:80px; height:80px; border-radius:17px; background:var(--teal); color:#fff; font-size:30px; font-weight:800;}
.rcs-jbody {min-width:0; display:flex; flex-direction:column; gap:3.84px;}
.rcs-jname {font-size:23px; font-weight:700; color:var(--ink);}
.rcs-jsub {font-size:21px; color:#475569;}
.rcs-jtag {align-self:flex-start; margin-top:2px; padding:3px 13px; border-radius:38px; background:#EEF2FF; color:var(--teal); font-size:19px; font-weight:700;}

/* 섹션 헤더 */
.rcs-sec {display:flex; align-items:center; gap:9.6px; margin:30px 0 14px; font-size:21px; font-weight:700; color:var(--teal);}
.rcs-sec img {width:25px; height:25px;}

/* 제출 서류 카드 */
.rcs-docs {display:flex; flex-direction:column; gap:11.52px;}
.rcs-doc {display:flex; align-items:center; gap:19.2px; padding:21px 25px; background:var(--card); border:1.92px solid var(--line); border-radius:19.2px;}
.rcs-doc-ico {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:65px; height:65px; border-radius:15px; background:#EEF2FF;}
.rcs-doc-ico img {width:32px; height:32px;}
.rcs-doc-body {flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;}
.rcs-doc-body b {font-size:23px; font-weight:700; color:var(--ink);}
.rcs-doc-body small {font-size:19px; color:var(--sub);}
.rcs-doc-req {flex:0 0 auto; padding:4px 13px; border-radius:38px; background:#FEF2F2; color:#DC2626; font-size:19px; font-weight:700;}
.rcs-doc.warn {background:#FFFBEB; border-color:#FDE68A;}
.rcs-doc.warn .rcs-doc-ico {background:#FFFBEB;}
.rcs-doc.warn .rcs-doc-body b {color:#92400E;}
.rcs-doc.warn .rcs-doc-body small {color:#B45309;}
.rcs-doc.warn .rcs-doc-req {background:#FFFBEB; color:#D97706;}

/* 이메일 접수처 카드 */
.rcs-recv {display:flex; flex-direction:column; padding:8px 28px 16px; background:var(--snow); border:1.92px solid var(--line); border-radius:19.2px;}
.rcs-rrow {display:flex; align-items:center; gap:15px; padding:17px 0;}
.rcs-rrow + .rcs-rrow {border-top:1.92px solid var(--line);}
.rcs-rrow .k {flex:0 0 auto; min-width:92px; font-size:21px; color:var(--sub); font-weight:600;}
.rcs-rrow .v {flex:1; min-width:0; font-size:23px; color:var(--ink); font-weight:600; word-break:break-all;}
.rcs-rrow .v.orange {color:#D97706;}
.rcs-rcopy {flex:0 0 auto; display:flex; align-items:center; gap:6px; padding:8px 19px; border:1.92px solid var(--line); border-radius:11.5px; background:var(--card); font-size:19px; color:#475569; font-weight:600;}
.rcs-rcopy img {width:21px; height:21px;}

/* 권장 이메일 제목 (점선 박스) */
.rcs-subj {display:flex; flex-direction:column; gap:9.6px; padding:21px 25px; background:var(--snow); border:1.92px dashed var(--mute); border-radius:19.2px;}
.rcs-subj-h {display:flex; align-items:center; gap:7.68px; font-size:19px; font-weight:700; color:var(--sub);}
.rcs-subj-h img {width:21px; height:21px;}
.rcs-subj-box {display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 21px; background:var(--card); border:1.92px solid var(--line); border-radius:11.5px;}
.rcs-subj-box code {min-width:0; font-size:21px; font-weight:700; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rcs-subj-copy {flex:0 0 auto; display:flex; align-items:center; gap:6px; font-size:19px; font-weight:700; color:#2563EB; background:none;}
.rcs-subj-copy img {width:21px; height:21px;}

/* 안내 노트 */
.rcs-note {display:flex; align-items:flex-start; gap:12px; padding:19px 23px; border-radius:15px; font-size:21px; line-height:34px;}
.rcs-note img {flex:0 0 auto; width:25px; height:25px; margin-top:4px;}
.rcs-note.warn {background:#FFFBEB; border:1.92px solid #FDE68A; color:#92400E;}
.rcs-note.info {background:#EFF6FF; border:1.92px solid #BFDBFE; color:#1E40AF;}

/* 하단 버튼 */
.rcs-go {display:flex; align-items:center; justify-content:center; gap:15px; padding:27px; border-radius:19.2px; background:var(--teal); color:#fff; font-size:28px; font-weight:700;}
.rcs-go img {width:34px; height:34px;}
.rcs-copyonly {display:flex; align-items:center; justify-content:center; gap:11.5px; margin:14px 0 30px; padding:23px; border-radius:19.2px; background:var(--card); border:1.92px solid var(--line); color:#475569; font-size:25px; font-weight:600;}
.rcs-copyonly img {width:28px; height:28px;}
.rcs-body a.rcs-go {color:#fff;}

/* ===== 이메일 앱 선택 / 지원 완료 — Figma 1119:25592 / 25706 ===== */
.rca-wrap {display:flex; flex-direction:column; min-height:100%; background:var(--card);}
.rca-head {position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:14px; padding:22px 27px; background:var(--card); border-bottom:1.92px solid var(--line);}
.rca-back {display:flex; align-items:center; justify-content:center; width:54px; height:54px;}
.rca-back img {width:38px; height:38px;}
.rca-head h1 {font-size:27px; font-weight:700; color:var(--ink);}
.rca-steps {display:flex; align-items:center; gap:15.36px; padding:19px 34.56px 21px; background:var(--card); border-bottom:1.92px solid var(--line);}
.rca-step {flex:0 0 auto; display:flex; align-items:center; gap:11.52px;}
.rca-step .n {display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; color:#fff; font-size:19px; font-weight:700;}
.rca-step .t {font-size:21px;}
.rca-step.navy .n {background:var(--teal);}
.rca-step.navy .t {color:var(--teal); font-weight:700;}
.rca-step.green .n {background:#16A34A;}
.rca-step.green .t {color:#16A34A; font-weight:700;}
.rca-step.gray .n {background:#CBD5E1;}
.rca-step.gray .t {color:var(--sub); font-weight:400;}
.rca-line {flex:1 1 0; min-width:8px; height:2.88px; background:var(--line);}
.rca-line.navy {background:var(--teal);}
.rca-body {flex:1; padding:40px 38px 46px; display:flex; flex-direction:column; align-items:center;}
.rca-icon {display:flex; align-items:center; justify-content:center; width:153px; height:153px; border-radius:50%; background:#EEF2FF; border:3.84px solid #C7D2FE; margin-bottom:26px;}
.rca-icon img {width:69px; height:69px;}
.rca-title {font-size:34px; font-weight:700; color:var(--ink); text-align:center; margin-bottom:14px;}
.rca-sub {font-size:22px; color:#6B7280; text-align:center; line-height:35px; margin-bottom:34px;}
.rca-info {width:100%; display:flex; flex-direction:column; gap:14px; padding:24px 27px; background:var(--snow); border:1.92px solid var(--line); border-radius:17px; margin-bottom:34px;}
.rca-irow {display:flex; gap:15px; font-size:21px;}
.rca-irow .k {flex:0 0 auto; min-width:110px; color:var(--sub);}
.rca-irow .v {flex:1; min-width:0; color:var(--ink); word-break:break-all;}
.rca-irow .v b {font-size:inherit; color:#2563EB; font-weight:700;}
.rca-applabel {align-self:flex-start; font-size:22px; font-weight:700; color:var(--ink); margin-bottom:17px;}
.rca-apps {width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin-bottom:30px;}
.rca-app {display:flex; flex-direction:column; align-items:center; gap:11.52px; padding:25px 17px; border:1.92px solid var(--line); border-radius:19.2px; background:var(--card);}
.rca-app.on {border-color:var(--teal); background:#EEF2FF;}
.rca-app .logo {display:flex; align-items:center; justify-content:center; width:77px; height:77px; border-radius:19px; color:#fff; font-size:26px; font-weight:800;}
.rca-app .logo.basic {background:var(--snow) !important; border:1.92px solid var(--line);}
.rca-app .logo.basic img {width:34px; height:34px;}
.rca-app .nm {font-size:21px; font-weight:700; color:var(--ink);}
.rca-app.on .nm {color:var(--teal);}
.rca-app .sub {font-size:17px; color:var(--sub);}
.rca-open {width:100%; display:flex; align-items:center; justify-content:center; gap:11px; padding:26px; border-radius:17px; background:var(--teal); color:#fff; font-size:25px; font-weight:700; margin-bottom:14px;}
.rca-open img {width:28px; height:28px;}
.rca-wrap a.rca-open {color:#fff;}
.rca-cancel {width:100%; padding:24px; border-radius:17px; background:var(--card); border:1.92px solid var(--line); color:#6B7280; font-size:23px; font-weight:600;}
.rca-note {margin-top:20px; font-size:18px; color:var(--sub); text-align:center; line-height:28px;}

/* 지원 완료 */
.rca-circle {display:flex; align-items:center; justify-content:center; width:169px; height:169px; border-radius:50%; background:#EEF2FF; border:5.76px solid #C7D2FE; margin-bottom:28px;}
.rca-circle img {width:80px; height:80px;}
.rca-dcard {width:100%; padding:25px 28px; background:var(--snow); border:1.92px solid var(--line); border-radius:17px; margin-bottom:23px;}
.rca-dcard-h {display:flex; align-items:center; gap:9px; margin-bottom:16px; font-size:21px; font-weight:700; color:var(--teal);}
.rca-dcard-h img {width:23px; height:23px;}
.rca-drow {display:flex; align-items:center; gap:12px; padding:8px 0; font-size:21px; color:var(--body);}
.rca-drow img {flex:0 0 auto; width:23px; height:23px;}
.rca-drow b {font-size:inherit; font-weight:600; color:var(--ink);}
.rca-next {width:100%; padding:25px 28px; background:var(--card); border:1.92px solid var(--line); border-radius:17px; margin-bottom:32px;}
.rca-next-h {font-size:21px; font-weight:700; color:var(--ink); margin-bottom:16px;}
.rca-nstep {display:flex; gap:15px; padding:9px 0;}
.rca-nstep .n {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background:var(--teal); color:#fff; font-size:20px; font-weight:700;}
.rca-nstep .tx {min-width:0;}
.rca-nstep .tx b {display:block; font-size:21px; font-weight:700; color:var(--ink);}
.rca-nstep .tx span {font-size:19px; color:var(--sub); line-height:28px;}
.rca-btns {width:100%; display:flex; flex-direction:column; gap:14px;}
.rca-btns .pri {display:flex; align-items:center; justify-content:center; gap:10px; padding:27px; border-radius:17px; background:var(--teal); color:#fff; font-size:25px; font-weight:700;}
.rca-btns .pri img {width:26px; height:26px;}
.rca-btns .sec {padding:25px; border-radius:17px; background:var(--card); border:1.92px solid var(--line); color:#6B7280; font-size:23px; font-weight:600; text-align:center;}
.rca-wrap a.pri {color:#fff;}
.rca-wrap a.sec {color:#6B7280;}
.rca-nav {display:flex; align-items:center; justify-content:space-between; padding:18px 40px; background:var(--card); border-top:1.85px solid var(--line);}
.rca-nav .tab {display:flex; flex-direction:column; align-items:center; gap:5.8px; color:var(--sub); font-size:19.2px;}
.rca-nav .tab img {width:42px; height:42px;}
.rca-nav .tab.on {color:var(--teal);}
.rca-nav .tab-fab {position:relative; align-self:stretch; width:96px;}
.rca-nav .tab-fab .fab {position:absolute; left:50%; top:0; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:96px; height:96px; border-radius:50%; background:linear-gradient(135deg, #0D9488, #0F766E); border:5px solid var(--card); box-shadow:0 10px 24px rgba(37,99,235,0.4);}
.rca-nav .tab-fab .fab img {width:48px; height:48px;}

/* 필터 드롭다운 클립 방지 */
.rc-filters:has(.rc-dd.open){overflow:visible;}

/* 삭제 확인 팝업 (window.confirm 대체) — praise-share.css .pst-confirm 과 동일 boilerplate */
.rcd-confirm {position:fixed; left:50%; bottom:0; transform:translateX(-50%); z-index:60; width:720px; max-width:100%; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:38px; background:rgba(0,0,0,.5);}
.rcd-confirm-card {width:100%; max-width:538px; overflow:hidden; border-radius:28px; background:var(--card); box-shadow:0 15px 77px rgba(0,0,0,.2);}
.rcd-confirm-head {display:flex; flex-direction:column; align-items:center; gap:8px; padding:35px 35px 23px;}
.rcd-confirm-head h3 {margin:0; font-size:28px; font-weight:800; color:var(--ink); text-align:center;}
.rcd-confirm-head p {margin:0; font-size:22px; color:var(--sub); text-align:center;}
.rcd-confirm-foot {display:flex; gap:12px; padding:0 27px 30px;}
.rcd-confirm-btn {flex:1; display:flex; align-items:center; justify-content:center; padding:22px 0; border-radius:14px; font-size:23px; font-weight:700; border:0; cursor:pointer;}
.rcd-confirm-btn.ghost {border:1.92px solid var(--line); background:none; color:var(--body);}
.rcd-confirm-btn.danger {background:#DC2626; color:#fff;}