/* 지산리조트 스키강습 브라더스 — '스키강습스쿨 소개'(co_id=intro) 페이지 디자인
   글 안에 <style> 을 넣으면 편집기가 지워 버려서, 디자인은 이 파일에 따로 둡니다. (head.sub.php 가 intro 페이지에서만 불러옴)
   글꼴은 brothers_font.css 가 사이트 전체에 적용하므로 여기서는 지정하지 않습니다. */
#brothers-intro{--ink:#2f3a4f;--ink-bg:#3b73b3;--ink2:#3b4863;--ink2-bg:#4f86c6;--gold:#f0875a;--gold-l:#ffe6d6;--gold-d:#c2562a;--mint:#ff9a6e;--mint-d:#2a6fa8;--line:#f0e4d8;--soft:#fff8f0;--mute:#64748b;
  max-width:1100px;margin:0 auto;padding:20px 14px 60px;color:var(--ink);line-height:1.7;word-break:keep-all;box-sizing:border-box}
#brothers-intro *{box-sizing:border-box}
#brothers-intro img{max-width:100%;height:auto;display:block}
#brothers-intro a{text-decoration:none}
#brothers-intro p{margin:0}

/* 1. 첫 화면 */
#brothers-intro .bi-hero{position:relative;background:radial-gradient(circle at 80% 15%,rgba(255,154,110,.16) 0%,rgba(47,58,79,0) 45%),linear-gradient(145deg,#2f5f9a 0%,#3b73b3 55%,#4f86c6 100%);color:#fff;border-radius:26px;padding:52px 36px 40px;text-align:center;border:1px solid rgba(240,135,90,.28);box-shadow:0 22px 48px rgba(47,58,79,.22);margin-bottom:46px;overflow:hidden}
#brothers-intro .bi-hero:before{content:"";position:absolute;inset:12px;border:1px solid rgba(240,135,90,.2);border-radius:18px;pointer-events:none}
#brothers-intro .bi-eyebrow{display:inline-block;background:rgba(255,255,255,.07);border:1px solid rgba(240,135,90,.55);color:var(--gold-l);font-size:12px;font-weight:800;padding:6px 18px;border-radius:30px;letter-spacing:1.8px;margin-bottom:20px}
#brothers-intro h1{font-size:38px;line-height:1.35;margin:0 0 16px;color:#fff;font-weight:800}
#brothers-intro h1 .mint{color:#ffd3b8}
#brothers-intro h1 .gold{color:var(--gold-l)}
#brothers-intro h1 small{display:block;margin-top:10px;font-size:16px;font-weight:700;color:#eef4fb;letter-spacing:0}
#brothers-intro .bi-lead{max-width:800px;margin:0 auto 26px;font-size:16px;color:#eef4fb;line-height:1.75}
#brothers-intro .bi-lead strong{color:#fff}
#brothers-intro .bi-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:880px;margin:0 auto 22px}
#brothers-intro .bi-fact{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 10px}
#brothers-intro .bi-fact span{display:block;font-size:13px;font-weight:700;color:#e3eef9;margin-bottom:3px}
#brothers-intro .bi-fact b{display:block;font-size:16px;color:#ffe6d6;font-weight:800}
#brothers-intro .bi-quote{font-size:14px;color:#e3eef9;margin-top:6px}

/* 2. 섹션 머리말 */
#brothers-intro .bi-sec{margin-bottom:56px}
#brothers-intro .bi-sec-head{text-align:center;margin-bottom:26px}
#brothers-intro .bi-tag{display:inline-block;font-size:12px;font-weight:800;color:var(--mint-d);letter-spacing:2px;margin-bottom:6px}
#brothers-intro .bi-sec-head h2{font-size:28px;line-height:1.35;margin:0 0 8px;color:var(--ink);font-weight:800}
#brothers-intro .bi-sec-head p{font-size:14.5px;color:var(--mute)}
#brothers-intro .bi-rule{width:46px;height:3px;border:0;border-radius:3px;background:var(--gold);margin:16px auto 0}

/* 3. 6가지 이유 */
#brothers-intro .bi-why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#brothers-intro .bi-why-item{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 22px;box-shadow:0 10px 26px rgba(47,58,79,.05)}
#brothers-intro .bi-no{display:inline-block;font-size:13px;font-weight:800;color:var(--gold-d);letter-spacing:1px;margin-bottom:6px}
#brothers-intro .bi-why-item h3{font-size:18px;margin:0 0 8px;color:var(--ink);font-weight:800}
#brothers-intro .bi-why-item p{font-size:14.5px;color:#475569}

/* 4. 강사진 */
#brothers-intro .bi-feature{display:grid;grid-template-columns:5fr 6fr;gap:26px;align-items:stretch;margin-bottom:26px}
#brothers-intro .bi-feature-photo{position:relative;border-radius:24px;overflow:hidden;background:var(--soft);border:1px solid var(--line)}
#brothers-intro .bi-feature-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
#brothers-intro .bi-feature-years{position:absolute;left:16px;bottom:16px;background:rgba(47,58,79,.88);color:var(--gold-l);border:1px solid rgba(240,135,90,.5);border-radius:16px;padding:10px 16px;font-size:11px;font-weight:800;letter-spacing:2px;line-height:1.3}
#brothers-intro .bi-feature-years b{display:block;font-size:30px;color:#fff;letter-spacing:0}
#brothers-intro .bi-feature-body{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 28px;box-shadow:0 10px 26px rgba(47,58,79,.05)}
#brothers-intro .bi-feature-eyebrow{display:block;font-size:12px;font-weight:800;color:var(--mint-d);letter-spacing:1.6px;margin-bottom:8px}
#brothers-intro .bi-feature-name{margin:0 0 4px;font-size:30px;font-weight:800;color:var(--ink)}
#brothers-intro .bi-feature-name small{margin-left:10px;font-size:13px;font-weight:700;color:var(--mute);letter-spacing:1px}
#brothers-intro .bi-feature-title{font-size:15px;color:var(--gold-d);font-weight:800;margin-bottom:12px}
#brothers-intro .bi-feature-motto{font-size:15px;color:#475569;margin-bottom:16px;padding-left:12px;border-left:3px solid var(--gold-l)}
#brothers-intro .bi-cv{list-style:none;margin:0 0 14px;padding:0}
#brothers-intro .bi-cv li{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
#brothers-intro .bi-cv li:last-child{border-bottom:0}
#brothers-intro .bi-cv li span{flex:0 0 150px;color:var(--mute);font-weight:700}
#brothers-intro .bi-cv li b{color:var(--ink);font-weight:800}
#brothers-intro .bi-badges{display:flex;flex-wrap:wrap;gap:6px}
#brothers-intro .bi-badges b{background:var(--soft);border:1px solid var(--line);color:#334155;font-size:12.5px;font-weight:800;padding:4px 12px;border-radius:20px}
#brothers-intro .bi-team{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#brothers-intro .bi-coach{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 26px rgba(47,58,79,.05)}
#brothers-intro .bi-photo{position:relative;aspect-ratio:4/3;background:url(../img/logo_white.png) 50% 44% / 46% auto no-repeat,radial-gradient(circle at 80% 15%,rgba(255,154,110,.18) 0%,rgba(47,58,79,0) 50%),linear-gradient(145deg,#2f5f9a 0%,#3b73b3 55%,#4f86c6 100%)}
#brothers-intro .bi-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#brothers-intro .bi-role{position:absolute;left:14px;bottom:14px;background:rgba(47,58,79,.88);border:1px solid rgba(240,135,90,.5);border-radius:14px;padding:8px 14px;color:#fff;line-height:1.35}
#brothers-intro .bi-role span{display:block;font-size:10.5px;font-weight:800;letter-spacing:2px;color:var(--gold-l)}
#brothers-intro .bi-role strong{font-size:18px;font-weight:800;margin-right:8px}
#brothers-intro .bi-role em{font-style:normal;font-size:13px;color:var(--mint)}
#brothers-intro .bi-coach-body{padding:22px 24px 24px}
#brothers-intro .bi-motto{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:10px}
#brothers-intro .bi-coach-body .bi-cv li{display:block;padding:6px 0;color:#475569}

/* 5. 강습 안내 */
#brothers-intro .bi-course{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#brothers-intro .bi-course-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 22px;box-shadow:0 10px 26px rgba(47,58,79,.05);display:flex;flex-direction:column}
#brothers-intro .bi-course-card h3{font-size:21px;margin:0 0 8px;color:var(--ink);font-weight:800}
#brothers-intro .bi-course-card .kw{display:inline-block;align-self:flex-start;background:rgba(255,154,110,.1);color:var(--mint-d);font-size:12.5px;font-weight:800;padding:4px 12px;border-radius:20px;margin-bottom:12px}
#brothers-intro .bi-course-card p{font-size:14.5px;color:#475569;margin-bottom:16px;flex:1}
#brothers-intro .bi-link{display:inline-block;align-self:flex-start;background:var(--ink-bg);color:#fff !important;font-size:13.5px;font-weight:800;padding:9px 18px;border-radius:30px}
#brothers-intro .bi-link:hover{background:var(--ink2-bg)}

/* 6. 원스톱 */
#brothers-intro .bi-dark{background:linear-gradient(145deg,#2f5f9a 0%,#3b73b3 55%,#4f86c6 100%);border:1px solid rgba(240,135,90,.28);border-radius:26px;padding:42px 28px}
#brothers-intro .bi-dark .bi-sec-head h2{color:#fff}
#brothers-intro .bi-dark .bi-sec-head p{color:#eef4fb}
#brothers-intro .bi-dark .bi-tag{color:var(--gold-l)}
#brothers-intro .bi-os-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#brothers-intro .bi-os{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px 16px;text-align:center}
#brothers-intro .bi-os h4{font-size:17px;margin:0 0 6px;color:#ffe6d6;font-weight:800}
#brothers-intro .bi-os p{font-size:13.5px;color:#e2e8f0}

/* 7. 자주 묻는 질문 */
#brothers-intro .bi-faq{max-width:860px;margin:0 auto}
#brothers-intro .bi-faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin-bottom:12px}
#brothers-intro .bi-qt{font-size:16.5px;font-weight:800;color:var(--ink);margin-bottom:8px}
#brothers-intro .bi-qt:before{content:"Q";display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;background:var(--ink-bg);color:var(--gold-l);font-size:13px;margin-right:10px}
#brothers-intro .ans{font-size:14.5px;color:#475569;padding-left:36px}

/* 8. 주니어 등급제 안내 · 하단 연락 */
#brothers-intro .bi-junior{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:var(--ink-bg);border:1px solid rgba(240,135,90,.45);border-radius:22px;padding:26px 28px;margin-bottom:34px}
#brothers-intro .bi-junior small{display:block;font-size:11.5px;font-weight:800;letter-spacing:3px;color:var(--gold-l);margin-bottom:6px}
#brothers-intro .bi-junior b{display:block;font-size:19px;color:#fff;font-weight:800}
#brothers-intro .bi-junior span{display:block;margin-top:4px;font-size:13.5px;color:#eef4fb}
#brothers-intro .bi-junior a{background:var(--mint);color:var(--ink) !important;font-weight:800;font-size:14.5px;padding:13px 24px;border-radius:40px}
#brothers-intro .bi-foot{text-align:center}
#brothers-intro .bi-foot p{color:var(--mute);font-size:14px;margin-bottom:6px}
#brothers-intro .bi-foot p.bi-name{color:var(--ink);font-size:16px;font-weight:800}
#brothers-intro .bi-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}
#brothers-intro .bi-contact a{background:#fff;border:1.5px solid var(--ink-bg);color:var(--ink) !important;font-weight:800;font-size:14.5px;padding:12px 24px;border-radius:40px}
#brothers-intro .bi-contact a:first-child{background:var(--ink-bg);color:#fff !important}
#brothers-intro .bi-contact a:hover{border-color:var(--mint-d)}

/* 반응형 */
@media (max-width:900px){
  #brothers-intro .bi-why,#brothers-intro .bi-course{grid-template-columns:1fr 1fr}
  #brothers-intro .bi-feature,#brothers-intro .bi-team{grid-template-columns:1fr}
  #brothers-intro .bi-feature-photo{aspect-ratio:4/3}
  #brothers-intro .bi-feature-photo img{object-position:50% 18%}
  #brothers-intro .bi-os-grid,#brothers-intro .bi-facts{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  #brothers-intro{padding:12px 12px 44px}
  #brothers-intro .bi-hero{padding:38px 18px 30px;border-radius:20px}
  #brothers-intro h1{font-size:27px}
  #brothers-intro h1 small{font-size:13.5px}
  #brothers-intro .bi-lead{font-size:14.5px}
  #brothers-intro .bi-sec-head h2{font-size:23px}
  #brothers-intro .bi-why,#brothers-intro .bi-course{grid-template-columns:1fr}
  #brothers-intro .bi-cv li span{flex-basis:112px}
  #brothers-intro .bi-feature-body{padding:22px 18px}
  #brothers-intro .bi-feature-name{font-size:25px}
  #brothers-intro .bi-dark{padding:32px 16px}
  #brothers-intro .bi-junior{padding:22px 18px}
  #brothers-intro .ans{padding-left:0}
}