@charset "utf-8";

/* ### 1. 그누보드 순정 기반 더보기 메뉴 (.more_opt) ### */
.more_opt {
    display: none;
    position: absolute;
    top: 45px;
    right: 5px;
    background: #fff;
    border: 1px solid #b8bfc4;
    z-index: 9999;
    padding: 0;
    list-style: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    width: 60px !important; 
    min-width: 60px !important;
}

.more_opt:before { content:""; position:absolute; top:-8px; right:6px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #b8bfc4 transparent; }
.more_opt:after { content:""; position:absolute; top:-6px; right:6px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent; }

.more_opt li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f1f1f1;
    text-align: center;
}

.more_opt li:last-child { border-bottom: 0; }

.more_opt li a, 
.more_opt li button {
    display: block !important;
    width: 100% !important;
    padding: 10px 0 !important;
    border: 0 !important;
    background: #fff !important;
    color: #4e546f !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    text-decoration: none;
}

.more_opt li:hover { background: #f8f9fa; }
.more_opt li:hover a, .more_opt li:hover button { color: #000 !important; }

/* ### 2. 베스트 화살표 색상 유지 ### */
.fa-arrow-up { color: blue !important; }
.fa-arrow-down { color: red !important; }

/* ### 3. 기존 프로필 및 기본 스타일 유지 ### */
#bo_v_info { display: flex; align-items: center; gap: 7px; font-size: 13px; color: #666; padding: 10px 0; border-bottom: 1px solid #eee; }
#bo_v_info .profile_img img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.btn_bo_user { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; gap: 5px; }
.btn_bo_user li { position: relative; }


/* =======================================================
   4. 모바일 글쓰기(write.php) UI 완벽 복구
======================================================= */

#bo_w { padding: 15px; box-sizing: border-box; }
#bo_w .write_div { margin: 10px 0; position: relative; }

/* 기본 입력창 공통 스타일 */
#bo_w .frm_input {
    width: 100%;
    height: 45px;
    border: 1px solid #d0d3db;
    background: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 14px;
}

/* 제목, 이메일 등 주요 필드 */
#bo_w #wr_email, 
#bo_w #wr_homepage, 
#bo_w #wr_subject {
    width: 100% !important;
}

/* [링크 입력 박스] */
#bo_w .bo_w_link { 
    position: relative; 
    margin-bottom: 10px; 
}
#bo_w .bo_w_link label {
    position: absolute;
    top: 1px; left: 1px;
    border-radius: 3px 0 0 3px;
    width: 45px; height: 43px;
    line-height: 43px;
    font-size: 1.2em;
    text-align: center;
    color: #b2b2b2;
    z-index: 10;
}
#bo_w .bo_w_link .frm_input {
    padding-left: 50px !important;
    width: 100% !important;
    box-sizing: border-box;
}


/* [파일 첨부 박스 디자인 - HTML 구조(.fileName)에 맞춤] */
#bo_w .bo_w_flie { 
    margin-bottom: 10px; 
    position: relative;
    width: 100%;
}

/* 1. 외곽 컨테이너: 이것만 테두리(Border)를 가집니다. */
#bo_w .bo_w_flie .file_wr {
    position: relative;
    background: #fff;
    border: 1px solid #d0d3db; /* 유일한 외곽 테두리 */
    border-radius: 3px;
    height: 45px;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    margin: 0;
}

/* 2. 아이콘 (왼쪽) */
#bo_w .bo_w_flie .lb_icon {
    position: absolute;
    top: 0; left: 0;
    width: 45px; height: 43px;
    line-height: 43px;
    font-size: 1.2em;
    text-align: center;
    color: #b2b2b2;
    background: #fff;
    z-index: 10;
}

/* 3. "파일을 첨부하세요" 텍스트창 (.fileName 클래스 타겟팅) */
/* 중요: 테두리를 없애고 위치만 잡습니다. */
#bo_w .bo_w_flie .fileName {
    display: block !important;
    width: 100% !important;
    height: 45px !important;
    
    /* 테두리 제거 (박스 깨짐 해결) */
    border: 0 !important; 
    background: transparent !important;
    box-shadow: none !important;
    
    /* 여백 확보: 왼쪽 아이콘, 오른쪽 버튼 공간 */
    padding: 0 80px 0 50px !important; 
    box-sizing: border-box;
    
    font-size: 14px; /* 링크창과 동일 폰트 */
    color: #888;
    line-height: 45px;
}

/* 4. "파일첨부" 오른쪽 파란 버튼 */
#bo_w .bo_w_flie .btn_file {
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%); /* 정확한 수직 중앙 */
    border: 1px solid #3a8afd;
    border-radius: 3px;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    color: #3a8afd;
    font-size: 13px;
    font-weight: bold;
    background: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 20;
}

/* 5. 실제 파일 input은 숨김 (기능은 jQuery가 처리함) */
#bo_w .bo_w_flie input[type="file"] {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* 본문 Textarea */
#bo_w .wr_content {
    width: 100% !important;
    height: 300px;
    border: 1px solid #d0d3db;
    box-sizing: border-box;
    padding: 10px;
}

/* 하단 버튼 */
#bo_w .btn_confirm { text-align: center; margin: 20px 0; }
#bo_w .btn_submit { width: 49%; height: 45px; font-weight: bold; font-size: 1.083em; border-radius: 3px; }

/* 취소 버튼 중앙 정렬 */
#bo_w .btn_cancel { 
    display: inline-block;
    width: 49%; height: 45px; line-height: 43px; /* height - border 2px */
    font-weight: bold; font-size: 1.083em; 
    background: #fff; border: 1px solid #dcdcdc; border-radius: 3px; 
    text-align: center; 
    box-sizing: border-box; 
    color: #333; text-decoration: none;
    vertical-align: middle;
}

/* 회색 줄 제거 및 배경 흰색 설정 */
#bo_list .list_01 li {
    padding: 6px 12px;
    border-bottom: none; /* 회색 줄 제거 */
    background: #fff; /* 배경 흰색으로 설정 */