
/* ****************** HTML 편집기  ****************** */

.html_487945_ {overflow:hidden;}
.html_487945_:after {content:''; display:block; clear:both;}

    * { margin:0; padding:0; box-sizing:border-box; }

    /* ===== 시니어 가독성 기본(50대+) ===== */
    body{
      font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      font-size:18px;
      line-height:1.9;
      color:#333;
      background:#f9f9f9;
    }
    .small{ font-size:1.0em; color:#666; }
    .muted{ color:#666; }

    /* Header */
    header{
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      color:#fff;
      padding:56px 20px;
      text-align:center;
      box-shadow:0 2px 10px rgba(0,0,0,0.12);
    }
    header h1{
      font-size:2.6em;
      margin-bottom:10px;
      letter-spacing:-0.3px;
    }
    header p{
      font-size:1.15em;
      opacity:0.95;
      max-width:980px;
      margin:0 auto;
    }

    /* Layout */
    .container{
      max-width:1100px;
      margin:0 auto;
      padding:38px 18px;
    }
    section{ margin-bottom:46px; }
    section h2{
      font-size:2.0em;
      color:#667eea;
      margin-bottom:24px;
      padding-bottom:10px;
      border-bottom:3px solid #667eea;
      letter-spacing:-0.2px;
    }

    /* Card */
    .card{
      background:#fff;
      padding:30px;
      border-radius:12px;
      box-shadow:0 2px 15px rgba(0,0,0,0.08);
    }
    .card p{
      margin-bottom:12px;
      font-size:1.08em;
      color:#444;
    }

    .note{
      margin-top:14px;
      padding:14px 16px;
      background:#f0f4ff;
      border-left:4px solid #667eea;
      border-radius:8px;
      color:#444;
    }
    .warn{
      background:#fff7ed;
      border-left:4px solid #b45309;
    }

    /* Feature grid */
    .features{
      display:grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap:18px;
      margin-top:18px;
    }
    .feature-card{
      background:#fff;
      padding:26px;
      border-radius:12px;
      box-shadow:0 2px 15px rgba(0,0,0,0.08);
      transition: transform .2s ease, box-shadow .2s ease;
      text-align:left;
    }
    .feature-card:hover{
      transform: translateY(-4px);
      box-shadow:0 6px 26px rgba(0,0,0,0.14);
    }
    .feature-card .icon{ font-size:2.2em; margin-bottom:10px; }
    .feature-card h3{
      color:#667eea;
      margin-bottom:8px;
      font-size:1.35em;
    }
    .feature-card p{
      color:#666;
      font-size:1.05em;
      margin:0;
    }

    /* Lists */
    .pill-list{
      list-style:none;
      display:grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap:12px;
      margin-top:8px;
    }
    .pill-list li{
      padding:16px;
      background:#f0f4ff;
      border-left:4px solid #667eea;
      border-radius:8px;
      color:#333;
      font-size:1.05em;
    }
    .pill-list li:before{
      content:"✓ ";
      color:#667eea;
      font-weight:900;
      margin-right:6px;
    }

    /* Process */
    .process-steps{
      display:grid;
      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      gap:16px;
      margin-top:18px;
    }
    .process-step{
      padding:22px;
      background:#f9f9f9;
      border-radius:10px;
      text-align:center;
      border:1px solid #eee;
    }
    .step-number{
      display:inline-block;
      width:48px;
      height:48px;
      background:#667eea;
      color:#fff;
      border-radius:50%;
      line-height:48px;
      font-weight:900;
      margin-bottom:12px;
      font-size:1.05em;
    }
    .process-step h4{ color:#667eea; margin-bottom:8px; }
    .process-step p{ color:#666; font-size:1.0em; margin:0; }

    /* Contact */
    .contact-info{
      display:grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap:16px;
      margin-top:14px;
    }
    .contact-item{
      padding:18px;
      background:#f0f4ff;
      border-radius:10px;
      text-align:center;
    }
    .contact-item strong{
      color:#667eea;
      display:block;
      margin-bottom:6px;
      font-size:1.08em;
    }
    .btn{
      display:inline-block;
      padding:14px 28px;
      background:#667eea;
      color:#fff;
      text-decoration:none;
      border-radius:10px;
      transition: background .2s ease;
      border:none;
      cursor:pointer;
      font-weight:800;
      font-size:1.05em;
    }
    .btn:hover{ background:#764ba2; }
    .btn-group{
      display:flex;
      justify-content:center;
      gap:10px;
      flex-wrap:wrap;
      margin-top:14px;
    }
    .btn.secondary{
      background:#fff;
      color:#667eea;
      border:1px solid #cfd7ff;
    }
    .btn.secondary:hover{ background:#f3f5ff; }

    /* Partners */
    .tabs{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin:14px 0 10px;
    }
    .tabbtn{
      padding:11px 16px;
      border-radius:999px;
      border:1px solid #e6e6e6;
      background:#fff;
      color:#333;
      font-weight:900;
      cursor:pointer;
      transition: all .15s ease;
      font-size:1.02em;
    }
    .tabbtn.active{
      background:#667eea;
      color:#fff;
      border-color:#667eea;
    }
    .search{
      width:100%;
      padding:13px 14px;
      border:1px solid #e6e6e6;
      border-radius:10px;
      outline:none;
      margin-top:8px;
      font-size:1.02em;
    }
    details{
      border:1px solid #eee;
      border-radius:10px;
      background:#fff;
      overflow:hidden;
      margin:10px 0;
    }
    summary{
      padding:14px 14px;
      font-weight:900;
      cursor:pointer;
      list-style:none;
    }
    summary::-webkit-details-marker{ display:none; }
    .inner{ padding:0 14px 14px; color:#666; }

    footer{
      background:#333;
      color:#fff;
      text-align:center;
      padding:28px 18px;
      margin-top:52px;
    }
    footer p{ margin-bottom:8px; opacity:0.92; }

    @media (max-width:768px){
      body{ font-size:17px; }
      header h1{ font-size:2.1em; }
      section h2{ font-size:1.65em; }
      .container{ padding:22px 12px; }
      .process-steps{ grid-template-columns:1fr; }
      .features{ grid-template-columns:1fr; }
    }
  