@charset "UTF-8";
.sub-head{background: url(../img/b_s_h.png) center/cover no-repeat;height: 291px;position: relative;}
.sub-head .titbx{text-align: center;color: #212121;font-family: 'RIDIBatang', sans-serif;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.sub-head .titbx .first{font-size: 18px;line-height: 27px; font-weight: 400;}
.sub-head .titbx .mid{font-size: 50px;line-height: 75px; font-family: 'RIDIBatang', sans-serif;}
.sub-head .titbx .last{font-size: 18px;line-height: 18px; margin-top: 10px; font-weight: 400;}
.home_btn{display: flex;align-items: center;justify-content: flex-end;position: absolute;top: 50%;transform: translate(-50%,-50%); width: 1007px;margin: 0 auto;left: 50%;}
.home_btn img:first-child{width: 140px;transition: .3s;}
.home_btn img:last-child{width: 70px;margin-left: 20px;cursor: pointer;}

.home_btn:hover img:first-child{transform: translateX(10px);}


/* 온갓 소식 게시판 */
.sub-head2{background: url(../img/bg_06_in.png) center/cover no-repeat;height: 291px;position: relative;}
.sub-head2 .titbx{text-align: center;color: #FFF;font-family: 'RIDIBatang', sans-serif;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.sub-head2 .titbx .first{color: #FFF;font-family: "RIDIBatang";font-size: 18px;font-weight: 400;line-height: 27px ;}
.sub-head2 .titbx .mid{font-size: 50px;line-height: 75px; font-family: 'RIDIBatang', sans-serif;}
.sub-head2 .titbx .last{font-size: 18px;line-height: 18px; margin-top: 10px; font-weight: 400;}
.sub-head2 .home_btn{display: flex;align-items: center;justify-content: flex-end;position: absolute;top: 50%;transform: translate(-50%,-50%); width: 1007px;margin: 0 auto;left: 50%;}
.sub-head2 .home_btn img:first-child{width: 140px;transition: .3s;}
.sub-head2 .home_btn img:last-child{width: 70px;margin-left: 20px;cursor: pointer;}
.sub-head2 .home_btn:hover img:first-child{transform: translateX(10px);}




.s_board{width: 1007px;margin: 0 auto;margin-top: 68px;color: #212121;text-align: center;vertical-align: center;}
.s_board tr{border-bottom: 1px solid #707070;cursor: pointer;}
.s_board tr:first-child{border-bottom: 3px solid #707070;}
.s_board tr th{font-weight: bold;font-size: 20px;line-height: 35px;padding-bottom: 10px;}
.s_board tr td{font-size: 20px;line-height: 35px;padding: 10px 0; cursor: pointer;}
.s_board tr td:nth-child(2){}
.s_board tr td:nth-child(4),
.s_board tr td:nth-child(3){font-weight: bold;}

.page_bx{display: flex;align-items: center;justify-content: center;gap: 6px; color: #fff;font-size: 20px;line-height: 35px;margin-top: 45.5px;margin-bottom: 102px;} 
.page_bx>div{background: #AFA3A3;aspect-ratio: 1/1; height: 36px;display: flex;align-items: center;justify-content: center; cursor: pointer;transition: .3s;} 
.page_bx>div.on,
.page_bx>div:hover{background: #9F4040;}
.page_bx>div img{width: 18px;}
.page_bx .r_arrow{transform: rotate(180deg);}
.page_bx .t_move.on,
.page_bx .r_arrow.on,
.page_bx .l_arrow.on{background: #AFA3A3;}
.page_bx .t_move{width: 60px;}
.s_board tr td:nth-child(2) .user,
.s_board tr td:nth-child(2) .date{display: none;}
@media screen and (max-width: 1025px) {
.sub-head .titbx p:first-child{margin-bottom: 8px;}
.home_btn{width: 100%;top: auto;bottom: 18px;left: auto;right: 52px;transform: translate(0, 0);}
.home_btn img:last-child{width: 44px;margin-left: 11px;}
.home_btn img:first-child{width: 100px;}

.s_board tr th:nth-child(4),
.s_board tr th:nth-child(3),
.s_board tr td:nth-child(4),
.s_board tr td:nth-child(3){display: none;}
.s_board{width: 85%;}
.s_board tr th{font-size: 15px; line-height: 19px;padding-bottom: 5px;}
.s_board tr td{font-size: 15px;vertical-align: middle;line-height: 20px;}

.s_board tr td:nth-child(1){width: 35px;}
.s_board tr td:nth-child(2){display: grid;text-align: left;margin-left: 20px;}
.s_board tr td:nth-child(2) .tit{grid-row: 1;grid-column: 1/ span 3;}
.s_board tr td:nth-child(2) .user{display: block; grid-row: 2;}
.s_board tr td:nth-child(2) .date{display: block; grid-row: 2;margin-left: 20px;}

.page_bx{width: 85%;margin: 16px auto 68px;font-size: 15px;}
.page_bx .num_bx.p{display: none;}
.page_bx>div{width: 25px;height: 27px;}
.page_bx .t_move{width: 41px;}


}

.cont_board{width: 85%; margin: 50px auto 0;}
.cont_board .tit{font-weight: bold;font-size: 30px;border-bottom: 1px solid #000;padding-bottom: 15px;}
.cont_board .cont{padding: 20px;}
@media screen and (max-width: 1025px) {
    .cont_board{margin: 30px auto 0;}
    .cont_board .cont{padding: 10px;}
}titbx