@charset "utf-8";
/* =========================================================
   강진의료원 테마 - 게시판 / 회원 / 공통 폼 (시안 A 톤)
   ========================================================= */

/* ---------- 레이아웃 보정 (코어 default.css 대비) ---------- */
.sub-body.no-lnb .sub-content{max-width:1100px;margin:0 auto}
#gjContainer .sound_only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0,0,0,0)}
.ctt_admin{text-align:right;margin:-30px 0 14px}
.ctt_admin .btn_admin{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:6px;background:var(--navy);color:#fff;font-size:13px;line-height:34px}
#ctt_con{overflow-x:auto}
#ctt_con img{max-width:100%;height:auto}

/* ---------- 공통 버튼 ---------- */
.btn-line,.btn-fill{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:6px;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:.2s;vertical-align:middle}
.btn-line{border:1px solid var(--line2);background:#fff;color:var(--txt2)}
.btn-line:hover{border-color:var(--blue);color:var(--blue)}
.btn-fill{border:1px solid var(--blue);background:var(--blue);color:#fff}
.btn-fill:hover{background:var(--blue-dk);border-color:var(--blue-dk);color:#fff}
.bo-btns{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px}
.bo-btns .left,.bo-btns .right{display:flex;flex-wrap:wrap;gap:6px}
.bo-btns.center{justify-content:center}

/* ---------- 분류 ---------- */
.gj-cate{margin-bottom:26px}
.gj-cate ul{display:flex;flex-wrap:wrap;gap:6px}
.gj-cate a{display:inline-flex;align-items:center;height:40px;padding:0 18px;border:1px solid var(--line2);border-radius:30px;font-size:15px;color:var(--txt2)}
.gj-cate #bo_cate_on,.gj-cate a:hover{border-color:var(--blue);background:var(--blue);color:#fff}

/* ---------- 목록 ---------- */
.gj-board .bo-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.gj-board .bo-total{font-size:15px;color:var(--txt2)}
.gj-board .bo-total b{color:var(--blue)}
.gj-board .bo-search{display:flex;gap:6px}
.gj-board .bo-search select,.gj-board .bo-search input{height:44px;padding:0 12px;border:1px solid var(--line2);border-radius:6px;background:#fff;font-size:15px}
.gj-board .bo-search input{width:240px}
.gj-board .bo-search button{height:44px;padding:0 20px;border-radius:6px;background:var(--navy);color:#fff;font-weight:600}
.bo-table{border-top:2px solid var(--navy)}
.bo-table table{width:100%;table-layout:fixed;font-size:15px}
.bo-table th{height:52px;border-bottom:1px solid var(--line);background:#f6f8fb;font-weight:600;color:var(--txt)}
.bo-table th a{color:inherit}
.bo-table td{padding:16px 10px;border-bottom:1px solid var(--line);text-align:center;color:var(--txt3)}
.bo-table .c-chk{width:44px}
.bo-table .c-num{width:80px}
.bo-table .c-name{width:130px}
.bo-table .c-state{width:110px}
.bo-table .c-date{width:120px}
.bo-table .c-hit{width:80px}
.bo-table td.c-subj{text-align:left;color:var(--txt)}
.bo-table .subj-wrap{display:flex;align-items:center;gap:6px;min-width:0}
.bo-table .subj{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}
.bo-table .subj:hover{color:var(--blue);text-decoration:underline}
.bo-table .cate{flex:none;padding:2px 10px;border-radius:14px;background:var(--blue-lt);font-size:13px;color:var(--blue)}
.bo-table .cmt{flex:none;font-size:13px;font-weight:700;color:var(--orange-dk)}
.bo-table .ico-file,.bo-table .ico-lock{flex:none;display:inline-flex;color:var(--txt3)}
.bo-table .ico-new{flex:none;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--orange-dk);font-size:11px;font-weight:800;color:#fff}
.bo-table .m-meta{display:none}
.bo-table tr.is-notice td{background:#f7faff}
.bo-table tr.is-current td{background:#fffbea}
.bo-table .badge{height:26px;padding:0 10px;font-size:12px}
.bo-table .now{font-size:13px;font-weight:700;color:var(--orange-dk)}
.bo-table .empty{padding:70px 0;color:var(--txt3)}
.bo-table .st{display:inline-block;padding:3px 10px;border-radius:14px;font-size:13px;font-weight:600}
.bo-table .st.done{background:#e6f6ee;color:#117c56}
.bo-table .st.wait{background:#fff3e6;color:#af560a}
.bo-table .st.end{background:#eef0f3;color:#676c73}

/* 페이지 (코어 $write_pages 마크업) */
.pg_wrap{display:flex;justify-content:center;float:none;width:100%;margin-top:40px}
.pg_wrap .pg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.pg_wrap .pg_page,.pg_wrap .pg_current{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:15px;line-height:1;color:var(--txt2)}
.pg_wrap .pg_page:hover{border-color:var(--blue);color:var(--blue)}
.pg_wrap .pg_current{border-color:var(--blue);background:var(--blue);font-weight:700;color:#fff}
.pg_wrap .pg_start,.pg_wrap .pg_prev,.pg_wrap .pg_next,.pg_wrap .pg_end{font-size:0;background-repeat:no-repeat;background-position:center}
.pg_wrap .pg_start::after{content:'«';font-size:16px}
.pg_wrap .pg_prev::after{content:'‹';font-size:18px}
.pg_wrap .pg_next::after{content:'›';font-size:18px}
.pg_wrap .pg_end::after{content:'»';font-size:16px}

/* ---------- 갤러리 ---------- */
.gall-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:20px;border-top:2px solid var(--navy)}
.gall-list li{position:relative}
.gall-list .g-chk{position:absolute;left:10px;top:10px;z-index:2}
.gall-list .g-card{display:block}
.gall-list .g-thumb{display:block;aspect-ratio:10/7;border-radius:12px;overflow:hidden;background:var(--bg)}
.gall-list .g-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gall-list .g-card:hover img{transform:scale(1.05)}
.gall-list .g-subj{display:-webkit-box;margin-top:12px;overflow:hidden;font-size:16px;font-weight:600;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gall-list .g-meta{display:block;margin-top:4px;font-size:13px;color:var(--txt3)}
.gall-list .empty{grid-column:1/-1;padding:70px 0;text-align:center;color:var(--txt3)}

/* ---------- 보기 ---------- */
.gj-view .v-head{padding:26px 24px;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);background:#f8fafd}
.gj-view .v-head .cate{display:inline-block;margin-bottom:8px;padding:2px 10px;border-radius:14px;background:var(--blue-lt);font-size:13px;color:var(--blue)}
.gj-view .v-title{font-size:24px;font-weight:700;line-height:1.45;word-break:break-all}
.gj-view .v-meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:12px;font-size:14px;color:var(--txt2)}
.gj-view .v-meta .k{margin-right:6px;color:var(--txt3)}
.gj-view .v-files{padding:14px 24px;border-bottom:1px solid var(--line)}
.gj-view .v-files li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:5px 0;font-size:14px}
.gj-view .v-files a{display:inline-flex;align-items:center;gap:6px;color:var(--txt)}
.gj-view .v-files a:hover strong{color:var(--blue);text-decoration:underline}
.gj-view .v-files .size,.gj-view .v-files .cnt{color:var(--txt3)}
.gj-view .v-body{padding:36px 24px 50px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.8;color:var(--txt);word-break:break-all}
.gj-view #bo_v_img{margin-bottom:20px;text-align:center}
.gj-view #bo_v_img img{max-width:100%;height:auto;margin-bottom:12px}
.gj-view #bo_v_con{min-height:120px}
.gj-view #bo_v_con img{max-width:100%;height:auto}
.gj-view #bo_v_con table{max-width:100%}
.gj-view .v-links{padding:14px 24px;border-bottom:1px solid var(--line);font-size:14px}
.gj-view .v-links .cnt{color:var(--txt3)}
.gj-view #bo_v_act{margin-top:30px;text-align:center}
.gj-view #bo_v_act a{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 20px;border:1px solid var(--line2);border-radius:30px}
.gj-view .v-nav{margin-top:30px;border-top:1px solid var(--line)}
.gj-view .v-nav li{display:flex;gap:20px;padding:14px 10px;border-bottom:1px solid var(--line);font-size:15px}
.gj-view .v-nav .k{flex:none;width:60px;color:var(--txt3)}
.gj-view .v-nav a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gj-view .v-nav a:hover{color:var(--blue)}

/* ---------- 댓글 ---------- */
.gj-comment{margin-top:40px}
.gj-comment .vc-tit{margin-bottom:12px;font-size:18px;font-weight:700}
.gj-comment .vc-tit span{color:var(--blue)}
.gj-comment .vc-item{padding:16px 18px;border-top:1px solid var(--line)}
.gj-comment .vc-item header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px}
.gj-comment .vc-name{font-weight:600}
.gj-comment .vc-ip,.gj-comment .vc-date{color:var(--txt3)}
.gj-comment .vc-act{display:flex;gap:10px;margin-left:auto}
.gj-comment .vc-act a{color:var(--txt3)}
.gj-comment .vc-act a:hover{color:var(--blue)}
.gj-comment .vc-body{margin-top:8px;font-size:15px;line-height:1.7;word-break:break-all}
.gj-comment .vc-empty{padding:30px 0;border-top:1px solid var(--line);text-align:center;color:var(--txt3)}
.gj-comment-write{margin-top:14px}
.gj-comment-write form{padding:18px;border:1px solid var(--line);border-radius:12px;background:#f8fafd}
.gj-comment-write textarea{width:100%;height:110px;padding:12px;border:1px solid var(--line2);border-radius:8px;font-size:15px;resize:vertical}
.gj-comment-write .vc-w-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.gj-comment-write .vc-w-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gj-comment-write .frm_input{height:40px}

/* ---------- 쓰기 ---------- */
.gj-write .w-consent{margin-bottom:30px;padding:24px 28px;border:1px solid var(--line);border-radius:14px;background:#f8fafd}
.gj-write .w-consent h4{margin-bottom:10px;font-size:18px;font-weight:700;color:var(--navy)}
.gj-write .w-consent li{padding:3px 0;font-size:15px;color:var(--txt2)}
.gj-write .w-consent li strong{color:var(--red)}
.gj-write .w-consent .chk{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-weight:600}
.gj-write .req{margin-left:3px;color:var(--red)}
.gj-write .w-table{border-top:2px solid var(--navy)}
.gj-write .w-row{display:flex;border-bottom:1px solid var(--line)}
.gj-write .w-th{flex:none;display:flex;align-items:center;width:170px;padding:14px 20px;background:#f6f8fb;font-size:15px;font-weight:600}
.gj-write .w-td{flex:1;min-width:0;padding:12px 16px}
.gj-write .frm_input,.gj-write select{height:44px;max-width:100%;padding:0 12px;border:1px solid var(--line2);border-radius:6px;background:#fff;font-size:15px}
.gj-write input[type=text].frm_input,.gj-write input[type=email].frm_input,.gj-write input[type=url].frm_input{width:420px}
.gj-write #wr_subject{width:100%}
.gj-write .w-subject{display:flex;flex-wrap:wrap;gap:6px;position:relative}
.gj-write .w-subject #wr_subject{flex:1;min-width:200px}
.gj-write #autosave_pop{display:none;position:absolute;right:0;top:50px;z-index:20;width:320px;padding:14px;border:1px solid var(--line2);border-radius:10px;background:#fff;box-shadow:var(--shadow)}
.gj-write .w-short{width:120px!important}
.gj-write .w-inline{margin:0 8px 0 16px;font-weight:600}
.gj-write .w-options{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.gj-write .chk{display:inline-flex;align-items:center;gap:6px}
.gj-write .w-help{margin-top:6px;font-size:13px;color:var(--txt3)}
.gj-write .w-manager .w-th{background:#fff8ec}
.gj-write .w-content .w-td textarea{width:100%;min-height:300px;padding:12px;border:1px solid var(--line2);border-radius:6px}
.gj-write .frm_file{margin:6px 0}
.gj-write .file-del{display:flex;margin-top:6px;font-size:14px;color:var(--txt2)}
.gj-write #captcha{display:inline-block}

/* ---------- 회원/로그인 등 코어 스킨 ---------- */
.sub-body.no-lnb #mb_login,.sub-body.no-lnb .mbskin{max-width:460px;margin:0 auto}
.mbskin .frm_input,#mb_login .frm_input{height:48px;border-radius:6px}
#login_fs .btn_submit,.mbskin .btn_submit{height:50px;border-radius:6px;background:var(--blue)}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .gall-list{grid-template-columns:repeat(3,1fr)}
  .gj-write .w-th{width:130px;padding:12px 14px}
}
@media (max-width:768px){
  .gj-board .bo-top{flex-direction:column;align-items:stretch}
  .gj-board .bo-search input{flex:1;width:0;min-width:0}
  .gj-board .bo-search select{flex:none;width:96px}
  .bo-table thead{display:none}
  .bo-table table,.bo-table tbody,.bo-table tr{display:block}
  .bo-table tr{position:relative;padding:14px 4px;border-bottom:1px solid var(--line)}
  .bo-table td{display:none;padding:0;border:0}
  .bo-table td.c-subj,.bo-table td.c-chk{display:block}
  .bo-table td.c-chk{position:absolute;right:6px;top:14px}
  .bo-table td.c-state{display:inline-block;margin-top:6px}
  .bo-table td.empty{display:block;padding:50px 0}
  .bo-table .subj{white-space:normal}
  .bo-table .m-meta{display:block;margin-top:6px;font-size:13px;color:var(--txt3)}
  .gall-list{grid-template-columns:repeat(2,1fr);gap:16px}
  .gj-view .v-head,.gj-view .v-body{padding-left:10px;padding-right:10px}
  .gj-view .v-title{font-size:20px}
  .gj-write .w-row{flex-direction:column}
  .gj-write .w-th{width:auto;padding:10px 12px}
  .gj-write .w-td{padding:10px 12px}
  .gj-write input[type=text].frm_input,.gj-write input[type=email].frm_input,.gj-write input[type=url].frm_input{width:100%}
  .gj-write .w-consent{padding:18px}
}

/* ---------- 휴진안내 달력 ---------- */
.gj-holiday .cal-head h3{min-width:220px;font-size:32px;font-weight:800;text-align:center;letter-spacing:-.02em}
.gj-holiday .cal-nav{font-size:24px;line-height:1}
.gj-holiday .cal-big td{position:relative}
.gj-holiday .cal-add{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blue-lt);font-size:15px;font-weight:700;color:var(--blue);opacity:0;transition:opacity .2s}
.gj-holiday .cal-big td:hover .cal-add,.gj-holiday .cal-add:focus{opacity:1}
.gj-holiday .c-tit{margin-top:50px}
@media (max-width:640px){ .gj-holiday .cal-head h3{min-width:0;font-size:24px} }

/* ---------- 자주하는 질문 : 분류 탭 + Q/A 아코디언 ---------- */
.gj-faq .gj-cate{margin-bottom:0}
.gj-faq .gj-cate ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}
.gj-faq .gj-cate a{justify-content:center;width:100%;height:48px;padding:0 10px;border-radius:0;background:#fff;font-weight:600}
.gj-faq .gj-cate #bo_cate_on{border-color:#1d3f8f;background:#1d3f8f;color:#fff}
.gj-faq .gj-cate a:hover{border-color:#1d3f8f;background:#fff;color:#1d3f8f}
.gj-faq .gj-cate #bo_cate_on:hover{background:#1d3f8f;color:#fff}
.gj-faq .bo-top{margin-top:26px}
.faq-cate-tit{margin:30px 0 14px;font-size:21px;font-weight:700;color:var(--blue)}
.faq-list{border-top:2px solid #1d3f8f}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q button{position:relative;display:flex;align-items:center;gap:18px;width:100%;min-height:66px;padding:12px 60px 12px 18px;text-align:left;font-size:16px;line-height:1.55;color:var(--txt)}
.faq-q button::after{content:'';position:absolute;right:22px;top:50%;width:20px;height:20px;margin-top:-10px;background:linear-gradient(#9aa3af,#9aa3af) center/20px 1.5px no-repeat,linear-gradient(#9aa3af,#9aa3af) center/1.5px 20px no-repeat;transition:transform .2s}
.faq-q button:hover .txt{color:var(--blue)}
.faq-item.on .faq-q button{font-weight:600;color:var(--blue)}
.faq-item.on .faq-q button::after{background-size:20px 1.5px,0 0;background-color:transparent}
.faq-q .mark,.faq-a .mark{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:700;line-height:1}
.faq-q .mark{background:#eef1f6;color:#1f2328}
.faq-a{display:flex;flex-wrap:wrap;gap:0 18px;padding:22px 24px 26px 18px;border-top:1px solid var(--line);background:#f6f8fb}
.faq-a[hidden]{display:none}
.faq-a .mark{background:var(--blue);color:#fff}
.faq-a .txt{flex:1;padding-top:5px;line-height:1.85;color:var(--txt2)}
.faq-admin{flex-basis:100%;margin-top:8px;font-size:13px}
.faq-admin a{margin-right:10px;color:var(--txt3);text-decoration:underline}
.faq-empty{padding:60px 0;text-align:center;color:var(--txt3)}
@media (max-width:640px){
  .gj-faq .gj-cate ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gj-faq .gj-cate a{height:42px;font-size:14px}
  .faq-q button{gap:12px;padding:12px 46px 12px 8px;font-size:15px}
  .faq-q button::after{right:12px;width:16px;height:16px;margin-top:-8px;background-size:16px 1.5px,1.5px 16px}
  .faq-item.on .faq-q button::after{background-size:16px 1.5px,0 0}
  .faq-q .mark,.faq-a .mark{width:30px;height:30px;font-size:14px}
  .faq-a{gap:12px;padding:18px 14px 20px 8px}
}

/* 글쓰기 안내문구 (팝업존 이미지 권장 규격 등) */
.w-guide{padding:10px 14px;border:1px solid #cddcf2;border-radius:10px;background:#f5f9fd;font-size:14px;line-height:1.7;color:var(--txt2)}
.w-guide+.w-guide{margin-top:8px;border-color:var(--line);background:#fafbfd}
.w-guide b{color:var(--blue)}

/* 답변글 : 단계만큼 들여쓰기 + ↳ 표시 (기본 스킨 이미지 대체) */
.bo-table .subj-wrap.is-reply{padding-left:calc(var(--rd,1) * 20px)}
.ico-reply{flex:none;margin-right:2px;color:var(--txt3);font-size:15px;line-height:1}
@media screen and (max-width:768px){
  .bo-table .subj-wrap.is-reply{padding-left:calc(var(--rd,1) * 12px)}
}

/* ---------- 정보공개 > 경영공시 바로가기 (게시판 상단 내용, 2026-10-19) ---------- */
.gj-disclosure{margin:0 0 50px}
.gj-disclosure ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gj-disclosure a{display:flex;align-items:center;justify-content:center;height:100%;min-height:58px;padding:12px 16px;border:1px solid #dde3ec;border-radius:8px;background:#f7f9fc;font-size:15px;font-weight:500;line-height:1.45;color:var(--txt);text-align:center;transition:.2s}
.gj-disclosure a:hover,.gj-disclosure a:focus-visible{border-color:var(--navy);background:var(--navy);color:#fff}
@media (max-width:640px){
  .gj-disclosure ul{grid-template-columns:1fr;gap:6px}
  .gj-disclosure a{justify-content:flex-start;min-height:48px;text-align:left}
}

/* 비회원 글 작성자 표시 (2026-10-21) : 비회원 이름은 본인확인을 거치지 않은 값임을 알림 */
.gj-guest{margin-left:3px;font-size:.88em;font-weight:400;color:var(--txt3)}