@charset "utf-8";

/* =========================================================
   서명 게시판 스킨 (petition) - 그누보드5 basic 기반
   ========================================================= */
#pt_wrap {position:relative;max-width:100%;margin:0 auto 40px;color:#222;line-height:1.6;box-sizing:border-box;word-break:keep-all}
#pt_wrap *, #pt_wrap *:before, #pt_wrap *:after {box-sizing:border-box}
#pt_wrap a {text-decoration:none}

/* 서명 요청 영역 */
.pt_hero {position:relative;margin:20px 0 24px;padding:40px 36px 34px;border-radius:14px;background:#0d3550;background:linear-gradient(135deg,#0b2c45 0%,#14527a 100%);color:#fff;text-align:center;overflow:hidden}
.pt_hero:before {content:"";position:absolute;left:-10%;right:-10%;bottom:-60px;height:120px;border-radius:50%;background:rgba(255,255,255,.05)}
.pt_badge {display:inline-block;margin:0 0 14px;padding:4px 14px;border-radius:20px;background:#e8573c;color:#fff;font-size:13px;font-weight:bold;letter-spacing:.5px}
/* 제목 서체: 고운바탕 (list/write/view.skin.php 에서 구글폰트 연결) */
#pt_wrap .pt_title {font-family:'Gowun Batang', 'Noto Serif KR', serif;font-weight:400;font-synthesis:none;letter-spacing:-0.02em;word-break:keep-all}
.pt_hero .pt_title {margin:0 0 18px;font-size:40px;line-height:1.35;color:#fff}
.pt_intro {max-width:720px;margin:0 auto;font-size:16px;line-height:1.85;color:#dce8f2}
.pt_intro strong {color:#fff}
.pt_org {margin:16px 0 0;font-size:14px;color:#a9c3d8}
.pt_counter {position:relative;display:inline-flex;align-items:baseline;gap:8px;margin:26px 0 0;padding:14px 28px;border-radius:50px;background:rgba(255,255,255,.12)}
.pt_counter strong {font-size:34px;font-weight:800;color:#ffd166;line-height:1}
.pt_counter_lb {font-size:15px;color:#e6eef5}
.pt_goal {position:relative;max-width:420px;margin:16px auto 0}
.pt_goal_bar {height:10px;border-radius:10px;background:rgba(255,255,255,.18);overflow:hidden}
.pt_goal_bar span {display:block;height:100%;border-radius:10px;background:#ffd166}
.pt_goal p {margin:6px 0 0;font-size:13px;color:#cfe0ee}
.pt_go_sign {position:relative;display:inline-block;margin-top:22px;padding:12px 30px;border-radius:30px;background:#e8573c;color:#fff !important;font-weight:bold;font-size:16px}
.pt_go_sign:hover {background:#d4452b}
.pt_hero_sm {padding:30px 28px 26px}
.pt_hero_sm .pt_title {font-size:30px}

.pt_h3 {margin:0 0 18px;font-size:20px;font-weight:800;color:#0b2c45}
.pt_h3 span {color:#e8573c}

/* 서명하기 폼 */
.pt_sign {margin:0 0 30px;padding:30px;border:2px solid #14527a;border-radius:14px;background:#fff}
.pt_row {display:flex;gap:16px}
.pt_row .pt_field {flex:1}
.pt_field {margin:0 0 16px}
.pt_field label {display:block;margin:0 0 6px;font-weight:bold;font-size:15px;color:#333}
.pt_req {color:#e8573c}
.pt_input {display:block;width:100%;height:46px;padding:0 14px;border:1px solid #cfd6de;border-radius:8px;background:#fff;font-size:16px;color:#111;font-family:inherit}
textarea.pt_input {height:auto;min-height:90px;padding:12px 14px;line-height:1.6;resize:vertical}
.pt_input:focus {outline:0;border-color:#14527a;box-shadow:0 0 0 3px rgba(20,82,122,.15)}
.pt_help {margin:6px 0 0;font-size:13px;color:#7a8590}
.pt_len {margin-top:4px;text-align:right;font-size:12px;color:#99a1a9}

.pt_agree {display:flex;align-items:flex-start;gap:10px;margin:6px 0 8px;padding:16px 18px;border-radius:10px;background:#fff6ec;border:1px solid #f6d2b8;cursor:pointer;font-size:15px}
.pt_agree input {flex:0 0 auto;width:22px;height:22px;margin:1px 0 0;accent-color:#e8573c;cursor:pointer}
.pt_agree strong {color:#c23b22;font-size:16px}
.pt_privacy {margin:0 0 16px;font-size:12px;color:#8a929a}
.pt_captcha {margin:0 0 16px}

.pt_btns {display:flex;gap:10px;justify-content:center}
.pt_submit {min-width:220px;height:54px;padding:0 30px;border:0;border-radius:30px;background:#e8573c;color:#fff;font-size:18px;font-weight:bold;cursor:pointer;font-family:inherit}
.pt_submit:hover {background:#d4452b}
.pt_submit:disabled {background:#bbb;cursor:default}
.pt_btn_cancel {display:inline-flex;align-items:center;height:54px;padding:0 28px;border:1px solid #cfd6de;border-radius:30px;color:#555}
.pt_noauth {margin:0;padding:20px;text-align:center;color:#888;background:#f6f7f9;border-radius:8px}

/* 서명 목록 */
.pt_list_hd {display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding-bottom:12px;border-bottom:2px solid #0b2c45}
.pt_list_hd .pt_h3 {margin:0}
.pt_list .btn_bo_user {float:none;display:flex}
.pt_list .btn_bo_user li {float:none}
.pt_sch_result {margin:0 0 10px;font-size:14px;color:#555}
.pt_sch_result a {color:#14527a;text-decoration:underline}
.pt_chkall {display:inline-block;margin:0 0 8px;font-size:13px;color:#666}

.pt_items {margin:0;padding:0;list-style:none}
.pt_item {position:relative;padding:16px 4px;border-bottom:1px solid #eceff2}
.pt_item_hd {display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.pt_chk {float:left;margin:4px 8px 0 0}
.pt_num {min-width:44px;padding:1px 8px;border-radius:12px;background:#eef3f7;color:#14527a;font-size:12px;font-weight:bold;text-align:center}
.pt_name {font-size:16px;color:#111}
.pt_addr {font-size:14px;color:#5b6872}
.pt_addr i {color:#e8573c}
.pt_date {margin-left:auto;font-size:13px;color:#a0a7ae}
.pt_adm_view {font-size:12px;color:#14527a;border:1px solid #c9d7e2;border-radius:4px;padding:0 6px}
.pt_comment {margin:8px 0 0;padding-left:54px;font-size:15px;color:#333;word-break:break-all}
.pt_notice {display:flex;align-items:center;gap:10px;background:#fff8f3}
.pt_notice a {font-weight:bold;color:#111}
.pt_notice_ico {padding:1px 8px;border-radius:4px;background:#e8573c;color:#fff;font-size:12px;font-weight:bold}
.pt_empty {padding:60px 0;text-align:center;color:#999}

/* 서명 보기 */
.pt_card {max-width:640px;margin:30px auto;padding:40px 30px;border-radius:14px;background:#f5f8fb;border:1px solid #dde6ee;text-align:center}
.pt_card_badge {display:inline-block;margin:0 0 14px;padding:4px 14px;border-radius:20px;background:#14527a;color:#fff;font-size:13px;font-weight:bold}
.pt_card_name {margin:0;font-size:18px}
.pt_card_name strong {font-size:26px;color:#0b2c45}
.pt_card_addr {margin:6px 0 0;color:#5b6872}
.pt_card_addr i {color:#e8573c}
.pt_card_comment {margin:22px 0 0;padding:20px;border-radius:10px;background:#fff;font-size:17px;line-height:1.8;color:#222;word-break:break-all}
.pt_card_date {margin:18px 0 0;font-size:13px;color:#99a1a9}
.pt_view_hd {margin:20px 0;padding-bottom:14px;border-bottom:2px solid #0b2c45}
.pt_view_hd .pt_title {margin:0;font-size:24px;color:#0b2c45}
.pt_view_con {min-height:150px;margin-bottom:30px;line-height:1.8}
.pt_view_con img {max-width:100%;height:auto}
.pt_view_btns {display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
.pt_btn_line, .pt_btn_fill {display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 20px;border-radius:24px;font-size:15px}
.pt_btn_line {border:1px solid #cfd6de;color:#444 !important;background:#fff}
.pt_btn_fill {background:#e8573c;color:#fff !important;font-weight:bold}

/* 검색 팝업 (basic 스킨) */
.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;width:330px;max-width:90%;margin:0;transform:translate(-50%,-50%);background:#fff;text-align:left;border-radius:5px;box-shadow:1px 1px 18px rgba(0,0,0,.2);border:1px solid #dde7e9;z-index:2}
.bo_sch h3 {margin:0;padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch form {padding:15px;display:block}
.bo_sch select {width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px}
.bo_sch .sch_bar {display:flex;width:100%;margin-top:15px;border:1px solid #d0d3db;border-radius:2px}
.bo_sch .sch_input {flex:1;height:38px;border:0;padding:0 8px;background:transparent}
.bo_sch .sch_btn {height:38px;width:40px;border:0;background:none;color:#656565;font-size:15px}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25)}

/* 모바일 */
@media (max-width:768px) {
    .pt_hero {padding:30px 18px 26px;border-radius:10px}
    .pt_hero .pt_title {font-size:26px;line-height:1.4}
    .pt_intro {font-size:15px;text-align:left}
    .pt_counter {padding:12px 20px}
    .pt_counter strong {font-size:28px}
    .pt_sign {padding:20px 16px;border-radius:10px}
    .pt_row {display:block}
    .pt_submit {width:100%;min-width:0}
    .pt_btns {flex-direction:column-reverse}
    .pt_btn_cancel {justify-content:center}
    .pt_comment {padding-left:0}
    .pt_date {margin-left:0}
}

/* 스팸 차단용 함정 칸 (화면에 보이지 않음) */
.pt_hp {position:absolute !important;left:-9999px !important;top:auto;width:1px;height:1px;overflow:hidden}