@charset "utf-8";

/* ===========================
   북마크 URL 3분할 연결 박스
   - 왼쪽: 바로가기(흰색)
   - 가운데: URL(연회색)
   - 오른쪽: 복사(연파랑)
   - 3개가 한 네모박스처럼 완전히 연결(라운드 없음)
=========================== */
.bm-url-box{
    display:flex;
    align-items:stretch;
    width:100%;
    max-width:100%;
    border:1px solid #d0d0d0;
    border-radius:0 !important;
    overflow:hidden;
    background:#fff;
}
.bm-url-box .bm-go,
.bm-url-box .bm-url-text,
.bm-url-box .bm-copy{
    height:34px;
    line-height:34px;
    font-size:13px;
    border:0 !important;
    border-radius:0 !important;
    margin:0 !important;
    padding:0 12px;
    display:flex;
    align-items:center;
    white-space:nowrap;
}
.bm-url-box .bm-go{
    background:#fff !important;
    color:#111 !important;
    text-decoration:none !important;
    border-right:1px solid #d0d0d0 !important;
    font-weight:600;
}
.bm-url-box .bm-url-text{
    flex:1;
    background:#f3f4f6 !important;
    color:#6b7280 !important;
    overflow:hidden;
    text-overflow:ellipsis;
}
.bm-url-box .bm-copy{
    background:#38bdf8 !important; /* 연파랑 */
    color:#fff !important;
    cursor:pointer;
    border-left:1px solid rgba(0,0,0,.06) !important;
    font-weight:600;
}
.bm-url-box .bm-copy:active{ opacity:.9; }

/* ===========================
   포토 / URL 표시
   - 목록 포토 영역은 항상 60x50px
   - 실제 이미지는 비율을 유지하여 잘리지 않음
   - 클릭하면 업로드된 원본 이미지가 새 탭에서 열림
=========================== */
.rb-board-table th.td_thumb,
.rb-board-table td.td_thumb{
    width:60px !important;
    min-width:60px !important;
    max-width:60px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    text-align:center !important;
    vertical-align:middle !important;
}
.rb-board-table td.td_thumb .bm-thumb-link{
    display:inline-flex;
    width:60px;
    height:50px;
    align-items:center;
    justify-content:center;
    vertical-align:middle;
    overflow:hidden;
}
.rb-board-table td.td_thumb .bm-thumb{
    display:block;
    width:60px !important;
    height:50px !important;
    max-width:60px !important;
    max-height:50px !important;
    min-width:60px !important;
    min-height:50px !important;
    object-fit:contain !important;
    object-position:center center;
    border:0;
    border-radius:0;
}

/* URL은 전체 주소를 유지하되 화면에는 짧게 표시 */
.bm-url-box{
    min-width:0;
}
.bm-url-box .bm-url-text{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.bm-url-box .bm-go{
    flex:0 0 70px;
    justify-content:center;
    padding-left:8px;
    padding-right:8px;
}
.bm-url-box .bm-copy{
    flex:0 0 70px;
    justify-content:center;
    padding-left:8px;
    padding-right:8px;
}
.bm-url-box .bm-url-text{
    padding-left:10px;
    padding-right:10px;
}


/* ===========================
   포토 원본 이미지 마우스오버 미리보기
   - 새 창/새 탭을 사용하지 않음
   - 원본 해상도를 기준으로 표시
   - 화면보다 큰 이미지만 화면 안에 맞게 자동 축소
=========================== */
.bm-photo-preview{
    position:fixed;
    left:0;
    top:0;
    z-index:999999;
    display:none;
    padding:6px;
    background:#fff;
    border:1px solid rgba(0,0,0,.18);
    border-radius:4px;
    box-shadow:0 10px 30px rgba(0,0,0,.28);
    pointer-events:none;
    line-height:0;
}
.bm-photo-preview.is-show{
    display:block;
}
.bm-photo-preview.is-loading{
    min-width:80px;
    min-height:50px;
}
.bm-photo-preview img{
    display:block;
    width:auto;
    height:auto;
    max-width:none;
    max-height:none;
    object-fit:contain;
}
.bm-thumb-link{
    cursor:zoom-in !important;
}