/* 공지사항 */
.sub_contents.board_{padding: 110px 0;}
.board_in table{width: 100%; text-align: center; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 40px; table-layout: fixed;}
.board_in table th{background-color: #f9f9f9;  padding: 20px; border-top: 1px solid #c1c1c1; font-size: 15px; font-weight: 600;}
.board_in table tr{border-bottom: 1px solid #d8d8dc;}
.board_in table td{padding: 20px; color: #3c3c3c; font-size: 16px;}
.board_in table tr .txt{text-align: left; cursor: pointer;}
.board_in table td a{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;-webkit-line-clamp: 1; display: block;}
.board_in table td a span{background-color: #0a0454; color: #fff; display: inline-block; padding: 8px 12px; border-radius: 5px; font-size: 12px; margin-left: 10px;}
.boardin .search {display: flex; justify-content: space-between; align-items: center; padding: 18px; border: 1px solid #e7e7e7; margin-bottom: 18px; font-size: 15px;}
.boardin .search p{ font-weight: 600; margin-right: 10px;}
.boardin .search p span{color: #0a0454;} 
.boardin .search form select{padding: 3px 10px; border: 1px solid #ccc; color: #888; outline: none;}
.boardin .search form input{outline: none; border: 1px solid #ccc; padding: 3px 20px 3px 10px;}
.boardin .search form button{background-color: #0a0454; color: #fff; outline: none; border: none; padding: 8px 20px;}

.page{text-align: center;}
.page a{margin: 0 7px; display: inline-block; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; font-size: 15px;}
.page a.active{background-color: #0a0454; color: #fff;}

@media screen and (max-width: 768px){
    .sub_contents.board_{padding: 0 0 18%; margin-top: -20%;}
    .boardin .search{font-size: 13px; padding: 10px 8px;}
    .boardin .search form{display: flex; justify-content: space-between;}

    .boardin .search form select{padding: 3px 2px; font-size: 12px;}
    .boardin .search form input{padding: 3px 5px 3px 7px; margin: 0 5px; font-size: 12px;}
    .boardin .search form button{padding: 8px 9px; font-size: 12px;}

    .board_in table th{font-size: 12px; padding: 15px;}
    .board_in table td{font-size: 13px; padding: 15px; word-break: break-all;}
    
    .page a{margin: 0 3px; width: 25px; height: 25px; line-height: 25px; font-size: 13px;}
}
@media screen and (max-width: 400px){
    .boardin .search form{width: 70%;}
    .boardin .search form input{width: 78%;}
}

/* 공지사항 뷰페이지 */
.sub_contents.b_view{padding: 110px 0;}
.b_view .title {border-top: 1px solid #000;}
.b_view .title > li{border-bottom: 1px solid #d7d7d7; display: flex; justify-content: space-between; padding: 20px 10px; align-items: center;}
.b_view .title > li p{color: #2d2d2d; font-size: 1.6rem; font-weight: 600; width: 78%;  line-height: 1.3;}
.b_view .title > li ul{display: flex; font-size: 1.6rem; color: #828282; align-items: center;}
.b_view .title > li ul li:first-child{border-right: 1px solid #828282; padding-right: 15px; margin-right: 15px;}
.b_view .title > li:nth-child(2){justify-content: flex-start; font-size: 1.5rem;}
.b_view .title > li:nth-child(2) span{color: #232323; font-weight: 600;}
.b_view .title > li:nth-child(2) a{color: #444; margin-left: 30px; border-bottom: 1px solid #444; padding-bottom: 5px;}
.b_view .title > li:nth-child(2) a img{margin-left: 5px; vertical-align: middle;}

.b_view .txtbox{padding: 30px 0; border-bottom: 1px solid #ccc; margin-bottom: 45px;}
.b_view .txtbox .imgbox{background-color: #d9d9d9; background-position: center; background-size: cover; display: flex; justify-content: center; align-items: center; font-size: 3rem; margin-bottom: 35px;}
.b_view .txtbox .imgbox::after{content: ""; display: block; padding-bottom: calc(738/1280 * 100%);}
.b_view .txtbox p{font-size: 1.6rem; word-break: break-all;}

.b_view .list {border-top: 1px solid #dedede; font-size: 1.5rem; color: #444;}
.b_view .list li{border-bottom: 1px solid #dedede; display: flex;}
.b_view .list li .titbox{background-color: #f4f4f4; padding: 20px 30px;}
.b_view .list li .titbox img{vertical-align: middle; margin-right: 10px;}
.b_view .list li .tit{padding: 20px 30px; width: 75%;}
.b_view .list li .tit p a{font-weight: 600; color: #434343; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-line-clamp: 1;}
.b_view .ex-btn{background-color: #0a0454; margin: 0 auto; color: #fff; font-size: 2rem; border: 1px solid #0a0454; margin-top: 55px;}
.b_view .ex-btn:before{background-color: #fff;}
.b_view .ex-btn span::after {content: "목록"; color: #0a0454;}


@media screen and (max-width: 768px){
    .sub_contents.b_view{padding-top: 0; padding-bottom: 15%; margin-top: -15%;}
    .b_view .title > li{padding: 15px 10px;}
    .b_view .title > li p{width: 450px; font-size: 1.3rem; margin-right: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-line-clamp: 1;}
    .b_view .title > li ul{font-size: 1.2rem; white-space: nowrap;}
    .b_view .title > li ul li:first-child{padding-right: 5px; margin-right: 5px;}
    .b_view .title > li:nth-child(2){font-size: 1.3rem;}

    .b_view .txtbox p{font-size: 1.4rem;}
    .b_view .list{font-size: 1.3rem;}
    .b_view .list li .tit{padding: 12px 13px;}
    .b_view .list li .titbox{padding: 12px 13px;}
    .b_view .list li .titbox img{margin-right: 5px;}

    .b_view .wrap > a{font-size: 1.3rem;}
    .b_view .ex-btn{font-size: 1.3rem;}
}