@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.osusume2_upso {position:relative}
.osusume2_upso_box {padding:0px}
.osusume2_upso h2{font-size:1.25em;padding:10px 15px;line-height:27px;border-bottom:1px solid #e8e8e8;margin:0;text-align:left}
.osusume2_upso h2 span {font-size:0.875em;font-weight:500}
.osusume2_upso i{color:#9da4bc}
.osusume2_upso li i{color: var(--bs-gray-500);font-size:1.2em}
.osusume2_upso li .fa-download {width:16px;line-height:16px;background:var(--bs-gray-200);color:var(--bs-orange);text-align:center;font-size:10px;border-radius:2px;vertical-align:baseline}
.osusume2_upso li .fa-link {width:16px;line-height:16px;background:var(--bs-gray-200);color:var(--bs-purple);text-align:center;font-size:10px;border-radius:2px;vertical-align:baseline}
.osusume2_upso li .fa-heart {color:var(--bs-red);text-align:center;font-size:10px;border-radius:2px}
.osusume2_upso li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:var(--bs-white);background:var(--bs-green);text-align:center;border-radius:2px;margin:0 4px;vertical-align:middle}
.osusume2_upso li .fa-lock {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:var(--bs-white);background:var(--bs-blue);text-align:center;border-radius:2px;font-size:12px;border:1px solid var(--bs-gray-200);vertical-align:baseline}
.osusume2_upso .cnt_cmt{color:#48a3d5}
.osusume2_upso .empty_li {text-align:center;padding:50px 0;color:#555}
.osusume2_upso .more_btn {border:1px solid var(--main-color);padding:5px 10px;border-radius:5em;color:var(--main-color);text-align:right}

.osusume2_upso .gall_li_wr {padding:5px;border:1px solid var(--bs-gray-500)}
.osusume2_upso .gall_li_img {position:relative}
.osusume2_upso .gall_li_img a {display:block;padding:0;margin:0}
.osusume2_upso_list {padding:5px 10px 3px 10px;line-height:1.7em}
.osusume2_upso .mb_1_sub {padding:5px 10px;background:var(--bs-gray-200);color:var(--bs-gray-700);height:50px;line-height:20px;font-size:0.9375em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word}
.osusume2_upso .mb_1 {font-weight:700;padding:5px 10px;margin:0;font-size:1.15em}
.osusume2_upso .mb_1 span {font-size:0.75em;color:var(--bs-gray-900)}

.osusume2_upso .gall_img {
  display: block;
  width: 100%;
  aspect-ratio: 4/1.5;
  overflow: hidden;
  position: relative;
}

.osusume2_upso .mb_today {background:#FFEEFF;font-weight:700;padding:5px 10px;font-size:1em;margin-bottom:5px;text-align:center}
.osusume2_upso span{font-size:1.3em;color:var(--main-color)}

.osusume2_upso .op_1 {position:absolute;right:0;z-index:9}
.osusume2_upso .op_1 img {border-radius:5em}

/* 탭 메뉴 */
.osusume2_tabs {margin:10px 0}
.osusume2_tabs ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.osusume2_tabs li {
    flex: 0 1 auto;
    min-width: 70px;
    text-align: center;
    border: 1px solid var(--bs-gray-400);
    border-radius: 5em;
    background: #fff;
    cursor: pointer;
    transition: all .15s;
}
.osusume2_tabs li a {
    display: block;
    padding: 6px 15px;
    color: var(--bs-gray-800);
    text-decoration: none;
    font-size: 0.95em;
    font-weight: 500;
}
.osusume2_tabs li.active {
    background: var(--main-color);
    border-color: var(--main-color);
}
.osusume2_tabs li.active a {color: #fff}
.osusume2_tabs li:hover {border-color: var(--main-color)}