@charset "utf-8";
/**
 * 고준위위원회 행정정보시스템 — 보조 스타일
 *
 * 원본(css_2021/*.css)은 무수정. 이 파일만 뒤에 얹어
 *  ① 발주처 브랜딩(로고 텍스트화)  ② 안건 전주기 상태 뱃지  ③ D-14/7/5 기한 표시
 * 를 추가한다. 색상은 원본 토큰(#3c5e9e / #254787 / #3d63b5 / #3468af / #cdcece)만 사용.
 */

/** 로고 — 기관 CI(고준위방사성폐기물 관리위원회, images/ci/logo-h-ko.svg) — 헤더 60px · 로그인 72px(2026-10-20 CI 교체).
    기관명은 이미지에 들어 있어 em 은 화면에서 숨긴다(스크린리더용). span(외부 위원 포털 등)이 있으면 구분선 뒤에 둔다. */
h1.hrwc_logo{position:absolute;top:10px;left:16px;width:auto;height:auto;}
h1.hrwc_logo a{display:flex;align-items:center;height:60px;text-indent:0;background:none;padding-left:0;position:relative;}
h1.hrwc_logo a:before{content:'';flex:none;display:block;width:188px;height:60px;
  background:url(../images/ci/logo-h-ko.svg) no-repeat 0 0 / 188px 60px;}   /* SVG — 크기를 키워도 선명 */
/* 로그인 화면은 크게 */
.hrwc_land h1.hrwc_logo a{height:72px;}
.hrwc_land h1.hrwc_logo a:before{width:225px;height:72px;background-size:225px 72px;}
.hrwc_land h1.hrwc_logo span{font-size:16px;}
h1.hrwc_logo a:after{content:none;}
h1.hrwc_logo em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
h1.hrwc_logo span{display:block;margin-left:12px;padding-left:12px;border-left:1px solid #d5dae2;line-height:18px;
  color:#3d4a5c;font-size:14px;font-weight:600;letter-spacing:-0.5px;white-space:nowrap;}
/* 시스템 타이틀(위원회 업무관리시스템·시스템관리 — 2026-10-29 화면시안 회의)이 붙은 헤더 —
   통합검색이 화면 가운데 기준이라 1280px 안팎에서 타이틀을 덮는다. 타이틀 끝(약 392px) 뒤에서 시작하게 한다 */
.wrap_header.hrwc_titled .top_search{left:max(calc(50% - 308px), 392px);}
@media screen and (max-width:1570px){ .wrap_header.hrwc_titled .top_search{left:max(calc(50% - 400px), 392px);} }

/** ── 프로필 사진 자리 : 이미지 대신 이니셜 ── */
.profile .photo i.hrwc_photo{display:flex;justify-content:center;align-items:center;width:70px;height:70px;
  margin-bottom:10px;border-radius:50%;background:#3d63b5;color:#fff;font-size:28px;font-weight:600;}

/** ── 마이메시지 바 : 원본은 산업부 항목 수(6종)에 맞춘 고정폭이라 폭 재계산 ── */
.my_message .info_message{width:auto;flex:1 1 auto;}
.my_message .info_access{width:auto;flex:0 0 auto;min-width:270px;}
.my_message .info_access span{margin-left:20px;}

/** ── 우측 퀵메뉴 : 2줄 라벨 정렬 ── */
.my_menu_lst > li:nth-child(-n+3) > a i{line-height:17px;font-size:13px;}

/** ── 목록 테이블 : 컬럼이 많아 원본 20px 좌우 여백을 10px로 (원본 .td10 규칙과 동일) ── */
.wrap_tbl.bd_tbl_lst * > tr > *{padding-left:10px;padding-right:10px;}
.hrwc_nw{white-space:nowrap;}

/** ── 안건 전주기 상태 뱃지 (7단계 + 반려) ── */
.hrwc_st{display:inline-flex;align-items:center;min-width:72px;height:22px;padding:0 9px 0 4px;
  line-height:22px;font-size:12px;font-weight:500;border-radius:11px;color:#fff;letter-spacing:-0.5px;
  white-space:nowrap;}
.hrwc_st em{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;margin-right:5px;
  border-radius:50%;background:rgba(255,255,255,.28);font-size:11px;font-weight:600;}
.st_draft  {background:#6b7280;}
.st_submit {background:#3d63b5;}
.st_receive{background:#3468af;}
.st_return {background:#ad4128;}
.st_sched  {background:#3c5e9e;}
.st_disp   {background:#254787;}
.st_resolve{background:#2d7d62;}
.st_public {background:#4c5067;}

/** ── 의결 결과 뱃지 (원안·수정·부결·보류) — rs_tie 는 쓰지 않는다(가부동수 제거 2026-10-12) ── */
.hrwc_rs{display:inline-block;min-width:56px;height:22px;padding:0 8px;line-height:20px;font-size:12px;
  font-weight:500;text-align:center;border-radius:3px;border:1px solid;white-space:nowrap;}
.rs_ok  {color:#1c6b52;border-color:#2d7d62;background:#eef8f4;}
.rs_mod {color:#1d5cb1;border-color:#3d63b5;background:#eef3fc;}
.rs_no  {color:#b03024;border-color:#d98a80;background:#fdf1ef;}
.rs_hold{color:#8a6100;border-color:#e0b45c;background:#fdf7e9;}
.rs_tie {color:#4c5067;border-color:#a9adba;background:#f2f3f5;}

/** ── 회차 상태 뱃지 ── */
.hrwc_rd{display:inline-block;min-width:48px;height:22px;padding:0 10px;line-height:20px;font-size:12px;
  font-weight:500;text-align:center;border-radius:11px;border:1px solid;}
.rd_ready{color:#1d5cb1;border-color:#3d63b5;background:#eef3fc;}
.rd_run  {color:#fff;border-color:#3c5e9e;background:#3c5e9e;}
.rd_end  {color:#666666;border-color:#cdcece;background:#f7f7f7;}

/** ── 법정기한 D-day 뱃지 ── */
.hrwc_dday{display:inline-block;min-width:56px;height:24px;padding:0 10px;line-height:22px;font-size:13px;
  font-weight:600;text-align:center;border-radius:4px;border:1px solid;letter-spacing:0;white-space:nowrap;}
.hrwc_dday_normal{color:#3468af;border-color:#b9cbe6;background:#eef3fc;}
.hrwc_dday_urgent{color:#fff;border-color:#9a4708;background:#b45309;}
.hrwc_dday_over  {color:#fff;border-color:#b03024;background:#c53b2d;}
.hrwc_dday_done  {color:#1c6b52;border-color:#9dd3c1;background:#eef8f4;}

/** ── 기한 카드 (일정·기한 현황 / 대시보드) ── */
.hrwc_dl_cards{display:flex;flex-wrap:wrap;margin-left:-15px;}
.hrwc_dl_cards > li{width:calc(100%/3 - 15px);margin:0 0 15px 15px;padding:18px 20px;border:1px solid #e0e0e0;
  border-radius:6px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.04);}
.hrwc_dl_cards > li.is_urgent{border-color:#b45309;background:#fffaf4;}
.hrwc_dl_cards > li.is_over{border-color:#c53b2d;background:#fdf4f3;}
.hrwc_dl_cards > li.is_done{border-color:#9dd3c1;background:#f7fcfa;}
.hrwc_dl_cards .dl_head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.hrwc_dl_cards .dl_name{color:#222;font-size:16px;font-weight:500;}
.hrwc_dl_cards .dl_meta{display:block;margin-top:4px;color:#666666;font-size:13px;}
.hrwc_dl_cards .dl_bar{position:relative;height:6px;margin-top:12px;border-radius:3px;background:#eef1f6;overflow:hidden;}
.hrwc_dl_cards .dl_bar i{display:block;height:100%;border-radius:3px;background:#3c5e9e;}
.hrwc_dl_cards .dl_cnt{margin-top:6px;color:#555;font-size:13px;}

/** ── 통계 타일 (메인 대시보드) ── */
.hrwc_tiles{display:flex;flex-wrap:wrap;margin-left:-12px;}
.hrwc_tiles > li{width:calc(100%/7 - 12px);margin:0 0 12px 12px;}
.hrwc_tiles > li a{display:block;padding:16px 14px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;
  text-align:center;box-shadow:0 0 10px rgba(0,0,0,.04);}
.hrwc_tiles > li a:hover{border-color:#31518d;background:#3c5e9e;}
.hrwc_tiles > li a:hover *{color:#fff !important;}
.hrwc_tiles .t_num{display:block;color:#254787;font-size:26px;font-weight:600;line-height:32px;letter-spacing:-1px;}
.hrwc_tiles .t_lbl{display:block;margin-top:2px;color:#555;font-size:13px;}
.hrwc_tiles .t_step{display:block;margin-bottom:4px;color:#6b7280;font-size:11px;}

/** ── 안건 전주기 진행 표시 (상세 화면 상단) ── */
.hrwc_flow{display:flex;margin:0 0 20px;padding:18px 20px;border:1px solid #e0e0e0;border-radius:6px;background:#fafbfd;}
.hrwc_flow > li{position:relative;flex:1;text-align:center;}
.hrwc_flow > li:before{content:'';position:absolute;top:13px;left:-50%;width:100%;height:2px;background:#dfe3ea;z-index:0;}
.hrwc_flow > li:first-child:before{display:none;}
.hrwc_flow > li.done:before{background:#3c5e9e;}
.hrwc_flow .fl_dot{position:relative;display:inline-flex;justify-content:center;align-items:center;width:28px;height:28px;
  border-radius:50%;background:#dfe3ea;color:#fff;font-size:13px;font-weight:600;z-index:1;}
.hrwc_flow > li.done .fl_dot{background:#3c5e9e;}
.hrwc_flow > li.cur .fl_dot{background:#b45309;box-shadow:0 0 0 4px rgba(236,131,32,.2);}
.hrwc_flow > li.ret .fl_dot{background:#ad4128;}
.hrwc_flow .fl_lbl{display:block;margin-top:7px;color:#666666;font-size:13px;}
.hrwc_flow > li.done .fl_lbl,.hrwc_flow > li.cur .fl_lbl{color:#222;font-weight:500;}
.hrwc_flow .fl_sub{display:block;color:#6b7280;font-size:11px;letter-spacing:-0.5px;}

/** ── 타임라인 (상태 이력) ── */
.hrwc_timeline{position:relative;padding-left:22px;}
.hrwc_timeline:before{content:'';position:absolute;top:6px;left:5px;width:2px;height:calc(100% - 12px);background:#dfe3ea;}
.hrwc_timeline > li{position:relative;padding:0 0 20px;}
.hrwc_timeline > li:last-child{padding-bottom:0;}
.hrwc_timeline > li:before{content:'';position:absolute;top:5px;left:-22px;width:12px;height:12px;border-radius:50%;
  border:2px solid #fff;background:#3c5e9e;box-shadow:0 0 0 1px #cdd4e0;}
.hrwc_timeline .tl_at{display:inline-block;min-width:130px;color:#666666;font-size:13px;}
.hrwc_timeline .tl_ev{color:#222;font-weight:500;}
.hrwc_timeline .tl_actor{margin-left:8px;color:#3468af;font-size:13px;}
.hrwc_timeline .tl_note{display:block;margin-top:3px;padding-left:130px;color:#666;font-size:13px;}

/** ── 근거 조문 표기 ── */
.hrwc_ref{display:inline-block;margin-left:6px;padding:1px 7px;line-height:17px;color:#3468af;font-size:12px;
  border:1px solid #cddaee;border-radius:3px;background:#f4f8fd;letter-spacing:-0.5px;vertical-align:middle;}

/** ── 필수 표시 ── */
.hrwc_req{color:#e41e1e;font-weight:500;padding-left:2px;}

/** ── 안내 배너 ── */
.hrwc_notice{display:flex;align-items:center;margin:0 0 15px;padding:9px 15px;border-radius:4px;
  border:1px dashed #b9c4d6;background:#f4f7fc;}
.hrwc_notice strong{margin-right:10px;padding:1px 9px;line-height:18px;color:#fff;font-size:12px;font-weight:500;
  border-radius:9px;background:#4c5067;}
.hrwc_notice span{color:#5a6472;font-size:13px;line-height:18px;}

/** ── 표결 현황 ── */
.hrwc_vote_sum{display:flex;margin:0 0 15px;border:1px solid #cdcece;border-radius:6px;overflow:hidden;}
.hrwc_vote_sum > li{flex:1;padding:14px 10px;text-align:center;border-left:1px solid #e6e6e6;}
.hrwc_vote_sum > li:first-child{border-left:0;background:#f7f7f7;}
.hrwc_vote_sum .v_lbl{display:block;color:#666666;font-size:13px;}
.hrwc_vote_sum .v_num{display:block;margin-top:2px;color:#254787;font-size:22px;font-weight:600;line-height:28px;}
.hrwc_vote_sum .v_num.warn{color:#c53b2d;}

/** ── 외부 위원 포털 (DMZ) ── */
.ext_body{background:#eef1f6;}
.ext_wrap{min-height:100vh;}
.ext_header{height:64px;background:#fff;border-bottom:1px solid #dde2ea;}
.ext_header .inner{display:flex;justify-content:space-between;align-items:center;height:100%;
  max-width:1180px;margin:0 auto;padding:0 20px;}
.ext_logo{display:flex;align-items:center;}
.ext_logo b{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin-right:10px;
  border-radius:6px;background:#254787;color:#fff;font-size:16px;font-weight:600;}
.ext_logo em{color:#204996;font-size:17px;font-weight:600;letter-spacing:-1px;}
.ext_logo span{margin-left:8px;padding-left:9px;border-left:1px solid #d5dae2;color:#666666;font-size:13px;}
.ext_nav{display:flex;}
.ext_nav a{position:relative;padding:0 16px;line-height:63px;color:#555;font-size:15px;}
.ext_nav a.on{color:#254787;font-weight:500;}
.ext_nav a.on:after{content:'';position:absolute;bottom:-1px;left:16px;right:16px;height:2px;background:#254787;}
.ext_user{display:flex;align-items:center;color:#555;font-size:13px;}
.ext_user b{color:#222;font-weight:500;}
.ext_user .btn{margin-left:12px;}
.ext_main{max-width:1180px;margin:0 auto;padding:26px 20px 60px;}
/* 원본 layout.css의 h2는 숨김 처리(text-indent:-9999px)이므로 되돌린다 */
h2.ext_ttl{position:static;width:auto;height:auto;padding:0 0 16px;color:#222;font-size:24px;
  font-weight:500;line-height:30px;text-indent:0;}
.ext_card{margin-bottom:20px;padding:24px 26px;border-radius:10px;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.05);}
.ext_scope{display:inline-flex;align-items:center;margin-left:10px;padding:2px 10px;line-height:18px;
  color:#1c6b52;font-size:12px;border:1px solid #9dd3c1;border-radius:10px;background:#eef8f4;vertical-align:middle;}

/** ── 간편인증 선택 ── */
.hrwc_easy{display:flex;margin:0 -5px;}
.hrwc_easy > li{flex:1;padding:0 5px;}
.hrwc_easy button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:82px;
  border:1px solid #d8dde5;border-radius:8px;background:#fff;transition:all .15s;}
.hrwc_easy button:hover{border-color:#254787;box-shadow:0 2px 10px rgba(37,71,135,.15);}
.hrwc_easy button i{display:flex;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:7px;
  border-radius:50%;color:#fff;font-size:14px;font-weight:600;}
.hrwc_easy button span{color:#333;font-size:14px;}
.hrwc_easy .ic_naver{background:#03c75a;}
.hrwc_easy .ic_kakao{background:#fee500;color:#3c1e1e !important;}
.hrwc_easy .ic_pass{background:#e6003c;}

/** ── 로그인 화면 보조 ── */
.lg_banner_hrwc{display:flex;flex-direction:column;justify-content:center;width:454px;padding:40px;
  border-right:1px dotted #c8c9ca;background:linear-gradient(160deg,#254787 0%,#3c5e9e 100%);border-radius:8px 0 0 8px;}
.lg_banner_hrwc h2{position:static;width:auto;height:auto;text-indent:0;color:#fff;font-size:26px;font-weight:600;
  line-height:36px;letter-spacing:-1px;}
.lg_banner_hrwc p{margin-top:14px;color:#c7d6ef;font-size:14px;line-height:22px;}
.lg_banner_hrwc ul{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);}
.lg_banner_hrwc li{position:relative;margin-top:8px;padding-left:14px;color:#e3ebf8;font-size:13px;line-height:20px;}
.lg_banner_hrwc li:before{content:'';position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background:#8fb0e6;}
/* 원본은 .lg_form > fieldset > div > * 에 width:100%를 주지만,
   로그인 화면은 탭(내부/외부) 때문에 한 단계 더 중첩되므로 동일 규칙을 다시 적용한다 */
.lg_form .id_pw > *{display:block;width:100%;box-sizing:border-box;}
.lg_form .id_pw button{margin-top:6px;}
.lg_form .lg_pane > ul{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;}
.lg_form .lg_pane > ul li{font-size:14px;color:#555;}

.lg_tab{display:flex;margin-bottom:22px;border-bottom:1px solid #dfdfdf;}
.lg_tab li{flex:1;}
.lg_tab a{display:block;padding:10px 0;text-align:center;color:#666666;font-size:16px;}
.lg_tab li.on a{color:#254787;font-weight:500;border-bottom:2px solid #254787;}

/** ── 인쇄/좁은 화면 보정 ── */
@media screen and (max-width:1500px){
  .hrwc_tiles > li{width:calc(100%/4 - 12px);}
  .hrwc_dl_cards > li{width:calc(100%/2 - 15px);}
}

/* ── 데모 초기화 링크 (역할 전환 옆) ───────────────── */
#user_panel .profile .m_link a.hrwc_reset {
    margin-left: 6px;
    color: #e6ecf7;
}
#user_panel .profile .m_link a.hrwc_reset:hover {
    color: #ffffff;
}

/** ── EP 외부 위원 포털 상단 진입 버튼 (EP 7종 공통) ──
    EP 는 GNB·사이드가 없는 경량 셸이라 화면 이동 수단이 이 줄뿐이다.
    색은 원본 팔레트(#254787)만 사용한다 — 참조소스 무수정 원칙. */
.hrwc_epnav{display:flex;gap:2px;padding:0 30px;border-bottom:1px solid #dde2ea;background:#fff;}
.hrwc_epnav a{position:relative;padding:0 18px;line-height:46px;color:#555;font-size:15px;white-space:nowrap;}
.hrwc_epnav a:hover{color:#254787;}
.hrwc_epnav a.on{color:#254787;font-weight:500;}
.hrwc_epnav a.on:after{content:'';position:absolute;bottom:-1px;left:14px;right:14px;height:2px;background:#254787;}

/** EP 세션 시계(otsd/sess.jspf) — 헤더(80px) 오른쪽에 남은 시간, 그 아래 로그아웃 버튼.
    만료 5분 전 연장 모달이 뜨고, 1분 미만(.warn)부터 붉게 바뀐다. */
.ext_wrap .my_info{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:0 20px;}
.hrwc_timer{display:inline-flex;align-items:baseline;gap:6px;margin:0 40px 6px 0;padding:3px 10px;border-radius:4px;background:#1d2b45;color:#fff;white-space:nowrap;}
.hrwc_timer_lbl{color:#9fb3d8;font-size:12px;}
.hrwc_timer b{font-family:Consolas,"Courier New",monospace;font-size:18px;font-weight:700;letter-spacing:1px;font-variant-numeric:tabular-nums;}
.hrwc_timer.warn{background:#a32a33;}
.hrwc_timer.warn .hrwc_timer_lbl{color:#ffd2d2;}
/* 만료 5분 전 연장 모달 — ESC·바깥 클릭으로 닫히지 않는다 */
.hrwc_sessmodal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(10,18,33,.55);}
.hrwc_sessmodal[hidden]{display:none;}
.hrwc_sessmodal_box{width:380px;max-width:calc(100% - 32px);padding:26px 26px 22px;border-radius:8px;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.3);text-align:center;color:#222;}
.hrwc_sessmodal_box strong{display:block;font-size:19px;color:#1d2b45;}
.hrwc_sessmodal_box p{margin-top:10px;font-size:14px;line-height:1.6;color:#555;}
.hrwc_sessmodal_left{margin:16px 0 18px;font-family:Consolas,"Courier New",monospace;font-size:40px;font-weight:700;letter-spacing:2px;color:#1d2b45;font-variant-numeric:tabular-nums;}
.hrwc_sessmodal_left.red{color:#c0303b;}
.hrwc_sessmodal_btn{display:flex;gap:8px;justify-content:center;}
.hrwc_sessmodal_btn .btn{min-width:110px;}
html.hrwc_sessmodal_on{overflow:hidden;}

/** CM-LG-01 세션 만료 안내 — 외부 위원 1시간 만료로 넘어왔을 때(login.do?expired=Y) */
.hrwc_expired{display:flex;gap:10px;align-items:center;max-width:720px;margin:0 auto 18px;padding:12px 16px;border:1px solid #f0c2c2;border-radius:4px;background:#fdf2f2;color:#7a2a2a;font-size:14px;}
.hrwc_expired strong{flex:none;padding:2px 8px;border-radius:3px;background:#c62828;color:#fff;font-size:13px;}


/** ══ CM-LG-01 시스템 선택 랜딩 (login.do) ═══════════════════════
    사업범위 Ⅰ.다 의 시스템 3종을 카드로 고르게 하고, 고른 뒤에 로그인 창을 띄운다.
    어떤 시스템에 무슨 기능이 있는지 로그인 전에 보이게 하는 것이 목적이다.
    색은 원본 팔레트(#254787) 계열에서만 조합한다 — 참조소스 무수정 원칙. */

.hrwc_land{width:1180px;max-width:100%;margin:0 auto;padding:40px 20px 60px;}
.hrwc_land_hd{margin-bottom:26px;text-align:center;}
.hrwc_land_hd h2{position:static;width:auto;height:auto;padding:0 0 10px;color:#1b2b4b;
  font-size:26px;font-weight:600;line-height:34px;text-indent:0;letter-spacing:-1px;}
.hrwc_land_hd p{color:#5b6472;font-size:14px;line-height:22px;}

/* 카드 3열 — 좁아지면 접힌다 */
.hrwc_cards{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;}
.hrwc_card{display:flex;flex-direction:column;flex:1 1 320px;min-width:300px;overflow:hidden;
  border:1px solid #e2e7ef;border-radius:14px;background:#fff;
  box-shadow:0 2px 14px rgba(27,43,75,.06);transition:transform .15s, box-shadow .15s;}
.hrwc_card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(27,43,75,.14);}
.hrwc_card_hd{padding:26px 26px 22px;}
.hrwc_card_bdg{display:inline-block;margin-bottom:14px;padding:4px 12px;border-radius:12px;
  color:#fff;font-size:12px;font-weight:500;line-height:18px;}
.hrwc_card_hd h3{margin:0 0 10px;font-size:21px;font-weight:700;line-height:29px;letter-spacing:-1px;}
.hrwc_card_hd p{color:#6b7280;font-size:13px;line-height:20px;}
.hrwc_card_bd{flex:1;padding:22px 26px 24px;}
.hrwc_card_bd ul{margin:0;}
.hrwc_card_bd li{position:relative;padding-left:12px;color:#374151;font-size:14px;line-height:28px;}
.hrwc_card_bd li:before{content:'-';position:absolute;left:0;color:#9aa4b2;}
.hrwc_card_ft{padding:0 26px 26px;}
.hrwc_card_ft button{width:100%;height:44px;border:0;border-radius:8px;color:#fff;
  font-size:15px;font-weight:500;cursor:pointer;}

/* 시스템별 색 — AM 청록 / EP 남색 / SM 보라 */
.hrwc_card.am .hrwc_card_bdg{background:#157a6f;}
.hrwc_card.am .hrwc_card_hd h3{color:#14776c;}
.hrwc_card.am .hrwc_card_bd{background:#eef8f6;}
.hrwc_card.am .hrwc_card_ft button{background:#157a6f;}
.hrwc_card.am .hrwc_card_ft button:hover{background:#0f6359;}

.hrwc_card.ep .hrwc_card_bdg{background:#254787;}
.hrwc_card.ep .hrwc_card_hd h3{color:#254787;}
.hrwc_card.ep .hrwc_card_bd{background:#eef2fa;}
.hrwc_card.ep .hrwc_card_ft button{background:#254787;}
.hrwc_card.ep .hrwc_card_ft button:hover{background:#1c3768;}

.hrwc_card.sm .hrwc_card_bdg{background:#6b4fbb;}
.hrwc_card.sm .hrwc_card_hd h3{color:#5a3fa6;}
.hrwc_card.sm .hrwc_card_bd{background:#f2effb;}
.hrwc_card.sm .hrwc_card_ft button{background:#6b4fbb;}
.hrwc_card.sm .hrwc_card_ft button:hover{background:#5a3fa6;}

/* 로그인 레이어 */
.hrwc_modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;
  background:rgba(17,24,39,.55);}
.hrwc_modal.on{display:flex;justify-content:center;align-items:center;}
.hrwc_modal_box{position:relative;width:460px;max-width:92%;max-height:92vh;overflow-y:auto;
  padding:32px 34px;border-radius:14px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.28);}
.hrwc_modal_box h3{margin:0 0 6px;color:#1b2b4b;font-size:20px;font-weight:700;letter-spacing:-1px;}
.hrwc_modal_box .sub{margin-bottom:20px;color:#6b7280;font-size:13px;line-height:20px;}
.hrwc_modal_cls{position:absolute;top:14px;right:16px;width:32px;height:32px;border:0;
  background:none;color:#9aa4b2;font-size:22px;line-height:32px;cursor:pointer;}
.hrwc_modal_cls:hover{color:#374151;}

/** ── 시스템관리 : 우측 퀵메뉴를 내렸을 때의 여백 보정 ──
    원본 .wrap_container 의 오른쪽 80px 은 aside.my_menu(80px) 자리다.
    퀵메뉴가 없는 화면에서는 그만큼 비어 보이므로 좌우를 맞춘다.
    (상단 여백은 원본 .my_message_hide 를 그대로 쓴다) */
.wrap_container.hrwc_no_quick{padding-right:30px;}

/** ── 검색 조건 가로 배치 ──
    원본 .sch_sel 은 "셀렉트 한 개를 담는 135px 박스"라(.sch_sel select{width:100%})
    그 안에 조건을 여러 개 넣으면 세로로 쌓인다.
    본 사업 목록 화면은 조건이 2~6개라 한 줄로 늘어놓아야 해서 이 클래스를 함께 건다.
    원본 css_2021 은 수정하지 않고 선택자 특정도를 한 단계 올려 덮어쓴다. */
.bd_top_info .sch_sel.hrwc_sch{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;
  gap:5px;width:auto;}
.bd_top_info .sch_sel.hrwc_sch > *{margin-left:0;}
.bd_top_info .sch_sel.hrwc_sch select{width:auto;min-width:118px;max-width:320px;}
.bd_top_info .sch_sel.hrwc_sch input[type="text"]{width:170px;}
.bd_top_info .sch_sel.hrwc_sch .btn{flex:0 0 auto;margin:0;}

/** ── 처리 결과 메시지 ──
    기존 화면들이 .hrwc_msg_ok / .hrwc_msg_err 를 쓰면서 정의가 없어
    스타일 없는 문단으로 나오고 있었다. 여기서 정의해 전 화면에 적용한다. */
.hrwc_msg_ok{padding:11px 14px;border:1px solid #b6d4c4;border-radius:6px;
  background:#f0f8f4;color:#1c6b45;font-size:14px;}
.hrwc_msg_err{padding:11px 14px;border:1px solid #e3b5ae;border-radius:6px;
  background:#fdf1ef;color:#b03024;font-size:14px;}

/** ── 요청사항 게시판 (IP-BD-01~03) ── */

/* 목록 검색 폼 — 입력칸과 버튼을 한 줄로 */
.bd_top_info .hrwc_srch{display:flex;align-items:center;gap:5px;}
.bd_top_info .hrwc_srch .btn{flex:0 0 auto;margin:0;}

/* 공지 배지 — 번호 자리에 들어간다 */
.hrwc_badge{display:inline-block;min-width:42px;padding:2px 7px;border-radius:3px;
  background:#254787;color:#fff;font-size:12px;line-height:18px;}

/* 본문 — 줄바꿈·공백을 그대로 살린다.
   <br> 치환 대신 CSS 로 처리해 이스케이프 순서 실수로 XSS 가 뚫릴 여지를 없앤다.
   긴 URL 이 표를 밀지 않도록 강제 줄바꿈도 건다. */
/* 본문 — 서식 편집기 HTML 또는 이전 평문(서버가 줄바꿈을 <br> 로 바꿔 준다 · 2026-11-02) — pre-wrap 이면 줄이 두 번 바뀐다 */
.hrwc_bbs_cn{white-space:normal;word-break:break-word;line-height:22px;
  min-height:180px;padding:4px 0;}

/** ── 첨부파일 (요청사항 게시판) ── */

/* 끌어다 놓기 영역 */
.hrwc_drop{display:flex;align-items:center;gap:8px;padding:12px 14px;
  border:1px dashed #c8cfda;border-radius:7px;background:#fafbfd;}
.hrwc_drop.on{border-color:#254787;background:#eef2fa;}

/* 첨부 목록 */
.hrwc_atch_list{margin:8px 0 0;padding:0;list-style:none;}
.hrwc_atch_list li{display:flex;align-items:center;gap:8px;padding:5px 0;
  border-bottom:1px solid #eceff4;font-size:14px;}
.hrwc_atch_list li:last-child{border-bottom:0;}
.hrwc_atch_del{padding:1px 8px;border:1px solid #d5dae2;border-radius:4px;
  background:#fff;color:#6b7280;font-size:12px;cursor:pointer;}
.hrwc_atch_del:hover{border-color:#b03024;color:#b03024;}
.hrwc_atch_chk{display:inline-flex;align-items:center;gap:3px;margin-left:auto;color:#b03024;font-size:12px;cursor:pointer;}
.hrwc_atch_list li a{color:#254787;text-decoration:underline;}

/* 이미지 미리보기 — 화면 캡처가 대부분이라 폭을 넓게 준다 */
.hrwc_atch_img{margin-top:12px;}
.hrwc_atch_img img{display:block;max-width:100%;margin:10px 0;
  border:1px solid #e1e5ec;border-radius:5px;}

/** ── 상단 고정 : 본문만 스크롤 ──
    원본은 좌측 메뉴·우측 퀵메뉴만 fixed 이고 헤더(80px)와 나의 현황 바는 흐름에 남아,
    스크롤하면 상단이 밀려 올라가 보이지 않았다. 헤더·나의 현황 바·접기 버튼을 함께 고정한다.
    헤더가 흐름에서 빠진 80px 은 .wrap_container 의 margin-top 으로 메운다.
    1440px 이하는 원본이 페이지 전체 가로 스크롤 구조(#wrap 1440px · 패널 absolute)로 바꾸므로 적용하지 않는다. */
@media screen and (min-width:1441px){
  .wrap_header{position:fixed;top:0;left:0;right:0;z-index:4;}
  .wrap_container{margin-top:80px;}
  .my_message{position:fixed;top:80px;}
  .my_message_module{position:fixed;top:94px;}
  /* 우측 퀵메뉴 — 원본 main.css(1700px 이하)의 `body.main #user_panel,.my_menu{position:absolute}` 가
     쉼표 범위 실수로 전 화면 .my_menu 에 걸려, 1441~1700px 에서 퀵메뉴만 스크롤됐다 */
  .my_menu{position:fixed;top:80px;}
  /* 접힘 — 원본은 top:-60px(컨테이너 기준). 고정 기준으로는 헤더 뒤(80-60)로 숨긴다 */
  .wrap_container.my_message_hide .my_message{top:20px;}
}

/** 회차 달력 (mtgcycl/list.jsp?view=cal · 정민구 사무관 결정 14) — 회차를 개최일에 놓는다.
    회차 칩 색은 상태 배지(.rd_ready/.rd_run/.rd_end)를 그대로 쓴다. 빈 칸을 누르면 그 날짜로 회차 등록. */
.hrwc_cal{margin-top:10px;}
.hrwc_cal_hd{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.hrwc_cal_hd strong{min-width:120px;text-align:center;font-size:18px;color:#222;}
.hrwc_cal_tbl{width:100%;table-layout:fixed;border-collapse:collapse;border-top:2px solid #254787;}
.hrwc_cal_tbl caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.hrwc_cal_tbl th{height:36px;border-bottom:1px solid #dde2ea;background:#f6f8fb;font-size:14px;font-weight:500;}
.hrwc_cal_tbl td{height:96px;padding:6px;border:1px solid #e5e8ee;vertical-align:top;cursor:pointer;}
.hrwc_cal_tbl td:hover{background:#f5f8fd;}
.hrwc_cal_tbl td.other{background:#fafbfc;}
.hrwc_cal_tbl td.other .dd{color:#6b7280;}
.hrwc_cal_tbl td.today{box-shadow:inset 0 0 0 2px #254787;}
.hrwc_cal_tbl .sun,.hrwc_cal_tbl td.sun .dd{color:#c62828;}
.hrwc_cal_tbl .sat,.hrwc_cal_tbl td.sat .dd{color:#1d5cb1;}
.hrwc_cal_tbl .dd{display:block;margin-bottom:4px;font-size:13px;color:#555;}
.hrwc_cal_mtg{display:block;margin-top:3px;padding:2px 6px;border:1px solid;border-radius:3px;font-size:12px;
  line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hrwc_cal_mtg:hover{text-decoration:underline;}

/** 안건 추가 열람자「페어」지정 줄 (agnd/detail.jsp · 결정 33) */
.hrwc_viewer_add{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}

/** 제출기관 관리 (sys/inst.jsp · 결정 4) */
.hrwc_inst_nm{display:flex;align-items:center;gap:8px;}

/** 회의 참석·오찬 (otsd/atnd.jsp · mtgcycl/atnd.jsp · 결정 34) */
.hrwc_atnd_form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.hrwc_atnd_opts{display:inline-flex;gap:10px;flex-wrap:wrap;}
.hrwc_atnd_opts label,.hrwc_atnd_lunch{display:inline-flex;align-items:center;gap:3px;font-size:13px;white-space:nowrap;cursor:pointer;}
.hrwc_atnd_lunch{padding-left:10px;border-left:1px solid #dde2ea;}
.hrwc_atnd tr.hrwc_atnd_todo td{background:#fffaf2;}
.hrwc_atnd_banner{display:flex;gap:10px;align-items:center;margin:10px 0 0;padding:12px 16px;border:1px solid #f3c58b;
  border-radius:4px;background:#fff7ec;color:#7a4b12;font-size:14px;text-decoration:none;}
.hrwc_atnd_banner strong{flex:none;padding:2px 8px;border-radius:3px;background:#e08a1e;color:#fff;font-size:13px;}
.hrwc_atnd_banner:hover{border-color:#e08a1e;}

/* 회차별 재적위원 명부(AM-RD-06) — 명부에서 뺀 위원 */
.hrwc_roster_out td { color: #6b7280; background: #fafafa; }
.hrwc_lnk{color:#254787;text-decoration:underline;}

/** 버튼 정렬 공통 규칙 (2026-10-16)
    ① 하단 버튼줄(.bd_button)은 오른쪽 정렬 — 보조(목록·취소·이동 →)는 왼쪽, 주 액션(저장·등록·제출)은 오른쪽 끝
    ② <a class="btn">·<button class="btn">·<form> 안 버튼이 섞여도 높이·기준선이 맞도록 flex 로 세로 가운데 정렬
       (원본 .btn 은 inline-block + overflow:hidden 이라 a/button 이 섞이면 기준선이 어긋났다) */
.btn{vertical-align:middle;}
.bd_button{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;}
.bd_button .btn{margin:0;}
.bd_button form{display:inline-flex !important;margin:0;}
.bd_button > span, .bd_button > p{margin-right:auto;}
.bd_btn{display:flex;flex-wrap:wrap;align-items:center;gap:4px;}
.bd_btn .btn, .bd_btn form{margin:0;}

/** 나의 현황 바 — 공개대기 오른쪽 점선 옆 연계 시스템 로그인 버튼(온나라·e사람). 기능은 추후 연결(2026-10-19) */
.my_message .hrwc_ext_sys{flex:0 0 auto;gap:6px;margin-left:20px;}
.hrwc_ext_btn{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:14px;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;}
.hrwc_ext_btn i{color:inherit;}
.hrwc_ext_btn.onnara{border:1px solid #166b56;color:#166b56;background:#f1faf7;}
.hrwc_ext_btn.onnara:hover{background:#166b56;color:#fff;}
.hrwc_ext_btn.esaram{border:1px solid #3468af;color:#3468af;background:#f2f6fc;}
.hrwc_ext_btn.esaram:hover{background:#3468af;color:#fff;}

/** 시스템관리 화면 — 왼쪽 패널을 회색 계열로(2026-10-19 사용자 지시). 업무 화면(파란색)과 한눈에 구분된다.
    top.jspf 가 시스템관리(menuKey sys-*)일 때 .wrap_container 에 .hrwc_sys 를 단다 */
.hrwc_sys #user_panel{background:#4a5160;}
.hrwc_sys .profile .part{color:#c7ccd4;}
.hrwc_sys .profile .photo i.hrwc_photo{background:#6b7280;}
.hrwc_sys .profile .m_link a{background:#6b7280;}
.hrwc_sys .profile .m_link a:hover{background:#353b46;}
.hrwc_sys .gnb > li{border-top-color:#4a5160;background:#353b46;}
.hrwc_sys .gnb > li:last-child{border-bottom-color:#4a5160;}
.hrwc_sys .gnb > li.on{background:#2a2f38;}
.hrwc_sys .gnb ul{background:#6b7280;}
.hrwc_sys .gnb li.on li.on{background:#565d6b;}

/** 접근성 — 명도대비(WCAG 2.1 AA 4.5:1) 보정(2026-10-21 · axe-core 점검 조치).
    원본 css_2021 은 고치지 않고 여기서 덮어쓴다. 색상 계열은 그대로 두고 명도만 낮췄다 */
.cl_gray_light{color:#666666 !important;}                      /* 원본 #7e7e7e — 흰 바탕 4.05:1 */
.cl_red{color:#d10000 !important;}                             /* 원본 #f00 — 흰 바탕 3.99:1 */
.info_access{color:#666666;}                                   /* 나의 현황 바 최종접속·IP */
.bd_cont_info li em,.bd_tbl_pager li span,.tab_depth02 li a,.user_info .user_date{color:#666666;}
.profile .part{color:#dbe8f7;}                                 /* 원본 #a3cbe9 — 파란 패널 위 3.73:1 */
.gnb ul{background:#3d63b5;}                                   /* 원본 하위 메뉴 #628bd7 — 흰 글자 3.39:1 */
.profile .m_link a{background:#3d63b5;}
.profile .m_link a:hover{background:#254787;}
.hrwc_sys .gnb ul,.hrwc_sys .profile .m_link a{background:#5b6272;} /* 시스템관리 회색 패널도 같은 기준 */

/** 최종접속·최종IP — 헤더 로그아웃 위. 시스템관리자(ADM)일 때만 표시(2026-10-26 사용자 지시) */
#wrap:not(.ext_wrap) .wrap_header .my_info{flex-direction:column;justify-content:center;align-items:flex-end;}
.hrwc_lastlogin{display:flex;gap:14px;margin:0 15px 2px 0;color:#666;font-size:12px;line-height:18px;white-space:nowrap;}
.hrwc_lastlogin .hrwc_ll_lbl{color:#333;font-weight:500;}
.hrwc_lastlogin i{margin-left:4px;font-style:normal;}

/** 내부 업무포털(시안2 분리형 · 2026-10-26) — 화면시안_IP/res/ip_mock.css 에서 1단계 위젯에 쓰는 것만 옮겼다.
    명도대비(AA 4.5:1)에 걸리는 보조 글자색(#8a93a0·#9aa1ab)은 #666 으로 낮췄다. 2단계(캘린더)·3단계(간부일정·조직도) 스타일은 그때 옮긴다 */
.ip_grid{display:grid;gap:20px;margin-top:20px;}
.ip_grid.c3{grid-template-columns:repeat(3,minmax(0,1fr));}
.ip_grid.c2{grid-template-columns:repeat(2,minmax(0,1fr));}
.ip_mt{margin-top:20px;}
/* 보도자료 ↔ 인사동정 게시판 오가기 탭(bbs/list.jsp) */
.ip_tabs_lnk{display:flex;gap:6px;margin-bottom:14px;}
.ip_tabs_lnk a{display:inline-block;padding:5px 16px;border:1px solid #cfd6e0;border-radius:16px;color:#444;font-size:14px;}
.ip_tabs_lnk a.on{border-color:#2f5f9e;background:#2f5f9e;color:#fff;}
.ip_w{display:flex;flex-direction:column;min-height:0;padding:18px 20px 16px;border:1px solid #e0e4ea;border-radius:10px;background:#fff;}
.ip_w_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.ip_w_head h4{position:relative;padding-left:12px;color:#1d2b45;font-size:17px;font-weight:600;}
.ip_w_head h4:before{content:'';position:absolute;top:4px;left:0;width:4px;height:15px;border-radius:2px;background:#3468af;}
.ip_w_head .more{color:#666;font-size:13px;}
.ip_w_head .more:after{content:' +';}
.ip_sub_tip{margin:-6px 0 4px;color:#666;font-size:12px;}
.ip_list li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed #e8ebf0;font-size:14px;}
.ip_list li:last-child{border-bottom:0;}
.ip_list .t{flex:1;min-width:0;overflow:hidden;color:#333;white-space:nowrap;text-overflow:ellipsis;}
.ip_list a.t:hover{color:#3468af;text-decoration:underline;}
.ip_list .d{flex:none;color:#666;font-size:12px;}
.ip_badge{flex:none;display:inline-block;min-width:48px;padding:1px 7px;border-radius:3px;font-size:11px;text-align:center;}
.ip_badge.b1{background:#eef3fb;color:#2f5f9e;}
.ip_badge.b4{background:#fdeeee;color:#b3301f;}
.ip_badge.b5{background:#f1f0fb;color:#5b4fb5;}
.ip_links{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;}
.ip_links a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid #e6e9ef;border-radius:8px;color:#333;font-size:13px;text-align:center;text-decoration:none;}
.ip_links a:hover,.ip_links a:focus{border-color:#3468af;color:#3468af;}
.ip_links .ic{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:#fff;font-size:13px;font-weight:700;}
.ip_links .ic.c1{background:#1d2b45;}
.ip_links .ic.c2{background:#2f5f9e;}
.ip_links .ic.c3{background:#1a7a61;}
.ip_links .ic.c4{background:#b3301f;}
.ip_links .ic.c5{background:#5b4fb5;}
.ip_links .ic.c6{background:#b25a0f;}
.ip_links .ic.c7{background:#4b5563;}
.ip_hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;border-radius:12px;
  background:linear-gradient(120deg,#1d2b45 0%,#2f4f8a 100%);color:#fff;}
.ip_hero h4{color:#fff !important;font-size:20px;font-weight:700;}
.ip_hero p{margin-top:6px;color:#dbe4f5;font-size:14px;}
.ip_hero p.nx{margin-top:8px;font-size:13px;}
.ip_hero .cnt{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;}
.ip_hero .cnt span{color:#dbe4f5;font-size:13px;}
.ip_hero .cnt b{margin-left:4px;color:#fff;font-size:17px;}
.ip_hero .go{flex:none;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:24px;background:#fff;color:#1d2b45;
  font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.18);}
.ip_hero .go:hover,.ip_hero .go:focus{background:#eaf1ff;}
.ip_hero .go:after{content:'→';font-size:18px;}
.ip_go_side{display:block;margin:10px 12px 0;padding:10px 0;border-radius:6px;background:#fff;color:#1d2b45 !important;font-size:14px;font-weight:700;text-align:center;}

/* ── 내부 업무포털 최종 화면시안(2026-11-02 · 의견반영본 1029 · res/ip_mock.css) ──────────────
   색은 현행(스킨1) 값으로 고정 — 스킨 전환은 넣지 않는다(2026-11-02 사용자 지시). 회색 글자는 명도대비 4.5:1 이상으로 한 단계 진하게 */
/* 나의 현황 바를 뺀 포털 — 상단 여백을 줄이고, 헤더 아래 고정 띠만큼 본문을 내린다 */
body.ip_portal .wrap_container{padding-top:28px;}
body.ip_portal #content{margin-top:22px;}
/* 바로가기 띠 — 좌측 메뉴 바탕색(#3c5e9e). 좌측 패널(210px)·우측 퀵메뉴(80px) 사이에 헤더 바로 아래 고정 */
.ip_quick_band{display:flex;position:fixed;top:80px;left:210px;right:80px;z-index:2;background:#3c5e9e;}
.ip_quick_band a{display:flex;flex:none;width:190px;align-items:center;justify-content:center;padding:11px 10px;border-right:1px solid rgba(255,255,255,.14);
  color:#fff;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s;}
.ip_quick_band a:hover,.ip_quick_band a:focus-visible{background:rgba(0,0,0,.18);}
.ip_qb_item{position:relative;flex:none;width:190px;}
.ip_qb_item > a{width:100%;}
/* 온나라 업무건수 — 마우스를 올리거나 키보드로 들어가면 펼친다 */
.ip_qb_drop{display:none;position:absolute;top:100%;left:0;width:480px;padding:14px 16px;border-radius:0 0 10px 10px;background:#fff;box-shadow:0 14px 28px rgba(0,0,0,.2);z-index:5;}
.ip_qb_item:hover .ip_qb_drop,.ip_qb_item:focus-within .ip_qb_drop{display:block;}
.ip_qb_drop_head{margin-bottom:10px;color:#1d2b45;font-size:13px;font-weight:700;}
.ip_qb_drop_head span{margin-left:6px;padding:1px 7px;border-radius:9px;background:#eef3fb;color:#2f5f9e;font-size:11px;font-weight:500;}
.ip_qb_note{margin-top:8px;color:#555;font-size:12px;}
.ip_counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;}
.ip_counts li{padding:9px 3px 7px;border:1px solid #e6e9ef;border-radius:8px;text-align:center;background:#fafbfd;}
.ip_counts li .n{display:block;color:#1d2b45;font-size:17px;font-weight:700;line-height:1.2;}
.ip_counts li .l{display:block;margin-top:2px;color:#555;font-size:11px;}
/* 위젯 — 탭 전용 헤더(제목 없이 탭만). 회색 띠가 카드 끝까지 */
.ip_w.compact{padding:14px 20px 12px;}
.ip_w_head.tabs_head{margin:-18px -20px 10px;padding:7px 16px;border-radius:10px 10px 0 0;background:#f1f3f7;}
.ip_w.compact .ip_w_head.tabs_head{margin:-14px -20px 8px;}
.ip_w_head.tabs_head .more{flex:none;margin-left:12px;}
.ip_seg{display:flex;flex:1;flex-wrap:wrap;gap:2px;}
.ip_seg button{padding:5px 13px;border:1px solid transparent;border-radius:7px;background:transparent;color:#4b5563;font-size:12px;font-weight:500;cursor:pointer;
  transition:background .15s,color .15s;}
.ip_seg button:hover:not(.on){background:#e4e8f0;color:#1d2b45;}
.ip_seg button.on{background:#3468af;color:#fff;box-shadow:0 1px 4px rgba(52,104,175,.35);}
.ip_seg button:focus-visible{outline:2px solid #2f5f9e;outline-offset:1px;}
.ip_grid .span2{grid-column:span 2;}
.ip_list .new{flex:none;width:16px;height:16px;border-radius:50%;background:#d0453a;color:#fff;font-size:10px;line-height:16px;text-align:center;}
.ip_badge.b2{background:#fff3e8;color:#9a4a0b;}
.ip_badge.b3{background:#eaf7f2;color:#1a6e57;}
.ip_badge.b6{background:#eef2f7;color:#4b5a78;}
/* 보도사진 카드 — 카드 전체를 사진으로 채우고 아래에 제목 */
.ip_news_w{padding:0;overflow:hidden;}
.ip_news{position:relative;flex:1;min-height:260px;border-radius:10px;overflow:hidden;background:#1d2b45;}
.ip_news_slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;}
.ip_news_slide.on{opacity:1;visibility:visible;}
.ip_news_photo{display:block;width:100%;height:100%;object-fit:cover;}
.ip_news_cap{position:absolute;left:0;right:0;bottom:0;display:block;padding:34px 46px 16px 16px;
  background:linear-gradient(0deg,rgba(6,10,20,.92) 0,rgba(6,10,20,.92) calc(100% - 64px),rgba(6,10,20,.55) calc(100% - 30px),rgba(6,10,20,0) 100%);color:#fff;}
.ip_news_cap b{display:block;font-size:13.5px;font-weight:600;line-height:1.45;}
.ip_news_cap span{display:block;margin-top:5px;color:#d5dbe6;font-size:11.5px;}
.ip_news_more{position:absolute;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:26px;height:26px;
  border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:15px;line-height:1;text-decoration:none;}
.ip_news_dots{position:absolute;top:12px;right:14px;z-index:2;display:flex;gap:5px;}
.ip_news_dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45);}
.ip_news_dots span.on{background:#fff;}
/* 나의 일정 미니 달력 — 점이 있는 날은 버튼(누르면 말풍선) */
#scheduleCard [role="tabpanel"]{position:relative;}
.ip_cal_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.ip_cal_head b{color:#1d2b45;font-size:15px;}
.ip_cal_head .nav a{display:inline-block;padding:0 4px;color:#555;font-size:13px;text-decoration:none;}
.ip_cal{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;}
.ip_cal th{padding:4px 0;color:#555;font-weight:500;}
.ip_cal th:first-child,.ip_cal td:first-child{color:#c53b2d;}
.ip_cal th:last-child,.ip_cal td:last-child{color:#2f5f9e;}
.ip_cal td{height:34px;padding:2px;vertical-align:middle;text-align:center;color:#333;}
.ip_cal td i{display:block;width:28px;height:28px;margin:0 auto;border-radius:50%;font-style:normal;line-height:28px;}
.ip_cal td.off{color:#9aa1ab;}
.ip_cal td.today i{background:#1d2b45;color:#fff;}
.ip_cal .ip_day{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;}
.ip_cal .ip_day i{box-shadow:inset 0 0 0 1px #c9ced6;}
.ip_cal .ip_day:focus-visible i{outline:2px solid #2f5f9e;outline-offset:1px;}
.ip_cal .dot{display:block;width:5px;height:5px;margin:1px auto 0;border-radius:50%;}
.ip_cal .dot.mt{background:#d0453a;}
.ip_cal .dot.pt,.ip_cal .dot.rm{background:#3468af;}
.ip_cal .dot.ch{background:#1a7a61;}
.ip_cal_tip{position:absolute;z-index:50;left:10px;right:10px;margin-top:4px;padding:10px 12px;border:1px solid #e0e4ea;border-radius:8px;background:#fff;
  box-shadow:0 8px 20px rgba(29,43,69,.16);font-size:12.5px;text-align:left;}
.ip_cal_tip .tip_i + .tip_i{margin-top:8px;padding-top:8px;border-top:1px dashed #e8ebf0;}
.ip_cal_tip .tip_t{margin-top:5px;color:#1d2b45;font-weight:600;line-height:1.4;}
.ip_cal_tip .tip_d{margin-top:2px;color:#555;font-size:11px;}
/* 간부 재실현황 */
.ip_exec .st.in{background:#eaf7f2;color:#1a6e57;}
.ip_exec .st.out{background:#fff3e8;color:#9a4a0b;}
.ip_exec .st.none{background:#f1f3f7;color:#555;}
/* 우측 퀵메뉴 4번째 버튼(회의실 예약) — 원본 layout.css 는 3번째까지만 파란 버튼 */
.ip_my_menu_room > a{position:relative;height:59px;color:#fff;background:#3468af;}
.ip_my_menu_room > a:hover:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);}
/* 헤더 포털 ↔ 위원회 업무 전환 — 로그아웃 왼쪽 글자 버튼 */
.my_info .hrwc_hd_go{display:inline-flex;align-items:center;height:30px;margin-right:12px;padding:0 12px;border:1px solid #2f5f9e;border-radius:15px;
  color:#2f5f9e;font-size:13px;font-weight:600;white-space:nowrap;}
.my_info .hrwc_hd_go i{font-style:normal;}
.my_info .hrwc_hd_go:hover,.my_info .hrwc_hd_go:focus{background:#2f5f9e;color:#fff;}
@media screen and (max-width:1500px){
  .ip_grid.c3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ip_links{grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media screen and (max-width:1024px){
  .ip_grid.c3,.ip_grid.c2{grid-template-columns:minmax(0,1fr);}
  .ip_hero{flex-direction:column;align-items:flex-start;}
  .ip_links{grid-template-columns:repeat(4,minmax(0,1fr));}
}
/* 포털 「준비 중」 안내(ptl/ready.jsp · 2026-10-27) */
.ip_ready{max-width:640px;margin:40px auto;padding:48px 32px 36px;border:1px solid #e0e4ea;border-radius:12px;background:#fafbfd;text-align:center;}
.ip_ready_bdg{display:inline-block;padding:3px 14px;border-radius:14px;background:#fff3e8;color:#9a4a0b;font-size:13px;font-weight:600;}
.ip_ready h4{margin-top:14px;color:#1d2b45;font-size:22px;font-weight:700;}
.ip_ready_txt{margin-top:12px;color:#444;font-size:15px;line-height:1.6;}
.ip_ready .bd_button{display:flex;justify-content:center;margin-top:26px;}
/* 포털 위젯 미니 탭(분야별 게시판 · 2026-10-27) — 시안 ip_mock.css .ip_tabs 를 버튼으로. 보조 글자색은 대비 기준(#555) */
.ip_tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;}
.ip_tabs button{padding:3px 10px;border:1px solid #dfe3ea;border-radius:13px;background:#fff;color:#555;font-size:12px;cursor:pointer;}
.ip_tabs button.on{border-color:#2f5f9e;background:#2f5f9e;color:#fff;}
.ip_tabs button:focus-visible{outline:2px solid #2f5f9e;outline-offset:2px;}
/* 내 바로가기 설정(ptl/myLinks.jsp) · 바로가기 관리 주소 칸(2026-10-27) */
.ip_mt8{margin-top:8px;}
.ip_mylinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:16px;}
.ip_mylinks li label{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e0e4ea;border-radius:8px;background:#fff;cursor:pointer;}
.ip_mylinks li label:hover{border-color:#2f5f9e;}
.ip_mylinks input{width:18px;height:18px;flex:none;}
.ip_mylinks .nm{flex:none;color:#1d2b45;font-weight:600;}
.ip_mylinks .url{flex:1;min-width:0;overflow:hidden;color:#666;font-size:12px;white-space:nowrap;text-overflow:ellipsis;}
.hrwc_url{word-break:break-all;}
/* 조직도 기본형(ptl/org.jsp · 2026-10-27) */
.ip_org{display:flex;gap:6px;max-width:560px;margin-top:16px;}
.ip_org input{flex:1;height:36px;padding:0 10px;border:1px solid #cfd6e0;border-radius:4px;}
.ip_org_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px;}
.ip_org_top{grid-column:1/-1;border-color:#2f5f9e;}
.ip_org_cnt{color:#555;font-size:13px;}
.ip_org_none{font-size:13px;}
/* 일정 캘린더(ptl/schd.jsp) · 간부일정(ptl/exec.jsp) · 마이페이지 · 게시판 관리(2026-10-27) — 시안 ip_mock.css 의 .ip_cal·.ip_exec 를 월간 크기로 */
.ip_cal_bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;}
.ip_cal_ttl{min-width:140px;color:#1d2b45;font-size:20px;font-weight:700;text-align:center;}
.ip_legend{display:flex;gap:12px;margin-left:auto;color:#555;font-size:12px;}
.ip_legend span:before{content:'';display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;vertical-align:0;}
.ip_legend .mt:before{background:#c53b2d;}
.ip_legend .pt:before{background:#2f5f9e;}
.ip_legend .ch:before{background:#1a7a61;}
.ip_mcal_wrap{overflow-x:auto;}
.ip_mcal{width:100%;min-width:760px;table-layout:fixed;border-collapse:collapse;border-top:2px solid #2f5f9e;}
.ip_mcal th{padding:8px 0;border-bottom:1px solid #d5dae2;background:#f6f8fb;color:#333;font-size:13px;font-weight:600;}
.ip_mcal th.sun,.ip_mcal td.sun .dd{color:#c53b2d;}
.ip_mcal th.sat,.ip_mcal td.sat .dd{color:#2f5f9e;}
.ip_mcal td{height:104px;padding:4px 5px;border:1px solid #e3e7ee;vertical-align:top;font-size:12px;}
.ip_mcal td.off{background:#fafbfc;}
.ip_mcal td.off .dd{color:#6b6b6b !important;}   /* 다른 달 날짜 — 흐리게 하되 대비 4.5:1 이상 */
.ip_mcal td .dd{display:inline-block;min-width:22px;height:22px;margin-bottom:2px;border-radius:11px;color:#333;font-weight:600;line-height:22px;text-align:center;}
.ip_mcal td.today .dd{background:#1d2b45;color:#fff !important;}
.ip_mcal .ev{display:block;overflow:hidden;margin-top:2px;padding:1px 5px;border-radius:3px;white-space:nowrap;text-overflow:ellipsis;}
.ip_mcal .ev.mt{background:#fdeeee;color:#a12a1c;}
.ip_mcal .ev.pt{background:#eef3fb;color:#2f5f9e;}
.ip_mcal .ev.ch{background:#eaf7f2;color:#1a6b56;}
.ip_mcal .ev.rm{background:#f1f0fb;color:#4b3f9e;}   /* [RFP 외] 회의실 예약 — 4번째 색 */
.ip_legend .rm:before{background:#5b4fb5;}
/* [RFP 외] 회의실 예약 일간 표(ptl/room.jsp · 2026-10-29) */
.ip_room{width:100%;min-width:900px;table-layout:fixed;border-collapse:collapse;border-top:2px solid #2f5f9e;}
.ip_room th{padding:8px 0;border:1px solid #e3e7ee;background:#f6f8fb;color:#333;font-size:13px;font-weight:600;}
.ip_room th.nm{width:110px;}
.ip_room td{height:58px;padding:0;border:1px solid #e3e7ee;font-size:12px;vertical-align:middle;}
.ip_room td.free a{display:block;height:58px;}
.ip_room td.free a:hover,.ip_room td.free a:focus{background:#eef3fb;outline:2px solid #2f5f9e;outline-offset:-2px;}
.ip_room td.busy{padding:4px 6px;background:#f1f0fb;color:#3d3480;line-height:1.4;}
.ip_room td.busy a{display:block;color:#3d3480;}
.ip_room td.busy a:hover{text-decoration:underline;}
.ip_room td.busy .tm{display:block;color:#555;font-size:11px;}
.ip_mcal .more{display:block;margin-top:2px;color:#555;}
.ip_badge.b3{background:#eaf7f2;color:#1a6b56;}
.ip_inline{display:inline;}
.ip_txtbtn{margin-left:6px;padding:0;border:0;background:none;color:#b3301f;font-size:inherit;text-decoration:underline;cursor:pointer;}
.ip_exec li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed #e8ebf0;font-size:14px;}
.ip_exec li:last-child{border-bottom:0;}
.ip_exec .who{flex:none;width:110px;color:#1d2b45;font-weight:600;}
.ip_exec .st{flex:none;width:52px;padding:2px 0;border-radius:3px;font-size:12px;text-align:center;}
.ip_exec .st.mtg{background:#eef3fb;color:#2f5f9e;}
.ip_exec .what{flex:1;min-width:0;overflow:hidden;color:#444;white-space:nowrap;text-overflow:ellipsis;}
/* 재실현황 상태 배지 · 오늘 일정(ptl/exec.jsp · 2026-10-29 TN_USER_STAT) */
.ip_st{display:inline-block;min-width:44px;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:600;text-align:center;}
.ip_st.in{background:#eaf7f2;color:#1a6b56;}
.ip_st.out{background:#fff3e8;color:#9a4a0b;}
.ip_st.mtg{background:#eef3fb;color:#2f5f9e;}
.ip_today{display:block;font-size:13px;line-height:1.6;}
.ip_row_today td{background:#f6f9ff;}
.ip_src{margin-left:6px;padding:1px 7px;border-radius:9px;background:#eef3fb;color:#2f5f9e;font-size:11px;font-weight:500;vertical-align:2px;}
.ip_bbs_set{display:flex;justify-content:center;gap:6px;}
/** ══ 로그인·회원가입(시안 PPT v0.3 · 2026-10-28) — login.jsp · loginExt.jsp · join.jsp · joinDone.jsp ══ */
.lg2_body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 60%,rgba(255,255,255,.04) 0 380px,transparent 381px),linear-gradient(135deg,#17213a 0%,#1d2b45 45%,#2a4c86 100%);background-color:#1d2b45;}
.lg2_wrap{display:flex;align-items:center;justify-content:center;gap:80px;min-height:100vh;padding:40px 20px;box-sizing:border-box;}
.lg2_single{gap:0;}
.lg2_intro{width:380px;color:#fff;}
.lg2_brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;font-size:16px;font-weight:700;line-height:1.35;}
.lg2_brand img{background:#fff;border-radius:50%;padding:2px;}
.lg2_intro h1{color:#fff;font-size:30px;font-weight:700;line-height:1.4;}
.lg2_desc{margin-top:18px;color:#d5deee;font-size:15px;line-height:1.7;}
.lg2_feat{margin-top:24px;}
.lg2_feat li{position:relative;margin-top:12px;padding-left:30px;color:#e6ecf6;font-size:15px;}
.lg2_feat li:before{content:'✓';position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:12px;line-height:20px;text-align:center;}
.lg2_note{display:inline-block;margin-top:26px;padding:6px 14px;border:1px solid rgba(255,255,255,.3);border-radius:16px;color:#e6ecf6;font-size:13px;}
.lg2_card{width:400px;max-width:100%;padding:40px 40px 28px;border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.25);box-sizing:border-box;}
.lg2_card.lg2_wide{width:620px;}
.lg2_join_card{width:620px;}
.lg2_card_hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
.lg2_bdg{padding:3px 12px;border:1px solid #1a7a61;border-radius:14px;background:#eaf7f2;color:#1a6b56;font-size:12px;font-weight:700;}
.lg2_logo{margin-bottom:22px;}
.lg2_card h2{color:#1d2b45;font-size:24px;font-weight:700;}
.lg2_sub{margin-top:6px;color:#555;font-size:13px;line-height:1.6;}
.lg2_lbl{display:block;margin:18px 0 6px;color:#333;font-size:13px;font-weight:600;}
.lg2_inp{width:100%;height:46px;padding:0 14px;border:1px solid #d5dae2;border-radius:8px;background:#f8f9fb;font-size:15px;box-sizing:border-box;}
.lg2_inp:focus{border-color:#2f5f9e;background:#fff;outline:2px solid rgba(47,95,158,.25);}
select.lg2_inp{padding-right:30px;}
.lg2_opt{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:13px;color:#555;}
.lg2_opt a{color:#2f5f9e;}
.lg2_help{margin-top:12px;padding:12px 14px;border-radius:8px;background:#f3f6fb;color:#444;font-size:13px;line-height:1.6;}
.lg2_btn{display:block;width:100%;height:52px;margin-top:22px;border:0;border-radius:10px;background:linear-gradient(90deg,#1d2b45,#2f5f9e);color:#fff;font-size:16px;font-weight:700;cursor:pointer;text-align:center;line-height:52px;text-decoration:none;box-shadow:0 6px 16px rgba(29,43,69,.25);}
.lg2_btn:hover,.lg2_btn:focus{filter:brightness(1.12);}
.lg2_btn_sub{background:#fff;color:#1d2b45;border:1px solid #cfd6e0;box-shadow:none;}
.lg2_btn_link{margin-top:26px;}
.lg2_btns{display:flex;gap:10px;}
.lg2_btns .lg2_btn{flex:1;}
.lg2_err{margin-top:14px;padding:10px 14px;border-radius:8px;background:#fdeeee;color:#a12a1c;font-size:13px;line-height:1.6;}
/* 사용자등록 — 로그인 바로 아래 흰 버튼(최종 화면시안 2026-11-02) */
.lg2_btn_reg{height:48px;margin-top:12px;line-height:46px;font-size:15px;}
.lg2_demo_warn{margin-bottom:4px;color:#c53b2d;font-weight:700;}
.lg2_join{margin-top:18px;color:#555;font-size:14px;text-align:center;}
.lg2_join a{margin-left:6px;color:#2f5f9e;font-weight:700;text-decoration:underline;}
.lg2_demo{position:relative;margin-top:24px;padding:16px 14px 12px;border:1px dashed #cfd6e0;border-radius:10px;background:#f8f9fb;color:#444;font-size:13px;line-height:1.7;}
.lg2_demo_ttl{position:absolute;top:-9px;left:50%;padding:0 10px;background:#fff;color:#666;font-size:11px;letter-spacing:1px;transform:translateX(-50%);}
.lg2_ext{margin-top:18px;font-size:13px;text-align:center;}
.lg2_ext a{color:#2f5f9e;text-decoration:underline;}
.lg2_copy{margin-top:16px;color:#666;font-size:12px;text-align:center;}
.lg2_methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;}
.lg2_m{display:block;padding:16px 18px;border:1px solid #dfe3ea;border-radius:10px;background:#fff;text-align:left;cursor:pointer;}
.lg2_m b{display:block;color:#1d2b45;font-size:16px;}
.lg2_m span{display:block;margin-top:6px;color:#555;font-size:12px;line-height:1.5;}
.lg2_m.on{border-color:#2f5f9e;box-shadow:0 0 0 2px rgba(47,95,158,.2);}
.lg2_m.on:hover,.lg2_m.on:focus{background:#f3f6fb;}
.lg2_m:disabled{cursor:not-allowed;background:#f6f7f9;}
.lg2_m:disabled b{color:#555;}
/* 외부 위원 로그인 — 최종 화면시안(2026-11-02 · Any-ID 로그인 화면 재현). 카드 1장, 인증 방식 카드에 아이콘·화살표 */
.lg2_card.lg2_any{width:712px;}
.lg2_any_ttl{color:#1d2b45;font-size:22px;font-weight:700;}
.lg2_rule{height:2px;margin:14px 0 16px;border:0;background:#1d2b45;}
.lg2_any_top{display:flex;flex-direction:column;gap:6px;}
.lg2_any_tgl{display:flex;align-items:center;gap:8px;color:#1d2b45;font-size:15px;}
.lg2_sw{position:relative;display:inline-block;width:36px;height:20px;border-radius:10px;background:#c9ced6;}
.lg2_sw.on{background:#2f5f9e;}
.lg2_sw:after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .15s;}
.lg2_sw.on:after{left:19px;}
.lg2_any_tgl .use{color:#555;font-size:13px;}
.lg2_any_lnk{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:#555;font-size:12px;}
.lg2_any_lnk a{color:#2f5f9e;font-weight:700;}
.lg2_any_lnk b{color:#1d2b45;}
.lg2_any_lnk .sep{width:1px;height:12px;background:#cfd6e0;}
.lg2_m .hd{display:flex;align-items:center;gap:8px;}
.lg2_m .hd .ic{flex:none;width:20px;height:20px;color:#1d2b45;}
.lg2_m .hd b{flex:1;margin:0;}
.lg2_m .hd .arr{flex:none;margin:0;color:#9aa1ab;font-size:16px;}
.lg2_any .lg2_btn{margin-top:16px;}
.lg2_any .lg2_btn_reg{margin-top:10px;}
.lg2_idpw{padding:4px 16px 16px;border:1px solid #dfe3ea;border-radius:10px;margin-top:10px;background:#fafbfd;}
.lg2_idpw .lg2_btn{height:46px;margin-top:16px;line-height:46px;font-size:15px;}
.lg2_row{margin-bottom:2px;}
.lg2_inline{display:flex;gap:8px;}
.lg2_inline .lg2_inp{flex:1;}
.lg2_btn2{flex:none;height:46px;padding:0 16px;border:1px solid #2f5f9e;border-radius:8px;background:#fff;color:#2f5f9e;font-size:14px;font-weight:700;cursor:pointer;}
.lg2_btn2:hover,.lg2_btn2:focus{background:#2f5f9e;color:#fff;}
.lg2_msg{margin-top:6px;color:#555;font-size:12px;}
.lg2_msg.ok{color:#1a6b56;}
.lg2_msg.ng{color:#b3301f;}
.lg2_req_mark{color:#b3301f;}
.lg2_grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;}
.lg2_agree{margin-top:22px;padding:14px 16px;border:1px solid #dfe3ea;border-radius:10px;}
.lg2_agree legend{padding:0 6px;color:#333;font-size:13px;font-weight:700;}
.lg2_agree p{color:#555;font-size:12px;line-height:1.7;}
.lg2_agree label{display:inline-block;margin-top:8px;color:#333;font-size:14px;font-weight:600;}
@media screen and (max-width:1024px){
  .lg2_wrap{flex-direction:column;gap:30px;}
  .lg2_intro{width:auto;max-width:620px;}
  .lg2_grid2,.lg2_methods{grid-template-columns:minmax(0,1fr);}
}
.lg2_card h1.lg2_h{color:#1d2b45;font-size:24px;font-weight:700;}
/* 로그인·회원가입 — 원본 css_2021 의 전역 규칙(h1 절대배치 · h2 글자 숨김 · input 폭 고정)을 이 화면에서만 되돌린다 */
.lg2_body h1,.lg2_body h2{position:static !important;width:auto !important;height:auto !important;font-size:inherit;text-indent:0 !important;letter-spacing:-.5px;}
.lg2_intro h1{font-size:30px !important;}
.lg2_card h1,.lg2_card h2{display:block;color:#1d2b45;font-size:24px !important;font-weight:700;line-height:1.4;}
.lg2_body input.lg2_inp,.lg2_body select.lg2_inp{width:100% !important;max-width:none !important;height:46px !important;margin:0 !important;padding:0 14px;border:1px solid #d5dae2;border-radius:8px;background:#f8f9fb;font-size:15px;box-sizing:border-box;}
.lg2_body .lg2_inline input.lg2_inp{flex:1;width:auto !important;}
.lg2_brand img{width:40px;height:40px;padding:3px;border-radius:50%;background:#fff;box-sizing:border-box;}
.lg2_brand span{color:#fff;}
.lg2_ok{margin-top:14px;padding:10px 14px;border-radius:8px;background:#eaf7f2;color:#1a6b56;font-size:13px;line-height:1.6;}