/**
 * 모바일 커뮤니티 전용 스타일
 * PC community.css 를 가져온 뒤 MO 뷰포트·터치에 맞게만 보정한다.
 */
 @import url("/public/css/pages/community.css");

 /* 모바일 공통 레이아웃·목록 UI */
 .community_wrap {
   padding-top: 5.6rem;
   padding-bottom: 80px;
 }
 
 .community_wrap .community_page {
   min-height: auto;
   padding-top: 16px;
 }
 .community_board_tabs_wrap.filter_group_wrap .inner .filter_group {
  border: 0;
 }
 .community_wrap .community_page.inner {
   box-sizing: border-box;
   padding-left: 16px;
   padding-right: 16px;
 }
 
 .community_search_top {
   padding: 10px 16px 0;
 }
 
 .community_search_top .board_search {
   align-items: center;
   border: 1px solid #ddd;
   border-radius: 0.5rem;
   display: flex;
   height: 4rem;
   justify-content: space-between;
   margin-bottom: 1.6rem;
   margin-top: 1.6rem;
   overflow: hidden;
   width: 100%;
 }
 
 .community_search_top .search_input {
   font-size: 1.4rem;
   height: 100%;
   line-height: 4rem;
   padding-top: 0.1rem;
   width: 100%;
 }
 
 .community_search_top .search_input::placeholder {
   color: #878787;
   font-size: 1.4rem;
   letter-spacing: -0.042rem;
   line-height: 1.86;
 }
 
 .community_search_top .search_btn {
   background: transparent;
   border: 0;
   height: auto;
   margin: 0 0.8rem 0 1.8rem;
   min-width: 0;
   padding: 0;
   width: auto;
 }
 
 .community_search_top .search_btn img {
   display: block;
   width: 1.2rem;
 }
 
 .community_action_row .custom-select {
   background: #fff;
   max-width: 11.6rem;
   position: relative;
   width: 100%;
 }
 
 .community_action_row .custom-select .select_text {
   border: 0 !important;
   border-radius: 0.5rem;
   color: #3a3a3a;
   cursor: default;
   font-size: 1.2rem;
   height: 100%;
   letter-spacing: -0.036rem;
   width: 100%;
 }
 
 .community_action_row .custom-select .selected .arrow {
   cursor: pointer;
   transition: transform 0.3s;
   width: 1rem;
 }
 
 .community_action_row .custom-select.active .selected {
   border: 1px solid var(--brandColor2);
 }
 
 .community_action_row .custom-select .selected.on {
   border: 1px solid var(--brandColor2) !important;
 }
 
 .community_action_row .custom-select .focus {
   border: 1px solid #df222c !important;
 }
 
 .community_action_row .custom-select.active .selected .arrow {
   transform: rotate(180deg);
 }
 
 .community_action_row .custom-select .selected {
   align-items: center;
   background-color: #fff;
   border: solid 1px #f1f1f1;
   border-radius: 0.5rem;
   cursor: pointer;
   display: flex;
   font-size: 1.8rem;
   height: auto;
   justify-content: space-between;
   letter-spacing: -0.54px;
   padding: 1rem 0 1rem 1.2rem;
 }
 
 .community_action_row .custom-select .selected button {
   display: block;
   height: 100%;
   padding-right: 2rem;
 }
 
 .community_best_section {
   margin-bottom: 20px;
 }
 
 .community_best_head {
   min-height: 52px;
   padding: 10px 14px;
 }
 
 .community_best_title {
   font-size: 16px;
 }
 
 .community_best_body {
   gap: 12px;
   padding: 14px;
 }
 
 .best_rank_list {
   gap: 12px;
 }
 
 .rank_num,
 .rank_title {
   font-size: 14px;
   line-height: 1.4;
 }
 
 .community_bottom {
   margin-top: 14px;
 }
 
 .community_action_row {
   align-items: center;
   display: flex;
   gap: 10px;
   justify-content: space-between;
 }
 
 .community_sort_form {
   margin: 0;
 }
 
 .pagination_wrap ul {
   gap: 8px;
   margin: 0 10px;
   padding: 20px 0;
 }
 
 .pagination_wrap ul li a {
   font-size: 13px;
   height: 26px;
   width: 26px;
 }
 
 .community_write_btn {
   background: #1c1c1c;
   border-radius: 5px;
   bottom: 24px;
   box-shadow: 0 4px 12px rgba(0,0,0,.25);
   color: #fff;
   font-size: 20px;
   font-weight: 400;
   height: 52px;
   position: fixed;
   right: 16px;
   top: unset;
   transform: unset;
   width: 100px;
   z-index: 100;
 }
 
 /* --- 모바일 리스트 카드 (목록·상세 하단 관련글 공통) --- */
 .community_mobile_list {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
 .community_mobile_item {
   border-bottom: 1px solid #d5d5d5;
   box-sizing: border-box;
   color: #1c1c1c;
   display: flex;
   flex-direction: column;
   gap: 8px;
   justify-content: space-between;
   min-height: 72px;
   padding: 16px 0;
   text-decoration: none;
 }
 
 .community_mobile_item .item_row {
   align-items: center;
   display: flex;
   justify-content: space-between;
 }
 
 .community_mobile_item .item_row_top {
   gap: 8px;
 }
 
 .community_mobile_item .item_row_bottom {
   gap: 12px;
 }
 
 .community_mobile_item .item_meta {
   align-items: center;
   color: #878787;
   display: flex;
   flex-wrap: wrap;
   font-size: 13px;
   font-weight: 400;
   gap: 6px;
   line-height: 16px;
   margin: 0;
   min-width: 0;
 }
 
 .community_mobile_item .item_category {
   color: #007bff;
   font-size: 13px;
   font-weight: 400;
 }
 
 .community_mobile_item .item_divider {
   color: #878787;
 }
 
 .community_mobile_item .item_date {
   color: #878787;
 }
 
 .community_mobile_item .item_title {
   color: #1c1c1c;
   flex: 1;
   font-size: 17px;
   font-weight: 600;
   line-height: 20px;
   margin: 0;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .community_mobile_item .item_nickname {
   color: #878787;
   flex-shrink: 0;
   font-size: 13px;
   font-weight: 400;
   line-height: 16px;
   max-width: 42%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .community_mobile_item .item_stats {
   align-items: center;
   display: inline-flex;
   flex-shrink: 0;
   gap: 16px;
 }
 
 .community_mobile_item .item_likes,
 .community_mobile_item .item_views {
   align-items: center;
   color: #878787;
   display: inline-flex;
   font-size: 13px;
   font-weight: 400;
   gap: 4px;
   line-height: 16px;
   white-space: nowrap;
 }
 
 .community_mobile_item .item_likes img,
 .community_mobile_item .item_views img {
   display: block;
   height: auto;
   opacity: 0.85;
   width: 13px;
 }
 
 .community_mobile_list .empty_row {
   color: #878787;
   font-size: 14px;
   padding: 28px 0;
   text-align: center;
 }
 
 /* --- 텔레톡톡 게시글 상세 (M-7) --- */
 .community_wrap.community_detail_page {
   font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 }
 
 .community_detail_page .community_page {
   padding-top: 12px;
 }
 
 .community_detail_page .community_page.inner {
   padding-left: 16px;
   padding-right: 16px;
 }
 
 .community_detail_page .community_detail_card {
   background: #fff;
   border: none;
   padding: 0 0 20px;
 }
 
 .community_detail_page .detail_post_actions {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-bottom: 16px;
 }
 
 .community_detail_page .detail_meta_row {
   align-items: center;
   display: flex;
   justify-content: space-between;
   gap: 12px;
   margin-bottom: 4px;
 }
 
 .community_detail_page .detail_meta_row_left {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
   margin: 0;
   min-width: 0;
 }
 
 .community_detail_page .detail_meta_category {
   color: #007bff;
   font-size: 13px;
   font-weight: 400;
   line-height: 16px;
 }
 
 .community_detail_page .detail_meta_sep {
   color: #878787;
   font-size: 13px;
   font-weight: 300;
 }
 
 .community_detail_page .detail_meta_row .detail_meta_date {
   color: #878787;
   font-size: 13px;
   font-weight: 300;
   line-height: 16px;
 }
 
 .community_detail_page .detail_meta_author {
   color: #878787;
   flex-shrink: 0;
   font-size: 13px;
   font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .community_detail_page .detail_title_block {
   align-items: flex-start;
   display: flex;
   gap: 12px;
   justify-content: space-between;
   margin-bottom: 12px;
   padding-bottom: 14px;
   border-bottom: 1px solid #d5d5d5;
 }
 
 .community_detail_page .detail_title {
   color: #1c1c1c;
   flex: 1;
   font-size: 17px;
   font-weight: 600;
   line-height: 1.4;
   margin: 0;
   min-width: 0;
   white-space: normal;
   word-break: break-word;
 }
 
 .community_detail_page .detail_title_views {
   align-items: center;
   color: #878787;
   display: inline-flex;
   flex-shrink: 0;
   font-size: 13px;
   font-weight: 400;
   gap: 4px;
   line-height: 16px;
   padding-top: 4px;
 }
 
 .community_detail_page .detail_title_views img {
   display: block;
   height: 10px;
   opacity: 0.85;
   width: auto;
 }
 
 .community_detail_page .detail_content {
   box-sizing: border-box;
   color: #3a3a3a;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   padding: 0 0 16px;
 }

 .community_write_page .note-editable {
   font-size: 16px;
 }
 
 .community_detail_page .detail_content p {
   margin: 0 0 10px;
 }

 .community_detail_page .detail_content img {
   max-width: 100%;
   height: auto;
 }
 
 .community_detail_page .detail_reaction {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   margin: 0;
   padding: 0;
 }
 
 .community_detail_page .detail_like_btn,
 .community_detail_page .report_btn {
   align-items: center;
   background: #fff;
   border: 1px solid #d5d5d5;
   border-radius: 5px;
   box-sizing: border-box;
   color: #878787;
   cursor: pointer;
   display: inline-flex;
   font-family: inherit;
   font-size: 13px;
   font-weight: 400;
   gap: 6px;
   height: 28px;
   justify-content: center;
   line-height: 16px;
   padding: 6px 10px;
 }
 
 .community_detail_page .report_btn {
   min-width: 106px;
 }
 
 .community_detail_page .detail_like_btn img {
   display: block;
 }
 
 .community_detail_page .detail_action {
   align-items: center;
   background: #fff;
   border: 1px solid #d5d5d5;
   border-radius: 5px;
   box-sizing: border-box;
   color: #878787;
   display: inline-flex;
   font-size: 13px;
   font-weight: 300;
   height: 21px;
   justify-content: center;
   line-height: 1;
   min-width: unset;
   padding: 3px 10px;
   text-decoration: none;
   width: unset;
 }
 
 .community_detail_page .community_comment_box {
   background: #fff;
 }
 
 .community_detail_page .comment_title {
   box-sizing: border-box;
   color: #1c1c1c;
   font-size: 16px;
   font-weight: 700;
   line-height: 19px;
   margin: 0;
   padding: 17px;
   margin-left: -17px;
   margin-right: -17px;
 }
 .community_detail_page .comment_list {
  margin-left: -17px;
  margin-right: -17px;
 }
 .community_detail_page .comment_section_hint {
   box-sizing: border-box;
   color: #878787;
   font-size: 12px;
   font-weight: 400;
   line-height: 1.5;
   margin: -4px 0 12px;
   padding: 0;
 }

 .community_detail_page .detail_recommend_notice {
   box-sizing: border-box;
   color: #878787;
   font-size: 12px;
   font-weight: 400;
   line-height: 1.5;
   margin: 12px 0 0;
   padding: 0;
 }

 .community_detail_page .detail_recommend_label {
   font-weight: 600;
 }

 .community_detail_page .comment_list_viewport {
   border-bottom: 1px solid #d5d5d5;
   border-top: 1px solid #d5d5d5;
   box-sizing: border-box;
   margin-left: -17px;
   margin-right: -17px;
   max-height: min(52vh, 420px);
   -webkit-overflow-scrolling: touch;
   overflow-x: hidden;
   overflow-y: auto;
 }
 
 .community_detail_page .comment_list_viewport .comment_list {
   border-bottom: none;
   border-top: none;
   margin: 0;
 }
 
 .community_detail_page .comment_item {
   background: #f8f8f8;
   border-bottom: 1px solid #d5d5d5;
   box-sizing: border-box;
   margin: 0;
   min-height: 98px;
   padding: 17px 14px;
   min-height: unset;
 }
 
 .community_detail_page .comment_item:last-child {
   border-bottom: 1px solid #d5d5d5;
 }
 
 .community_detail_page .comment_item_main {
   align-items: flex-start;
   display: flex;
   gap: 12px;
   justify-content: space-between;
 }
 
 .community_detail_page .comment_writer {
   color: #1c1c1c;
   font-size: 16px;
   font-weight: 600;
   line-height: 19px;
 }
 
 .community_detail_page .comment_date {
   color: #878787;
   font-size: 13px;
   font-weight: 300;
   line-height: 16px;
 }
 
 .community_detail_page .comment_info_row {
   align-items: flex-start;
   display: flex;
   justify-content: space-between;
 }

 .community_detail_page .comment_info_left {
   align-items: baseline;
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
 }

 .community_detail_page .comment_text {
   color: #3a3a3a;
   font-size: 15px;
   font-weight: 400;
   line-height: 18px;
   margin: 8px 0 0;
   word-break: break-word;
 }

 .community_detail_page .comment_info_actions {
   align-self: flex-start;
   display: flex;
   flex-direction: row;
   flex-shrink: 0;
   gap: 4px;
 }

 .community_detail_page .comment_action {
   align-items: center;
   background: #fff;
   border: 1px solid #d5d5d5;
   border-radius: 4px;
   box-sizing: border-box;
   color: #878787;
   display: inline-flex;
   font-size: 13px;
   font-weight: 300;
   height: 28px;
   justify-content: center;
   line-height: 16px;
   min-width: unset;
   padding: 6px 10px;
   text-decoration: none;
   width: auto;
 }
 
 .community_detail_page .comment_more_btn {
   align-items: center;
   background: #a9a9a9;
   border: none;
   border-radius: 0;
   box-sizing: border-box;
   color: #fff;
   cursor: pointer;
   display: flex;
   font-family: inherit;
   font-size: 16px;
   font-weight: 600;
   height: 48px;
   justify-content: center;
   line-height: 19px;
   margin: 0;
   margin-left: -17px;
   margin-right: -17px;
   width: calc(100% + 34px);
   max-width: none;
 }
 
 .community_detail_page .comment_write {
   border-top: none;
   margin-top: 20px;
   padding-top: 0;
 }
 
 .community_detail_page .comment_nickname_row {
   display: flex;
   margin-bottom: 12px;
   width: 100%;
 }
 
 .community_detail_page .comment_nickname_default_btn {
   align-items: center;
   background: #fff;
   border: 1px solid #3a3a3a;
   border-radius: 5px 0 0 5px;
   box-sizing: border-box;
   color: #3a3a3a;
   cursor: pointer;
   display: flex;
   flex: 1;
   font-family: inherit;
   font-size: 13px;
   font-weight: 600;
   height: 47px;
   justify-content: center;
   line-height: 16px;
   margin: 0;
   min-height: 47px;
   padding: 12px 16px;
   width: 50%;
 }
 
 .community_detail_page .comment_nickname_default_btn:not(.is-active) {
   background: #fff;
   border-color: #d5d5d5;
   color: #878787;
   font-weight: 400;
 }
 
 .community_detail_page .comment_writer_inline_input {
   border: 1px solid #d5d5d5;
   border-left: none;
   border-radius: 0 5px 5px 0;
   box-sizing: border-box;
   color: #878787;
   flex: 1;
   font-family: inherit;
   font-size: 13px;
   height: 47px;
   margin: 0 0 0 -1px;
   min-height: 47px;
   padding: 12px 16px;
   text-align: center;
   width: 50%;
 }
 
 .community_detail_page .comment_writer_inline_input:focus {
   border-color: #3a3a3a;
   color: #3a3a3a;
   font-weight: 600;
   outline: none;
   position: relative;
   z-index: 1;
 }
 
 .community_detail_page .comment_writer_inline_input::placeholder {
   color: #878787;
   text-align: center;
 }
 
 .community_detail_page .comment_pw_input {
   border: 1px solid #d5d5d5;
   border-radius: 5px;
   box-sizing: border-box;
   color: #1c1c1c;
   font-size: 14px;
   height: auto;
   margin-bottom: 12px;
   min-height: 44px;
   padding: 12px 14px;
   width: 100% !important;
 }
 
 .community_detail_page .comment_submit_btn {
   align-items: center;
   background: #1c1c1c;
   border: none;
   border-radius: 5px;
   box-sizing: border-box;
   color: #fff;
   cursor: pointer;
   display: flex;
   font-family: inherit;
   font-size: 16px;
   font-weight: 600;
   height: 48px;
   justify-content: center;
   line-height: 19px;
   margin-bottom: 12px;
   padding: 0 16px;
   width: 100%;
 }
 
 .community_detail_page .comment_textarea {
   border: 1px solid #d5d5d5;
   border-radius: 5px;
   box-sizing: border-box;
   color: #3a3a3a;
   font-family: inherit;
   font-size: 14px;
   line-height: 1.5;
   min-height: 120px;
   padding: 14px;
   resize: vertical;
   width: 100%;
 }
 
 .community_detail_page .detail_related_posts {
   margin-top: 24px;
 }

 .community_detail_page .detail_related_heading {
   box-sizing: border-box;
   color: #1c1c1c;
   font-size: 16px;
   font-weight: 700;
   line-height: 19px;
   margin: 0;
   padding: 8px 0 12px;
 }
 
 .community_detail_page .detail_related_posts .community_table_wrap {
   margin-left: 0;
   margin-right: 0;
   padding-left: 0;
   padding-right: 0;
 }
 
 .community_detail_page .detail_related_posts .community_mobile_item:first-child {
   border-top: 1px solid #d5d5d5;
 }
 
 .community_detail_page .community_bottom {
   margin-top: 16px;
 }
 
 /* 글쓰기 (모바일) */
 .community_write_page .community_page {
   border: 0;
   padding-top: 12px;
 }
 
 .community_write_page .write_field_row {
   flex-direction: column;
   gap: 8px;
   margin-bottom: 8px;
 }
 
 .community_write_page .write_field_label {
   flex: none;
   font-size: 14px;
   max-width: none;
   min-width: 0;
   padding-top: 0;
 }
 
 .community_write_page .write_form_ctrl,
 .community_write_page .write_category_select_wrap {
   font-size: 16px;
   height: 44px;
   width: 100%;
 }
 
 .community_write_page .nickname_default_btn,
 .community_write_page .nickname_writer_inline_input {
   height: 44px;
   width: 50%;
 }
 
 .community_write_page .write_field_hint {
   font-size: 12px;
   line-height: 1.5;
 }
 
 .community_write_page .write_field_control_editor .note-editor {
   border: 1px solid #d5d5d5;
   border-radius: 5px;
 }

 .community_write_page .write_field_control_editor .note-toolbar {
   border-radius: 5px 5px 0 0;
 }

 /* 첨부: 파일 선택 + 0/1 (Figma — Pretendard 14/17, 버튼 #1C1C1C·#FFF·#D5D5D5, 현재 수 #007BFF) */
 .community_write_page .write_field_row_file .write_file_row {
   align-items: center;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   gap: 12px;
 }

 .community_write_page .write_file_input {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
 }

 .community_write_page .write_file_btn {
   align-items: center;
   background: #fff;
   border: 1px solid #d5d5d5;
   border-radius: 5px;
   box-sizing: border-box;
   color: #1c1c1c;
   cursor: pointer;
   display: inline-flex;
   flex: 0 0 auto;
   font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   justify-content: center;
   line-height: 17px;
   min-height: 40px;
   padding: 11px 16px;
   white-space: nowrap;
 }

 .community_write_page .write_file_count {
   align-items: center;
   display: inline-flex;
   flex: 0 0 auto;
   font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 17px;
   white-space: nowrap;
 }

 .community_write_page .write_file_count_cur {
   color: #007bff;
 }

 .community_write_page .write_file_count_tail {
   color: #1c1c1c;
 }

 .community_write_page .write_field_row_file .write_field_hint {
   margin-top: 8px;
 }

 .community_write_page .write_register_actions {
   margin-top: 20px;
 }
 
 .community_write_page .write_register_btn {
   font-size: 15px;
   height: 46px;
   width: 100%;
 }

 /* 비밀번호 모달 (MO 전용 — community_mo 로드 시 community.css PC 모달 덮어쓰기) */
 .community_pw_modal {
   box-sizing: border-box;
   inset: 0;
   position: fixed;
   z-index: 5000;
 }

 .community_pw_modal_dim {
   background: rgba(0, 0, 0, 0.45);
   bottom: 0;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
 }

 .community_pw_modal_panel {
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
   box-sizing: border-box;
   left: 50%;
   max-height: calc(100vh - 48px);
   max-width: 320px;
   overflow: auto;
   padding: 24px 20px 20px;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   width: calc(100% - 32px);
 }

 .community_pw_modal_title {
   color: #1c1c1c;
   font-size: 18px;
   font-weight: 700;
   line-height: 22px;
   margin: 0 0 16px;
 }

 .community_pw_modal_panel .write_form_ctrl {
   border: 1px solid #d5d5d5 !important;
   border-radius: 5px;
   box-sizing: border-box;
   color: #1c1c1c !important;
   font-size: 15px;
   height: 48px;
   padding: 0 14px;
   width: 100%;
 }

 .community_pw_modal_actions {
   display: flex;
   gap: 10px;
   margin-top: 20px;
 }

 .community_pw_modal_actions .write_cancel_btn,
 .community_pw_modal_actions .write_register_btn {
   border-radius: 5px;
   box-sizing: border-box;
   cursor: pointer;
   flex: 1;
   font-family: inherit;
   font-size: 15px;
   font-weight: 600;
   height: 48px;
   line-height: 1.2;
   margin: 0;
 }

 .community_pw_modal_actions .write_cancel_btn {
   background: #fff;
   border: 1px solid #d5d5d5;
   color: #878787;
 }

 .community_pw_modal_actions .write_register_btn {
   background: #007bff;
   border: 1px solid #007bff;
   color: #fff;
 }

 .community_report_reasons {
   display: flex;
   flex-direction: column;
   gap: 12px;
   margin-bottom: 16px;
 }

 .report_reason_item {
   align-items: center;
   cursor: pointer;
   display: flex;
   font-size: 15px;
   color: #1c1c1c;
   gap: 8px;
 }

 .report_reason_item input[type="radio"] {
   accent-color: #007bff;
   cursor: pointer;
   flex-shrink: 0;
   height: 18px;
   width: 18px;
 }

 .community_write_page .write_field_control {
  flex: none;
  width: 100%;
 }

 .community_write_page .write_field_control_editor {
  min-height: 270px;
 }
 
 /* 좁은 화면: inner 여백·테이블 가로 스크롤 */
 @media (max-width: 768px) {
   .community_wrap:not(.community_detail_page) .community_page.inner {
     box-sizing: border-box;
     padding-left: 16px;
     padding-right: 16px;
     padding-top: 30px;
   }
 
   .community_detail_page .community_page.inner {
     padding-left: 16px;
     padding-right: 16px;
   }
 
   .filter_group_wrap.community_board_tabs_wrap .inner {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     padding-bottom: 2px;
   }

   .filter_group_wrap.community_board_tabs_wrap .inner .filter_group ul {
     flex-wrap: nowrap;
     gap: 0 24px;
   }

   .filter_group_wrap.community_board_tabs_wrap .inner .filter_group ul li a {
     font-size: 18px;
     padding: 16px 4px;
     white-space: nowrap;
   }
 
   .community_filters {
     flex-direction: column;
     align-items: stretch;
   }
 
   .filter_tools {
     flex-wrap: wrap;
     justify-content: flex-start;
   }
 
   .community_wrap:not(.community_detail_page) .community_table_wrap {
     overflow-x: visible;
   }
 
   .search_form {
     width: 100%;
     max-width: 100%;
     box-sizing: border-box;
   }
 
   .keyword_input {
     flex: 1;
     min-width: 0;
     width: auto;
   }
 
   .community_bottom {
     flex-wrap: wrap;
     gap: 12px;
   }
 }

/* 탭 위 모바일 검색바 */
.mo_community_search_bar {
  background: #fff;
  border-bottom: 1px solid #ececec;
  margin-bottom: 12px;
}

.mo_community_search_bar .search_form {
  width: 100%;
  box-sizing: border-box;
  height: 52px;
  padding: 10px 18px;
  border: none;
  border-radius: 0;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}

.mo_community_search_bar .keyword_input {
  font-size: 15px;
  width: 100%;
}

/* 상단고정 게시글 하이라이트 */
.community_mobile_item.notice_item {
  background: #e8f3ff;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom-color: #cde0ff;
}

.community_mobile_item.notice_item .item_title {
  font-weight: 700;
}

.community_mobile_item.notice_item .item_category {
  color: #1273eb;
  font-weight: 600;
}

/* Summernote 모달 모바일 대응 */
.note-modal-content {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: calc(100% - 32px) !important;
  max-width: 480px;
  margin: 0 !important;
  border-radius: 8px;
  overflow: hidden;
}

.note-modal-header {
  padding: 10px 16px;
}

.note-modal-body {
  padding: 14px 16px;
}

.note-modal-footer {
  height: auto;
  padding: 8px 16px 12px;
}

.note-form-group {
  padding-bottom: 12px;
}

/* 드래그앤드롭 영역 모바일 불필요 — 숨김 */
.note-image-dialog .note-dropzone {
  display: none;
}

/* 파일 선택 입력 커스텀 스타일 */
.note-image-input {
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  padding: 6px 0;
  width: 100%;
}

.note-image-input::file-selector-button,
.note-image-input::-webkit-file-upload-button {
  background-color: #f5f5f5;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  color: #1c1c1c;
  cursor: pointer;
  font-size: 14px;
  margin-right: 10px;
  padding: 6px 14px;
}