@charset "utf-8";

/* =========================== PAGE */
#board1005{position:relative;max-width:var(--mainsize);margin:30px auto;padding-bottom:100px;font-size:15px;line-height:1.8;color:#777;font-family:var(--k-font)}
#board1005 *{word-break:keep-all}

/* 검색 */
.list_top{margin-bottom:30px;text-align:right}
#sh_bo_sch{display:inline-block;padding-right:10px;border-radius:2px;border:1px solid #e1e1e1}
#sh_bo_sch select{width:90px;height:40px;padding:0 0 0 10px;border:none;font-size:14px;color:#777;-webkit-appearance:none;appearance:none;background:url(../img/sub/select_arr.png) 95% center no-repeat}
#sh_bo_sch input[type=text]{width:150px;height:40px;padding-left:5px;border:none;font-size:14px;color:#777}

#sh_bo_gall #sh_gall_ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#sh_bo_gall #sh_gall_ul .gall_img img{width:100%}
#sh_bo_gall .gall_txt .tit{display:block;padding:10px 0 0 10px;font-weight:600;color:#222}

/* ===================== 페이징 */
.pg_wrap{margin:20px 0}
.pg_wrap .pg{display:flex;justify-content:center;font-size:12px;font-weight:600;text-align:center}
.pg_page, .pg_current{min-width:28px;height:28px;padding:0 5px;margin:0 2px;border-radius:3px;font-weight:600;color:#999;line-height:28px;background:#f2f2f2;border:none;font-family:'Pretendard'}
.pg_current{color:#fff;background:#333}
.pg_end{text-indent:-999px;overflow:hidden;background:url('../img/sub/btn_end.gif') no-repeat center #fff;border:1px solid #e1e1e1}
.pg_next{text-indent:-999px;overflow:hidden;background:url('../img/sub/btn_next.gif') no-repeat center #fff;border:1px solid #e1e1e1}
@media(max-width:768px){
.pg_page, .pg_current{min-width:24px;height:24px;line-height:24px}
}

.btn_area{margin-top:20px;text-align:right}
.btn_type01{display:inline-block;width:180px;height:55px;margin:0 auto;border-radius:2px;font-size:15px;font-weight:600;color:#fff;text-align:center;line-height:55px;background-color:#0054a6;-webkit-transition:all .2s;transition:all .2s}
.btn_type01:hover{background-color:#0064c5}

@media(max-width:1024px){
#sh_bo_gall #sh_gall_ul{padding:0 10px}
}
@media(max-width:768px){
#sh_bo_gall #sh_gall_ul{grid-template-columns:repeat(2,1fr)}
#sh_bo_gall .gall_txt .tit{padding:5px;font-size:14px}
.btn_area{padding-right:10px}
.btn_type01{width:100px;height:40px;line-height:40px;font-size:14px}
}
@media(max-width:580px){
.list_top{padding:0 10px}
#sh_bo_sch{width:100%}
#sh_bo_sch input[type=text]{width:calc(100% - 115px)}
#sh_bo_gall #sh_gall_ul{gap:15px}
}