.wrap_sub{padding: 80px 0;max-width: 1200px;margin:50px auto !important;}
.sub_tit{font-size: 50px;margin-bottom: 60px;}

.tct{text-align: center;}
/*게시판 검색*/ 
#board-search {margin-bottom:70px; display:flex; justify-content:center; align-items: center; ;}
#board-search legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#board-search form {display: inline-block;}
#board-search .sch-box {position: relative; display: flex;}
#board-search .sch-box select {width:130px; padding: 20px; ; display: inline-block; font-size: 16px; margin-right:7px; border:1px solid #ccc; border-radius:10px; font-weight:600; color:#222; letter-spacing: -0.5px;}
#board-search .sch-box input[type="text"] {width:400px; padding:20px; display: inline-block; font-size: 16px;  border-left:none; color: #222; border:1px solid #ccc; border-radius:10px; margin-right:7px; font-weight:500; line-height: 1; letter-spacing: -0.5px;}
#board-search .sch-box input[type="text"]::placeholder {color: #ccc;}
#board-search .sch-box button {display:inline-flex; width:110px;align-items: center; justify-content: center; background: #f28030; border-radius: 10px;border:none;}
#board-search .sch-box button img {margin-right:0.15rem;}
#board-search .sch-box button span {font-size:16; font-weight:500; line-height:1; letter-spacing: -0.5px; color:#fff;}


/* 검색 목록 */
.notice_list{display: flex;flex-wrap: wrap;}
.notice_list .item{width: calc(25% - 15px);margin-right: 20px;margin-bottom: 40px;}
.notice_list .item:nth-child(4n){margin-right: 0;}
.notice_list .item .img{max-height: 400px;border-radius: 20px;overflow: hidden;}
.notice_list .item .img img{width: 100%;height: auto;}
.notice_list .item .subject{margin: 15px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 22px;}
.notice_list .item .date{font-size: 17px;color: #888;;}

/* 글쓰기 버튼 */
.pg_area {display: flex;align-items: center;}

/* 버튼 */
.btn_wrap{margin-top: 40px;}
.btn_wrap > * + *{margin-left: 10px;}
.btn_style01{padding: 7px 30px;cursor: pointer;}
.btn_style02{padding: 15px 50px;cursor: pointer;}
.gray_btn{background: #eee;border: 1px solid #dcdcdc;}
.orange_btn{background: #f28030;color: #fff;border: 0;}

/* 페이징 */
.pg_wrap {margin: 10px auto 0; display: flex; justify-content:center;}
.pg {text-align:center}
.pg_page, .pg_current {display:inline-flex; justify-content:center; align-items:center; width: 40px; height: 40px; font-size: 17px; background:transparent; border-radius:50%;font-weight: 700; transition:all 0.5s; margin: 0 0.06rem;}
.pg_current { background:#f28030;color:#fff;}
.pg a:focus, .pg a:hover {text-decoration:none;}
.pg_page {color:#444 !important;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../_img/btn_first.png') no-repeat 50% 50% #fff;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../_img/btn_prev.png') no-repeat 50% 50% #fff;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../_img/btn_end.png') no-repeat 50% 50% #fff;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../_img/btn_next.png') no-repeat 50% 50% #fff;}

/* 공지사항 상세 */
.board_view{border-top: 2px solid #000;}
.board_view_header{padding: 30px;border-bottom: 1px solid #dcdcdc;}
.board_view_header .board_view_title{font-size: 35px;margin-bottom: 15px;}
.board_view_header .border_view_info{display: flex;font-size: 20px;}
.board_view_header .border_view_info strong{font-weight: 500;margin-right: 20px;}
.board_view_header .border_view_info p{font-weight: 500;color: #999;}
.board_view .view-link{padding: 10px 30px;display: flex;align-items: center;border-bottom: 1px solid #dcdcdc;}
.board_view .view-link:before{content: '';display: inline-block;background: url(../_img/link.png) no-repeat;width: 15px;height: 15px;background-size: 15px;margin-right: 10px;}
.board_view .bo_v_con{padding: 50px 30px;margin-bottom: 30px;}

/* board_nav */
.board_nav li{border-top: 1px solid #dcdcdc;padding: 30px;}
.board_nav li a{display: flex;align-items: center;}
.board_nav li em{font-size: 18px;font-weight: bold;margin-right: 20px;}
.board_nav li .cont{font-size: 18px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;max-width: calc(100% - 300px);}
.board_nav li .date{margin-left: auto;font-size: 18px;color: #999;}
.board_nav li:last-child{border-bottom: 1px solid #dcdcdc;}

/* 공지사항 목록 */
.notice_write .write_div{margin: 15px 0 ;}
.notice_write label{display: block;font-size: 20px;margin-bottom: 10px;}
.notice_write input {border: 1px solid #dcdcdc;padding: 15px 20px;width: 100%;}
.notice_write textarea{height: 200px;resize: none;padding: 15px 20px;}
.notice_write .link_div{border: 1px solid #dcdcdc;background: url(../_img/link.png) no-repeat left 10px center;display: flex;background-size: 20px;}
.notice_write .link_div input{border: 0;width: calc(100% - 40px);margin-left: auto;}


@media all and (max-width:1024px){
    /* 공지사항 리스트 */
    .notice_list .item{width: calc(33.333% - 13.333px);}
    .notice_list .item:nth-child(3n){margin-right: 0;}
    .notice_list .item:nth-child(4n){margin-right: auto;}
}

@media all and (max-width:768px){
.sub_tit{font-size: 30px;margin-bottom: 40px;}
 /* 공지사항 리스트 */
 .notice_list .item{width: calc(50% - 20px);}
 .notice_list .item:nth-child(3n){margin-right: auto;}
 
 /* 검색영역 */
 #board-search .sch-box input[type="text"] {width:300px;}

 /* 공지사항 상세*/
 .board_view_header{padding: 20px 0}
 .board_view_header .board_view_title{font-size: 26px;}
 .board_view_header .border_view_info{font-size: 16px;}
 .board_view .bo_v_con{padding: 30px 0}
 .board_nav li{padding: 20px 0;}
 .board_nav li em,
 .board_nav li .cont,
 .board_nav li .date{font-size: 16px;}
 .board_nav li .cont{max-width: calc(100% - 200px);}
}

@media all and (max-width:640px){
    #board-search .sch-box select{width: 100px;padding: 15px;height: 50px;font-size: 14px;}
    #board-search .sch-box button{width: 70px;height: 50px;}
    #board-search .sch-box input[type="text"]{height: 50px;width: calc(100% -  164px);font-size: 14px;}
    .notice_list .item{margin-bottom: 20px;}
    .notice_list .item .subject{font-size: 15px;margin: 10px 0;}
    .notice_list .item .date{font-size: 14px;}
}