/* 사업 페이지 공통 디자인 — 2026-11-11 정리본
   원칙: 원래 페이지 구성 그대로 / 카드=흰 상자+얇은 테두리 / 상자 모서리 4px · 버튼은 알약
   색: 초록 #28a745(강조 버튼) · 안내 버튼 = 연한 초록 바탕 + 약한 초록 테두리 + 먹색 글자
   간격: 단락 64 / 단락 제목 아래 28 / 소제목 아래 20 / 단락 안 묶음 사이 56 / 카드 사이 24
         (휴대폰 48 / 20 / 16 / 40 / 20) */

.bwp,.bwp *{font-family:'Pretendard','Noto Sans KR','Noto Sans',sans-serif !important;box-sizing:border-box}
.bwp{
  --green:#28a745; --green-logo:#51ad32; --btn-bg:#e6f3e0; --btn-line:#8cc979;
  --ink:#1d1d1d; --txt:#4d4d4d; --sub:#6b6457; --line:#e9e5da; --beige:#F4F3ED;
  --s-sec:64px; --s-h2:28px; --s-h3:20px; --s-grp:56px; --s-card:24px;
  color:var(--txt); word-break:keep-all; line-height:1.75}
.bwp-in{max-width:1100px;margin:0 auto;padding:0 54px}
.bwp p{margin:0}
.bwp a{color:var(--ink)}

/* 머리 */
.bwp-head{background:var(--beige);padding:28px 0 56px}
.bwp-crumb{font-size:.85rem;color:var(--sub);margin:0 0 36px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.bwp-crumb li+li:before{content:'›';margin-right:6px;color:#9a9282}
.bwp-crumb a{color:var(--sub);text-decoration:none}
.bwp-crumb a:hover{color:var(--ink)}
.bwp-headgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.bwp-head h1{font-size:2.4rem;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.3;margin:0 0 18px}
.bwp-head p{font-size:1.02rem}
.bwp-head p+p{margin-top:12px}
.bwp-head figure{margin:0}
.bwp-head img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;display:block}

/* 사업 메뉴 탭 */
.bwp-tabs{border-bottom:1px solid var(--line);background:#fff}
.bwp-tabs ul{list-style:none;margin:0 auto;max-width:1100px;padding:0 54px;display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}
.bwp-tabs ul::-webkit-scrollbar{display:none}
.bwp-tabs a{display:block;white-space:nowrap;padding:16px 0 14px;font-size:.95rem;color:var(--sub);text-decoration:none;border-bottom:3px solid transparent}
.bwp-tabs a:hover{color:var(--ink)}
.bwp-tabs a[aria-current]{color:var(--ink);font-weight:700;border-bottom-color:var(--green)}

/* 단락 */
.bwp-cardsec{background:#fff;padding:var(--s-sec) 0 0}
.bwp-cardsec.join{padding-top:48px}
main.bwp>section:last-of-type{padding-bottom:96px}
.bwp-cardsec h2{font-size:1.6rem;font-weight:800;color:var(--ink);margin:0 0 var(--s-h2);line-height:1.35}
.bwp-h3{font-size:1.2rem;font-weight:800;color:var(--ink);margin:0 0 var(--s-h3)}
.bwp-grp{margin-top:var(--s-grp)}

/* 단락 이동 탭 (국제학생교류: 원래 페이지에 있던 프로그램/활동내용/활동후기, 탭 모양) */
.bwp-anchor{display:flex;margin:0 0 var(--s-h2);padding:0;list-style:none;border-bottom:1px solid var(--line)}
.bwp-anchor li{flex:1}
.bwp-anchor a{display:block;text-align:center;padding:12px 8px 11px;margin-bottom:-1px;border-bottom:3px solid transparent;font-size:.95rem;color:var(--sub);text-decoration:none}
.bwp-anchor a:hover{color:var(--ink)}
.bwp-anchor a[aria-current]{color:var(--ink);font-weight:700;border-bottom-color:var(--green)}

/* 카드 */
.bwp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-card)}
.bwp-card{background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column}
.bwp-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.bwp-card .bd{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.bwp-card h3{font-size:1.2rem;font-weight:800;color:var(--ink);margin:0;line-height:1.4}
.bwp-card p{font-size:.95rem;line-height:1.7}
.bwp-sub{font-size:.88rem;color:var(--sub);margin-top:-6px !important}
.bwp-meta{font-size:.85rem;color:var(--sub);margin-top:auto !important;padding-top:6px}
.bwp-facts{display:grid;grid-template-columns:84px 1fr;margin:0;border-top:1px solid var(--line);font-size:.92rem}
.bwp-facts dt,.bwp-facts dd{padding:8px 0;border-bottom:1px solid var(--line);margin:0}
.bwp-facts dt{font-weight:700;color:var(--ink)}

/* 모집 카드 (국제학생교류 홈스테이·호스트학교·협력기관): 아래 활동 카드와 구분
   연한 초록 테두리 + 사진 아래로 갈수록 진해지는 #0F4511 덮개 + 아래쪽 흰 소제목 (11/11 사용자 선택 ③, 위쪽 선 없음) */
.bwp-cardsec.join .bwp-card{border-color:var(--btn-line)}
.bwp-cardsec.join .ph{position:relative}
.bwp-cardsec.join .ph img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.bwp-cardsec.join .ph:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(15,69,17,0) 35%,rgba(15,69,17,.8) 100%)}
.bwp-cardsec.join .ph h3{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:flex-start;margin:0;padding:0 20px 16px;text-align:left;
  color:#fff;font-size:1.55rem;font-weight:800;letter-spacing:-.03em;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.25)}

/* 버튼: 안내 버튼 (자세히 보기 등) */
.bwp-btn{align-self:flex-start;display:inline-block;margin-top:4px;padding:6px 18px;border-radius:999px;
  background:var(--btn-bg);border:1px solid var(--btn-line);color:var(--ink) !important;font-size:.9rem;font-weight:600;text-decoration:none !important;transition:border-color .15s}
.bwp-btn:hover{border-color:var(--green-logo)}
/* 버튼: 강조·실행 버튼 (신청하기, 참가 신청 등) — 메인 "더나은세상 소개"와 같은 모양 */
.bwp-btn.primary{background:var(--green);border-color:var(--green);color:#fff !important;font-weight:700}
.bwp-btn.primary:hover{background:#218838;border-color:#218838}

/* 프로그램 개요 (원래: 글머리 목록) */
.bwp-list{margin:0;padding-left:1.2em}
.bwp-list li{padding:3px 0}

/* 핵심 가치 (원래: 아이콘 왼쪽 · 글 오른쪽, 세로 4줄, 박스 없음) */
.bwp-values{display:flex;flex-direction:column;gap:32px}
.bwp-values>div{display:grid;grid-template-columns:72px 1fr;gap:24px;align-items:start}
.bwp-values img{width:72px;height:72px;object-fit:contain}
.bwp-values h3{font-size:1.1rem;font-weight:800;color:var(--ink);margin:0 0 6px}

/* 후기 (박스 없음) */
.bwp-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 40px;align-items:start}
.bwp-quotes blockquote{margin:0;padding:0;border:0}
.bwp-quotes blockquote:before{content:'\201C';display:block;font-family:Georgia,'Times New Roman',serif !important;font-size:3.2rem;line-height:1;height:30px;color:var(--green)}
.bwp-quotes p{color:var(--ink);font-size:.98rem}
.bwp-quotes cite{display:block;font-style:normal;font-size:.85rem;color:var(--sub);margin-top:12px}

/* 사진 묶음 */
.bwp-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:var(--s-grp)}
.bwp-gallery a{display:block}
.bwp-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;display:block;transition:opacity .2s}
.bwp-gallery a:hover img{opacity:.85}

@media (max-width:991.98px){
  .bwp-headgrid{grid-template-columns:1fr;gap:28px}
  .bwp-head figure{order:-1}
  .bwp-cards,.bwp-quotes{grid-template-columns:1fr 1fr}
}
@media (max-width:767.98px){
  .bwp{--s-sec:48px;--s-h2:20px;--s-h3:16px;--s-grp:40px;--s-card:20px}
  .bwp-in,.bwp-tabs ul{padding:0 20px}
  .bwp-head{padding:18px 0 40px}
  .bwp-crumb{margin-bottom:22px}
  .bwp-head h1{font-size:1.85rem}
  .bwp-cardsec.join{padding-top:32px}
  main.bwp>section:last-of-type{padding-bottom:64px}
  .bwp-cardsec h2{font-size:1.35rem}
  .bwp-cards,.bwp-quotes{grid-template-columns:1fr}
  .bwp-quotes{gap:32px}
  .bwp-gallery{grid-template-columns:1fr 1fr}
  .bwp-values>div{grid-template-columns:56px 1fr;gap:16px}
  .bwp-values img{width:56px;height:56px}
}