@charset "utf-8";

/* 목록 */

.board-skin-basic.theme-box {
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    margin: -15px auto;
    /* [수정] 크기를 가로 320px, 세로 310px 박스로 고정 */
    width: 320px;
    height: 310px;
    max-height: 310px;
    overflow: auto;
    border: transparent;
transform:translateY(15px);
}

.bo_list { width: 100%; position: relative; text-align: center; } 
.bo_list h2 { padding: 20px 0 10px; text-align: center; font-size: 15px; } /* 카테고리 간격 살짝 축소 */

/* [추정/추가] ul 태그에 flex 레이아웃을 적용하여 배너들을 바둑판 배열 및 10px 간격으로 배치 */
.bo_list ul.list_box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;

    justify-content: center;
}

.bo_list li.bo-list {
    display: inline-flex;
    flex-direction: column;
    align-items: center; 
    position: relative;
    box-sizing: border-box;
    padding: 0; /* 여백은 부모 gap으로 조절하므로 0 처리 */
    text-align: center;   
    /* [수정] 배너 가로 크기 150px 고정 */
    width: 200px; 
}

/* [수정] 링크 영역과 이미지 모두 가로 150px 고정 */
.bo_list li a.link-banner {
    display: block;
    overflow: hidden;
    width: 200px;
}

.bo_list li a img {
    width: 200px;       /* 가로 150px 고정 */
    max-width: 200px;
    height: auto;       /* 비율에 맞게 세로 자동 조절 */
    display: block;
}

.bo_list li a.link-banner strong {
    display: block;
    word-break: keep-all;
    white-space: nowrap;
    padding: 0 5px;
    line-height: 30px;
}

.bo_list li .link-desc { text-align: center; width: 100%; } 
.bo_list li .link-desc .name { display: none; } 
.bo_list li .link-desc .options { opacity: 0.6; }

/* 글쓰기 */
.board-write { max-width: 800px; padding: 0 10px; margin: 30px auto; }
.board-write > dl { position: relative; }
.board-write > dl > dt { width: 100px; position: absolute; line-height: 32px; text-align: center; }
.board-write > dl > dd { width: 100%; margin-left: 0; padding-left: 110px; box-sizing: border-box; line-height: 32px; }
.board-write input.frm_input.full { width: 100%; display: block; margin: 1px 0; }
.board-write .frm_input.small { width: 50px; }
.board-write .frm_info { line-height: 140%; }
.board-write .write-notice { padding: 20px 10px 10px; font-size: 11px; }

.board-write .files { position: relative; margin-top: 20px; }
.board-write .files .sub { position: relative; padding-left: 65px; box-sizing: border-box; } 
.board-write .files span.sub_tit { position: absolute; left: 0; display: block; width: 65px; } 
.board-write .files .frm_info { padding-top: 5px; }
.board-write .files .label-right { position: absolute; top: 0; right: 0; z-index: 2; }

/* 본문 */
.board-viewer { width: 100%; display: block; position: relative; box-sizing: border-box; }
.board-viewer:after { content: ""; display: block; clear: both; }
 
.board-viewer .contents { display: block; position: relative; padding: 0 15px; box-sizing: border-box; }  
#bo_vc_w { clear: both; } 
#bo_v_con { padding: 20px 0; }  
#bo_v_bot { padding: 20px 0; overflow: hidden; }
.bo_v_nb { float: left; }
.bo_v_com { float: right; }

body { -ms-overflow-style: none; }
::-webkit-scrollbar { display: none; }