@charset "utf-8";

.badge-new { display:inline-block; font-size:10px; font-weight:700; color:#fff; background:#e74c3c; border-radius:3px; padding:1px 4px; margin-right:4px; vertical-align:middle; line-height:1.4; }
.list-date-new { color:var(--color-primary, #4a6cf7) !important; font-weight:600; }

/* PC List */
.list-category .div-tab.tabs { margin-bottom:0px; }
.list-pc.table-responsive { border:0 !important; padding-bottom:15px; }
.list-pc .list-tbl { border-bottom: 1px solid #ddd; margin-bottom:0px; }
.list-pc .list-tbl tr, .list-pc .list-tbl td { white-space:nowrap; padding: 20px 0px; }
.list-pc .list-tbl tbody tr:first-child td { border-top:0 !important; }
.list-pc .list-now { background: #fafafa; }
.list-pc .list-img img { width:40px; height:40px; border-radius:50%; }
.list-pc .list-img i { width: 40px; height: 40px; line-height:40px; margin:0px; font-size: 24px; background: rgb(238, 238, 238); border-radius:50%; text-align: center; color: rgb(255, 255, 255); display: inline-block; }
.list-pc .list-subject { text-align:left !important; }
.list-pc .list-subject a { display:block; white-space:normal !important; }
.list-pc .list-subject.now { font-weight:bold !important; }
.list-pc .list-subject.notice { font-weight:bold !important; }
.list-pc .list-none { padding:100px 0px; }

/* Mobile List */
.list-category-mobile .tabs { margin-bottom:15px; }
.list-mobile { margin-bottom:15px; border-top:1px solid #eee; }
.list-mobile strong { font-weight:normal; margin:0px; line-height:20px; display:block; }
.list-mobile strong.notice a { font-weight:bold; font-size: 13px; }
.list-mobile strong.best a { }
.list-mobile strong.now a { font-weight:bold; color:#c62828; }
.list-mobile .list-details { line-height:18px; margin-top:6px; }
.list-mobile .list-details .member, .list-mobile .list-details .guest { color:#787878 !important; }
.list-mobile .list-details .list-sp { margin:0 5px; color:#ddd; font-size:11px; }
.list-mobile .list-img img { width:40px; height:40px; border-radius:50%; }
.list-mobile .list-img i { width: 40px; height: 40px; line-height:40px; margin:0px; font-size: 24px; background: rgb(238, 238, 238); border-radius:50%; text-align: center; color: rgb(255, 255, 255); display: inline-block; }
.list-mobile .list-cnt { color: orangered; font-size: 12px; font-weight:bold; font-family:verdana; letter-spacing:-1px; }
.list-mobile .media { border-bottom:1px solid #eee; margin:0px; padding:8px; background: #fafafa; }
.list-mobile .media.list-notice {  background:#fafafa; }
.list-mobile .media.list-now { background:#fafafa; }
.list-mobile :first-child.media { margin-top:0px; }
.list-mobile .media .media-body { padding-left:0px; }

/* 검색 모달 스타일 - 단순화 */
#searchModal .modal-dialog {
    min-width: 300px;
    max-width: 500px;
    width: 90%;
    margin: 30px auto;
}

body.modal-open {
    overflow: hidden;
}

body.modal-open #searchModal {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    z-index: 1050;
}

body.modal-open #searchModal .modal-dialog {
    width: 100%;
    max-width: 500px;
    min-width: 300px;
    margin: 0;
    z-index: 1051;
}

body.modal-open #searchModal .modal-content {
    z-index: 1052;
}