@charset "utf-8";
/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list{font-size:18px}
#bo_list_total{
    width:100%;
    font-size:0.923em;
    padding:1em 0;
}
#bo_list{margin:0 auto;max-width:1200px;padding:10px}
#bo_list .all_chk label{line-height:1.2}
.board_list ul {
    display:flex;
    flex-wrap:wrap;
    gap:2.5em 1.5em;
    padding:0;
    margin:3em 0;
}
.board_list  li {
    flex-basis:calc((100% - 4.5em) / 4); /* flex-basis로 각 li의 너비 설정 */
}
.board_list li{position:relative} 
.board_list li img{border-radius:5px}
.board_list .bo_notice  {background:#f7f7f7}
/* .board_list .bo_subject .bo_chk{position:absolute;top:.8em;left:.8em} */
.board_list .bo_subject .imgWrap img{width:100%;height:auto}
.board_list .bo_subject a{margin-bottom:.25em;}
.board_list .bo_subject a h2{display:inline-block;font-weight:600;font-size:1.2em}
.board_list .bo_subject a p{
    text-overflow:ellipsis;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    word-wrap:break-word;
    color:#606169;
    font-size:16px;
    line-height:1.5;
    margin-bottom:.5em;
}
@media (max-width:768px){
    .board_list  li {
        flex-basis:calc((100% - 1.5em) / 2); /* flex-basis로 각 li의 너비 설정 */
    }
    .board_list .bo_subject a p{
        -webkit-line-clamp:2;
    }
}
@media (max-width:450px){
    .board_list  li {
        flex-basis:100%; /* flex-basis로 각 li의 너비 설정 */
    }
}
.board_list .notice_icon{color:#6683be}
.board_list .bo_cate_link{color:#ea185f;margin-bottom:10px;display:block}

.board_list .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle}
.board_list .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;font-weight:normal}
.board_list .fa-heart{width:16px;height:16px;line-height:16px;background:#ff66b0;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;;font-weight:normal}
.board_list .new_icon{display:inline-block;width:16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;border-radius:4px;text-align:center;vertical-align:middle;font-size:11px}
.board_list .hot_icon{display:inline-block;width:16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;;border-radius:4pxtext-align:center;;vertical-align:middle;font-weight:normal;font-size:11px}
.board_list .fa-lock{display:inline-block;line-height:14px;vertical-align:text-top;margin-top:2px;width:16px;color:#fff;background:#262b88;text-align:center;border-radius:4px;font-size:12px;border:1px solid #262b88}
.board_list .bo_info {font-size:0.813em;line-height:20px}
.board_list .bo_info .sv_member{font-weight:normal}
.board_list .bo_info img{vertical-align:top;border-radius:30px}
.board_list .bo_info i{margin-left:5px}
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate {background:#fff;color:#333;border-bottom:1px solid #eee;width:100%;max-width:1200px;margin:0 auto;
white-space:nowrap;overflow-x:auto;
-webkit-overflow-scrolling:touch
-ms-overflow-style:-ms-autohiding-scrollbar}
#bo_cate::-webkit-scrollbar {display:none}
#bo_cate ul{margin:0 auto;max-width:1200px;padding:0 10px}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate li{display:inline-block}
#bo_cate li a{display:block;padding:0 15px;line-height:55px;color:#333947}
#bo_cate #bo_cate_on{position:relative;font-weight:bold;color:#ea185f}
#bo_cate #bo_cate_on:before{width:100%;content:'';height:2px;background:#ea185f;position:absolute;bottom:0;left:0}
#bo_sch {background:#fff;position:relative;margin:20px 10px;border-radius:3px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0;height:42px;border:1px solid #606169;vertical-align:top;padding-left:10px}
#bo_sch .sch_input{height:42px;border:1px solid #606169;padding:0;background-color:transparent;padding:0 40px 0 10px;vertical-align:top}
#bo_sch .sch_input:focus{outline:none;border-bottom:2px solid #e32464}
#bo_sch .sch_btn{height:42px;color:#606169;border:1px solid #606169;width:40px;background:none;font-size:15px;vertical-align:top}
.bo_fx {margin:20px 10px}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""} 
.bo_fx li{display:inline-block}
.btn_bo_adm{float:left}
.btn_wr{float:right}
@media (max-width:969px){
    #bo_sch select{width:30%;float:left}
    #bo_sch .sch_input{width:68%;float:right}
}
@media (min-width:970px){
    #bo_sch {}
    .board_list .bo_cate_link{color:#ea185f;width:100px}

}
/*검색*/
.search-wrap form{display:block}
.input-group{display:flex;justify-content:center}
.input-group .form-control{
    position:relative;
    border:1px solid #ddd;
    height:calc(1.5em + .75rem + 2px);
    padding:.375rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ced4da;
    border-radius:.25rem;
    transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.input-group-append .btn{
    position:relative;
    font-size:1rem;
    line-height:1.5;
    border-top-left-radius:0px;border-bottom-left-radius:0px;margin-left:-1px
}
.input-group select.form-control{border-top-right-radius:0px;border-bottom-right-radius:0px}
.input-group input.form-control{border-radius:0px;margin-left:-1px}