@charset "UTF-8";
/* ============================================================
   SM실버맵 공통 스타일 (index.asp 에서 추출)
   주의: custom.css 다음에 로드되어야 함
   ============================================================ */

  *{margin:0;padding:0;box-sizing:border-box}
  body{font-family:'Apple SD Gothic Neo','Noto Sans KR',sans-serif;background:#f4f9fb;color:#333;font-size:14px;overflow-x:hidden}
  html{overflow-x:hidden}
  a{text-decoration:none;color:inherit}

  /* HEADER */
  .top-bar{background:#fff;border-bottom:1px solid #e8f4f8;padding:40px 0 16px}
  .top-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:0 16px}
  .logo{font-size:24px;font-weight:900;color:#00b5c8;white-space:nowrap;letter-spacing:-1px}
  .logo span{color:#f97316}
  .search-wrap{flex:1;display:flex;align-items:center;border:2px solid #00b5c8;border-radius:24px;overflow:hidden;background:#fff}
  .search-wrap input{flex:1;min-width:0;border:none;outline:none;padding:8px 16px;font-size:14px}
  .search-wrap button{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#00b5c8;border:none;padding:8px 16px;cursor:pointer;color:#fff;font-size:16px;line-height:1}
  .header-btns{display:flex;gap:12px;align-items:center;white-space:nowrap}
  .header-btns a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:#555;cursor:pointer}
  .header-btns a .icon{font-size:20px}
  .nav-bar{background:#fff;border-bottom:2px solid #00b5c8}
  .nav-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;gap:0;padding:0 16px}
  .nav-inner a{padding:12px 20px;font-size:17px;font-weight:600;color:#444;border-bottom:3px solid transparent;transition:.2s;cursor:pointer}
  .nav-inner a:hover,.nav-inner a.active{color:#00b5c8;border-bottom:3px solid #00b5c8}
  .nav-menu-btn{font-size:20px;padding:12px 16px;cursor:pointer;color:#555}
  .nav-badge{background:#00b5c8;color:#fff;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:700}
  .nav-visitor{margin-left:auto;margin-right:12px;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#00838f;background:#e0f7fa;border-radius:16px;padding:4px 10px;white-space:nowrap}
  .nav-visitor .vis-label{font-weight:700;font-size:12px}
  .nav-visitor .vis-sep{color:#80cbc4;margin:0 1px}

  /* ── 전자식 카운터 (오도미터) ── */
  .odo{display:inline-flex;align-items:center;gap:1px;vertical-align:middle}
  .odo .dgt{
    display:inline-block;width:11px;height:18px;overflow:hidden;
    background:#0f3d44;border-radius:3px;
    font-family:"DS-Digital","Consolas","Menlo",monospace;
    font-size:14px;font-weight:700;line-height:18px;text-align:center;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.45)
  }
  .odo .dgt-strip{display:block;transition:transform .9s cubic-bezier(.16,.84,.28,1)}
  .odo .dgt-strip span{display:block;height:18px;line-height:18px}
  .odo .comma{color:#4f9aa3;font-weight:800;padding:0 1px;line-height:18px}

  .odo-total .dgt{color:#7ef0ff;text-shadow:0 0 5px rgba(126,240,255,.55)}
  .odo-today .dgt{color:#ffb46b;text-shadow:0 0 5px rgba(255,180,107,.55)}
  /* 알림 패널 */
  .notif-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:10000}
  .notif-overlay.open{display:block}
  .notif-panel{position:fixed;top:0;right:0;width:380px;max-width:90vw;height:100%;background:#fff;z-index:10001;box-shadow:-6px 0 24px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .28s ease;display:flex;flex-direction:column}
  .notif-panel.open{transform:translateX(0)}
  .notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:2px solid #e0f7fa}
  .notif-header .nh-title{font-size:17px;font-weight:800;color:#00838f}
  .notif-header .nh-readall{background:#e0f7fa;color:#00838f;border:none;border-radius:14px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer;margin-right:6px}
  .notif-header .nh-close{background:none;border:none;font-size:18px;color:#888;cursor:pointer}
  .notif-list{flex:1;overflow-y:auto}
  .notif-item{display:flex;gap:12px;padding:14px 18px;border-bottom:1px solid #f1f1f1;cursor:pointer;transition:.15s}
  .notif-item:hover{background:#f7fdff}
  .notif-item.unread{background:#f0fbfd}
  .notif-item .ni-icon{font-size:22px;flex-shrink:0}
  .notif-item .ni-title{font-size:14px;font-weight:700;color:#2d3748;display:flex;align-items:center;gap:6px}
  .notif-item .ni-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e6781e;flex-shrink:0}
  .notif-item .ni-text{font-size:13px;color:#666;margin-top:3px;line-height:1.5}
  .notif-item .ni-date{font-size:11px;color:#aaa;margin-top:5px}
  .hamburger-btn{display:none}

  /* HERO */
  .hero{background:linear-gradient(135deg,#e0f7fa 0%,#b2ebf2 50%,#e8f5e9 100%);padding:28px 16px 20px}
  .hero-inner{max-width:1300px;margin:0 auto}
  .hero-guide{display:inline-block;background:#00b5c8;color:#fff;border-radius:20px;padding:6px 18px;font-size:13px;font-weight:700;margin-bottom:16px;cursor:pointer}
  .search-box{background:#fff;border-radius:14px;box-shadow:0 4px 20px rgba(0,181,200,.15);padding:18px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
  .search-box select{flex:1;min-width:160px;border:1.5px solid #b2dfdb;border-radius:8px;padding:10px 14px;font-size:14px;color:#444;outline:none;background:#fff}
  .search-box input{flex:1;min-width:160px;border:1.5px solid #b2dfdb;border-radius:8px;padding:10px 14px;font-size:14px;color:#444;outline:none}
  .search-box button{background:#00b5c8;color:#fff;border:none;border-radius:8px;padding:10px 28px;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.2s}
  .search-box button:hover{background:#0097a7}

  /* CATEGORY TABS */
  .cat-section{max-width:1300px;margin:20px auto 0;padding:0 16px}
  .cat-label{font-size:15px;font-weight:700;color:#333;margin-bottom:10px}
  .cat-tabs{display:flex;gap:8px;flex-wrap:wrap}
  .cat-tab{background:#fff;border:1.5px solid #b2dfdb;border-radius:20px;padding:7px 18px;font-size:13px;font-weight:600;color:#00838f;cursor:pointer;transition:.2s}
  .cat-tab:hover,.cat-tab.active{background:#00b5c8;color:#fff;border-color:#00b5c8}
  .cat-card{background:#fff;border:1px solid #e3eef0;border-radius:14px;padding:16px 20px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
  #homeContent{margin-top:32px}

  /* MAIN CONTENT */
  .main{max-width:1300px;margin:24px auto;padding:0 16px}
  .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
  .section-title{font-size:17px;font-weight:800;color:#222}
  .more-btn{font-size:13px;color:#00b5c8;font-weight:600;cursor:pointer}
  .more-btn:hover{text-decoration:underline}
  /* 추천업체 강조 영역 (은은한 크림 배경) */
  .rec-block{
    background:linear-gradient(180deg,#fffaf0 0%,#fff7e6 100%);
    border:1px solid #f0e2c0;
    border-radius:16px;
    padding:20px 20px 6px;
    margin-bottom:32px;
  }
  .rec-block .section-title{color:#a9710a}
  .rec-block .cards-grid{margin-bottom:14px}

  /* CARDS */
  .cards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px}
  .card{
  background:#fff;border-radius:14px;
  border:2px solid transparent;       /* ← 평소엔 투명 (레이아웃 안정용) */
  overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);
  transition:.2s;cursor:pointer;display:flex;flex-direction:column;
  }
  .card:hover{
  transform:translateY(-3px);
  box-shadow:0 6px 20px rgba(0,181,200,.18);
  border-color:#f97316;                /* ← hover 시 청록 테두리 */
  }

  /* 빈 카드 placeholder */
  .card.card-placeholder{cursor:default;opacity:.5}
  .card.card-placeholder:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,181,200,.18);border-color:#00b5c8;opacity:.7}
  .card.card-empty{
    background:#fafafa;
    border:2px dashed #e0e0e0;
    box-shadow:none;
    cursor:default;
    pointer-events:none;            /* 클릭/hover 무시 */
  }
  .card.card-empty:hover{
    transform:none;
    box-shadow:none;
    border-color:#e0e0e0;            /* hover에도 색 안 바뀌게 */
  }

  .card-img{position:relative;height:160px;overflow:hidden;background:#e0f7fa;display:flex;align-items:center;justify-content:center;font-size:56px}
  .card-img img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
  .card-badge{position:absolute;top:8px;right:8px;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700;color:#fff}
  .badge-hospital{background:#e53935}
  .badge-home{background:#00b5c8}
  .badge-day{background:#43a047}
  .badge-care{background:#f97316}
  .card-body{padding:14px;flex:1;display:flex;flex-direction:column}
  .card-name{font-size:15px;font-weight:800;color:#222;margin-bottom:6px}
  .card-tagline{font-size:13px;color:#e6781e;font-weight:600;margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .card-addr{font-size:13px;color:#888;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  
  .card-btns{display:flex;gap:6px;flex-wrap:nowrap;margin-top:auto;align-items:stretch}
  .cbtn{
    border:none;border-radius:6px;padding:6px 10px;font-size:12px;
    font-weight:700;cursor:pointer;display:flex;align-items:center;
    justify-content:center;gap:3px;white-space:nowrap;
  }
  .cbtn-tel{background:#e3f2fd;color:#1565c0;flex:1;min-width:0}
  .cbtn-map{background:#e8f5e9;color:#2e7d32;flex:1;min-width:0}

  /* 영상 버튼 — 유튜브 아이콘 표시 (없을 때 흐림은 인라인 opacity로 유지) */
  .cbtn-yt{
    background:transparent;
    flex:1;min-width:0;
    font-size:0;
    padding:0;
    min-height:32px;
    background-image:url('/silvertube/img/youtube.svg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
  }
  .cbtn-yt::before{content:"";}

  /* SNS 통합 노출 안내 배너 */
  .sns-notice{
    max-width:760px;
    margin:14px auto 0;
    padding:11px 22px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:24px;
    text-align:center;
    font-size:14px;
    color:#64748b;
    font-weight:500;
    line-height:1.6;
  }
  .sns-notice .sns-yt{color:#ed1d24;font-weight:800}
  .sns-notice .sns-blog{color:#03c75a;font-weight:800}
  .sns-notice .sns-ig{color:#e4405f;font-weight:800}
  @media (max-width:600px){
    .sns-notice{font-size:13px;padding:10px 16px;margin:10px 12px 0}
  }

  /* LOADING */
  .loading{text-align:center;padding:40px;color:#999;grid-column:1/-1}

  /* CTA BANNER */
  .cta-banner{background:linear-gradient(135deg,#00838f,#00b5c8);border-radius:16px;padding:20px 32px;text-align:center;margin:0 0 32px;color:#fff;position:relative;overflow:hidden}
  .cta-banner::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:rgba(255,255,255,.07);border-radius:50%}
  .cta-banner::after{content:'';position:absolute;bottom:-60px;left:-40px;width:240px;height:240px;background:rgba(255,255,255,.05);border-radius:50%}
  .cta-banner h2{font-size:20px;font-weight:900;margin-bottom:4px;line-height:1.3}
  .cta-banner p{font-size:13px;opacity:.9;margin-bottom:12px}
  .cta-btn{display:inline-block;background:#fff;color:#00838f;border-radius:24px;padding:12px 32px;font-size:15px;font-weight:800;cursor:pointer;transition:.2s}
  .cta-btn:hover{background:#e0f7fa}

  /* INFO BOXES */
  .info-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:32px}
  .info-box{background:#fff;border-radius:14px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
  .info-icon{font-size:36px}
  .info-label{font-size:12px;color:#888;margin-bottom:4px}
  .info-val{font-size:18px;font-weight:900;color:#00838f}
  .info-box.highlight{background:#fff8e1}
  .info-box.highlight .info-val{color:#f57f17}

  /* MODAL */
  .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;align-items:center;justify-content:center}
  .modal.active{display:flex}
  .modal-content{background:#fff;border-radius:14px;padding:24px;width:90%;max-width:500px}
  .modal-close{float:right;font-size:24px;cursor:pointer;color:#999}
  .modal-close:hover{color:#333}
  .form-group{margin-bottom:16px}
  .form-group label{display:block;font-weight:600;margin-bottom:6px;font-size:13px}
  .form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px}
  .btn-full{width:100%;padding:10px;background:#00b5c8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}

  /* 카카오 로그인 버튼 */
  .sns-login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;cursor:pointer;margin-top:8px}
  .sns-login-btn svg{flex:none}
  .lgn-kakao{background:#FEE500;color:#191919}
  .lgn-kakao:hover{background:#f5dc00}
  .lgn-naver{background:#03C75A;color:#fff}
  .lgn-naver:hover{background:#02b350}
  .sns-terms-note{font-size:12px;color:#999;margin:10px 0 0;line-height:1.5}
  .view-toggle{display:flex;gap:8px;margin:0 0 16px}
  .vt-btn{padding:8px 18px;border:1px solid #d0d7de;background:#fff;color:#555;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}
  .vt-btn.active{background:#00b5c8;border-color:#00b5c8;color:#fff}
  #bizMapWrap{margin-bottom:20px}
  #bizMap{width:100%;height:560px;border-radius:12px;border:1px solid #e2e8f0}
  .map-hint{font-size:12px;color:#888;margin-top:8px;text-align:center}
  @media(max-width:768px){#bizMap{height:440px}}
  .login-divider{display:flex;align-items:center;text-align:center;color:#aaa;font-size:13px;margin:18px 0 12px}
  .login-divider::before,.login-divider::after{content:"";flex:1;height:1px;background:#e5e5e5}
  .login-divider span{padding:0 12px}

  /* FOOTER */
  .hamburger-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9998}
  .hamburger-menu{display:none;position:fixed;top:0;right:0;width:240px;height:100%;background:#fff;z-index:9999;box-shadow:-4px 0 20px rgba(0,0,0,.15);flex-direction:column}
  .hamburger-overlay.open,.hamburger-menu.open{display:flex !important}
  /* ── 공통 뒤로가기 버튼 ── */
  .back-btn{display:inline-flex;align-items:center;gap:6px;
    background:none;border:none;padding:8px 4px;
    font-size:14px;font-weight:600;color:#00838f;
    cursor:pointer;letter-spacing:-.3px;transition:.15s}
  .back-btn:hover{color:#006875}
  .back-btn::before{content:'←';font-size:16px}
  .signup-back{display:inline-flex;align-items:center;gap:6px;
    background:none;border:none;padding:8px 4px;
    font-size:14px;font-weight:600;color:#00838f;
    cursor:pointer;letter-spacing:-.3px;transition:.15s}
  .signup-back:hover{color:#006875}
  .signup-back::before{content:'←';font-size:16px}
  .signup-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}
  .signup-title{font-size:18px;font-weight:800;color:#1a202c;margin:0}
  .hamburger-menu-header{background:#00838f;color:#fff;padding:20px 16px;display:flex;justify-content:space-between;align-items:center}
  .hamburger-menu-header span{font-size:16px;font-weight:800}
  .hamburger-menu-header button{background:none;border:none;color:#fff;font-size:22px;cursor:pointer}
  .hamburger-menu-item{padding:16px 20px;font-size:15px;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;align-items:center;gap:10px}
  .hamburger-menu-item:active{background:#f0f9ff}
  footer{background:#263238;color:#b0bec5;padding:32px 16px 20px}
  .footer-inner{max-width:1300px;margin:0 auto}
  .footer-logo{font-size:22px;font-weight:900;color:#fff;margin-bottom:12px}
  .footer-logo span{color:#00b5c8}
  .footer-links{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}
  .footer-links a{font-size:12px;color:#90a4ae}
  .footer-links a:hover{color:#fff}
  .footer-info{font-size:12px;line-height:1.9;color:#78909c}
  .footer-apps{display:flex;gap:10px;margin-top:16px}
  .app-btn{background:#37474f;border-radius:8px;padding:8px 16px;font-size:12px;color:#fff;display:flex;align-items:center;gap:6px;cursor:pointer}
  .app-btn:hover{background:#455a64}

  /* 🔧 SPA 페이지 최소 높이 - 짧은 페이지에서 footer가 같이 보이는 깜빡임 방지 */
  #myPage, #bizEditPage, #inquiryPage,
  #signupPage, #signupFormPage, #signupBusinessPage,
  #loginPage, #partnerGuidePage,
  #jobsPage, #jobDetailPage,
  #newsPage, #newsDetailPage,
  #boardPage, #boardDetailPage, #boardWritePage,
  #detailPage {
    min-height: calc(100vh - 100px);
  }

  @media(max-width:768px){
    .cards-grid{grid-template-columns:repeat(2,1fr)}
    .rec-block{padding:14px 12px 4px}
    .tab-long{display:none}
    .info-row{grid-template-columns:1fr}
    .top-inner{flex-wrap:wrap}
    .header-btns{display:none}
    /* 모바일 nav — 아이콘+짧은텍스트 한 줄 */
    .nav-inner{overflow-x:auto;padding:0 4px;gap:0;justify-content:space-between}
    .nav-inner a{
      padding:8px 4px;font-size:11px;font-weight:700;
      display:flex;flex-direction:column;align-items:center;gap:2px;
      border-bottom:3px solid transparent;white-space:nowrap;flex:1;
    }
    .nav-inner a .nav-icon{font-size:18px;line-height:1}
    .nav-menu-btn{display:none}
    .hamburger-btn{display:flex !important;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:4px 8px;font-size:26px;color:#00838f;flex-shrink:0;background:none;border:none;gap:1px}
    .hbg-icon{font-size:24px;line-height:1}
    .hbg-label{font-size:9px;font-weight:700;color:#00838f;letter-spacing:0.3px;line-height:1;white-space:nowrap}
    .hbg-label.logged-in{color:#e53e3e;font-size:9px}
    .nav-badge{font-size:11px;padding:3px 8px}
    .nav-visitor{display:none !important}
  }
  @media(max-width:480px){
    .cards-grid{grid-template-columns:1fr 1fr}
    #newCards,#recCards{grid-template-columns:1fr 1fr}
    .top-inner{flex-wrap:nowrap !important}
    .logo{font-size:18px}
    .search-wrap{border-radius:20px;overflow:hidden}
    .search-wrap input{flex:1;min-width:0;padding:6px 10px;font-size:12px}
    .search-wrap button{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:40px;padding:6px 10px;font-size:14px;line-height:1}
    .search-box{padding:10px 12px;gap:6px;flex-wrap:nowrap}
    .search-box select{min-width:0;padding:8px 6px;font-size:12px;flex:1}
    .search-box button{padding:8px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}
    .hero{padding:14px 12px 12px}
    .card-placeholder{display:none !important}
    .card-empty{display:none !important}
    .cat-section{margin:10px auto 0;padding:0 10px}
    .cat-label{font-size:13px;margin-bottom:6px}
    .cat-tabs{flex-wrap:wrap;gap:6px}
    .cat-tab{padding:5px 12px;font-size:12px}
    .cat-card{padding:13px 14px}
    #homeContent{margin-top:20px}
    .job-search{padding:10px 12px;gap:6px}
    .job-search select,.job-search input{min-width:0;padding:7px 8px;font-size:12px;flex:1}
    .job-search button{padding:7px 14px;font-size:12px}
    .btn-write{padding:6px 14px;font-size:12px;margin-top:4px}
    #jobsPage .thead-pc{display:none}
    #jobsPage .thead-mobile{display:table-row !important}
    #jobsPage .page-hero .page-subtitle{display:none}
    /* 전체업체 리스트 모바일 */
    .biz-list-table th,.biz-list-table td{padding:8px 8px;font-size:12px}
    .biz-list-table{table-layout:fixed;width:100%}
    .biz-list-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .biz-list-table .hide-mobile{display:none}
  }

     /* ✅ 구인구직 CSS 추가! */
  #jobsPage{display:none}
  #jobsPage.active,#jobsPage[style*='block']{width:100% !important;max-width:none !important}
  .thead-mobile-board{display:none}
  .jobs-wrap{max-width:1200px;margin:0 auto;padding:24px 16px;box-sizing:border-box}
  .jobs-header{display:flex;justify-content:center;align-items:center;margin-bottom:24px;gap: 16px}
  .jobs-title{font-size:22px;font-weight:900;color:#222}
  .btn-write{background:#00b5c8;color:#fff;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:700;cursor:pointer}
  .btn-write-sm{padding:7px 16px;font-size:12px}
  .write-btn-wrap{display:flex;justify-content:flex-end;margin-bottom:8px}
  .write-btn-bottom{display:none;justify-content:flex-end;margin-top:12px}
  @media(max-width:768px){
    .write-btn-wrap{display:none}
    .write-btn-bottom{display:flex}
  }
  .job-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #e0f7fa}
  .job-tab{padding:10px 28px;font-size:15px;font-weight:700;color:#888;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:.2s}
  .job-tab.active{color:#00b5c8;border-bottom:3px solid #00b5c8}
  .job-search{background:#fff;border-radius:12px;padding:16px 20px;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
  .job-search select,.job-search input{flex:1;min-width:140px;border:1.5px solid #b2dfdb;border-radius:8px;padding:8px 12px;font-size:13px;color:#444;outline:none;background:#fff}
  .job-search button{background:#00b5c8;color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:700;cursor:pointer}
  /* ── 토스트 메시지 ── */
  .toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);
         background:#2d3748;color:#fff;padding:12px 24px;border-radius:30px;
         font-size:14px;font-weight:600;opacity:0;transition:.35s;pointer-events:none;z-index:9999;white-space:nowrap}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

  /* 🔧 1:1 문의 리스트 본문 셀 세로폭 (헤더 제외, tbody만) */
  #inquiryPage tbody td{padding:18px 10px;font-size:14px}

  /* ── 모바일 구인구직 검색필터 2열 그리드 ── */
  @media(max-width:480px){
    #jobsPage{overflow-x:hidden;width:100%}
    #boardPage{overflow-x:hidden;width:100%}
    #inquiryPage{overflow-x:hidden;width:100%}
    #inquiryPage th:first-child,#inquiryPage td:first-child{width:52px !important;min-width:52px}
    #inquiryPage tbody tr td{padding:12px 8px !important}
    #myPage > div{margin:8px 0 !important;padding:0 6px 20px !important}
    #myPage h2{font-size:16px !important}
    .mypage-preview-grid{display:flex !important;flex-direction:column;gap:16px}
    .mypage-preview-grid .card{width:100% !important;max-width:100% !important}
    .board-wrap{padding:0 !important;max-width:100% !important;box-sizing:border-box !important}
    .thead-pc-board{display:none}
    .thead-mobile-board{display:table-row}
    .board-table .td-writer,.board-table .td-date{display:none}
    .jobs-wrap{padding:0 !important;max-width:100% !important;margin:0 !important;box-sizing:border-box !important}
    .job-table{table-layout:fixed;width:100% !important}
    .job-search{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px !important;gap:7px;flex-wrap:unset}
    .job-search select{min-width:0;width:100%;box-sizing:border-box;padding:8px 6px;font-size:13px;flex:unset}
    .job-search .job-search-bottom{display:flex;gap:5px;min-width:0;overflow:hidden}
    .job-search .job-search-bottom input{flex:1;min-width:0;width:0;box-sizing:border-box;padding:8px 6px;font-size:13px}
    .job-search .job-search-bottom button{padding:8px 12px;font-size:13px;white-space:nowrap;flex-shrink:0}
  }
  .job-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}
  .job-table thead tr{background:#e0f7fa}
  .job-table th{padding:12px 16px;font-size:13px;font-weight:700;color:#00838f;text-align:left;white-space:nowrap;border:1px solid #e0f7fa}
  .job-table td{padding:13px 16px;font-size:13px;color:#444;vertical-align:middle;border:1px solid #e0f7fa}
  .job-table tr:hover td{background:#f4f9fb;cursor:pointer}
  .job-type-badge{display:inline-block;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:700;color:#fff}
  .type-recruit{background:#00b5c8}
  .type-seek{background:#f97316}
  .job-new{display:inline-block;background:#e53935;color:#fff;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:700;margin-left:4px}
  /* 구인구직 마감 도장 (빨강 둥근 테두리 · 살짝 기울임) */
  .magam-stamp{display:inline-block;border:2px solid #d6342b;color:#d6342b;font-weight:800;letter-spacing:2px;border-radius:8px;padding:2px 9px;font-size:13px;line-height:1.25;transform:rotate(-8deg);white-space:nowrap;vertical-align:middle;margin-left:8px;flex-shrink:0}
  .magam-stamp.lg{font-size:16px;padding:4px 12px;border-width:2.5px;border-radius:9px;margin-left:12px}
  .td-date,.td-view{color:#aaa;font-size:12px;white-space:nowrap}
  .td-title{font-weight:700;color:#222;max-width:300px}
  .pagination{display:flex;justify-content:center;gap:6px;margin-top:20px}
  .page-btn{background:#fff;border:1.5px solid #b2dfdb;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;color:#00838f;cursor:pointer}
  .page-btn:hover,.page-btn.active{background:#00b5c8;color:#fff;border-color:#00b5c8}
  .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
  .modal-header h3{font-size:18px;font-weight:900}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
  .form-group textarea{width:100%;padding:9px 12px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:13px;outline:none;font-family:inherit;resize:vertical;min-height:100px}
  .modal-btns{display:flex;gap:10px;margin-top:20px}
  .btn-submit{flex:1;background:#00b5c8;color:#fff;border:none;border-radius:8px;padding:11px;font-size:14px;font-weight:700;cursor:pointer}
  .btn-cancel{flex:1;background:#f5f5f5;color:#666;border:none;border-radius:8px;padding:11px;font-size:14px;font-weight:700;cursor:pointer}
  .btn-edit{background:#e3f2fd;color:#1565c0;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;cursor:pointer}
  .btn-delete{background:#ffebee;color:#c62828;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;cursor:pointer}
  .detail-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}
  .detail-label{font-size:12px;color:#aaa;margin-bottom:4px}
  .detail-val{font-size:14px;color:#333;font-weight:600}
  .detail-content{font-size:14px;color:#444;line-height:1.8;white-space:pre-wrap}
  /* 상세소개 에디터/노출 영역: 작은 사진은 원본 크기, 큰 사진만 폭에 맞게 제한 */
  .ql-editor img{width:auto !important;height:auto !important;max-width:100%;border-radius:8px;margin:8px 0}
  .detail-actions{display:flex;gap:8px;margin-top:16px}

  /* ✅ 실버뉴스 CSS */
  #newsPage{display:none}
  .news-wrap{max-width:1300px;margin:0 auto;padding:24px 20px 40px;box-sizing:border-box}

  /* 뉴스 레이아웃 — 좌측 카테고리 + 우측 그리드 */
  .news-layout{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:start}
  @media(max-width:768px){
    .news-layout{grid-template-columns:1fr}
    .news-cat-panel{display:flex !important;flex-wrap:wrap !important;flex-direction:row !important;padding:6px 8px !important;gap:6px !important;border-radius:10px !important;background:transparent !important;border:none !important}
    .news-cat-item{background:#fff !important;border:1.5px solid #b2dfdb !important;border-radius:20px !important;padding:5px 0 !important;font-size:12px !important;font-weight:600 !important;color:#00838f !important;cursor:pointer;flex-shrink:0;display:inline-flex !important;align-items:center;justify-content:center;width:calc(33.33% - 4px);text-align:center;transition:.2s;border-bottom:1.5px solid #b2dfdb !important}
    .news-cat-item::before{display:none !important}
    .news-cat-item.active{background:#00b5c8 !important;color:#fff !important;border-color:#00b5c8 !important}
  }

  /* 카테고리 탭 */
  .news-cat-panel{background:#fff;border-radius:14px;padding:8px 0;
                  box-shadow:0 2px 8px rgba(0,0,0,.06);
                  border:1px solid #e2e8f0;
                  overflow:hidden}
  .news-cat-item{padding:12px 20px;font-size:15px;font-weight:600;color:#718096;
                 cursor:pointer;transition:.15s;
                 border-bottom:1px solid #f0f4f8}
  .news-cat-item::before{content:'·';margin-right:8px;font-size:18px;color:#cbd5e0;vertical-align:middle}
  .news-cat-item:last-child{border-bottom:none}
  .news-cat-item:hover{color:#fff;background:#00a0ae}
  .news-cat-item:hover::before{color:#fff}
  .news-cat-item.active{color:#fff;font-weight:800;background:#00838f}
  .news-cat-item.active::before{color:#fff}

  /* 카드 그리드 */
  .news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;grid-auto-rows:1fr}
  @media(max-width:640px){.news-grid{grid-template-columns:1fr;grid-auto-rows:auto}}

  /* 뉴스 카드 */
  .nc{background:#fff;border-radius:14px;overflow:hidden;cursor:pointer;
      box-shadow:0 2px 8px rgba(0,0,0,.06);transition:.2s;display:flex;
      border:2px solid transparent}
  .nc:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-2px);
            border-color:#00b5c8}
  .nc-thumb{width:120px;min-width:120px;min-height:100px;overflow:hidden;background:#e0f7fa;
            display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .nc-thumb img{width:100%;height:100%;object-fit:cover}
  .nc-thumb .nc-emoji{font-size:32px}
  .nc-body{padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;flex:1;min-width:0}
  .nc-cat{display:inline-block;padding:2px 8px;border-radius:8px;font-size:11px;
          font-weight:700;margin-bottom:5px}
  .nc-title{font-size:16px;font-weight:800;color:#1a202c;line-height:1.4;margin-bottom:5px;
            display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .nc-summary{font-size:12px;color:#718096;line-height:1.5;
              display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
              margin-bottom:6px}
  .nc-date{font-size:11px;color:#a0aec0}

  /* 카테고리 뱃지 색상 */
  .nc-cat-policy {background:#dbeafe;color:#1e40af}
  .nc-cat-industry{background:#fef3c7;color:#92400e}
  .nc-cat-health {background:#d1fae5;color:#065f46}
  .nc-cat-welfare{background:#ede9fe;color:#5b21b6}
  .nc-cat-default{background:#e2e8f0;color:#4a5568}

  .news-pagination{display:flex;justify-content:center;gap:6px;margin-top:20px}
  .news-page-btn{background:#fff;border:1.5px solid #b2dfdb;border-radius:8px;
                 padding:6px 12px;font-size:13px;font-weight:600;color:#00838f;cursor:pointer}
  .news-page-btn:hover,.news-page-btn.active{background:#00b5c8;color:#fff;border-color:#00b5c8}
  
 /* 구인구직 테이블 — 스타일2 격자선 */
  .job-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}
  .job-table thead tr{background:#e0f7fa}
  .job-table th{padding:12px 16px;font-size:13px;font-weight:700;color:#00838f;text-align:left;white-space:nowrap;border:1px solid #e0f7fa}
  .job-table td{padding:13px 16px;font-size:13px;color:#444;vertical-align:middle;border:1px solid #e0f7fa}
  .job-table tr:hover td{background:#f4f9fb;cursor:pointer}
  
  /* 업체 상세 보기 */
  .biz-detail-card{background:#fff;border-radius:14px;padding:32px;box-shadow:0 2px 12px rgba(0,0,0,.07);max-width:100%;width:100%}
  .biz-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}
  @media(max-width:640px){
    #detailContainer [style*="grid-template-columns:1fr 1fr"]{
      grid-template-columns:1fr !important;
    }
  }
  .biz-emoji{font-size:64px}
  .biz-badge{display:inline-block;background:#00b5c8;color:#fff;border-radius:12px;padding:6px 18px;font-size:14px;font-weight:700}
  .biz-name{font-size:28px;font-weight:900;color:#222;margin-bottom:12px}
  .biz-addr{font-size:16px;color:#888;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e0f7fa}
  .biz-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}
  .biz-info-item{padding:16px;background:#f4f9fb;border-radius:10px}
  .biz-info-label{font-size:13px;color:#888;margin-bottom:6px}
  .biz-info-value{font-size:16px;color:#333;font-weight:600}
  .biz-desc{margin-bottom:24px}
  .biz-desc-label{font-size:15px;font-weight:700;color:#222;margin-bottom:12px}
  .biz-desc-content{font-size:15px;color:#444;line-height:1.9;white-space:pre-wrap}
  .biz-actions{display:flex;gap:12px}
  .biz-actions .cbtn{flex:1;justify-content:center;padding:14px 24px;font-size:15px}
  .cbtn-back{background:#f5f5f5;color:#666}
  .cbtn-back:hover{background:#e0e0e0}

  /* ===== 게시판 테이블 스타일 ===== */
  .board-wrap{max-width:1300px;margin:0 auto;padding:0 20px 40px}
  .board-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
  .board-count{font-size:14px;font-weight:700;color:#1a202c}
  .board-count span{color:#00838f}
  .btn-board-write{padding:10px 22px;border-radius:8px;border:none;
                   background:#00b5c8;color:#fff;font-size:14px;font-weight:700;
                   cursor:pointer;display:flex;align-items:center;gap:6px}
  .btn-board-write:hover{background:#0097a7}
  .mypage-preview-grid{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;margin-bottom:24px}
  .board-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}
  .board-table thead tr{background:#e0f7fa}
  .board-table th{padding:12px 16px;font-size:13px;font-weight:700;color:#00838f;text-align:center;white-space:nowrap;border:1px solid #e0f7fa}
  .board-table th.tl{text-align:left}
  .board-table td{padding:8px 12px;font-size:13px;color:#444;vertical-align:middle;border:1px solid #e0f7fa}
  .board-table tbody tr:last-child td{border-bottom:none}
  .board-table tbody tr:hover td{background:#f4f9fb;cursor:pointer}
  .board-table .td-num{text-align:center;color:#555;width:42px}
  .board-table .td-title{font-weight:600;color:#444}
  .board-table .td-writer{text-align:center;color:#555;width:100px}
  .board-table .td-date{text-align:center;color:#555;width:140px;font-size:13px}
  .board-table .td-view{text-align:center;color:#555;width:70px;font-size:13px}
  .board-notice-badge{display:inline-block;background:#00838f;color:#fff;
                      border-radius:4px;padding:1px 7px;font-size:11px;font-weight:700;margin-right:6px}
  .board-new-badge{display:inline-block;background:#ef4444;color:#fff;
                   border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;margin-left:6px}

  /* 게시판 상세 */
  .board-detail-wrap{max-width:900px;margin:0 auto;padding:0 20px 40px}
  .board-detail-box{background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.07);overflow:hidden}
  .board-detail-head{padding:24px 28px;border-bottom:1px solid #f0f0f0}
  .board-detail-title{font-size:20px;font-weight:800;color:#1a202c;margin-bottom:10px}
  .board-detail-meta{display:flex;gap:20px;font-size:13px;color:#a0aec0}
  .board-detail-body{padding:28px;font-size:15px;line-height:1.9;color:#2d3748;
                     white-space:pre-wrap;min-height:160px;border-bottom:1px solid #f0f0f0}
  .board-detail-foot{padding:16px 28px;display:flex;justify-content:space-between;align-items:center}

  /* 댓글 */
  .comment-section{background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.07);
                   margin-top:16px;overflow:hidden}
  .comment-head{padding:16px 24px;border-bottom:1px solid #f0f0f0;font-size:15px;font-weight:700;color:#2d3748}
  .comment-list{padding:0 24px}
  .comment-item{padding:16px 0;border-bottom:1px solid #f5f5f5;display:flex;gap:12px;align-items:flex-start}
  .comment-item:last-child{border-bottom:none}
  .comment-avatar{width:36px;height:36px;border-radius:50%;background:#e0f7fa;
                  display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
  .comment-body{flex:1}
  .comment-writer{font-size:13px;font-weight:700;color:#2d3748}
  .comment-date{font-size:11px;color:#a0aec0;margin-left:8px}
  .comment-content{font-size:14px;color:#4a5568;margin-top:5px;line-height:1.6}
  .comment-del{font-size:12px;color:#a0aec0;cursor:pointer;margin-left:auto;flex-shrink:0}
  .comment-del:hover{color:#ef4444}
  .comment-write{padding:16px 24px;border-top:1px solid #f0f0f0;background:#f7fafc}
  .comment-write-row{display:flex;gap:10px;margin-bottom:8px}
  .comment-input-name{width:120px;padding:9px 12px;border:1px solid #e2e8f0;
                      border-radius:8px;font-size:13px;outline:none}
  .comment-input-pw{width:100px;padding:9px 12px;border:1px solid #e2e8f0;
                    border-radius:8px;font-size:13px;outline:none}
  .comment-textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;
                    font-size:14px;resize:none;height:72px;outline:none;font-family:inherit}
  .comment-textarea:focus{border-color:#00b5c8}
  .comment-submit-row{display:flex;justify-content:flex-end;margin-top:8px}
  .btn-comment-submit{padding:9px 24px;border-radius:8px;border:none;background:#00838f;
                      color:#fff;font-size:14px;font-weight:700;cursor:pointer}
  .btn-comment-submit:hover{background:#00b5c8}
  .comment-empty{padding:24px;text-align:center;color:#a0aec0;font-size:14px}

  /* ===== 제휴안내 페이지 ===== */
#partnerGuidePage{display:none}

#partnerGuidePage .pg-hero{background:linear-gradient(135deg,#e0f7fa 0%,#b2ebf2 50%,#e8f5e9 100%);padding:48px 16px}
#partnerGuidePage .pg-hero-inner{max-width:1100px;margin:0 auto;text-align:center}
#partnerGuidePage .pg-eyebrow{display:inline-block;background:#00b5c8;color:#fff;border-radius:20px;padding:6px 18px;font-size:13px;font-weight:700;letter-spacing:2px;margin-bottom:18px}
#partnerGuidePage .pg-title{font-size:32px;font-weight:900;color:#00838f;line-height:1.4;margin-bottom:14px}
#partnerGuidePage .pg-title .pg-accent{color:#f97316}
#partnerGuidePage .pg-subtitle{font-size:16px;color:#445;line-height:1.7}

/* ===== 공용 페이지 히어로 (jobs/news/board) ===== */
.page-hero{
  background:linear-gradient(135deg,#e0f7fa 0%,#b2ebf2 50%,#e8f5e9 100%);
  padding:28px 16px;
  margin-bottom:16px;
}
.page-hero-inner{max-width:100%;margin:0 auto;text-align:center}
  #jobsPage .page-hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}
.page-eyebrow{
  display:inline-block;background:#00b5c8;color:#fff;
  border-radius:20px;padding:6px 18px;font-size:13px;
  font-weight:700;letter-spacing:2px;margin-bottom:18px;
}
.page-eyebrow.eyebrow-news{background:#3b82f6}      /* 뉴스: 블루 */
.page-eyebrow.eyebrow-board{background:#f59e0b}
  .page-eyebrow.eyebrow-inquiry{background:#00b5c8}     /* 게시판: 앰버 */
.page-title{
  font-size:32px;font-weight:900;color:#00838f;
  line-height:1.4;margin-bottom:14px;
}
.page-title .page-accent{color:#f97316}
.page-subtitle{font-size:16px;color:#445;line-height:1.7;margin:0}

/* 모바일 */
@media(max-width:768px){
  .page-hero{padding:20px 16px;margin-bottom:16px}
  .page-eyebrow{display:none !important}
  .page-title{font-size:20px;margin-bottom:0}
  .page-subtitle{display:none}
}
@media(max-width:480px){
  .page-title{font-size:20px}
  .page-eyebrow{font-size:12px}
}

#partnerGuidePage .pg-main{max-width:1100px;margin:36px auto;padding:0 16px}
#partnerGuidePage .pg-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:32px 28px;margin-bottom:24px}
#partnerGuidePage .pg-section-head{margin-bottom:22px}
#partnerGuidePage .pg-section-title{font-size:20px;font-weight:900;color:#222;display:inline-block;padding-bottom:8px;border-bottom:3px solid #00b5c8;margin:0}
#partnerGuidePage .pg-section-desc{margin-top:10px;font-size:14px;color:#666;line-height:1.7}
/* Before/After 비교 */
#partnerGuidePage .ba-wrap{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
#partnerGuidePage .ba-col{flex:1;min-width:240px;max-width:320px}
#partnerGuidePage .ba-tag{text-align:center;font-size:13px;font-weight:800;padding:6px 0;border-radius:8px;margin-bottom:12px}
#partnerGuidePage .ba-tag-before{background:#eceff1;color:#78909c}
#partnerGuidePage .ba-tag-after{background:#fff3e0;color:#e6781e}
#partnerGuidePage .ba-arrow{font-size:34px;color:#00b5c8;font-weight:900;flex-shrink:0}
#partnerGuidePage .demo-card{background:#fff;border:1.5px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);position:relative}
#partnerGuidePage .demo-card-premium{border:2px solid #f5b942;box-shadow:0 6px 22px rgba(230,167,0,.18)}
#partnerGuidePage .demo-badge{position:absolute;top:10px;right:10px;background:#e6781e;color:#fff;font-size:12px;font-weight:800;padding:3px 10px;border-radius:12px;z-index:2}
#partnerGuidePage .demo-img{height:130px;display:flex;align-items:center;justify-content:center;font-size:48px;position:relative}
#partnerGuidePage .demo-img-empty{background:#eceff1;color:#b0bec5}
#partnerGuidePage .demo-img-photo{background:linear-gradient(135deg,#e0f7fa,#b2ebf2)}
#partnerGuidePage .demo-img-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#partnerGuidePage .demo-photo-label{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:1;font-size:11px;color:#00838f;background:rgba(255,255,255,.85);padding:2px 10px;border-radius:10px;white-space:nowrap}
#partnerGuidePage .demo-body{padding:14px}
#partnerGuidePage .demo-cat{display:inline-block;background:#e0f7fa;color:#00838f;font-size:11px;font-weight:700;padding:2px 9px;border-radius:10px;margin-bottom:7px}
#partnerGuidePage .demo-name{font-size:16px;font-weight:800;color:#222;margin-bottom:4px}
#partnerGuidePage .demo-tagline{font-size:12.5px;color:#e6781e;font-weight:600;margin-bottom:5px;line-height:1.4}
#partnerGuidePage .demo-addr{font-size:12.5px;color:#888;margin-bottom:10px}
#partnerGuidePage .demo-btns{display:flex;gap:5px}
#partnerGuidePage .demo-btn{flex:1;text-align:center;font-size:11.5px;font-weight:700;padding:6px 0;border-radius:6px;background:#f5f5f5;color:#bbb}
#partnerGuidePage .demo-btn.off{opacity:.4}
#partnerGuidePage .demo-btn.on{background:#e3f2fd;color:#1565c0}
#partnerGuidePage .demo-btn.on-yt{background:#ffebee;color:#c62828}
#partnerGuidePage .ba-points{list-style:none;padding:0;margin:14px 0 0;font-size:13px;line-height:1.5}
#partnerGuidePage .ba-points li{padding:5px 0 5px 22px;position:relative;color:#555}
#partnerGuidePage .ba-points-before li::before{content:'·';position:absolute;left:8px;color:#b0bec5;font-weight:900}
#partnerGuidePage .ba-points-after li::before{content:'✓';position:absolute;left:4px;color:#43a047;font-weight:900}
#partnerGuidePage .ba-cta{text-align:center;margin-top:26px}
#partnerGuidePage .ba-cta-btn{background:#00b5c8;color:#fff;border:none;border-radius:24px;padding:13px 28px;font-size:15px;font-weight:800;cursor:pointer;transition:.2s}
#partnerGuidePage .ba-cta-btn:hover{background:#0097a7;transform:translateY(-2px)}
/* 데모 상세페이지 */
#partnerGuidePage .demo-detail{max-width:560px;margin:0 auto;background:#fff;border:1px solid #e8eef0;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.07)}
#partnerGuidePage .dd-banner{height:90px;background:linear-gradient(135deg,#e0f7fa,#b2ebf2 55%,#e8f5e9);display:flex;align-items:center;justify-content:center}
#partnerGuidePage .dd-emoji{font-size:46px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.1))}
#partnerGuidePage .dd-head{padding:18px 22px 4px;text-align:center}
#partnerGuidePage .dd-badges{display:flex;gap:8px;justify-content:center;align-items:center;margin-bottom:8px}
#partnerGuidePage .dd-cat{background:#e0f7fa;color:#00838f;font-size:11px;font-weight:700;padding:2px 10px;border-radius:10px}
#partnerGuidePage .dd-region{font-size:12px;color:#999}
#partnerGuidePage .dd-name{font-size:19px;font-weight:800;color:#1a202c;margin:0 0 6px}
#partnerGuidePage .dd-tagline{font-size:13px;color:#e6781e;font-weight:600;font-style:italic;margin:0}
#partnerGuidePage .dd-info{padding:14px 22px 4px}
#partnerGuidePage .dd-row{display:flex;padding:9px 0;border-bottom:1px solid #f5f5f5;font-size:13.5px}
#partnerGuidePage .dd-key{flex:0 0 76px;color:#999;font-weight:600}
#partnerGuidePage .dd-val{flex:1;color:#2d3748}
#partnerGuidePage .dd-link{color:#00838f;word-break:break-all}
#partnerGuidePage .dd-chip{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:6px;border:1px solid #00b5c8;background:#e0f7fa;color:#00838f;font-size:11px;font-weight:700}
#partnerGuidePage .dd-video{position:relative;margin:16px 22px;height:200px;background:#1a1a1a;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
#partnerGuidePage .dd-yt-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#partnerGuidePage .dd-video::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.32)}
#partnerGuidePage .dd-yt-btn{position:relative;z-index:1;width:62px;height:44px;background:#ff0000;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.4)}
#partnerGuidePage .dd-yt-btn::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-45%,-50%);border-style:solid;border-width:9px 0 9px 16px;border-color:transparent transparent transparent #fff}
#partnerGuidePage .dd-yt-label{position:relative;z-index:1;margin-top:12px;color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.6)}
#partnerGuidePage .dd-detail-block{margin:0 22px 22px;border:1px solid #e0e6ea;border-radius:12px;overflow:hidden}
#partnerGuidePage .dd-detail-title{background:#f4f9fb;padding:11px 16px;font-size:14px;font-weight:800;color:#00838f;border-bottom:1px solid #e0e6ea}
#partnerGuidePage .dd-detail-body{padding:16px 18px;font-size:13.5px;color:#444;line-height:1.75}
#partnerGuidePage .dd-detail-body p{margin:0 0 10px}
#partnerGuidePage .dd-detail-img{width:100%;height:auto;max-height:280px;object-fit:cover;border-radius:10px;margin-bottom:14px;display:block}
#partnerGuidePage .dd-detail-imgwrap{position:relative;margin-bottom:14px}
#partnerGuidePage .dd-detail-imgwrap .dd-detail-img{margin-bottom:0}
#partnerGuidePage .dd-detail-imglabel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.75);font-size:18px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 6px rgba(0,0,0,.4);pointer-events:none}
@media(max-width:680px){
  #partnerGuidePage .demo-detail{max-width:100%}
}
@media(max-width:680px){
  #partnerGuidePage .ba-wrap{flex-direction:column}
  #partnerGuidePage .ba-arrow{transform:rotate(90deg);margin:4px auto;align-self:center}
  #partnerGuidePage .ba-col{max-width:100%;width:100%}
}

#partnerGuidePage .field-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
#partnerGuidePage .field-card{background:#f4f9fb;border:1.5px solid #e0f7fa;border-radius:14px;padding:22px 14px;text-align:center;transition:.2s;cursor:default}
#partnerGuidePage .field-card:hover{transform:translateY(-3px);background:#e0f7fa;border-color:#00b5c8;box-shadow:0 6px 18px rgba(0,181,200,.15)}
#partnerGuidePage .field-icon{font-size:38px;margin-bottom:10px;display:block}
#partnerGuidePage .field-name{font-size:14px;font-weight:800;color:#00838f;line-height:1.4}
#partnerGuidePage .field-sub{font-size:12px;color:#888;margin-top:4px;line-height:1.4}

#partnerGuidePage .step-list{list-style:none;display:grid;grid-template-columns:1fr;gap:14px;padding:0;margin:0}
#partnerGuidePage .step-item{display:flex;gap:18px;align-items:flex-start;background:#f4f9fb;border-radius:12px;padding:20px 22px;border-left:4px solid #00b5c8;transition:.2s}
#partnerGuidePage .step-item:hover{background:#e0f7fa;transform:translateX(4px)}
#partnerGuidePage .step-num{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#00b5c8;color:#fff;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,181,200,.3)}
#partnerGuidePage .step-body{flex:1}
#partnerGuidePage .step-title{font-size:16px;font-weight:800;color:#222;margin-bottom:6px;display:flex;align-items:center;gap:8px}
#partnerGuidePage .step-title .step-icon{font-size:20px}
#partnerGuidePage .step-desc{font-size:14px;color:#555;line-height:1.7}
#partnerGuidePage .step-desc strong{color:#00838f}
#partnerGuidePage .step-desc .hint{display:inline-block;background:#fff8e1;color:#f57f17;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;margin-left:6px}

#partnerGuidePage .expose-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
#partnerGuidePage .expose-card{background:linear-gradient(135deg,#f4f9fb,#e0f7fa);border:1.5px solid #b2dfdb;border-radius:14px;padding:22px 20px}
#partnerGuidePage .expose-label{font-size:13px;color:#00838f;font-weight:700;margin-bottom:8px}
#partnerGuidePage .expose-title{font-size:18px;font-weight:900;color:#222;margin-bottom:10px}
#partnerGuidePage .expose-tags{display:flex;flex-wrap:wrap;gap:6px}
#partnerGuidePage .expose-tag{background:#fff;border:1.5px solid #00b5c8;color:#00838f;border-radius:18px;padding:5px 12px;font-size:12px;font-weight:600}

#partnerGuidePage .promo-banner{background:linear-gradient(135deg,#00838f,#00b5c8);border-radius:16px;padding:34px 28px;color:#fff;text-align:center;margin-bottom:24px;position:relative;overflow:hidden}
#partnerGuidePage .promo-banner::before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:rgba(255,255,255,.08);border-radius:50%}
#partnerGuidePage .promo-banner::after{content:"";position:absolute;bottom:-60px;left:-40px;width:220px;height:220px;background:rgba(255,255,255,.06);border-radius:50%}
#partnerGuidePage .promo-tag{display:inline-block;background:#f97316;color:#fff;border-radius:18px;padding:5px 16px;font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:12px;position:relative;z-index:1}
#partnerGuidePage .promo-headline{font-size:24px;font-weight:900;margin-bottom:10px;position:relative;z-index:1;line-height:1.4}
#partnerGuidePage .promo-headline em{font-style:normal;color:#fff8e1;border-bottom:3px dotted #fff8e1;padding-bottom:2px}
#partnerGuidePage .promo-text{font-size:15px;opacity:.95;line-height:1.7;position:relative;z-index:1}

#partnerGuidePage .apply-cta{background:#fff;border-radius:16px;padding:48px 28px;text-align:center;box-shadow:0 4px 18px rgba(0,181,200,.18);border:2px solid #00b5c8;margin-bottom:40px}
#partnerGuidePage .apply-title{font-size:22px;font-weight:900;color:#222;margin-bottom:10px}
#partnerGuidePage .apply-desc{font-size:15px;color:#555;line-height:1.7;margin-bottom:24px}
#partnerGuidePage .btn-apply{display:inline-block;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:30px;padding:16px 56px;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 4px 14px rgba(249,115,22,.35);transition:.2s;text-decoration:none}
#partnerGuidePage .btn-apply:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(249,115,22,.45);background:linear-gradient(135deg,#ea580c,#c2410c)}
#partnerGuidePage .btn-apply .arrow{display:inline-block;margin-left:8px;transition:.2s}
#partnerGuidePage .btn-apply:hover .arrow{transform:translateX(4px)}
#partnerGuidePage .apply-meta{margin-top:18px;font-size:13px;color:#888;line-height:1.7}
#partnerGuidePage .apply-meta strong{color:#00838f}

.pg-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:1000;align-items:center;justify-content:center;padding:20px}
.pg-modal.active{display:flex}
.pg-modal-content{background:#fff;border-radius:16px;padding:30px 28px;width:100%;max-width:440px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.pg-modal-icon{font-size:48px;margin-bottom:14px}
.pg-modal-title{font-size:18px;font-weight:900;color:#222;margin-bottom:10px}
.pg-modal-text{font-size:14px;color:#555;line-height:1.7;margin-bottom:22px}
.pg-modal-btns{display:flex;gap:10px}
.pg-modal-btn{flex:1;padding:11px 0;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer}
.pg-modal-btn.primary{background:#00b5c8;color:#fff}
.pg-modal-btn.primary:hover{background:#0097a7}
.pg-modal-btn.secondary{background:#f5f5f5;color:#666}
.pg-modal-btn.secondary:hover{background:#e0e0e0}

@media(max-width:900px){
  #partnerGuidePage .field-grid{grid-template-columns:repeat(2,1fr)}
  #partnerGuidePage .expose-grid{grid-template-columns:1fr}
  #partnerGuidePage .pg-title{font-size:24px}
}
@media(max-width:768px){
  #partnerGuidePage .pg-section{padding:24px 18px}
  #partnerGuidePage .step-item{padding:16px 18px;gap:14px}
  #partnerGuidePage .step-num{width:36px;height:36px;font-size:15px}
  #partnerGuidePage .pg-title{font-size:22px}
  #partnerGuidePage .promo-headline{font-size:18px}
  #partnerGuidePage .apply-title{font-size:18px}
  #partnerGuidePage .btn-apply{padding:14px 40px;font-size:16px}
}
@media(max-width:480px){
  #partnerGuidePage .field-grid{grid-template-columns:1fr 1fr}
  #partnerGuidePage .pg-eyebrow{font-size:12px}
  #partnerGuidePage .pg-title{font-size:20px}
  #partnerGuidePage .pg-subtitle{font-size:14px}
}

/* ===== 뉴스 상세 Quill 본문 오버라이드 ===== */
  /* 뉴스 상세 본문 Quill 스타일 오버라이드 */
  .news-detail-content.ql-editor {
    padding: 0;
    font-size: 15px;
    line-height: 1.9;
    color: #2d3748;
    border: none;
  }
  .news-detail-content.ql-editor p { margin-bottom: 14px; }
  .news-detail-content.ql-editor img { max-width: 100%; border-radius: 8px; margin: 8px 0; }

/* ===== 토스트 표시 애니메이션 ===== */
  #toast.show{opacity:1;transform:translateX(-50%) translateY(0)!important}