@charset "UTF-8";

/* [MEGA X] 주요 수행 사건 (mgx_achv) — 2026-07-14 */

.mgx-achv{--navy:#0b1f3d;--navy2:#0f2a52;--gold:#c8a24b;--gold2:#e6d09a;--line:rgba(200,162,75,.28);--ink:#e9eff8;--muted:#9db0cb;
  max-width:1280px;margin:0 auto;padding:0 20px 80px;color:var(--ink);word-break:keep-all;}

.mgx-sec{position:relative;margin-top:36px;padding:34px 30px 30px;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(180deg,rgba(15,42,82,.85),rgba(11,31,61,.95));box-shadow:0 18px 50px rgba(0,0,0,.35);}
.mgx-sec-tit{display:flex;align-items:center;gap:10px;margin:0 0 24px;font-size:23px;font-weight:800;color:var(--gold2);letter-spacing:-.01em;}
.mgx-sec-tit .ico{flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:rgba(200,162,75,.16);border:1px solid var(--line);position:relative;}
.mgx-sec-tit .ico::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.mgx-sec-tit .ico-law::after{width:11px;height:2px;background:var(--gold);box-shadow:0 -4px 0 -0.5px var(--gold),0 4px 0 -0.5px var(--gold);}
.mgx-sec-tit .ico-biz::after{width:10px;height:10px;border:2px solid var(--gold);border-radius:2px;}
.mgx-sec-tit em{margin-left:6px;font-style:normal;font-size:14px;font-weight:700;color:var(--muted);}

.mgx-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.mgx-col{display:flex;flex-direction:column;padding:20px 18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03);}
.mgx-col-tit{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:12px;font-size:15px;font-weight:800;color:var(--gold2);border-bottom:1px solid var(--line);}
.mgx-col-tit em{font-style:normal;font-size:12px;font-weight:700;color:var(--muted);}

.mgx-list{list-style:none;margin:0;padding:0;flex:1 1 auto;}
.mgx-list li{display:flex;gap:9px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.07);}
.mgx-list li:last-child{border-bottom:0;}
.mgx-list .chk{flex:0 0 16px;width:16px;height:16px;margin-top:2px;border-radius:50%;border:1.5px solid var(--gold);position:relative;}
.mgx-list .chk::after{content:"";position:absolute;left:4px;top:3px;width:4px;height:7px;border:solid var(--gold);border-width:0 1.6px 1.6px 0;transform:rotate(45deg);}
.mgx-list p{margin:0;font-size:14px;line-height:1.6;color:var(--ink);}
.mgx-list p b{font-weight:700;color:var(--gold2);}

/* 민사·기업 : 2열 */
.mgx-list-2col{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;}

.mgx-empty{margin:20px 0;color:var(--muted);font-size:14px;text-align:center;}

/* 페이지 번호 */
.mgx-pg{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);}
.mgx-pg a,.mgx-pg strong{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border-radius:7px;
  font-size:13px;font-weight:700;text-decoration:none;}
.mgx-pg a{color:var(--muted);border:1px solid rgba(255,255,255,.12);}
.mgx-pg a:hover{color:#fff;border-color:var(--gold);background:rgba(200,162,75,.14);}
.mgx-pg strong{color:#1a1206;background:linear-gradient(135deg,var(--gold),var(--gold2));}
.mgx-pg .dots{color:var(--muted);font-size:13px;padding:0 2px;}
#sec-biz .mgx-pg{margin-top:24px;}

.mgx-admin{margin-top:26px;text-align:right;}
.mgx-btn{display:inline-block;padding:11px 22px;border-radius:10px;font-size:14px;font-weight:800;text-decoration:none;
  color:#1a1206;background:linear-gradient(135deg,var(--gold),var(--gold2));}

@media (max-width:1024px){
  .mgx-cols{grid-template-columns:1fr;gap:16px;}
  .mgx-list-2col{grid-template-columns:1fr;gap:0;}
}
@media (max-width:640px){
  .mgx-achv{padding:0 14px 60px;}
  .mgx-sec{padding:24px 16px 22px;border-radius:14px;}
  .mgx-sec-tit{font-size:19px;}
  .mgx-list p{font-size:13.5px;}
}

/* 글쓰기 / 확인 폼 */
.mgx-field{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:start;margin:0 0 18px;}
.mgx-field dt{padding-top:10px;font-size:14px;font-weight:800;color:var(--gold2);}
.mgx-field dt .req{color:#ff8b8b;}
.mgx-field dd{margin:0;}
.mgx-field input[type=text],.mgx-field select{width:100%;height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:9px;
  background:rgba(0,0,0,.25);color:var(--ink);font-size:14.5px;outline:none;box-sizing:border-box;}
.mgx-field input[type=text]:focus,.mgx-field select:focus{border-color:var(--gold);}
.mgx-field .help{margin:7px 0 0;font-size:12.5px;color:var(--muted);}
.mgx-field .help b{color:var(--gold2);}
.mgx-write-btns{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;}
.mgx-btn.ghost{color:var(--gold2);background:none;border:1px solid var(--line);}
.mgx-write-btns button.mgx-btn{border:0;cursor:pointer;font-family:inherit;}
@media (max-width:640px){ .mgx-field{grid-template-columns:1fr;gap:6px;} .mgx-field dt{padding-top:0;} }

/* 서브 비주얼 (테마 .sub_V 재사용 — 헤더 흰 로고가 배경 위에 얹히도록) */
.mgx-achv-top .sub_V{height:340px !important;margin-bottom:0 !important;}
.mgx-achv-top .sub_V .bg-pos{filter:brightness(.55);}
.mgx-achv-top .sub_V::after{content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(180deg,rgba(8,20,40,.55) 0%,rgba(8,20,40,.15) 45%,rgba(11,31,61,.9) 100%);}
.mgx-achv-top .sub-Tit{bottom:56px !important;color:#fff;}
.mgx-achv-top .sub-Tit .location{margin-bottom:12px;font-size:13.5px;opacity:.85;}
.mgx-achv-top .sub-Tit h1{font-size:44px !important;font-weight:800;margin-bottom:10px;}
.mgx-achv-top .sub-Tit .sub-desc{margin:0;font-size:16px;color:rgba(255,255,255,.82);}
.mgx-achv{margin-top:56px;}
@media (max-width:768px){
  .mgx-achv-top .sub_V{height:230px !important;}
  .mgx-achv-top .sub-Tit{bottom:34px !important;}
  .mgx-achv-top .sub-Tit h1{font-size:28px !important;}
  .mgx-achv-top .sub-Tit .sub-desc{font-size:13.5px;}
  .mgx-achv{margin-top:32px;}
}

/* 항목별 수정 / 삭제 (관리자 전용) */
.mgx-list li{position:relative;}
.mgx-act{flex:0 0 auto;display:flex;gap:4px;align-items:center;margin-left:6px;opacity:0;transition:opacity .15s;}
.mgx-list li:hover .mgx-act,.mgx-act:focus-within{opacity:1;}
.mgx-ico-btn{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:6px;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:var(--muted);
  font-size:11.5px;font-weight:700;text-decoration:none;white-space:nowrap;}
.mgx-ico-btn:hover{color:#fff;border-color:var(--gold);background:rgba(200,162,75,.2);}
.mgx-ico-btn.del:hover{color:#fff;border-color:#c0504a;background:rgba(192,80,74,.28);}
@media (hover:none){ .mgx-act{opacity:1;} }

/* 글쓰기 화면 상단 여백 (서브 비주얼 아래) */
.mgx-write{margin-top:56px;}

/* ── 2026-07-15 : CI 워터마크 / 타이틀 강화 / 배너 시안 반영 ── */

/* 섹션 배경에 메가엑스 CI 워터마크 (영문사이트 로고 원본 megax-logo-mark-white.png) */
.mgx-sec{overflow:hidden;}
.mgx-sec::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:520px;height:380px;
  background:url(./img/megax-ci.png) center/contain no-repeat;
  opacity:.05;pointer-events:none;z-index:0;}
.mgx-sec > *{position:relative;z-index:1;}

/* 섹션 타이틀 크게, 강하게 */
.mgx-sec-tit{font-size:30px !important;font-weight:900;gap:12px;margin-bottom:28px !important;
  color:#f0dfae;text-shadow:0 2px 10px rgba(0,0,0,.35);letter-spacing:-.02em;}
.mgx-sec-tit .ico{flex:0 0 28px;width:28px;height:28px;border-radius:8px;}
.mgx-sec-tit .ico-law::after{width:13px;height:2px;box-shadow:0 -5px 0 -0.5px var(--gold),0 5px 0 -0.5px var(--gold);}
.mgx-sec-tit .ico-biz::after{width:12px;height:12px;}
.mgx-sec-tit em{font-size:15px;}

/* 열 타이틀도 한 단계 키움 */
.mgx-col-tit{font-size:17px;}

/* 수정/삭제 : 문장 끝에 붙임 */
.mgx-list p{display:inline;}
.mgx-list li{display:flex;}
.mgx-act{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle;white-space:nowrap;}

/* 배너 : 시안(가운데 정렬 + 아이라인 + 큰 타이틀) */
.mgx-achv-top .sub_V{height:400px !important;}
.mgx-achv-top .sub-Tit{left:0 !important;right:0;bottom:auto !important;top:50%;transform:translateY(-50%);
  text-align:center;padding:0 20px;}
.mgx-achv-top .sub-Tit .eyebrow{margin:0 0 14px;font-size:15px;font-weight:700;letter-spacing:.42em;
  color:#e6d09a;text-indent:.42em;}
.mgx-achv-top .sub-Tit h1{font-size:58px !important;font-weight:900 !important;margin-bottom:16px !important;
  letter-spacing:-.02em;text-shadow:0 4px 24px rgba(0,0,0,.5);}
.mgx-achv-top .sub-Tit .sub-desc{font-size:18px;color:rgba(255,255,255,.88);}

@media (max-width:768px){
  .mgx-sec::before{width:250px;height:183px;opacity:.045;}
  .mgx-sec-tit{font-size:21px !important;margin-bottom:20px !important;}
  .mgx-achv-top .sub_V{height:260px !important;}
  .mgx-achv-top .sub-Tit .eyebrow{font-size:11.5px;letter-spacing:.3em;margin-bottom:10px;}
  .mgx-achv-top .sub-Tit h1{font-size:30px !important;margin-bottom:10px !important;}
  .mgx-achv-top .sub-Tit .sub-desc{font-size:13.5px;}
}

/* 항목 hover 효과 */
.mgx-list li{padding:9px 10px;margin:0 -10px;border-radius:9px;
  transition:background .18s ease, box-shadow .18s ease, transform .18s ease;}
.mgx-list li::after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--gold),var(--gold2));opacity:0;transition:opacity .18s ease;}
.mgx-list li:hover{background:rgba(200,162,75,.09);box-shadow:inset 0 0 0 1px rgba(200,162,75,.22);transform:translateX(3px);}
.mgx-list li:hover::after{opacity:1;}
.mgx-list li:hover p{color:#fff;}
.mgx-list li:hover .chk{border-color:var(--gold2);background:rgba(200,162,75,.22);box-shadow:0 0 0 3px rgba(200,162,75,.12);}
.mgx-list li:hover .chk::after{border-color:var(--gold2);}
.mgx-list .chk{transition:border-color .18s, background .18s, box-shadow .18s;}
.mgx-list p{transition:color .18s;}
@media (hover:none){ .mgx-list li:hover{transform:none;} }