/* 공통 */
#container { background: #fff; padding-bottom: 170px; }
.gw-bbs-con { margin: 0 auto; width: 1200px; }

.more_opt { display: none; position: absolute; top: 45px; right: 0; background: #fff; border: 1px solid #ddd; z-index: 100; box-shadow: 70px 70px 130px rgb(39 49 108 / 20%); }
.more_opt:before { content: ""; position: absolute; top: -8px; right: 13px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #b8bfc4 transparent; }
.more_opt:after { content: ""; position: absolute; top: -6px; right: 13px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent; }
.more_opt li { border-bottom: 1px solid #f1f1f1; padding: 10px; float: inherit; width: 154px; margin: 0; color: #666; text-align: left; }
.more_opt li:last-child { border-bottom: 0; }
.more_opt li button, .more_opt li a { width: 100%; border: 0; background: #fff; color: #666; text-align: left; }
.more_opt li:hover a, .more_opt li:hover button { color: #000; }
.more_opt li i { float: right; line-height: 20px; }

/* 제품정보 테이블 (뷰페이지용) */
.gw-item-container { border-top: 1px solid #000; }
.gw-item-container tr { border-bottom: 1px solid #ddd; }
.gw-item-container th { padding: 12px 20px; background: #fff; text-align: left; }
.gw-item-container td { padding: 12px 20px; }
.gw-item-container .gw-item-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

/* 페이징 */
.pg_wrap { display: flex; align-items: center; place-content: center; font-family: "Outfit", sans-serif; font-weight: 600; }
.pg { text-align: center; display: flex; }
.pg_page, .pg_current { min-width: 20px; padding: 0 3px; margin: 0 6px; text-align: center; }
.pg_page { color: #999 !important; }
.pg_current { border-bottom: 2px solid #000; }
.pg a:focus, .pg a:hover { text-decoration: none; }
.pg_start { text-indent: -999px; overflow: hidden; padding: 0; background: url('img/gw-bbs-start.png') no-repeat 50% 50%; background-size: 100%; }
.pg_prev { text-indent: -999px; overflow: hidden; padding: 0; background: url('img/gw-bbs-prev.png') no-repeat 50% 50%; background-size: 100%; }
.pg_end { text-indent: -999px; overflow: hidden; padding: 0; background: url("img/gw-bbs-end.png") no-repeat 50% 50%; background-size: 100%; }
.pg_next { text-indent: -999px; overflow: hidden; padding: 0; background: url('img/gw-bbs-next.png') no-repeat 50% 50%; background-size: 100%; }

/* list - 핵심 수정 부분 */
#gw-bo-list #gall_ul { display: flex; flex-wrap: wrap; margin: 12px -12px 0; padding: 0; list-style: none; zoom: 1; }
.gall_row [class*='col-gn-'] { position: relative; min-height: 1px; padding: 12px; box-sizing: border-box; }
.gall_row .col-gn-2 { width: 50%; }
.gall_row .col-gn-3 { width: 33.3333%; }
.gall_row .col-gn-4 { width: 25%; }

#gw-bo-list .search-container { padding: 80px 0; position: relative; width: 700px; margin: 0 auto; display: flex; gap: 15px; }
#gw-bo-list .search-container button { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); }
#gw-bo-list .sch_input { padding: 12px 17px; height: 55px; border: 2px solid #ddd; border-radius: 5px; background: #fff; }

#gw-bo-list .gallery { position: relative; cursor: pointer; }
#gw-bo-list .gallery .gall_con { position: relative; border: 0; box-shadow: none; background: transparent; } /* 박스 라인 제거 */
#gw-bo-list .gallery .gall_img { position: relative; display: block; overflow: hidden; border: 0; } /* 이미지 테두리 제거 */
#gw-bo-list .gallery .gall_img > a > img { object-fit: cover; width: 100%; height: 100%; border: 0; }

#gw-bo-list .gallery .content { position: relative; padding: 15px 0; background: transparent; border-top: 0; text-align: center; } /* 제목 영역 정렬 및 선 제거 */
#gw-bo-list .bo_tit { font-size: var(--main-title04); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
#gw-bo-list .new_icon { display: none !important; } /* 새글 아이콘 숨김 */
#gw-bo-list .gallery .gw-gall-line { display: none !important; } /* 호버 시 나타나는 테두리 라인 제거 */

/* 텅 빈 리스트 */
#gw-bo-list .gw-empty-list { padding: 40px 0; border-bottom: 1px solid #ddd; border-top: 2px solid #ddd; text-align: center; width: 100%; }

/* view 페이지 등 기타 스타일 유지 */
#gw-bo-v { padding-top: 120px; }
#bo_v_atc { min-height: 250px; border: 2px solid #ddd; border-radius: 5px; background: #fff; padding: 20px; }
#gw-bo-v .bo_v_nb { padding-top: 60px; margin-bottom: 60px; align-items: center; border-top: 1px solid #ddd; text-align: center; }

/* 미디어 쿼리 (반응형) */
@media screen and (max-width:1280px) {
    .gw-bbs-con { width: 100%; padding: 0 40px; }
}

@media screen and (max-width:1024px) {
    .gall_row [class*='col-gn-'] { width: 50% !important; }
}

@media screen and (max-width:576px) {
    .gall_row [class*='col-gn-'] { width: 100% !important; padding: 12px 0; }
    #gw-bo-list .gallery .gall_img { height: 60vw; }
}