@charset "utf-8";

/* ========================== 민원인 마이페이지 스타일 ========================== */
.mypage_section{margin-bottom:60px;}
  .mypage_section:last-child{margin-bottom:40px;}

  .mypage_title{font-size:22px;font-weight:700;color:#333;margin:0 0 20px 0;padding-left:16px;position:relative;}
  .mypage_title::before{width:5px;height:22px;}

  .mypage_table{width:100%;border-collapse:collapse;background:#fff;margin:0;table-layout:fixed;display:table;}
  .mypage_table colgroup{display:table-column-group;}
  .mypage_table thead{display:table-header-group;}
  .mypage_table tbody{display:table-row-group;}
  .mypage_table tr{display:table-row;}
  .mypage_table td{display:table-cell;}

  .mypage_table thead th{background: #f2f5fa;color: #333;font-size:16px;font-weight:600;padding:16px 12px;text-align:center;border: 1px solid #ccd7ea;vertical-align:middle;}
  .mypage_table tbody td{padding: 14px 18px;font-size: 16px;color:#333;text-align:center;border: 1px solid #ccd7ea;vertical-align:middle;line-height:1.5;word-break:keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .mypage_table tbody tr{transition:background-color 0.2s;}
  .mypage_table tbody tr:hover{background-color:#f6f7f8;}
  .mypage_table tbody td:first-child{background:transparent;color:#333;}
  .mypage_table tbody td.txt_left{text-align:left;}

/* 제목 링크 */
.title_link{color:#333;text-decoration:none;display:block;transition:color 0.2s;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%;font-size:16px;font-weight:500;}
.title_link:hover{color:#333;text-decoration:underline;}
.title_link:visited{color:#333;}
/* 상태 배지 */
.status_badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:600;border-radius:20px;white-space:nowrap;}
.status_badge.status_receive{color:#2e7d32;border: 1px solid #2e7d32;}
.status_badge.status_progress{color:#e65100;border: 1px solid #e65100;}
.status_badge.status_complete{color:#1565c0;border: 1px solid #1565c0;}

/* 테이블 버튼 */
.table_btn{display:inline-block;padding: 11px 15px;font-weight:500;border: 1px solid #003894;background: #ffffff;color: #333;border-radius:6px;cursor:pointer;transition:all 0.5s;}
.table_btn:hover{background:#f2f5fa;}
.table_btn.btn_edit{border-color:#f5a200;color:#f5a200;}
.table_btn.btn_edit:hover{background:#fff;color:#f5a200;}

/* 페이지네이션 */
.pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin:20px 0;padding:12px 0;}
.page_btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all 0.2s;position:relative;}
.page_btn:hover{border-color:#ddd;background:#fff;}
.page_btn::before{content:"";display:block;width:8px;height:8px;border-left:2px solid #666;border-bottom:2px solid #666;}
.page_btn.page_first::before{transform:rotate(45deg);margin-left:4px;}
.page_btn.page_first::after{content:"";display:block;width:8px;height:8px;border-left:2px solid #666;border-bottom:2px solid #666;transform:rotate(45deg);position:absolute;left:7px;}
.page_btn.page_prev::before{transform:rotate(45deg);margin-left:2px;}
.page_btn.page_next::before{transform:rotate(-135deg);margin-right:2px;}
.page_btn.page_last::before{transform:rotate(-135deg);margin-right:4px;}
.page_btn.page_last::after{content:"";display:block;width:8px;height:8px;border-left:2px solid #666;border-bottom:2px solid #666;transform:rotate(-135deg);position:absolute;right:7px;}
.page_numbers{display:flex;gap:3px;margin:0 6px;}
.page_num{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;font-size:13px;color:#666;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all 0.2s;}
.page_num:hover{border-color:#ddd;color:#666;background:#fff;}
.page_num.active{background:#6856cc;color:#fff;border-color:#6856cc;font-weight:600;}

/* IR */
.tmpl_ir{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}


/* ========================== 민원인 마이페이지 스타일 ========================== */

/* 제목 링크 */
.title_link{color:#333;text-decoration:none;display:block;transition:color 0.2s;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%;font-size:16px;font-weight:500;}
.title_link:hover{color:#333;text-decoration:underline;}
.title_link:visited{color:#333;}

/* 배지 */
.badge_new{display:inline-block;padding:2px 5px;background:#e02121;color:#fff;font-size:10px;font-weight:700;border-radius:4px;margin-right:3px;vertical-align:middle;}

/* 상태 배지 */
.status_badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:600;border-radius:20px;white-space:nowrap;}
.status_badge.status_receive{color:#2e7d32;border: 1px solid #2e7d32;}
.status_badge.status_progress{color:#e65100;border: 1px solid #e65100;}
.status_badge.status_complete{color:#1565c0;border: 1px solid #1565c0;}

/* 테이블 버튼 */
.table_btn.btn_edit{border-color:#f5a200;color:#f5a200;}
.table_btn.btn_edit:hover{background:#fff;color:#f5a200;}

/* 페이지네이션 */
.pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin:20px 0;padding:12px 0;}
.page_btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all 0.2s;position:relative;}
.page_btn:hover{border-color:#ddd;background:#fff;}
.page_btn::before{content:"";display:block;width:8px;height:8px;border-left:2px solid #666;border-bottom:2px solid #666;}
.page_btn.page_first::before{transform:rotate(45deg);margin-left:4px;}
.page_btn.page_first::after{content:"";display:block;width:8px;height:8px;border-left:2px solid #666;border-bottom:2px solid #666;transform:rotate(45deg);position:absolute;left:7px;}
.page_btn.page_prev::before{transform:rotate(45deg);margin-left:2px;}
.page_btn.page_next::before{transform:rotate(-135deg);margin-right:2px;}
.page_btn.page_last::before{transform:rotate(-135deg);margin-right:4px;}
.page_btn.page_last::after{content:"";display:block;width:8px;height:8px;border-left:2px solid #666;border-bottom:2px solid #666;transform:rotate(-135deg);position:absolute;right:7px;}
.page_numbers{display:flex;gap:3px;margin:0 6px;}
.page_num{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;font-size:13px;color:#666;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all 0.2s;}
.page_num:hover{border-color:#ddd;color:#666;background:#fff;}
.page_num.active{background: #003894;color:#fff;border-color: #003894;font-weight:600;}

@media (min-width:768px) and (max-width:1023px){
  .mypage_section{margin-bottom:50px;}
  .mypage_title{font-size:20px;padding-left:14px;margin-bottom:20px;}
  .mypage_title::before{width:4px;height:20px;}

  /* 테이블 레이아웃 */
  .mypage_table{display:table;}
  .mypage_table colgroup{display:table-column-group;}
  .mypage_table thead{display:table-header-group;}
  .mypage_table tbody{display:table-row-group;}
  .mypage_table tr{display:table-row;}
  .mypage_table td{display:table-cell;}

  .mypage_table thead th{background: #f2f5fa;color: #333;font-size:15px;font-weight:600;padding:14px 10px;text-align:center;border: 1px solid #ccd7ea;vertical-align:middle;}
  .mypage_table tbody tr{margin-bottom:0;border:0;border-radius:0;overflow:visible;background:#fff;}
  .mypage_table tbody td{border:1px solid #e5e5e5;text-align:center;padding:12px 10px;font-size:14px;}
  .mypage_table tbody td:first-child{background:transparent;color:#333;}

  .title_link{white-space:nowrap;font-size:inherit;font-weight:400;}

  .badge_new{padding:3px 7px;font-size:11px;}
  .status_badge{padding:5px 12px;font-size:13px;}
  .table_btn{padding:5px 10px;font-size:12px;}
  .pagination{gap:6px;margin:25px 0;padding:15px 0;}
  .page_btn, .page_num{width:30px;height:30px;min-width:30px;font-size:14px;}
  .page_numbers{gap:6px;margin:0 8px;}
}

@media (min-width:1024px){
  .mypage_section{margin-bottom:60px;}
  .mypage_section:last-child{margin-bottom:40px;}

  .mypage_title{font-size:22px;font-weight:700;color:#333;margin:0 0 20px 0;padding-left:16px;position:relative;}
  .mypage_title::before{width:5px;height:22px;}

  .mypage_table{width:100%;border-collapse:collapse;background:#fff;margin:0;table-layout:fixed;display:table;}
  .mypage_table colgroup{display:table-column-group;}
  .mypage_table thead{display:table-header-group;}
  .mypage_table tbody{display:table-row-group;}
  .mypage_table tr{display:table-row;}
  .mypage_table td{display:table-cell;}

  .mypage_table thead th{background:#6856cc;color:#fff;font-size:16px;font-weight:600;padding:16px 12px;text-align:center;border:1px solid #6856cc;vertical-align:middle;}
  .mypage_table tbody td{padding: 14px 18px;font-size: 16px;color:#333;text-align:center;border: 1px solid #ccd7ea;vertical-align:middle;line-height:1.5;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .mypage_table tbody tr{transition:background-color 0.2s;}
  .mypage_table tbody tr:hover{background-color:#f9f8ff;}
  .mypage_table tbody td:first-child{background:transparent;color:#333;}
  .mypage_table tbody td.txt_left{text-align:left;}

.mypage_table tbody .complete{color:#1d7be5; font-weight:600;}
.mypage_table tbody .ing{ color:#ed651b;font-weight:600;}
.mypage_table tbody .Accepting{ color:#18b520;font-weight:600;}


  .title_link{color:#333;text-decoration:none;display:block;transition:color 0.2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:inherit;font-weight: 500;}
  .title_link:hover{text-decoration:underline;}
  .title_link:visited{color:#333;}

  .badge_new{padding:3px 8px;background:#e02121;color:#fff;font-size:12px;font-weight:700;border-radius:4px;margin-right:6px;vertical-align:middle;}

  .status_badge{padding:6px 14px;font-size:14px;}
  .status_badge.status_receive{color:#2e7d32;border: 1px solid #2e7d32;}
  .status_badge.status_progress{color:#e65100;border: 1px solid #e65100;}
  .status_badge.status_complete{color:#1565c0;border: 1px solid #1565c0;}

  .table_btn{padding: 9px 18px;font-size: 16px;margin:2px;}
  .table_btn.btn_edit{border-color:#f5a200;color:#f5a200;}

  .pagination{gap:8px;margin:30px 0;padding:20px 0;}
  .page_btn{width:32px;height:32px;}
  .page_btn::before{width:10px;height:10px;}
  .page_btn.page_first::after, .page_btn.page_last::after{width:10px;height:10px;}
  .page_numbers{gap:6px;margin:0 8px;}
  .page_num{min-width:32px;height:32px;padding:0 8px;font-size:15px;}
}

/* ========================== 민원 보기 페이지(상세) ========================== */
.view_wrap{margin-top:10px}
.view_table{width:100%;border-collapse:collapse;background:#fff;table-layout:fixed}
.view_table th{background: #f2f5fa;color:#333;font-weight:600;border: 1px solid #ccd7ea;text-align:left;padding:12px;vertical-align:middle}
.view_table td{border:1px solid #e5e5e5;padding: 22px;vertical-align:middle;word-break:keep-all}

.cv_field{line-height:1.6;color:#333}

/* 신고 지역: 지도 + 좌표 */
.cv_region{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
.cv_map{flex:1 1 420px;min-width:280px;min-height: 350px;background:#fafafa;border:1px dashed #cfcfe8;border-radius:8px}
.cv_coords{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.coord{display:flex;align-items:center;gap:6px}
.coord label{display:inline-block;min-width:14px;color:#555}
.cv_input{height:36px;border:1px solid #ddd;border-radius:6px;padding:0 10px;min-width:160px;box-sizing:border-box;max-width:100%}


.cv_attach{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}
.cv_attach .photo{width: 100%;max-height: 500px;/* border-radius:8px; */position:relative;overflow:hidden;}
.cv_content p{line-height: 1.6;}

.cv_select{height:38px;border:1px solid #ddd;border-radius:8px;padding:0 12px;min-width:180px;box-sizing:border-box;max-width:100%}
.cv_btns{display:flex;gap:6px;justify-content:center;margin-top: 50px;}

@media (max-width:767px){
  .view_table colgroup{display:none}
  .view_table{table-layout:auto}

  .view_table tr{display:grid;grid-template-columns:minmax(84px,30%) minmax(0,1fr)}
  .view_table th,.view_table td{display:block}
  .view_table th{width:auto;border-right:1px solid #e5e5e5}
  .view_table th,.view_table td{padding:12px}
  .view_table td{min-width:0}
  .cv_map{flex:1 1 100%;min-height:200px;min-width:0;width:100%}
  .cv_region{flex-direction:column;gap:12px}
  .cv_coords{display:flex;flex-direction:column;width:100%}
  .coord{width:100%}
  .cv_input{width:100%;min-width:0}
  .cv_select{width:100%;min-width:0;display:block}
  .cv_select + .cv_select{margin-top:8px}
  .cv_attach{flex-direction:column}
  .cv_attach .photo{width:100%;height:180px}
  .cv_btns{flex-wrap:wrap}
  .cv_btns .table_btn{flex:1 1 calc(50% - 6px)}
}

/* 기본 글쓰기 */
.bbs_write02{width:100%; margin:10px 0; border-top:1px solid #555555; border-left:2px solid #fff; border-right:2px solid #fff;}
.bbs_write02 th, .bbs_write02 td{display:block;  border:1px solid #e8e8e8; border-top:none; padding:12px 10px; line-height:1.5em; text-align:center;}
.bbs_write02 th{background:#f9f2ed; text-align:center; font-weight:500;}
.bbs_write02 td *{vertical-align: middle;}
.bbs_write02 input{border:1px solid #dedede; border-radius:5px; height:42px; margin:2px 0; padding:0 7px;}
.bbs_write02 input[type=checkbox]{width:15px; height:15px; border-radius:5px;}
.bbs_write02 input[type=radio]{width:15px; height:15px;}
.bbs_write02 .bw_file{margin:2px 0;}
.bbs_write02 .bw_file input{width:100%; height:40px; padding:4px;}
.bbs_write02 .bw_file .memoarea{display:flex; justify-content: space-between;}
.bbs_write02 .bw_file .memoarea input{display: inline-block; width:calc(100% - 120px);}
.bbs_write02 .bw_file .memoarea em{display: inline-block; width: 110px; padding:11px 0 0 21px; font-style: normal; }
.bbs_write02 td .ggong ul li{color:#666; margin:10px 0;}
.bbs_write02 td .ggong ul li img{display:block; height:35px; margin:0 auto; padding-right:10px;}
.bbs_write02 textarea{border:1px solid #dedede; border-radius:5px;}
.bbs_write02 select{border:1px solid #dedede; border-radius:5px; height:40px;  margin:2px 0; padding: 7px 0;}
.bbs_write02 td label{margin:auto;}
.bbs_write02 a span{display:inline-block; margin:0 5px;}


@media (min-width:768px) and (max-width:1023px){
  .mypage_section{margin-bottom:50px;}
  .mypage_title{font-size:20px;padding-left:14px;margin-bottom:20px;}
  .mypage_title::before{width:4px;height:20px;}

  .mypage_table{display:table;}
  .mypage_table colgroup{display:table-column-group;}
  .mypage_table thead{display:table-header-group;}
  .mypage_table tbody{display:table-row-group;}
  .mypage_table tr{display:table-row;}
  .mypage_table td{display:table-cell;}

  .mypage_table tbody tr{margin-bottom:0;border:0;border-radius:0;overflow:visible;background:#fff;}
  .mypage_table tbody td{border:1px solid #e5e5e5;text-align:center;padding:12px 10px;font-size:14px;white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;}
  .mypage_table tbody td:first-child{background:transparent;color:#333;}

  .title_link{white-space:nowrap;font-size:inherit;font-weight:400;}

  .badge_new{padding:3px 7px;font-size:11px;}
  .status_badge{padding:5px 12px;font-size:13px;}
  .table_btn{padding: 7px 14px;font-size: 16px;}
  .pagination{gap:6px;margin:25px 0;padding:15px 0;}
  .page_btn, .page_num{width:30px;height:30px;min-width:30px;font-size:14px;}
  .page_numbers{gap:6px;margin:0 8px;}
}

@media (min-width:1024px){
  .mypage_section{margin-bottom:60px;}
  .mypage_section:last-child{margin-bottom:40px;}

  .mypage_title{font-size:22px;font-weight:700;color:#333;margin:0 0 20px 0;padding-left:16px;position:relative;}
  .mypage_title::before{width:5px;height:22px;}

  .mypage_table{width:100%;border-collapse:collapse;background:#fff;margin:0;table-layout:fixed;display:table;}
  .mypage_table colgroup{display:table-column-group;}
  .mypage_table thead{display:table-header-group;}
  .mypage_table tbody{display:table-row-group;}
  .mypage_table tr{display:table-row;}
  .mypage_table td{display:table-cell;}

  .mypage_table thead th{background: #f2f5fa;color: #333;font-size:16px;font-weight:600;padding:16px 12px;text-align:center;border: 1px solid #ccd7ea;vertical-align:middle;}
  .mypage_table tbody td{padding: 14px 18px;font-size: 16px;color:#333;text-align:center;border: 1px solid #ccd7ea;vertical-align:middle;line-height:1.5;word-break:keep-all;}
  .mypage_table tbody tr{transition:background-color 0.2s;}
  .mypage_table tbody tr:hover{background-color:#f6f7f8;}
  .mypage_table tbody td:first-child{background:transparent;color:#333;}
  .mypage_table tbody td.txt_left{text-align:left;}

  .title_link{color:#333;text-decoration:none;display:block;transition:color 0.2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:inherit;font-weight: 500;}
  .title_link:hover{text-decoration:underline;}
  .title_link:visited{color:#333;}

  .badge_new{padding:3px 8px;background:#e02121;color:#fff;font-size:12px;font-weight:700;border-radius:4px;margin-right:6px;vertical-align:middle;}

  .status_badge{padding:6px 14px;font-size:14px;}
  .status_badge.status_receive{color:#2e7d32;border: 1px solid #2e7d32;}
  .status_badge.status_progress{color:#e65100;border: 1px solid #e65100;}
  .status_badge.status_complete{color:#1565c0;border: 1px solid #1565c0;}

  .table_btn.btn_edit{border-color:#f5a200;color:#f5a200;}

  .pagination{gap:8px;margin:30px 0;padding:20px 0;}
  .page_btn{width:32px;height:32px;}
  .page_btn::before{width:10px;height:10px;}
  .page_btn.page_first::after, .page_btn.page_last::after{width:10px;height:10px;}
  .page_numbers{gap:6px;margin:0 8px;}
  .page_num{min-width:32px;height:32px;padding:0 8px;font-size:15px;}
}

/* ========================== 민원 보기 페이지(상세) ========================== */
.view_wrap{margin-top:10px}
.view_table{width:100%;border-collapse:collapse;background:#fff;table-layout:fixed}
.view_table th{background: #f2f5fa;color:#333;font-weight:600;border: 1px solid #ccd7ea;text-align:left;padding:12px;vertical-align:middle}
.view_table td{border:1px solid #e5e5e5;padding: 22px;vertical-align:middle;word-break:keep-all}

.cv_field{line-height:1.6;color:#333}

/* 신고 지역: 지도 + 좌표 */
.cv_region{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
.cv_map{flex:1 1 420px;min-width:280px;min-height: 350px;background:#fafafa;border:1px dashed #cfcfe8;border-radius:8px}
.cv_coords{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.coord{display:flex;align-items:center;gap:6px}
.coord label{display:inline-block;min-width:14px;color:#555}
.cv_input{height:36px;border:1px solid #ddd;border-radius:6px;padding:0 10px;min-width:160px;box-sizing:border-box;max-width:100%}

/* 첨부 이미지 */
.cv_attach{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}
.cv_attach .photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
.cv_content p{line-height: 1.6;}
.cv_select{height:38px;border:1px solid #ddd;border-radius:8px;padding:0 12px;min-width:180px;box-sizing:border-box;max-width:100%}
.cv_btns{display:flex;gap:6px;justify-content:center;margin-top: 50px;}

@media (max-width:767px){
  .view_table colgroup{display:none}
  .view_table{table-layout:auto}
  .view_table tr{display:grid;grid-template-columns:minmax(84px,30%) minmax(0,1fr)}
  .view_table th,.view_table td{display:block}
  .view_table th{width:auto;border-right:1px solid #e5e5e5}
  .view_table th,.view_table td{padding:12px}
  .view_table td{min-width:0}
  .cv_map{flex:1 1 100%;min-height:200px;min-width:0;width:100%}
  .cv_region{flex-direction:column;gap:12px}
  .cv_coords{display:flex;flex-direction:column;width:100%}
  .coord{width:100%}
  .cv_input{width:100%;min-width:0}
  .cv_select{width:100%;min-width:0;display:block}
  .cv_select + .cv_select{margin-top:8px}
  .cv_attach{flex-direction:column}
  .cv_attach .photo{width:100%;height:180px}
  .cv_btns{flex-wrap:wrap}
  .cv_btns .table_btn{flex: 1 1 calc(30% - 6px);}
}
	/* 개인정보 안내 박스 */
	.pr_Info{position:relative;border:1px solid #ccd7ea;background:#fff;padding: 21px 31px;margin:10px 0 14px;}
	.pr_Info::before{content:"";position:absolute;left: 19px;top: -2px;width: 126px;height: 4px;background: #6856cc;border-radius:2px;}
	.pr_wrap ul{margin:0;padding:0;display:grid;gap:10px 18px;color:#333;line-height:1.6;margin-top: 20px;}
	.pr_wrap li{/* word-break:keep-all; */}
	.pr_agree{margin-top:20px;}
	.pr_agree label{display:inline-flex;align-items:center;gap:6px;margin-right:16px;}
	@media (max-width:767px){.pr_wrap ul{grid-template-columns:1fr;}}


/* 기본 글쓰기 */
.w_star{color: #db2457;}
.bbs_write02{width:100%;margin:10px 0;border-top: 2px solid #ccd7ea;border-left:2px solid #fff;border-right:2px solid #fff;}
.bbs_write02 th, .bbs_write02 td{display:block;  border:1px solid #ccd7ea; border-top:none; padding:12px 10px; line-height:1.5em; text-align:center;}
.bbs_write02 th{background: #f2f5fa;text-align:center;font-weight:500;}
.bbs_write02 td *{vertical-align: middle;}
.bbs_write02 input{border:1px solid #dedede; border-radius:5px; height:42px; margin:2px 0; padding:0 7px;}
.bbs_write02 input[type=checkbox]{width:15px; height:15px; border-radius:5px;}
.bbs_write02 input[type=radio]{width:15px; height:15px;}
.bbs_write02 .bw_file{margin:2px 0;}
.bbs_write02 .bw_file input{width:100%; height:40px; padding:4px;}
.bbs_write02 .bw_file .memoarea{display:flex; justify-content: space-between;}
.bbs_write02 .bw_file .memoarea input{display: inline-block; width:calc(100% - 120px);}
.bbs_write02 .bw_file .memoarea em{display: inline-block; width: 110px; padding:11px 0 0 21px; font-style: normal; }
.bbs_write02 td .ggong ul li{color:#666; margin:10px 0;}
.bbs_write02 td .ggong ul li img{display:block; height:35px; margin:0 auto; padding-right:10px;}
.bbs_write02 textarea{border:1px solid #dedede; border-radius:5px;}
.bbs_write02 select{border:1px solid #dedede; border-radius:5px; height:40px;  margin:2px 0; padding: 7px 0;}
.bbs_write02 td label{margin:auto;}
.bbs_write02 a span{display:inline-block; margin:0 5px;}

@media all and (min-width:768px){
.bbs_write02 td{display: table-cell;text-align: left;}
.bbs_write02 th{display: table-cell;}
.bbs_write02 td .ggong ul li img {display: inline-block;margin: 0;}
}               


/* ========================== 민원 보기 페이지: 답변/댓글 영역========================== */
.bbs_reply{background: var(--bggray2);border:2px solid #ddd;border-radius:10px;padding:20px;margin-top:30px;}
.bbs_reply .bbs_vtop{padding:10px 0;}
.bbs_reply .bbs_vtop h4{color:#000;font-size:25px;font-weight:normal;margin:0 0 15px 0;background:none;}
.bbs_reply .bbs_vtop h4 strong{color:#5999ff;}
.bbs_reply .col{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:flex-end;margin-bottom:10px;text-align:right;}
.bbs_reply .col li{margin:0;color:#666;}
.bbs_reply .col li strong{color:#000;vertical-align:baseline;}
.bbs_reply .bbs_btn{text-align:right;margin-top:16px;}
.bbs_reply .bbs_btn .bbs_bt1{display:inline-block;padding:9px 14px;border:1px solid #ddd;background:#fff;border-radius:6px;transition:background-color .2s;}
.bbs_reply .bbs_btn .bbs_bt1:hover{background:#f6f7f8;}
.bbs_reply .bbs_con{padding:20px 0;line-height:1.5em;font-size:16px;}

.bbs_re{margin:30px 0;}
.bbs_re .re_write h4{margin:0 0 10px 0;font-size:18px;color:#000;}
.bbs_re .re_form{position:relative;}
.bbs_re .re_form fieldset{position:relative;border:0;padding:0;margin:0;}
.bbs_re .re_form textarea{float:none;width:100%;height:120px;background: var(--bggray2);border:1px solid #e5e5e5;padding:12px 100px 56px 12px;border-radius:10px;box-sizing:border-box;font-family:inherit;resize:vertical;}
.bbs_re .re_form .table_btn{position:absolute;right:12px;bottom:12px;min-width:88px;height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center;white-space:nowrap;color:#333;}
.bbs_re .bbs_total{margin:8px 0 12px;color:#333;}
.bbs_re .bbs_page{display:flex;gap:6px;justify-content:center;}
.bbs_re .bbs_page a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;font-size:13px;color:#666;border:1px solid #ddd;background:#fff;border-radius:6px;transition:all .2s;}
.bbs_re .bbs_page a.on{background:#003894;color:#fff;border-color:#003894;font-weight:600;}
.bbs_re .bbs_page a:hover{background:#f6f7f8;}

/* 답변 상단: 답변일/답변자 가로 정렬 */
.bbs_vtop .col{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:flex-end;margin-bottom:10px;text-align:right;}
.bbs_vtop .col li{display:inline-flex;align-items:center;margin:0;}

@media (min-width:768px) and (max-width:1023px){
  .bbs_reply{padding:22px;}
  .bbs_re .re_form{display:block;}
  .bbs_re .re_form textarea{height:140px;}
  .bbs_re .bbs_total{display:flex;justify-content:flex-end;}
}

@media (min-width:1024px){
  .bbs_reply{padding:24px;}
  .bbs_re .re_form textarea{height:160px;}
  .bbs_re .bbs_total{font-size:15px;}
}