/* ===== 모두의 토론회 독립 퍼블리싱 시안 (ipmarket 톤) =====
   prefix: mt-  (통폐합 공통 CSS와 충돌 방지)
   color : 보라 #6B4FBB → 빨강 #E63946 그라데이션
*/
/* 푸터 하단 고정: 콘텐츠가 짧아도 footer가 올라오지 않도록 */
body.mt { display:flex; flex-direction:column; min-height:100vh; }
.mt-body-wrap { flex:1; }
.mt-body-wrap:focus { outline:none; }
/* [웹접근성 0-17] 본문 바로가기 : 평소 화면 밖, 키보드 초점을 받으면 좌상단 표시 */
.mt-skip { position:absolute; left:0; top:-100px; z-index:10000; padding:.8rem 1.2rem; background:#111; color:#fff; font-weight:700; text-decoration:none; }
.mt-skip:focus { top:0; outline:3px solid #ffbf47; outline-offset:0; }
/* [웹접근성 1-1, 2-1] 화면에는 숨기고 스크린리더만 읽는 텍스트 */
.mt-sr-only { position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* reset.css 미포함 환경 대응: 페이징 web/mobile 가시성 */
.web_only  { display: block !important; }
.mobile_only { display: none !important; }
@media (max-width: 768px) {
  .web_only  { display: none !important; }
  .mobile_only { display: block !important; }
}
/* table.css 미포함 환경 대응: 페이징 버튼 스타일 */
.paging {clear:both;overflow:hidden;width:100%;margin:30px 0;text-align:center;font-size:0}
.paging * {vertical-align:middle}
.paging span a {display:inline-block;padding:0 9px;text-align:center;color:#4d4d4d;font-size:14px;line-height:18px;}
.paging span a:hover,.paging span a.on {color:#ee5a12;font-weight:800;border-bottom:1px solid #ee5a12;}
.paging button {width:28px;height:28px;border:1px solid #d7d7d7;text-indent:-99999px;font-size:0}
.paging button.btn-paging-first {display:inline-block;margin-right:5px;background:url('/images/arrow_first.png') no-repeat 50%;}
.paging button.btn-paging-pre   {display:inline-block;margin-right:10px;background:url('/images/arrow_pre.png') no-repeat 50%;}
.paging button.btn-paging-next  {display:inline-block;margin-left:10px;background:url('/images/arrow_next.png') no-repeat 50%;}
.paging button.btn-paging-last  {display:inline-block;margin-left:5px;background:url('/images/arrow_last.png') no-repeat 50%;}
:root{
    --mt-purple:#6B4FBB;
    --mt-purple-d:#3a1c74;
    --mt-magenta:#8b3a9f;
    --mt-red:#E63946;
    --mt-blue:#2958ff;
    --mt-green:#47a44b;
    --mt-ink:#212529;
    --mt-gray:#6b7280;
    --mt-line:#e5e7eb;
    --mt-bg:#f7f7fb;
    --mt-grad:linear-gradient(135deg,#6B4FBB 0%,#E63946 100%);
    --mt-grad-d:linear-gradient(135deg,#3a1c74 0%,#8b3a9f 100%);
    --mt-radius:14px;
    --mt-max:1200px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body.mt{font-family:"Noto Sans KR","Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mt-ink);background:#fff;line-height:1.5}
  a{color:inherit;text-decoration:none;cursor:pointer}
  img{max-width:100%;display:block}
  
  /* ===== GNB ===== */
  .mt-gnb{position:sticky;top:0;z-index:9999;background:#fff;width:100%;min-height:74px} /* 2026-06-02 */
  .nav-wid{position:absolute; left: 50% !important;transform: translateX(-50%) !important;top:0; background-color:#fff; width:100%;max-width:var(--mt-max);margin:0 auto;display:flex;align-items:center;gap:2rem;height:74px;padding:0 2rem;border-bottom:1px solid var(--mt-line);/* padding-top: 15px; */} /* 2026-06-02 */
  .more-open{display:none;border:0;background:transparent;padding:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent} /* 2026-06-02 */
  body.mt-nav-lock{overflow:hidden}
  .mt-gnb h1.mt-brand{display:flex;align-items:center;gap:.85rem;flex-shrink:0}
  .mt-gnb h1 .mt-brand-logo{display:inline-block;line-height:0}
  .mt-gnb h1 .mt-site-logo{display:block;height:40px;width:40px;max-width:40px}
  .mt-gnb h1 .mt-brand-tit{font-size:1.35rem;font-weight:800;line-height:1.2;white-space:nowrap}
  .mt-gnb h1 .mt-brand-tit b{font-family: 대한민국정부상징체, GovernmentKR, sans-serif;background:var(--mt-grad);-webkit-background-clip:text;background-clip:text;color:rgb(89,86,86);font-weight: normal;}
  .mt-nav{margin-left:auto;display:flex;align-items:center;gap:2.4rem}
  .mt-menu{display:flex;gap:2.4rem;list-style:none}
  .mt-menu>li{position:relative;padding:26px 0}
  .mt-menu>li>a{font-weight:700;font-size:1.02rem;text-decoration:none;color:inherit}
  .mt-menu>li:hover>a{color:var(--mt-purple)}
  .mt-depth2{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:170px;
    background:#fff;border:1px solid var(--mt-line);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.1);
    display:none;overflow:hidden}
  .mt-menu>li:hover .mt-depth2{display:block}
  .mt-depth2 li a{display:block;padding:.8rem 1rem;color:var(--mt-gray);font-size:.95rem;text-align:center}
  .mt-depth2 li a:hover{background:#f3f0fb;color:var(--mt-purple);font-weight:600}
  .mt-login{display:flex;gap:.6rem}
  .mt-btn-login,.mt-btn-join{padding:.5rem 1.1rem;border-radius:9px;font-weight:700;font-size:.92rem}
  .mt-btn-login{border:1.5px solid var(--mt-purple);color:var(--mt-purple)}
  .mt-btn-join{border:1.5px solid var(--mt-purple);color:var(--mt-purple)}
  
  /* ===== HERO ===== */
  .mt-hero{position:relative; padding-top: 74px; color: #212529 !important;overflow:hidden;width: 100%;} /*20260622*/
  .mt-hero::before {display: none;}
  .mt-hero-inner {width: 100%; height: 580px; background-image: url('../images/mt-hero-inner_img_v1.png');background-size: cover;background-position: center top !important;background-repeat: no-repeat;} /*20260622*/
  .mt-hero-txt{flex:1}
  .mt-hero-txt .mt-tag{display:inline-block;padding:.35rem .9rem;border:1px solid rgba(255,255,255,.4);
    border-radius:999px;font-size:.85rem;margin-bottom:1.2rem}
  .mt-hero-txt h2{font-size:2.5rem;font-weight:800;line-height:1.3;margin-bottom:1rem}
  .mt-hero-txt p{font-size:1.1rem;opacity:.92;line-height:1.7}
  .mt-hero-period{margin-top:1.6rem;display:inline-flex;gap:.6rem;align-items:center;
    background:rgba(255,255,255,.14);padding:.7rem 1.2rem;border-radius:10px;font-weight:600}
  .mt-hero-img{flex:0 0 380px;height:300px;border-radius:18px;
    background:linear-gradient(160deg,#ffd86b,#ff7a7a);display:flex;align-items:center;justify-content:center;
    background-image: url('../images/mt_hero_img_v1.png');
    color:#fff;font-size:1rem;opacity:.92}
  
  /* ===== 카드 (히어로 하단 겹침) ===== */
  .mt-cards{max-width:var(--mt-max);margin:-20px auto 0;padding:0 2rem;position:relative;z-index:5;
    display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
  .mt-card{background:#fff;border-radius:var(--mt-radius);box-shadow:0 14px 40px rgba(40,30,90,.13);
    padding:1.1rem 1.15rem;min-height:176px;display:flex;flex-direction:column;justify-content:space-between;
    transition:transform .2s,box-shadow .2s;border-top:4px solid transparent}
  .mt-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(40,30,90,.2)}
  .mt-card > div {display: grid;grid-template-columns: auto 1fr;align-items: start;column-gap: 12px;row-gap: 0.7rem;}
  .mt-card.c1{border-top-color:var(--mt-purple)}
  .mt-card.c2{border-top-color:var(--mt-magenta)}
  .mt-card.c3{border-top-color:var(--mt-red)}
  .mt-card.c4{border-top-color:var(--mt-blue)}
  .mt-card .mt-card-ic{grid-row: 1 / 3 !important;width:42px;height:42px;margin: 0 !important;border-radius:12px;background:#f3f0fb;
    display:flex;align-items:center;justify-content:center;margin-bottom:1rem;padding:6px;overflow:hidden}
  .mt-card .mt-card-ic img{width:100%;height:100%;object-fit:contain;display:block}
  .mt-card h3{margin: 0 !important;grid-column: 2 !important;font-size: 1.15rem !important;line-height:1.35;word-break:keep-all;}
  .mt-card p{grid-column: 2;color:var(--mt-gray);font-size:1.05rem;line-height:1.45;word-break:keep-all}
  .mt-card .mt-more{margin-top:.7rem;color:var(--mt-purple);font-weight:700;font-size:.9rem}
  
  /* ===== 섹션 공통 ===== */
  .mt-sec{max-width:var(--mt-max);margin:0 auto;padding:0}
  .mt-sec-h{text-align:center;margin-bottom:2.4rem}
  .mt-sec-h h2{font-size:1.9rem;font-weight:800}
  .mt-sec-h h2 em{font-style:normal;color:var(--mt-purple)}
  .mt-sec-h p{color:var(--mt-gray);margin-top:.6rem}
  
  /* ===== 온라인 토론 ===== */
  .mt-topic-banner{background-image: url('../images/mt_topic_banner.png');background-size: cover;background-position: center center;background-repeat: no-repeat;color:#fff;padding:48px;text-align:center;margin-bottom:2rem;margin-top:0;}
  .mt-topic-banner h2{font-size:2rem;font-weight:800;margin-bottom:.8rem;color: rgb(0, 0, 0);}
  .mt-topic-banner .mt-line{width:60px;height:3px;background:rgba(255,255,255,.7);margin:1rem auto}
  .mt-topic-banner p{opacity:.9}
  .mt-topic-title{background:#fff;border:1px solid var(--mt-line);border-radius:14px;padding:2rem}
  .mt-topic-title h3{font-size:1.5rem;font-weight:800;text-align:center;margin-bottom:1.6rem;
    display:inline-block;background:#eef0ff;color:var(--mt-purple);padding:.6rem 1.4rem;border-radius:10px}
  .mt-prog-row{display:flex;gap:2rem;margin:1rem 0 1.6rem}
  .mt-prog{flex:1}
  .mt-prog .mt-prog-lbl{font-size:.9rem;color:var(--mt-gray);margin-bottom:.4rem;display:flex;justify-content:space-between}
  .mt-prog .mt-prog-lbl b{color:var(--mt-purple)}
  .mt-prog .mt-bar{height:12px;background:#eee;border-radius:999px;overflow:hidden}
  .mt-prog .mt-bar i{display:block;height:100%;background:var(--mt-grad)}
  .mt-prog.green .mt-bar i{background:linear-gradient(135deg,#2e8540,#47a44b)}
  .mt-topic-body{border:1px solid var(--mt-line);border-radius:10px;padding:1.6rem;color:#444;line-height:1.9;margin:1.4rem 0}
  .mt-kw{margin-top:1rem;color:var(--mt-gray);font-size:.9rem}
  .mt-kw b{color:var(--mt-purple)}
  .mt-vote{display:flex;gap:1rem;justify-content:center;margin:1.8rem 0}
  .mt-vote button{display:flex;flex-direction:column;align-items:center;gap:.3rem;
    padding:1rem 2rem;border:1.5px solid var(--mt-line);background:#fff;border-radius:12px;cursor:pointer;font-weight:700}
  .mt-vote button .ic{font-size:1.4rem}
  .mt-vote .up:hover{border-color:var(--mt-purple);color:var(--mt-purple)}
  .mt-vote .down:hover{border-color:var(--mt-red);color:var(--mt-red)}
  
  
  .mt-plan-poster{width: 100%;aspect-ratio: 1263 / 1786;height: auto;margin: 0 auto;min-width: 400px;min-height: 685px;background-image: url('../images/mt_plan_poster.jpg');background-size: contain;background-position: center;background-repeat: no-repeat;position: relative;top: 0;}
  .mt-plan-poster a {position: absolute;display: block;left: 50%;top: 82.8%;width: 28%;height: 6%;transform: translateX(-50%);z-index: 10;border: none !important;outline: none !important;}
  /* intro.jsp */
  .mt-intro-img-area{width: 100%;aspect-ratio: 1667 / 2854;height: auto;margin: 0 auto;min-width: 400px;min-height: 685px;background-image: url('../images/intro_img_v1.jpg');background-size: contain;background-position: center;background-repeat: no-repeat;position: relative;top: 0;}
  
  /* 의견 */
  .mt-opinion-write{display:flex;gap:1rem;align-items:flex-start;margin:2rem 0 1rem}
  .mt-opinion-write .lbl{flex:0 0 70px;font-weight:800;text-align:center;padding-top:.6rem}
  .mt-opinion-write textarea{flex:1;min-height:80px;border:1px solid var(--mt-line);border-radius:10px;padding:.9rem;resize:vertical;font-family:inherit}
  .mt-opinion-write .save{flex:0 0 110px;background:var(--mt-grad);color:#fff;border:none;border-radius:10px;font-weight:800;cursor:pointer}
  .mt-opinion-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--mt-ink);padding-bottom:.7rem;margin-top:1.6rem}
  .mt-opinion-head .cnt b{color:var(--mt-purple)}
  .mt-opinion-head .sort a{color:var(--mt-gray);font-size:.9rem;margin-left:.8rem}
  .mt-opinion-head .sort a.on{color:var(--mt-purple);font-weight:700}
  .mt-opinion-list{list-style:none}
  .mt-opinion-list li{padding:1.1rem 0;border-bottom:1px solid var(--mt-line);display:flex;justify-content:space-between;gap:1rem}
  .mt-opinion-list .who{font-weight:700;font-size:.92rem;margin-bottom:.3rem}
  .mt-opinion-list .who span{color:var(--mt-gray);font-weight:400;margin-left:.5rem;font-size:.85rem}
  .mt-opinion-list .txt{color:#444}
  .mt-opinion-list .react{flex:0 0 120px;text-align:right;color:var(--mt-gray);font-size:.9rem}
  .mt-opinion-list .react b{color:var(--mt-purple)}
  
  /* ===== 푸터 ===== */
  .mt-footer{background:#2a2230;color:#cfc8d6;margin-top:60px;padding:40px 2rem;text-align:center;font-size:.88rem}
  .mt-footer .mt-flinks{display:flex;gap:1.4rem;justify-content:center;margin-bottom:1rem}
  .mt-footer .mt-flinks a:first-child{color:#fff;font-weight:700}
  
  /* ===== 모달(참가신청) ===== */
  .mt-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:10000}
  .mt-modal{background:#fff;border-radius:16px;width:640px;max-width:94vw;max-height:90vh;overflow:auto;padding:1.8rem 2rem 1.6rem}
  .mt-modal:focus{outline:none} /* [웹접근성 5-11] 레이어 열릴 때 레이어 자체로 초점 이동 */
  .mt-modal h3{font-size:1.3rem;font-weight:800;margin:0 0 .2rem;padding-bottom:.8rem;border-bottom:2px solid #097c7c}
  .mt-modal .desc{color:var(--mt-gray);font-size:.88rem;background:#f6f6fb;padding:.9rem 1rem;border-radius:8px;margin:1rem 0 1.4rem;line-height:1.6}
  
  /* 폼 행 — label(좌, 고정폭) / field(우, flex) */
  .mt-form-row{display:flex;align-items:center;gap:.8rem;padding:.55rem 0;border-bottom:1px solid #f1f1f1;min-height:48px}
  .mt-form-row > label{flex:0 0 130px;font-weight:700;font-size:.92rem;line-height:1.35}
  .mt-form-row > label .req{color:var(--mt-red);margin-left:.15rem}
  .mt-form-row > input,
  .mt-form-row > select,
  .mt-form-row > .mt-field{flex:1;min-width:0}
  .mt-form-row input,
  .mt-form-row select,
  .mt-form-row textarea{border:1px solid var(--mt-line);border-radius:8px;padding:.55rem .7rem;font-family:inherit;font-size:.93rem}
  .mt-form-row textarea{width:100%;resize:vertical;line-height:1.6}
  
  /* 폼 마지막 행은 하단 구분선 제거 (모달 푸터 border-top과 중복되어 줄 2개로 보이는 것 방지) */
  .mt-form-row:last-of-type{border-bottom:none}
  
  /* 라벨이 위·필드가 아래(전폭) 배치 — textarea 등에서 사용 */
  .mt-form-row--vstack{flex-direction:column;align-items:stretch;gap:.4rem;padding:.7rem 0}
  .mt-form-row--vstack > label{flex:0 0 auto}
  .mt-form-row--vstack > .mt-field,
  .mt-form-row--vstack > textarea{flex:1 1 auto;width:100%}
  
  /* 이메일 행 전용 — ID/도메인 input 균등하고 폭 충분히 */
  .mt-field--email { flex-wrap: wrap; }
  .mt-field--email > input{flex:1 1 0;min-width:0}
  .mt-field--email > select{flex:0 0 120px;max-width:120px}
  
  /* 우측 컴포지트 셀 — 인증/이메일/라디오 등 복합 필드 */
  .mt-field{display:flex;align-items:center;gap:.45rem;flex:1;min-width:0}
  .mt-field--col{flex-direction:column;align-items:stretch;gap:.4rem}
  .mt-field input,.mt-field select{flex:1;min-width:0}
  .mt-field .mt-fixed{flex:0 0 auto}
  .mt-field .at{color:#777;flex:0 0 auto;font-weight:600}
  
  /* 인증하기 버튼 */
  .mt-btn-auth{flex:0 0 auto;padding:.6rem 1.2rem;min-height:40px;background:#097c7c;color:#fff;border:1px solid #097c7c;border-radius:8px;font-weight:700;cursor:pointer;white-space:nowrap;font-size:.9rem;line-height:1.2;box-sizing:border-box}
  .mt-btn-auth:hover{background:#076666;border-color:#076666}
  
  /* 라디오 — inline 그룹 (성별/찬반) */
  .mt-radio-group{display:flex;flex-wrap:wrap;gap:.2rem .9rem;flex:1;align-items:center}
  .mt-radio-group--col{flex-direction:column;align-items:flex-start;gap:.7rem}
  .mt-radio-group label{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.93rem;font-weight:500;margin:0;line-height:1.4}
  .mt-radio-group label input[type=radio]{margin:0;flex:0 0 auto;width:auto;border:none;padding:0}
  .mt-radio-group .mt-note{color:#777;font-size:.82rem;width:100%;margin-top:.3rem}
  
  /* 비필수 라벨 (선택 표기) */
  .mt-form-row .mt-opt{font-weight:400;color:#666;font-size:.82rem;display:block;margin-top:.1rem}
  
  /* 모달 푸터 버튼 */
  .mt-modal-btns{display:flex;gap:.6rem;justify-content:center;margin-top:1.6rem;padding-top:1.2rem;}
  .mt-modal-btns .ok{background:#097c7c;color:#fff;border:none;padding:.75rem 2.2rem;border-radius:9px;font-weight:800;cursor:pointer;font-size:.98rem}
  .mt-modal-btns .ok:hover{background:#076666}
  .mt-modal-btns .cancel{border:1px solid var(--mt-line);background:#fff;padding:.75rem 1.8rem;border-radius:9px;cursor:pointer;font-size:.95rem;color:#444}
  
  /* readonly 필드 */
  .mt-modal input[readonly]{background:#f4f6fa;color:#666;cursor:not-allowed}
  
  @media(max-width:1100px){
    .mt-cards{grid-template-columns:1fr 1fr}
    .mt-card h3{font-size:1.3rem !important}
  }
  @media(max-width:900px){
    .mt-cards{grid-template-columns:1fr;margin-top:-40px}
    .mt-card h3{font-size:1.5rem !important}
    /* .mt-hero-inner{flex-direction:column;padding-bottom:80px} 20260622 삭제*/
    .mt-hero-img{flex:0 0 auto;width:100%}
    .mt-prog-row{flex-direction:column;gap:1rem}

    .nav-wid{
      position:relative !important;left:auto !important;transform:none !important;
      height:74px;padding:0 1.25rem;gap:.75rem
    }
    .mt-brand{flex:1;min-width:0;order:1}
    .mt-nav{
      display:none !important;pointer-events:none;visibility:hidden;
      order:3;flex-basis:100%;width:100%;margin:0
    }
    .more-open{
      display:block;position:relative;
      width:44px;height:44px;min-width:44px;margin-left:auto;flex-shrink:0;
      order:2;z-index:20
    }
    .more-open>span{
      display:block;position:absolute;left:50%;
      width:26px;height:3px;margin:0;
      margin-left:-13px;top:50%;margin-top:-1.5px;
      background:#000;
      transition:transform .25s ease,opacity .25s ease;
      pointer-events:none
    }
    .more-open>span:nth-child(1){transform:translateY(-8px)}
    .more-open>span:nth-child(3){transform:translateY(8px)}

    .mt-gnb.mt-gnb-open .nav-wid{flex-wrap:wrap;height:auto;min-height:74px;align-items:center}
    .mt-gnb.mt-gnb-open .mt-brand{flex:1;min-width:0}
    .mt-gnb.mt-gnb-open .mt-nav{
      display:flex !important;pointer-events:auto;visibility:visible;
      flex-direction:column;align-items:stretch;
      padding:0 0 1.2rem;gap:0;
      border-top:1px solid var(--mt-line)
    }
    .mt-gnb.mt-gnb-open .mt-menu{flex-direction:column;gap:0;width:100%}
    .mt-gnb.mt-gnb-open .mt-menu>li{padding:0;border-bottom:1px solid #f1f1f1}
    .mt-gnb.mt-gnb-open .mt-menu>li>a{
      display:block;padding:.85rem 0
    }
    .mt-gnb.mt-gnb-open .mt-menu>li .mt-depth2{display:block}
    .mt-gnb.mt-gnb-open .mt-depth2{
      position:static;transform:none;min-width:0;
      border:none;border-radius:0;box-shadow:none;
      padding:0 0 .6rem;background:#faf9fc
    }
    .mt-gnb.mt-gnb-open .mt-depth2 li a{text-align:left;padding:.65rem 1rem .65rem 1.25rem}
    .mt-gnb.mt-gnb-open .mt-login{
      justify-content:center;padding-top:1rem;margin-top:.25rem;
      border-top:1px solid var(--mt-line)
    }
  
    .mt-gnb.mt-gnb-open .more-open>span:nth-child(1){transform:translateY(0) rotate(45deg)}
    .mt-gnb.mt-gnb-open .more-open>span:nth-child(2){opacity:0}
    .mt-gnb.mt-gnb-open .more-open>span:nth-child(3){transform:translateY(0) rotate(-45deg)}
  }
  
  /*20260622 추가*/
  @media(max-width:480px){
    .mt-hero-inner {height: 0; padding-top: 100%; background-image: url("../images/mt-hero-mo.png");}
  }

  /* 대댓글: 단마다 한 칸씩 들여쓰기, 화면은 8단까지만 당김 */
  .mt-cmt-item{padding:1rem 0;border-bottom:1px solid #f0f0f0}
  .mt-cmt-item.mt-cmt-reply{margin:0 0 0 calc(min(var(--cmt-d, 1), 8) * 1.4rem);padding:.8rem .9rem;background:#f7fbfa;border-bottom:1px solid #eef3f2;border-left:3px solid #cfe8e4;border-radius:0 8px 8px 0}
  .mt-cmt-reply-mark{color:#097c7c;margin-right:.25rem}
  .mt-cmt-reply-to{margin-left:.35rem;color:#097c7c;font-weight:600;font-size:.82rem}
  .mt-cmt-reply-form{margin:.4rem 0 .8rem calc(min(var(--cmt-d, 1), 8) * 1.4rem);display:flex;gap:.6rem;align-items:stretch}
  .mt-cmt-reply-form textarea{flex:1;padding:.7rem;border:1px solid #097c7c;border-radius:8px;font-family:inherit;resize:vertical}
  .mt-cmt-reply-form-btns{display:flex;flex-direction:column;gap:.4rem}
  .mt-cmt-reply-ok{padding:.45rem 1.1rem;background:#097c7c;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}
  .mt-cmt-reply-cancel{padding:.45rem 1.1rem;background:#fff;color:#666;border:1px solid #d0d4db;border-radius:8px;cursor:pointer}
  .mt-cmt-reply-form-survey textarea{border-color:#5f4a20}
  .mt-cmt-reply-form-survey .mt-cmt-reply-ok{background:#5f4a20}
  @media(max-width:768px){
    .mt-cmt-item.mt-cmt-reply{margin-left:calc(min(var(--cmt-d, 1), 6) * .55rem)}
    .mt-cmt-reply-form{margin-left:calc(min(var(--cmt-d, 1), 6) * .55rem);flex-direction:column}
    .mt-cmt-reply-form-btns{flex-direction:row}
  }

  
  
  
  /* pub 20261022 */
  .mt-online-search { max-width:1100px; margin:1.6rem auto; padding:1rem; background:#f5f7fb; border-radius:10px; }
  .mt-online-search form { display:flex; gap:.6rem; flex:1; align-items:center; }
  .mt-online-search select { padding:.5rem .8rem; border:1px solid #d0d4db; border-radius:8px; min-width:240px; background:#fff; }
  .mt-online-search input[type="text"] { flex:1; padding:.5rem .8rem; border:1px solid #d0d4db; border-radius:8px; min-width:0; }
  .mt-online-search button { padding:.5rem 1.4rem; background:#097c7c; color:#fff; border:none; border-radius:8px; font-weight:700; white-space:nowrap; cursor:pointer; }
  .mt-online-grid { max-width:1100px; margin:1rem auto; display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:1.4rem; }
  .mt-online-card { background:#fff;border:1px solid #e5e7ec;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04) }
  .mt-online-card .inner { padding:1.2rem 1.2rem 1.4rem }
  .mt-online-card .inner .top-lb { margin-bottom: .6rem; }
  .mt-online-card .inner .top-lb .tag {display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700; }
  .mt-online-card .inner .top-lb .tag_bf { background:#fff3cd;color:#856404; }
  .mt-online-card .inner .top-lb .tag_af { background:#fff3cd;color:#856404; }
  .mt-online-card .inner .top-lb .tag_nm { background:#e6f0ee;color:#097c7c; }
  .mt-online-card .inner .subject { font-size:1.05rem;font-weight:800;margin:0 0 .6rem;line-height:1.4;word-break:break-word; height:47px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
  .mt-online-card .inner .cmt { font-size:.85rem;color:#666;line-height:1.5;margin-bottom:.6rem;word-break:break-word; height:40px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
  .mt-online-card .inner .day { font-size:.78rem;color:#888;margin-bottom:.6rem; }
  .mt-online-card .inner .btn-inner { display: flex; align-items: center; gap: 4px; }
  .mt-online-card .inner .btn-inner .btn { display:block;padding:.6rem;text-align:center;background:#097c7c;color:#fff;text-decoration:none;border-radius:8px;font-weight:700;font-size:.88rem; flex:1 }
  .mt-online-card .inner .btn-inner .btn.tp2 { background:#1539bd }
  
  @media (max-width:768px) {
    .mt-online-search { margin:1rem .8rem; padding:.8rem; }
    .mt-online-search form { flex-direction:column; align-items:stretch; }
    .mt-online-search select,
    .mt-online-search input[type="text"],
    .mt-online-search button { width:100%; min-width:0; box-sizing:border-box; }
    .mt-online-grid { margin:1rem .8rem; grid-template-columns:1fr; gap:1rem; }
    .mt-field--email > .at { display:none }
    .mt-field--email > input, .mt-field--email > select { width:100%; max-width:100%; flex:auto; }
  }