/* ANCHOR intro — docs/sample content styles, scoped .anchor-intro */

.anchor-intro{
  color:#071522;
  background:#fff;
  font-family:Pretendard,"SUIT","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;
  letter-spacing:-.025em;
  word-break:keep-all;
  box-sizing:border-box;
}
.anchor-intro *, .anchor-intro *::before, .anchor-intro *::after{box-sizing:border-box}
.anchor-intro img{max-width:100%;display:block;height:auto}
.anchor-intro a{color:inherit;text-decoration:none}
.anchor-intro button{font:inherit;border:0;background:none;cursor:pointer}

/* --- greeting --- */
.anchor-intro{
      --navy:#071c2c;
      --blue:#1269ff;
      --green:#18d78d;
      --ink:#071522;
      --text:#344b58;
      --muted:#60717c;
      --line:#dfe8ed;
      --paper:#f5f8f9;
      --white:#fff;
      --radius:28px;
      --shadow:0 24px 70px rgba(10,36,50,.10);
      --max:1080px;
    }


    .anchor-intro *{box-sizing:border-box}

    .anchor-intro html{scroll-behavior:smooth}

    .anchor-intro body{
      margin:0;
      color:var(--ink);
      background:#fff;
      font-family:Pretendard,"SUIT","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;
      letter-spacing:-.025em;
      word-break:keep-all;
    }


    .anchor-intro .page{
      min-height:100vh;
      padding:72px 0 92px;
    }


    .anchor-intro .container{
      width:min(calc(100% - 48px),var(--max));
      margin:auto;
    }


    .anchor-intro .page-head{
      margin-bottom:36px;
    }


    .anchor-intro .page-head::before{
      content:"";
      display:block;
      width:34px;
      height:3px;
      margin-bottom:18px;
      border-radius:999px;
      background:linear-gradient(90deg,var(--blue),var(--green));
    }


    .anchor-intro h1{
      margin:0;
      font-size:clamp(40px,5vw,70px);
      line-height:1.06;
      letter-spacing:-.065em;
      font-weight:950;
    }


    .anchor-intro .message-card{
      padding:clamp(34px,6vw,76px);
      border:1px solid rgba(7,28,44,.07);
      border-radius:var(--radius);
      background:var(--white);
      box-shadow:var(--shadow);
    }


    .anchor-intro .message-body{
      color:var(--text);
      font-size:16px;
      line-height:2;
    }


    .anchor-intro .message-body p{
      margin:0 0 24px;
    }


    .anchor-intro .message-body p:first-child{
      color:var(--ink);
      font-size:20px;
      font-weight:850;
      margin-bottom:30px;
    }


    .anchor-intro .message-body p:last-of-type{
      margin-bottom:0;
    }


    .anchor-intro .signature{
      margin-top:48px;
      padding-top:28px;
      border-top:1px solid var(--line);
      text-align:right;
    }


    .anchor-intro .signature small{
      display:block;
      margin-bottom:8px;
      color:var(--muted);
      font-size:13px;
    }


    .anchor-intro .signature strong{
      display:block;
      color:var(--ink);
      font-size:25px;
      font-weight:900;
      letter-spacing:.14em;
    }


    .anchor-intro .scroll-top{
      position:fixed;
      right:20px;
      bottom:20px;
      width:48px;
      height:48px;
      border:0;
      border-radius:16px;
      background:var(--ink);
      color:#fff;
      font-size:18px;
      cursor:pointer;
      box-shadow:0 14px 35px rgba(5,30,43,.18);
      opacity:0;
      transform:translateY(10px);
      pointer-events:none;
      transition:.25s ease;
    }


    .anchor-intro .scroll-top.show{
      opacity:1;
      transform:none;
      pointer-events:auto;
    }


    @media(max-width:600px){
.anchor-intro .page{padding:38px 0 56px}

      .anchor-intro .container{width:calc(100% - 28px)}

      .anchor-intro .page-head{margin-bottom:24px}

      .anchor-intro h1{font-size:42px}

      .anchor-intro .message-card{padding:30px 22px;border-radius:22px}

      .anchor-intro .message-body{font-size:15px;line-height:1.9}

      .anchor-intro .message-body p:first-child{font-size:18px}

      .anchor-intro .signature{margin-top:38px}

      .anchor-intro .signature strong{font-size:22px}

      .anchor-intro .scroll-top{right:12px;bottom:12px}

}


    @media print{
.anchor-intro body{background:#fff}

      .anchor-intro .page{padding:0}

      .anchor-intro .container{width:100%}

      .anchor-intro .message-card{padding:24px;border:0;box-shadow:none}

      .anchor-intro .scroll-top{display:none!important}

}

/* --- location --- */
.anchor-intro{
      --blue:#1269ff;
      --blue-soft:#eaf2ff;
      --green:#18b981;
      --green-soft:#e9f9f3;
      --ink:#071522;
      --text:#344b58;
      --muted:#667983;
      --line:#dfe8ed;
      --paper:#f6f9fa;
      --white:#fff;
      --radius:28px;
      --shadow:0 22px 65px rgba(10,36,50,.09);
      --max:1180px;
    }


    .anchor-intro *{box-sizing:border-box}

    .anchor-intro html{scroll-behavior:smooth}

    .anchor-intro body{
      margin:0;
      color:var(--ink);
      background:#fff;
      font-family:Pretendard,"SUIT","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;
      letter-spacing:-.025em;
      word-break:keep-all;
    }

    .anchor-intro a{color:inherit;text-decoration:none}

    .anchor-intro button{font:inherit}

    .anchor-intro .page{padding:82px 0 100px;background:#fff}

    .anchor-intro .container{width:min(calc(100% - 48px),var(--max));margin:auto}


    .anchor-intro .page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:42px}

    .anchor-intro .kicker{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}

    .anchor-intro .kicker::before{content:"";width:28px;height:2px;background:currentColor}

    .anchor-intro h1{margin:17px 0 0;font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-.07em;font-weight:950}

    .anchor-intro .intro{max-width:430px;margin:0;color:var(--muted);font-size:15px;line-height:1.8}


    .anchor-intro .map-shell{overflow:hidden;border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:var(--shadow)}

    .anchor-intro .map-frame{position:relative;height:500px;background:#eef3f5}

    .anchor-intro .map-frame iframe{width:100%;height:100%;border:0;display:block}

    .anchor-intro .map-badge{position:absolute;left:22px;top:22px;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(7,21,34,.08);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(7,21,34,.12);backdrop-filter:blur(12px);font-size:12px;font-weight:900}

    .anchor-intro .map-badge i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(24,185,129,.13)}


    .anchor-intro .location-main{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;margin-top:18px}

    .anchor-intro .address-card, .anchor-intro .contact-card{border:1px solid var(--line);border-radius:28px;background:#fff;padding:32px}

    .anchor-intro .address-card{display:flex;flex-direction:column;justify-content:space-between;min-height:248px;background:linear-gradient(145deg,#f7fbff,#fff)}

    .anchor-intro .card-label{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:11px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}

    .anchor-intro .card-label svg{width:17px;height:17px}

    .anchor-intro .address-text{margin:25px 0 0;font-size:clamp(25px,3vw,39px);line-height:1.28;letter-spacing:-.055em;font-weight:900}

    .anchor-intro .postal{display:block;margin-top:11px;color:var(--muted);font-size:13px;font-weight:750}

    .anchor-intro .inline-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}

    .anchor-intro .small-btn{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#324852;font-size:12px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.25s ease}

    .anchor-intro .small-btn:hover{transform:translateY(-2px);border-color:#b9cbd1;box-shadow:0 8px 20px rgba(8,36,50,.08)}

    .anchor-intro .small-btn.primary{border-color:var(--ink);background:var(--ink);color:#fff}

    .anchor-intro .small-btn svg{width:15px;height:15px}


    .anchor-intro .contact-card{display:flex;flex-direction:column;justify-content:space-between;min-height:248px;background:var(--ink);color:#fff;border-color:var(--ink)}

    .anchor-intro .contact-card .card-label{color:#9ff0cc}

    .anchor-intro .contact-card h2{margin:24px 0 7px;font-size:22px;letter-spacing:-.04em}

    .anchor-intro .phone-number{display:inline-block;font-size:clamp(31px,4vw,48px);line-height:1.1;font-weight:950;font-variant-numeric:tabular-nums;letter-spacing:-.055em}

    .anchor-intro .contact-note{margin:11px 0 0;color:rgba(255,255,255,.58);font-size:12px;line-height:1.65}

    .anchor-intro .call-btn{margin-top:25px;min-height:52px;border-radius:15px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:950}

    .anchor-intro .call-btn svg{width:18px;height:18px}


    .anchor-intro .route-section{padding-top:78px}

    .anchor-intro .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}

    .anchor-intro .section-head h2{margin:15px 0 0;font-size:clamp(34px,4.5vw,60px);line-height:1.08;letter-spacing:-.06em}

    .anchor-intro .section-desc{max-width:480px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}

    .anchor-intro .route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

    .anchor-intro .route-card{position:relative;min-height:235px;padding:27px;border:1px solid var(--line);border-radius:26px;background:#fff;overflow:hidden;transition:.3s ease}

    .anchor-intro .route-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}

    .anchor-intro .route-num{display:flex;justify-content:space-between;align-items:center;color:#7c8d95;font-size:10px;font-weight:900;letter-spacing:.12em}

    .anchor-intro .route-icon{width:58px;height:58px;margin:30px 0 24px;border-radius:19px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}

    .anchor-intro .route-card:nth-child(2) .route-icon{background:var(--green-soft);color:#08734b}

    .anchor-intro .route-card:nth-child(3) .route-icon{background:#f0edff;color:#6659cf}

    .anchor-intro .route-icon svg{width:28px;height:28px}

    .anchor-intro .route-card h3{margin:0 0 9px;font-size:22px;letter-spacing:-.04em}

    .anchor-intro .route-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}

    .anchor-intro .route-link{position:absolute;right:22px;bottom:22px;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:900;transition:.25s ease}

    .anchor-intro .route-card:hover .route-link{transform:rotate(-35deg);background:var(--green);color:#05261a}


    .anchor-intro .notice{margin-top:18px;padding:20px 22px;border:1px solid #dce9e5;border-radius:18px;background:#f2faf7;color:#416158;font-size:12px;line-height:1.75}

    .anchor-intro .notice strong{color:#0a7250}


    .anchor-intro .toast{position:fixed;left:50%;bottom:28px;z-index:10;transform:translate(-50%,20px);padding:12px 17px;border-radius:999px;background:#071522;color:#fff;font-size:12px;font-weight:850;opacity:0;pointer-events:none;transition:.25s ease;box-shadow:0 12px 30px rgba(7,21,34,.22)}

    .anchor-intro .toast.show{opacity:1;transform:translate(-50%,0)}


    @media(max-width:880px){
.anchor-intro .page{padding:60px 0 78px}

      .anchor-intro .container{width:min(calc(100% - 32px),var(--max))}

      .anchor-intro .page-head, .anchor-intro .section-head{align-items:flex-start;flex-direction:column}

      .anchor-intro .intro, .anchor-intro .section-desc{max-width:none}

      .anchor-intro .map-frame{height:430px}

      .anchor-intro .location-main{grid-template-columns:1fr}

      .anchor-intro .route-grid{grid-template-columns:1fr 1fr}

      .anchor-intro .route-card:last-child{grid-column:1/-1}

}


    @media(max-width:580px){
.anchor-intro .page{padding:42px 0 58px}

      .anchor-intro .container{width:calc(100% - 24px)}

      .anchor-intro .page-head{margin-bottom:27px}

      .anchor-intro h1{font-size:44px}

      .anchor-intro .map-shell{border-radius:22px}

      .anchor-intro .map-frame{height:350px}

      .anchor-intro .map-badge{left:12px;top:12px;padding:10px 12px;border-radius:13px}

      .anchor-intro .address-card, .anchor-intro .contact-card{padding:24px;border-radius:22px;min-height:auto}

      .anchor-intro .address-text{font-size:26px}

      .anchor-intro .inline-actions{display:grid;grid-template-columns:1fr 1fr}

      .anchor-intro .small-btn.primary{grid-column:1/-1}

      .anchor-intro .route-section{padding-top:58px}

      .anchor-intro .route-grid{grid-template-columns:1fr}

      .anchor-intro .route-card:last-child{grid-column:auto}

      .anchor-intro .route-card{min-height:215px;padding:24px;border-radius:22px}

}


    @media print{
.anchor-intro body{background:#fff}

      .anchor-intro .page{padding:0}

      .anchor-intro .container{width:100%}

      .anchor-intro .map-shell, .anchor-intro .address-card, .anchor-intro .contact-card, .anchor-intro .route-card{box-shadow:none}

      .anchor-intro .inline-actions, .anchor-intro .call-btn, .anchor-intro .route-link, .anchor-intro .toast{display:none!important}

      .anchor-intro .map-frame{height:390px}

}

/* --- vision --- */
.anchor-intro{
      --ink:#101828;
      --blue:#0b4da2;
      --line:#dbe4ee;
      --soft:#f7f9fc;
      --white:#ffffff;
      --max:1440px;
    }

    .anchor-intro *{ box-sizing:border-box; }

    .anchor-intro html{ scroll-behavior:smooth; }

    .anchor-intro body{
      margin:0;
      color:var(--ink);
      background:var(--white);
      font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;
      letter-spacing:-.025em;
      word-break:keep-all;
    }

    .anchor-intro img{ display:block; max-width:100%; height:auto; }

    .anchor-intro .page{ padding:48px 0 72px; background:#fff; }

    .anchor-intro .container{ width:min(calc(100% - 48px),var(--max)); margin:0 auto; }

    .anchor-intro .source-table{
      width:100%;
      border-collapse:separate;
      border-spacing:0;
      overflow:hidden;
      border:0;
      border-radius:0;
      background:#fff;
    }

    .anchor-intro .source-table th, .anchor-intro .source-table td{
      padding:24px 28px;
      border-bottom:1px solid var(--line);
      vertical-align:top;
    }

    .anchor-intro .source-table tr:last-child th, .anchor-intro .source-table tr:last-child td{ border-bottom:0; }

    .anchor-intro .document-title{
      padding:30px 32px !important;
      color:#fff;
      background:var(--blue);
      text-align:left;
      font-size:clamp(28px,4vw,48px);
      line-height:1.15;
      font-weight:900;
      letter-spacing:-.055em;
    }

    .anchor-intro .label-cell{
      width:310px;
      background:var(--soft);
      color:var(--blue);
      font-size:18px;
      line-height:1.55;
      font-weight:900;
    }

    .anchor-intro .content-cell{
      color:#263544;
      font-size:17px;
      line-height:1.95;
    }

    .anchor-intro .section-title{
      padding:22px 28px !important;
      background:#f2f6fb;
      color:#173d70;
      text-align:left;
      font-size:22px;
      line-height:1.4;
      font-weight:900;
    }

    .anchor-intro .image-cell{ padding:20px !important; background:#fff; }

    .anchor-intro .image-frame{
      width:100%;
      overflow:hidden;
      border:0;
      border-radius:0;
      background:#fff;
    }

    .anchor-intro .image-frame img{ width:100%; }

    @media(max-width:760px){
.anchor-intro .page{ padding:22px 0 42px; }

      .anchor-intro .container{ width:calc(100% - 24px); }

      .anchor-intro .source-table{ border-radius:0; }

      .anchor-intro .source-table, .anchor-intro .source-table tbody, .anchor-intro .source-table tr, .anchor-intro .source-table th, .anchor-intro .source-table td{ display:block; width:100%; }

      .anchor-intro .source-table th, .anchor-intro .source-table td{ padding:20px; }

      .anchor-intro .document-title{ padding:24px 20px !important; font-size:32px; }

      .anchor-intro .label-cell{ border-bottom:0 !important; padding-bottom:10px !important; font-size:17px; }

      .anchor-intro .content-cell{ padding-top:8px !important; font-size:15px; line-height:1.85; }

      .anchor-intro .section-title{ padding:19px 20px !important; font-size:19px; }

      .anchor-intro .image-cell{ padding:10px !important; }

      .anchor-intro .image-frame{ border-radius:0; overflow-x:auto; -webkit-overflow-scrolling:touch; }

}

    @media print{
.anchor-intro .page{ padding:0; }

      .anchor-intro .container{ width:100%; }

      .anchor-intro .source-table{ border-radius:0; }

      .anchor-intro .image-frame{ border:0; }

}

/* --- organization --- */
.anchor-intro{
      --blue:#1269ff;
      --blue2:#55b8ff;
      --green:#18d78d;
      --green2:#8df5c4;
      --violet:#7c72ed;
      --ink:#071522;
      --navy:#071c2c;
      --navy2:#0b3041;
      --line:#dfe8ed;
      --muted:#60717c;
      --paper:#f5f8f9;
      --white:#fff;
      --radius:28px;
      --shadow:0 24px 70px rgba(10,36,50,.10);
      --max:1440px;
    }

    
    
    
    
    .anchor-intro a{color:inherit;text-decoration:none}

    .anchor-intro button{font:inherit;border:0}

    .anchor-intro img{max-width:100%;display:block}

    .anchor-intro .container{width:min(calc(100% - 56px),var(--max));margin:auto}

    
    
    

    /* Header */
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    /* Mobile menu */
    
    
    
    
    
    
    
    
    
    
    
    
    

    /* Sub hero */
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    /* Common section */
    .anchor-intro .section{padding:120px 0}

    .anchor-intro .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}

    .anchor-intro .kicker{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}

    .anchor-intro .kicker::before{content:"";width:28px;height:2px;background:currentColor}

    .anchor-intro .section-title{margin:18px 0 0;font-size:clamp(38px,4.5vw,70px);line-height:1.06;letter-spacing:-.065em;font-weight:950}

    .anchor-intro .section-desc{max-width:720px;margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.8;word-break:keep-all}

    .anchor-intro .section-note{max-width:380px;padding:18px 20px;border-radius:18px;background:#eef8f4;color:#366052;font-size:13px;line-height:1.65}


    /* Organization chart */
    .anchor-intro .org-section{background:#fff;padding-top:90px}

    .anchor-intro .org-chart{position:relative;margin-top:64px;padding:0 20px 12px}

    .anchor-intro .org-top{display:flex;flex-direction:column;align-items:center;position:relative}

    .anchor-intro .org-node{position:relative;border:1px solid #dce7ea;border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(8,36,50,.08);transition:.3s ease}

    .anchor-intro .org-node:hover{transform:translateY(-6px);box-shadow:var(--shadow)}

    .anchor-intro .org-node.primary{width:min(440px,100%);padding:30px;text-align:center;color:#fff;border:0;background:linear-gradient(135deg,#096bff,#0ab68a)}

    .anchor-intro .org-node.primary::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:32px;background:#b8ced4}

    .anchor-intro .org-node .eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;opacity:.72}

    .anchor-intro .org-node h3{margin:9px 0 8px;font-size:28px;letter-spacing:-.04em}

    .anchor-intro .org-node p{margin:0;font-size:13px;line-height:1.65;opacity:.78}

    .anchor-intro .org-node.secondary{width:min(380px,90%);margin-top:32px;padding:24px 28px;text-align:center;background:#071522;color:#fff;border:0}

    .anchor-intro .org-node.secondary::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:50px;background:#b8ced4}

    .anchor-intro .org-support{display:flex;justify-content:center;margin-top:18px}

    .anchor-intro .support-chip{display:flex;align-items:center;gap:11px;padding:13px 18px;border-radius:999px;background:#eff5f6;color:#40545e;font-size:13px;font-weight:850;border:1px solid #dde8eb}

    .anchor-intro .support-chip i{width:8px;height:8px;border-radius:50%;background:var(--blue)}

    .anchor-intro .center-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}

    .anchor-intro .center-grid::before{content:"";position:absolute;left:16.66%;right:16.66%;top:-26px;height:2px;background:#b8ced4}

    .anchor-intro .center-card{position:relative;min-height:325px;padding:28px;border-radius:28px;background:#f1f5f6;border:1px solid transparent;transition:.35s ease;overflow:hidden}

    .anchor-intro .center-card::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:26px;background:#b8ced4}

    .anchor-intro .center-card:hover{transform:translateY(-8px);background:#fff;border-color:#dbe8e8;box-shadow:var(--shadow)}

    .anchor-intro .center-card .num{display:flex;align-items:center;justify-content:space-between;color:#71828b;font-size:10px;font-weight:900;letter-spacing:.1em}

    .anchor-intro .center-icon{width:68px;height:68px;margin:34px 0 27px;border-radius:21px;display:grid;place-items:center;font-size:27px;font-weight:950;color:#07382d;background:linear-gradient(135deg,#c9fff0,#7ee9bd)}

    .anchor-intro .center-card:nth-child(2) .center-icon{color:#073c70;background:linear-gradient(135deg,#c8e8ff,#76baff)}

    .anchor-intro .center-card:nth-child(3) .center-icon{color:#303d8f;background:linear-gradient(135deg,#e0ddff,#a99fff)}

    .anchor-intro .center-card h3{margin:0 0 12px;font-size:25px;line-height:1.25;letter-spacing:-.045em}

    .anchor-intro .center-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7;word-break:keep-all}

    .anchor-intro .role-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}

    .anchor-intro .role-tags span{padding:7px 10px;border-radius:999px;background:#fff;color:#53666f;font-size:10px;font-weight:900;border:1px solid #e0e9ec}


    /* Staff */
    .anchor-intro .staff-section{background:#fff}

    .anchor-intro .filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:44px}

    .anchor-intro .filter-tab{padding:12px 17px;border-radius:999px;background:#fff;color:#667780;border:1px solid #dce6e9;font-size:12px;font-weight:900;cursor:pointer;transition:.25s}

    .anchor-intro .filter-tab:hover{transform:translateY(-2px)}

    .anchor-intro .filter-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}

    .anchor-intro .staff-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 13px;color:#667780;font-size:12px}

    .anchor-intro .staff-summary strong{color:var(--blue);font-size:14px}

    .anchor-intro .staff-table-wrap{overflow:hidden;border-radius:26px;background:#fff;border:1px solid #e0e9ec;box-shadow:0 14px 45px rgba(8,36,50,.06)}

    .anchor-intro table{width:100%;border-collapse:collapse;table-layout:fixed}

    .anchor-intro thead{background:#071522;color:#fff}

    .anchor-intro th{padding:19px 18px;text-align:left;font-size:12px;letter-spacing:.04em}

    .anchor-intro td{padding:22px 18px;border-bottom:1px solid #e8eef0;vertical-align:top;font-size:14px;line-height:1.65}

    .anchor-intro tbody tr:last-child td{border-bottom:0}

    .anchor-intro tbody tr{transition:.2s}

    .anchor-intro tbody tr:hover{background:#f3faf7}

    .anchor-intro th:nth-child(1), .anchor-intro td:nth-child(1){width:22%}

    .anchor-intro th:nth-child(2), .anchor-intro td:nth-child(2){width:12%}

    .anchor-intro th:nth-child(3), .anchor-intro td:nth-child(3){width:16%}

    .anchor-intro th:nth-child(4), .anchor-intro td:nth-child(4){width:50%}

    .anchor-intro .unit-label{display:inline-flex;align-items:center;gap:8px;font-weight:900}

    .anchor-intro .unit-label i{width:9px;height:9px;border-radius:50%;background:var(--green)}

    .anchor-intro tr[data-unit="glocal"] .unit-label i{background:var(--green)}

    .anchor-intro tr[data-unit="lifelong"] .unit-label i{background:var(--blue)}

    .anchor-intro tr[data-unit="regional"] .unit-label i{background:var(--violet)}

    .anchor-intro .position{font-weight:900;color:#263a44}

    .anchor-intro .phone{display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;font-weight:850;color:#0b6d91}

    .anchor-intro .phone svg{width:15px;height:15px}

    .anchor-intro .tasks{margin:0;padding:0;list-style:none}

    .anchor-intro .tasks li{position:relative;padding-left:14px;color:#52656e}

    .anchor-intro .tasks li+li{margin-top:6px}

    .anchor-intro .tasks li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:#18b981}

    .anchor-intro .staff-cards{display:none}

    .anchor-intro .staff-card{padding:23px;border-radius:23px;background:#fff;border:1px solid #e0e9ec;box-shadow:0 12px 35px rgba(8,36,50,.055)}

    .anchor-intro .staff-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}

    .anchor-intro .staff-card .unit-label{font-size:12px;color:#687a83}

    .anchor-intro .staff-card h3{margin:9px 0 0;font-size:22px}

    .anchor-intro .call-btn{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eaf8f2;color:#08734b;flex:none}

    .anchor-intro .staff-card .phone-text{margin-top:15px;color:#0b6d91;font-weight:900;font-size:14px}

    .anchor-intro .staff-card .tasks{margin-top:18px;padding-top:18px;border-top:1px solid #e8eef0;font-size:13px}

    .anchor-intro .staff-card[hidden], .anchor-intro tr[hidden]{display:none!important}


    /* Contact CTA */
    .anchor-intro .contact-section{padding:0 0 120px;background:var(--paper)}

    .anchor-intro .contact-shell{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:52px;border-radius:32px;color:#fff;background:linear-gradient(135deg,#096bff,#0ab68a)}

    .anchor-intro .contact-shell::after{content:"ANCHOR";position:absolute;right:-2vw;bottom:-4vw;font-size:clamp(90px,13vw,210px);font-weight:950;letter-spacing:-.09em;color:rgba(255,255,255,.08)}

    .anchor-intro .contact-copy{position:relative;z-index:2}

    .anchor-intro .contact-copy .kicker{color:#c9ffe7}

    .anchor-intro .contact-copy h2{margin:16px 0 12px;font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.06em}

    .anchor-intro .contact-copy p{margin:0;color:#ddf6f0;line-height:1.75}

    .anchor-intro .contact-actions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}

    .anchor-intro .contact-btn{min-height:94px;padding:20px;border-radius:21px;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);transition:.3s}

    .anchor-intro .contact-btn:hover{transform:translateY(-5px);background:#fff;color:#0b2430}

    .anchor-intro .contact-btn small{font-size:10px;font-weight:900;letter-spacing:.09em;opacity:.72}

    .anchor-intro .contact-btn strong{margin-top:7px;font-size:18px}


    /* Footer */
    
    
    
    
    
    
    
    

    .anchor-intro .reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}

    .anchor-intro .reveal.show{opacity:1;transform:none}


    @media(max-width:1160px){
.anchor-intro .center-grid{gap:13px}

      .anchor-intro .contact-shell{grid-template-columns:1fr}

      .anchor-intro .contact-actions{max-width:720px}

}

    @media(max-width:900px){
.anchor-intro .container{width:min(calc(100% - 32px),var(--max))}

      .anchor-intro .section{padding:88px 0}

      .anchor-intro .org-section{padding-top:72px}

      
      
      
      
      
      .anchor-intro .section-head{align-items:flex-start;flex-direction:column}

      .anchor-intro .section-note{max-width:none}

      .anchor-intro .org-chart{padding:0}

      .anchor-intro .center-grid{grid-template-columns:1fr;margin-top:48px}

      .anchor-intro .center-grid::before{display:none}

      .anchor-intro .center-card{min-height:auto}

      .anchor-intro .center-card::before{left:50%;height:18px}

      .anchor-intro .center-card+.center-card{margin-top:10px}

      .anchor-intro .staff-table-wrap{display:none}

      .anchor-intro .staff-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}

      .anchor-intro .contact-section{padding-bottom:88px}

      .anchor-intro .contact-shell{padding:38px 28px}

}

    @media(max-width:620px){
.anchor-intro .section-title{font-size:40px}

      .anchor-intro .org-node.primary{padding:25px 20px}

      .anchor-intro .org-node.secondary{padding:21px 18px}

      .anchor-intro .center-card{padding:24px}

      .anchor-intro .filter-tabs{margin-top:32px;display:grid;grid-template-columns:repeat(2,1fr)}

      .anchor-intro .filter-tab{padding:12px 8px}

      .anchor-intro .staff-summary{align-items:flex-start;flex-direction:column;gap:5px}

      .anchor-intro .staff-cards{grid-template-columns:1fr}

      .anchor-intro .contact-actions{grid-template-columns:1fr}

      .anchor-intro .contact-shell{padding:32px 22px;border-radius:26px}

}

    @media(prefers-reduced-motion:reduce){
.anchor-intro .reveal{opacity:1;transform:none}

}

    @media print{
.anchor-intro .section{padding:45px 0}
.anchor-intro .org-section{padding-top:45px}
.anchor-intro .reveal{opacity:1;transform:none}
.anchor-intro .staff-table-wrap{display:block}
.anchor-intro .staff-cards{display:none}
.anchor-intro .org-node, .anchor-intro .center-card{box-shadow:none}

}



    /* Reference organization chart recreated from the supplied image */
    .anchor-intro .org-reference-shell{
      margin-top:56px;
      overflow-x:auto;
      overflow-y:hidden;
      padding:12px 6px 28px;
      border-radius:30px;
      background:#f7f9fa;
      border:1px solid #e1e8eb;
      box-shadow:0 18px 55px rgba(8,36,50,.07);
      -webkit-overflow-scrolling:touch;
      scrollbar-width:thin;
      scrollbar-color:#b9c8ce transparent;
    }

    .anchor-intro .org-reference-shell::-webkit-scrollbar{height:8px}

    .anchor-intro .org-reference-shell::-webkit-scrollbar-thumb{background:#b9c8ce;border-radius:999px}

    .anchor-intro .org-reference{
      --org-line:#8c989e;
      --org-dark:#3c464c;
      --org-gray:#d8dde0;
      --org-border:#59656b;
      position:relative;
      width:100%;
      min-width:1080px;
      padding:14px 18px 10px;
      color:#17242b;
      font-family:Pretendard,"SUIT","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;
    }

    .anchor-intro .org-reference *{box-sizing:border-box}

    .anchor-intro .org-ref-top{
      position:relative;
      display:grid;
      grid-template-columns:1fr 260px 1fr;
      align-items:center;
      gap:48px;
      padding:0 4px;
    }

    .anchor-intro .org-ref-top::before{
      content:"";
      position:absolute;
      left:9%;right:9%;top:50%;
      border-top:2px dotted var(--org-line);
      transform:translateY(-50%);
    }

    .anchor-intro .org-ref-node{
      position:relative;z-index:2;
      min-height:54px;
      padding:12px 24px;
      display:flex;align-items:center;justify-content:center;
      border:2px solid var(--org-border);
      border-radius:999px;
      background:#fff;
      box-shadow:0 4px 0 rgba(42,55,62,.10);
      font-size:20px;font-weight:850;
      line-height:1.15;text-align:center;
      white-space:nowrap;
    }

    .anchor-intro .org-ref-node.committee{justify-self:start;min-width:210px}

    .anchor-intro .org-ref-node.committee.right{justify-self:end}

    .anchor-intro .org-ref-node.president{
      color:#fff;background:linear-gradient(180deg,#485259,#323c42);
      border-color:#c9d1d5;
      box-shadow:0 0 0 2px #fff,0 5px 0 rgba(42,55,62,.18);
      font-size:23px;font-weight:900;
    }

    .anchor-intro .org-ref-center-stack{
      position:relative;
      width:310px;
      margin:18px auto 0;
      display:grid;gap:14px;
    }

    .anchor-intro .org-ref-center-stack::before{
      content:"";position:absolute;left:50%;top:-19px;height:19px;
      border-left:2px solid var(--org-line);transform:translateX(-50%);
    }

    .anchor-intro .org-ref-center-stack .org-ref-node{min-height:52px;font-size:21px;padding:10px 22px}

    .anchor-intro .org-ref-center-stack .org-ref-node+ .org-ref-node::before{
      content:"";position:absolute;left:50%;bottom:100%;height:16px;
      border-left:2px solid var(--org-line);transform:translateX(-50%);
    }

    .anchor-intro .org-ref-center-stack .director{font-weight:950}

    .anchor-intro .org-ref-middle{
      position:relative;
      display:grid;
      grid-template-columns:1fr 200px 1fr;
      align-items:center;
      gap:58px;
      min-height:254px;
      margin-top:8px;
    }

    .anchor-intro .org-ref-middle::before{
      content:"";position:absolute;left:15%;right:15%;top:50%;
      border-top:2px dotted var(--org-line);transform:translateY(-50%);
    }

    .anchor-intro .org-ref-side{
      position:relative;z-index:2;
      width:100%;max-width:315px;
      display:grid;gap:7px;
    }

    .anchor-intro .org-ref-side.left{justify-self:start}

    .anchor-intro .org-ref-side.right{justify-self:end}

    .anchor-intro .org-ref-side.right .org-ref-side-item{margin-left:auto}

    .anchor-intro .org-ref-side-item{
      width:100%;min-height:42px;
      padding:8px 17px;
      display:flex;align-items:center;justify-content:center;
      border:1.7px solid #aab4b9;
      border-radius:15px;
      background:#fff;
      box-shadow:0 3px 0 rgba(42,55,62,.10);
      font-size:18px;font-weight:760;
      line-height:1.15;text-align:center;
      white-space:nowrap;
    }

    .anchor-intro .org-ref-side-item.gray{
      color:#26343b;background:var(--org-gray);
      border-color:#b8c0c4;border-radius:0;
      clip-path:polygon(6% 0,100% 0,100% 72%,94% 100%,0 100%,0 28%);
      box-shadow:none;
    }

    .anchor-intro .org-ref-side-item.group-gap{margin-top:18px}

    .anchor-intro .org-ref-side.left::after, .anchor-intro .org-ref-side.right::before{
      content:"";position:absolute;top:50%;width:15px;height:15px;
      border-radius:50%;background:var(--org-dark);transform:translateY(-50%) scale(.48);
    }

    .anchor-intro .org-ref-side.left::after{left:100%;margin-left:0}

    .anchor-intro .org-ref-side.right::before{right:100%;margin-right:0}

    .anchor-intro .org-ref-core-wrap{
      position:relative;z-index:3;
      display:flex;align-items:center;justify-content:center;
    }

    .anchor-intro .org-ref-core-wrap::before{
      content:"";position:absolute;left:50%;bottom:100%;height:32px;
      border-left:2px solid var(--org-line);transform:translateX(-50%);
    }

    .anchor-intro .org-ref-core{
      width:148px;height:148px;border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      color:#111;background:#fff;
      border:3px solid #202c32;
      box-shadow:0 0 0 14px #d9dee1,0 0 0 18px rgba(116,130,138,.22),0 8px 18px rgba(14,35,46,.16);
      font-size:31px;font-weight:950;line-height:1.04;text-align:center;
      letter-spacing:-.055em;
    }

    .anchor-intro .org-ref-deput{
      position:relative;z-index:2;
      width:310px;min-height:54px;
      margin:0 auto;
      padding:11px 22px;
      display:flex;align-items:center;justify-content:center;
      border:2px solid var(--org-border);border-radius:999px;
      background:#fff;box-shadow:0 4px 0 rgba(42,55,62,.10);
      font-size:21px;font-weight:950;text-align:center;
    }

    .anchor-intro .org-ref-deput::before{
      content:"";position:absolute;left:50%;bottom:100%;height:33px;
      border-left:2px solid var(--org-line);transform:translateX(-50%);
    }

    .anchor-intro .org-ref-deput::after{
      content:"";position:absolute;left:50%;top:100%;height:32px;
      border-left:2px solid var(--org-line);transform:translateX(-50%);
    }

    .anchor-intro .org-ref-bottom{
      position:relative;
      display:grid;
      grid-template-columns:1.05fr 1fr 1.2fr .95fr;
      gap:24px;
      margin-top:44px;
      align-items:start;
    }

    .anchor-intro .org-ref-bottom::before{
      content:"";position:absolute;left:12.5%;right:12.5%;top:-20px;
      border-top:2px dotted var(--org-line);
    }

    .anchor-intro .org-ref-unit{position:relative;min-width:0}

    .anchor-intro .org-ref-unit::before{
      content:"";position:absolute;left:50%;bottom:100%;height:21px;
      border-left:2px dotted var(--org-line);transform:translateX(-50%);
    }

    .anchor-intro .org-ref-unit-title{
      min-height:56px;padding:10px 13px;
      display:flex;align-items:center;justify-content:center;
      color:#29363d;background:var(--org-gray);
      border:1.7px solid #b8c0c4;
      clip-path:polygon(5% 0,100% 0,100% 72%,94% 100%,0 100%,0 28%);
      font-size:18px;font-weight:900;line-height:1.15;text-align:center;
      word-break:keep-all;
    }

    .anchor-intro .org-ref-unit-body{
      position:relative;
      min-height:150px;
      margin-top:12px;padding:15px 15px 17px;
      border:1.8px solid var(--org-border);border-radius:14px;
      background:#fff;box-shadow:0 4px 0 rgba(42,55,62,.10);
    }

    .anchor-intro .org-ref-unit-body::before{
      content:"";position:absolute;left:50%;bottom:100%;height:13px;
      border-left:2px dotted var(--org-line);transform:translateX(-50%);
    }

    .anchor-intro .org-ref-unit-body ul{margin:0;padding:0;list-style:none}

    .anchor-intro .org-ref-unit-body li{
      position:relative;padding-left:13px;
      font-size:14px;font-weight:640;line-height:1.42;
      letter-spacing:-.02em;word-break:keep-all;
    }

    .anchor-intro .org-ref-unit-body li::before{content:"\2022";position:absolute;left:0;top:0;font-weight:900}

    .anchor-intro .org-ref-unit-body li+li{margin-top:2px}

    .anchor-intro .org-ref-unit:nth-child(3) .org-ref-unit-body{min-height:202px}

    @media(max-width:900px){
.anchor-intro .org-reference-shell{margin-top:42px;border-radius:22px;padding:8px 0 20px}

      .anchor-intro .org-reference{min-width:1040px;padding-left:16px;padding-right:16px}

}

    @media(max-width:620px){
.anchor-intro .org-reference-shell{margin-left:-4px;margin-right:-4px}

}

    @media print{
.anchor-intro .org-reference-shell{overflow:visible;border:0;box-shadow:none;padding:0;background:#fff}

      .anchor-intro .org-reference{min-width:0;transform:scale(.82);transform-origin:top left;width:122%}

}


/* ===== conflict fixes (location vs organization .call-btn) ===== */
.anchor-intro .contact-card .call-btn{
  width:auto;
  height:auto;
  min-height:52px;
  margin-top:25px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  background:#fff;
  color:var(--ink,#071522);
  font-size:13px;
  font-weight:950;
}
.anchor-intro .staff-card .call-btn,
.anchor-intro .staff-card a.call-btn{
  width:44px;
  height:44px;
  min-height:0;
  margin-top:0;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#eaf8f2;
  color:#08734b;
  flex:none;
  font-size:inherit;
}
/* toast above fixed header */
.anchor-intro .toast{z-index:1300}
/* scroll-top above header */
.anchor-intro .scroll-top{z-index:1300}
/* greeting page-head accent bar (avoid location flex override) */
.anchor-intro .page-head:not(:has(.kicker)){
  display:block;
}
.anchor-intro .page-head:not(:has(.kicker))::before{
  content:"";
  display:block;
  width:34px;
  height:3px;
  margin-bottom:18px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blue,#1269ff),var(--green,#18d78d));
}
/* ensure org section spacing under sticky header */
.anchor-intro .org-section{padding-top:48px}
.anchor-intro .page{padding-top:48px}

/* --- intro pages (organization layout) --- */
.anchor-intro a.filter-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.anchor-intro .intro-point-grid,
.anchor-intro .factory-point-grid{
  margin-top:48px;
}
.anchor-intro .intro-point-grid::before,
.anchor-intro .intro-point-grid .center-card::before,
.anchor-intro .factory-point-grid::before,
.anchor-intro .factory-point-grid .center-card::before{
  display:none;
}
.anchor-intro .intro-diagram,
.anchor-intro .factory-diagram{
  margin-top:56px;
  padding:22px;
}
.anchor-intro .intro-diagram + .intro-diagram,
.anchor-intro .factory-diagram + .factory-diagram{
  margin-top:18px;
}
.anchor-intro .intro-diagram img,
.anchor-intro .factory-diagram img{
  width:100%;
  height:auto;
  display:block;
  background:#fff;
  border-radius:18px;
}
.anchor-intro .intro-process{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:12px;
  margin-top:48px;
}
.anchor-intro .intro-process-step{
  min-height:148px;
  padding:22px 18px;
  border-radius:22px;
  background:#f1f5f6;
  border:1px solid #e0e9ec;
}
.anchor-intro .intro-process-step .num{
  display:flex;
  justify-content:space-between;
  color:#71828b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}
.anchor-intro .intro-process-step h3{
  margin:18px 0 0;
  font-size:17px;
  line-height:1.35;
  letter-spacing:-.04em;
  word-break:keep-all;
}
.anchor-intro .intro-table-wrap{
  overflow:auto;
  margin-top:36px;
  border-radius:26px;
  background:#fff;
  border:1px solid #e0e9ec;
  box-shadow:0 14px 45px rgba(8,36,50,.06);
}
.anchor-intro .intro-table-wrap table{table-layout:auto}
.anchor-intro .intro-table-wrap th:nth-child(n),
.anchor-intro .intro-table-wrap td:nth-child(n){width:auto}
@media(max-width:900px){
  .anchor-intro .intro-diagram,
  .anchor-intro .factory-diagram{margin-top:36px;padding:12px;border-radius:22px}
  .anchor-intro .intro-diagram img,
  .anchor-intro .factory-diagram img{border-radius:12px}
  .anchor-intro .intro-process{grid-template-columns:1fr 1fr}
}

/* --- shared-factory intro infographic (factory-* only) --- */
.anchor-intro .factory-purpose-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-top:48px;
}
.anchor-intro .factory-info{
  position:relative;
  overflow:hidden;
  padding:30px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(145deg,#fff,#f5f8f9);
}
.anchor-intro .factory-info::before{
  content:attr(data-no);
  position:absolute;
  right:22px;
  top:5px;
  font-size:72px;
  font-weight:900;
  color:rgba(18,105,255,.08);
  pointer-events:none;
}
.anchor-intro .factory-info-icon{
  position:relative;
  width:52px;
  height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#eaf2ff;
  color:var(--blue);
  font-size:25px;
  line-height:1;
}
.anchor-intro .factory-info h3{
  position:relative;
  margin:12px 0 9px;
  font-size:23px;
  letter-spacing:-.04em;
  word-break:keep-all;
}
.anchor-intro .factory-info p{
  position:relative;
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
  word-break:keep-all;
}

.anchor-intro .factory-eco-section{
  background:linear-gradient(180deg,var(--paper),#eef4f8);
}
.anchor-intro .factory-eco-section .section-head,
.anchor-intro .factory-service-section .section-head,
.anchor-intro .factory-flow-section .section-head{
  margin-bottom:48px;
}
.anchor-intro .factory-eco-map{
  display:grid;
  grid-template-columns:1fr 1.25fr 1fr;
  gap:28px;
  align-items:center;
}
.anchor-intro .factory-eco-side{
  display:grid;
  gap:14px;
}
.anchor-intro .factory-eco-role{
  display:flex;
  align-items:center;
  gap:15px;
  padding:19px 20px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 9px 26px rgba(7,21,34,.06);
}
.anchor-intro .factory-eco-ico{
  min-width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--blue);
  font-size:20px;
  line-height:1;
}
.anchor-intro .factory-eco-right .factory-eco-ico{
  background:var(--green);
  color:#05261a;
}
.anchor-intro .factory-eco-role b{
  display:block;
  color:var(--ink);
  font-size:16px;
  letter-spacing:-.03em;
}
.anchor-intro .factory-eco-role small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.anchor-intro .factory-eco-core{
  text-align:center;
  position:relative;
}
.anchor-intro .factory-eco-ring{
  width:min(100%,350px);
  aspect-ratio:1;
  margin:auto;
  border:10px solid #d7e9ff;
  border-top-color:var(--blue);
  border-bottom-color:#55b8ff;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  box-shadow:0 18px 55px rgba(18,105,255,.15);
}
.anchor-intro .factory-eco-ring span{
  display:block;
  margin-bottom:8px;
  color:var(--blue);
  font-size:14px;
  font-weight:800;
}
.anchor-intro .factory-eco-ring strong{
  display:block;
  font-size:28px;
  line-height:1.3;
  letter-spacing:-.04em;
  color:var(--ink);
}
.anchor-intro .factory-eco-fee{
  display:inline-block;
  margin:20px 0 0;
  padding:12px 22px;
  border-radius:12px;
  background:#e8f8f1;
  border:2px solid var(--green);
  color:#08734b;
  font-weight:900;
}

.anchor-intro .factory-service-section{
  background:#fff;
}
.anchor-intro .factory-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.anchor-intro .factory-service{
  position:relative;
  overflow:hidden;
  min-height:220px;
  padding:30px 25px 26px;
  border-radius:24px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-shadow:0 16px 36px rgba(7,28,44,.15);
}
.anchor-intro .factory-service::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  border:28px solid rgba(255,255,255,.1);
  border-radius:50%;
  right:-48px;
  top:-58px;
}
.anchor-intro .factory-service:nth-child(1){
  background:linear-gradient(145deg,#5ea0ff,#1269ff);
}
.anchor-intro .factory-service:nth-child(2){
  background:linear-gradient(145deg,#1269ff,#0a4bb8);
}
.anchor-intro .factory-service:nth-child(3){
  background:linear-gradient(145deg,#0b3041,#071c2c);
}
.anchor-intro .factory-service-num{
  position:relative;
  z-index:1;
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
  opacity:.8;
}
.anchor-intro .factory-service h3{
  position:relative;
  z-index:1;
  margin:8px 0;
  font-size:24px;
  line-height:1.3;
  letter-spacing:-.04em;
  word-break:keep-all;
}
.anchor-intro .factory-service p{
  position:relative;
  z-index:1;
  margin:0;
  font-size:14px;
  line-height:1.6;
  opacity:.82;
  word-break:keep-all;
}

.anchor-intro .factory-flow-section{
  background:var(--paper);
}
.anchor-intro .factory-flow-row{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:13px;
}
.anchor-intro .factory-flow-row::before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:43px;
  height:5px;
  border-radius:5px;
  background:linear-gradient(90deg,var(--blue),var(--green));
}
.anchor-intro .factory-flow-step{
  position:relative;
  text-align:center;
}
.anchor-intro .factory-bubble{
  width:86px;
  height:86px;
  margin:0 auto 16px;
  border:7px solid #dcecff;
  border-radius:50%;
  background:#fff;
  display:grid;
  place-items:center;
  color:var(--blue);
  font-size:27px;
  line-height:1;
  box-shadow:0 8px 20px rgba(18,105,255,.09);
}
.anchor-intro .factory-flow-step:nth-child(n+4) .factory-bubble{
  color:#0a8a5c;
  border-color:#d5f3ed;
}
.anchor-intro .factory-flow-step h4{
  margin:0 0 6px;
  font-size:17px;
  line-height:1.35;
  letter-spacing:-.03em;
  word-break:keep-all;
}
.anchor-intro .factory-flow-step p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
  word-break:keep-all;
}
.anchor-intro .factory-cycle{
  position:relative;
  margin:54px 36px 0 0;
  padding:19px 80px 19px 28px;
  border-radius:12px;
  background:var(--navy);
  color:#fff;
  text-align:center;
  font-weight:800;
  word-break:keep-all;
}
.anchor-intro .factory-cycle::after{
  content:"";
  position:absolute;
  right:-33px;
  top:-12px;
  border-top:41px solid transparent;
  border-bottom:41px solid transparent;
  border-left:48px solid var(--navy);
}

@media(max-width:900px){
  .anchor-intro .factory-purpose-grid{
    grid-template-columns:1fr;
  }
  .anchor-intro .factory-eco-map{
    grid-template-columns:1fr;
  }
  .anchor-intro .factory-eco-core{
    order:-1;
  }
  .anchor-intro .factory-eco-side{
    grid-template-columns:repeat(3,1fr);
  }
  .anchor-intro .factory-eco-role{
    display:block;
    text-align:center;
  }
  .anchor-intro .factory-eco-ico{
    margin:0 auto 10px;
  }
  .anchor-intro .factory-service-grid{
    grid-template-columns:1fr;
  }
  .anchor-intro .factory-service{
    min-height:190px;
  }
  .anchor-intro .factory-flow-row{
    grid-template-columns:repeat(3,1fr);
    row-gap:35px;
  }
  .anchor-intro .factory-flow-row::before{
    display:none;
  }
}

@media(max-width:620px){
  .anchor-intro .factory-eco-side{
    grid-template-columns:1fr;
  }
  .anchor-intro .factory-eco-role{
    display:flex;
    text-align:left;
  }
  .anchor-intro .factory-eco-ico{
    margin:0;
  }
  .anchor-intro .factory-eco-ring{
    max-width:290px;
  }
  .anchor-intro .factory-flow-row{
    grid-template-columns:1fr 1fr;
  }
  .anchor-intro .factory-cycle{
    margin-right:0;
    padding:16px 20px;
  }
  .anchor-intro .factory-cycle::after{
    display:none;
  }
}
