/* 표/캘린더 */
.rb-att-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.rb-att-head a{padding:6px 10px;border:1px solid #ddd;border-radius:6px;text-decoration:none}
.rb-att-title{font-size:18px;}
.rb-att-cal{width:100%;border-collapse:collapse;table-layout:fixed}
.rb-att-cal th,.rb-att-cal td{border:1px solid #eee;padding:10px;vertical-align:top;cursor:pointer;}
.rb-att-cal td:hover {background-color: #fafafa;}
.rb-att-cal th{background:#fafafa;}
.rb-att-day{font-size:13px;margin-bottom:6px}
.rb-att-cell{min-height:72px;position:relative}
.rb-att-today{background-color:#f0f5f9;}
.rb-att-selected{box-shadow:inset 0 0 0 1px #111}
.rb-att-img{text-align:center;}
.rb-att-img img{width:80px;height:auto;max-width:100%}

/* 폼/버튼 */
.rb-att-form{margin-top:0;border:0;border-radius:10px;padding:20px;background:#f9f9f9;}
.rb-att-form textarea{width:100%;height:80px;padding:15px !important;border:0 !important;border-radius:8px;font-size:14px}
.rb-att-btn{margin-top:8px;display:flex;gap:8px;align-items:center}
.rb-att-btn button{padding:8px 14px;border:1px solid #111;background:#111;color:#fff;border-radius:8px;cursor:pointer}
.rb-att-msg{font-size:12px;color:#666;margin-left:6px}

/* 리스트 */
.rb-att-list{margin-top:25px;}
.rb-att-list-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;font-size:16px;padding-bottom:15px;}
.rb-att-list-box{padding:0;}
.rb-att-item{display:flex;gap:15px;align-items:flex-start;padding:20px 0;border-bottom:1px solid #eee}
.rb-att-item:last-child{border-bottom:none}
.rb-att-badge{flex:none;text-align:center;font-size:11px;padding:3px 7px;border:0px;border-radius:4px;background:#f8f8f8; display: inline-block; margin-right: 3px;}
.rb-att-badge.r1{background:#000;color:#fff;}
.rb-att-badge.r2{background:#444;color:#fff;}
.rb-att-badge.r3{background:#888;color:#fff;}
.rb-att-badge.r4{background:#aaa;color:#fff;}
.rb-att-badge.r5{background:#ccc;color:#fff;}
.rb-att-body{flex:1}
.rb-att-meta{font-size:12px;color:#666;margin-bottom:4px}
.rb-att-text{font-size:14px;line-height:1.5;word-break:break-word}
.rb-att-empty{padding:20px;color:#888;text-align:center;}
.rb-att-top-wrap{display:flex;gap:10px;}
.rb-att-top-wrap > .rb-att-top-no{flex:1 1 0;min-width:0;text-align:center;padding:10px 12px;font-size: 13px;}
.rb-att-top-no {padding: 15px; border-radius: 10px; margin-bottom: 10px; border:1px solid #eee;}
.rb-att-earned {margin-top:6px; font-size:11px; padding: 3px 7px; background-color: #f0f5f9; border-radius: 4px; width: auto; display: inline-block;}
    
.rb-att-left {float:left; width:48%;}
.rb-att-right{float:right; width:48%;}

#rb-att-left {position: sticky;}
    
@media all and (max-width: 768px){
    .rb-att-left,.rb-att-right{float:none;width:100%}
    .rb-att-right {margin-top: 20px;}
    .rb-att-form {margin-top: 20px;}
    #rb-att-left {position:relative; top: auto !important;}
    .rb-att-top-no {margin-bottom: 0px;}
    
}