@charset "utf-8";

.list-board { }
.list-board .num { width:60px; }
.list-board .flag { width:60px; }
.list-board .name { width:120px; }

.list-board .board-list { list-style:none; padding:0px; margin:0px; }
.list-board .board-list li { border-bottom:1px solid #ddd; display:table; width:100%; table-layout:fixed; }
.list-board .board-list li:hover { color:#000; background-color:#F8F8F8; }
.list-board .board-list li > div { display:table-cell; height:34px; line-height:22px; padding:6px 0px; text-align:center; vertical-align:middle; }
.list-board .board-list li .subj { padding-left:10px; text-align:left; }
.list-board .board-list .name { text-align:left; padding-left:10px; text-align:center; } 
.list-board .board-list .sv_member, 
.list-board .board-list .member { font-weight:bold; }
.list-board .none { padding:50px 0px; }

/* 접속자 IP정보 */
#ip_info_wrap {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10000;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(2px);animation: fadeIn 0.3s ease-in-out;}
#ip_info_wrap .ip_info {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #ffffff;border-radius: 12px;box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);width: 90%;max-width: 600px;max-height: 85vh;overflow-y: auto;padding: 0;}
#ip_info_wrap .ip_info h3 {margin: 0;padding: 20px 24px;font-size: 18px;font-weight: 600;color: #1a1a1a;border-bottom: 1px solid #e8ecef;}
#ip_info_wrap .ip_info_cls {position: absolute;right: 16px;top: 16px;background: none;border: none;cursor: pointer;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;transition: transform 0.2s ease;}
#ip_info_wrap .ip_info_cls:hover {transform: scale(1.1);}
#ip_info_wrap .ip_info_cls img {width: 20px;height: 20px;filter: invert(40%);}
#ip_info_wrap .cont_info_wrap {padding: 16px 24px;border-bottom: 1px solid #f1f3f5;font-size: 14px;line-height: 1.6;}
#ip_info_wrap .cont_info_wrap:last-child {border-bottom: none;}
#ip_info_wrap .cont_info_wrap dl {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 12px; font-size: 14px;margin:0px;}
#ip_info_wrap .cont_info_wrap dt {width: 100px;font-weight: 600;color: #495057;}
#ip_info_wrap .cont_info_wrap dd {flex: 1;margin: 0;color: #212529;word-break: break-word;}
#ip_info_wrap .block-ip {display: inline-block;padding: 6px 12px;border-radius: 6px;background: #ff4d4f;color: #fff;text-decoration: none;font-size: 14px;transition: background 0.2s ease;}
#ip_info_wrap .block-ip:hover {background: #e63946;}
#ip_info_wrap #flag {vertical-align: middle;width: 24px;height: 16px;margin-left: 8px;border: 1px solid #dee2e6;border-radius: 2px;}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@media (max-width: 600px) {
    #ip_info_wrap .ip_info {width: 95%;max-height: 90vh;}
    #ip_info_wrap .ip_info h3 {font-size: 1.25rem;padding: 16px;}
    #ip_info_wrap .cont_info_wrap {padding: 12px 16px;font-size: 0.9rem;}
    #ip_info_wrap .cont_info_wrap dt {width: 80px;font-size: 0.9rem;}
    #ip_info_wrap .block-ip {padding: 5px 10px;font-size: 0.8rem;}
}
@media (max-width: 400px) {
    #ip_info_wrap .cont_info_wrap dt {width: 100%;margin-bottom: 4px;}
    #ip_info_wrap .cont_info_wrap dd {width: 100%;}
}