@charset "utf-8";
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.al {text-align:left !important;}

.btn_wrap {margin:30px 15px;}
.btn {display:inline-block; padding:5px 25px; font-size:15px;}
.list_btn {background-color:#e9e9e9; border:1px solid #dcdcdc; color:#727572;}


/* 검색 영역 */
.serch_top {display:flex; justify-content:space-between; align-items:center; padding-bottom:15px; border-bottom:2px solid #a5a5a5;}
.serch_top.border_b_none {border-bottom:none;}
.serch_top .number_title { font-weight:500;}
/* .serch_top .number_title > span {color:#494646;} */
.serch_top .input_search {position:relative; width:305px; height:38px; padding-right:78px; box-sizing:border-box;}
.serch_top .input_search > a {position:absolute; top:0; right:0; background:#0b445b; color: #feffff; font-weight:500; width:72px; height:38px; line-height:37px; text-align:center;}
.serch_top .input_search .btn_search {position:absolute; top:0; right:0; background:#0b445b; color: #feffff; font-weight:500; width:72px; height:38px; line-height:37px; text-align:center;}
.serch_top .input_search > select {float:left;  font-weight:500;width:70px; height:38px; border: 1px solid #e6e6e6;}
.serch_top .input_search > input {float:right; width:153px; height:38px; padding-left:2%; border:1px solid #e6e6e6;}

@media screen and (max-width:500px){
    .serch_top {display:block;}
    .serch_top .input_search {width:100%;}
    .serch_top .input_search > select {width:31%;}
    .serch_top .input_search > input{width:68%;}
    .serch_top .number_title {margin-bottom:10px;}
    
}

/* 포토 영역 */
.photo_list {display:flex; flex-wrap:wrap; padding:30px 0px 0px; border-bottom:1px solid #dedede;}
.photo_list > li {display:flex; flex:none; flex-direction:column; flex-basis:23.5%; margin-right:2%; margin-bottom:30px; border:1px solid #e4e4e4;}
.photo_list > li:nth-child(4n) {margin-right:0px;}
.photo_list > li .img_top > a {position:relative; display:block; padding-bottom:58.343%;}
.photo_list > li .img_top > a > img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-height:100%; }
/* .photo_list > li .text_bot {margin-top:10px; font-size:1.125rem; font-weight:400;} */
.photo_list > li .text_bot {padding:15px; border-top:1px solid #e4e4e4;}
.photo_list > li .text_bot .text > a {width:100%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; line-height:1.5; height:3em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}

.photo_list > li .text_bot .date {font-size:14px; color:#9d9c9c;}
.photo_list > li .text_bot .date::before {content:""; display:block; width:24px; height:2px; background-color:#333; margin:10px 0px;}

@media screen and (max-width:1024px){
    .photo_list > li {flex-basis:32%;}
    .photo_list > li:nth-child(4n) {margin-right:2%;}
    .photo_list > li:nth-child(3n) {margin-right:0px;}
}
@media screen and (max-width:768px){
    .photo_list > li {flex-basis:49%; margin-bottom:30px;}
    .photo_list > li:nth-child(4n) {margin-right:2%;}
    .photo_list > li:nth-child(3n) {margin-right:2%;}
    .photo_list > li:nth-child(2n) {margin-right:0px;}
    /* .photo_list > li .text_bot {font-size:1.0625rem;} */
}
@media screen and (max-width:600px){
    .photo_list > li {flex-basis:100%; margin-right:0;}
    .photo_list > li:nth-child(4n) {margin-right:0px;}
    .photo_list > li:nth-child(3n) {margin-right:0px;}
    .photo_list > li:nth-child(2n) {margin-right:0px;}
    /* .photo_list > li .text_bot {font-size:1rem;} */
}



/* 페이징 */
.boardPager {width:100%; height:auto; display:block; margin-top:50px; }
.boardPager ul {height:40px;  display:table; text-align:center; margin:0px auto;}
.boardPager ul li {width:45px; height:40px; display:inline-block; margin-right:10px; vertical-align:middle; border:1px solid #e7e7e7;}
.boardPager ul li a {position: relative; display:block;  height:100%;font-size:15px; color:#000; line-height: 40px; font-weight:500;}
.boardPager ul li.pagerLast {margin-right:0px;}
.boardPager ul li.pageOn a, .boardPager ul li:hover a {font-weight:500; text-decoration:underline; cursor:pointer; background-color:#555; color:#fff;}
.boardPager ul li.pagerNext a, .boardPager ul li.pagerPrev a, .boardPager ul li.pagerLast a, .boardPager ul li.pagerFirst a {margin:0px auto;}
.boardPager ul li.pagerNext a img, .boardPager ul li.pagerPrev a img, .boardPager ul li.pagerLast a img, .boardPager ul li.pagerFirst a img, .boardPager ul li.pagerPreve a img {vertical-align:middle; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.boardPager ul li.pagerNext:hover, .boardPager ul li.pagerPrev:hover, .boardPager ul li.pagerFirst:hover, .boardPager ul li.pagerLast:hover {cursor:pointer;}
.boardPager ul li.pagerNext:hover a, .boardPager ul li.pagerPrev:hover a, .boardPager ul li.pagerFirst:hover a, .boardPager ul li.pagerLast:hover a,.boardPager ul li.pagerPreve:hover a {background-color:transparent;} 


/* 뷰테이블 */
.table_col_f {width:100%; border-top:2px solid #adadad; word-break:break-all;}
.table_col_f th {background:#f8f8f8;  height:24px; padding:10px; font-weight:500; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle;}
.table_col_f th:first-child {border-left:none;}
/* .table_col_f th a {color:#585555;} */
.table_col_f td { font-weight:500; padding:10px 12px; text-align:left; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle;}
/* .table_col_f td a {color:#6d6d6d;} */
.table_col_f td:first-child {border-left:none;}
.table_col_f .lf {text-align:left; padding:10px 15px;}
.table_col_f .no_bor {border-left:0;}

.tbfilelist {width:100%;}
.tbfilelist tr {border-bottom:1px solid #e6e6e6;}
.tbfilelist tr:last-child {border-bottom:none;}
.tbfilelist td {border-left:none; border-bottom:none;}
.tbfilelist td a { font-size:15px;}

/* 뷰페이지 모바일 */
.mobile_view {display:none; border-top:1px solid #333;}
.mobile_view li {border-bottom:1px solid #ccc;}
.mobile_view li:first-child {padding: 10px 10px; background-color:#f8f8f8; font-weight:500; font-size:17px; text-align:left;}
.mobile_view li:nth-child(n+2) {display:flex;}
.mobile_view li .text1 {background: #f8f8f8; text-align:center; color:#000; font-size:16px; font-weight:500; padding:10px 5px; box-sizing: border-box; width:20%;  display:table;}
.mobile_view li .text1 br {display:none;}
.mobile_view li .text1 > span {display:table-cell; vertical-align: middle;}
.mobile_view li .text2 {width:80%; box-sizing:border-box; word-break:break-all; padding:10px 5px 10px 15px; box-sizing: border-box; display: table;}
.mobile_view li .text2 > span {display: table-cell; vertical-align:middle;}


/* .view_cont {padding:10px 12px; border-bottom:1px solid #e2e2e2; word-break:break-all; overflow: hidden; line-height: 1.5;} */
.view_cont {padding:30px 60px; border-bottom:1px solid #e2e2e2; word-break:break-all; overflow: hidden; line-height: 1.5;}



@media screen and (max-width:1200px){
    .view_cont {padding:20px 20px;}
}


@media screen and (max-width:768px) {
    .table_col_f th {font-size:15px; font-weight:500;}
    .table_col_f td {font-size:15px;}
    .table_col_f colgroup {display:none;}

    .mobile_view {display:block;}
    .pc_view {display:none;}

    .bot_view colgroup {display:none;}
    .bot_view th {width:20%;}
    .bot_view td {width:80%;}

    .view_cont {padding:20px 15px;}

}

@media screen and (max-width:500px){
    .mobile_view li .text1 {width:25%;}
    .mobile_view li .text2 {width:75%;}

    .bot_view th {width:25%;}
    .bot_view td {width:75%;}

}

.table_col {width:100%; border-top:2px solid #adadad; word-break:break-all;}
.table_col th {background:#f8f8f8; color:#585555; height:24px; padding:10px; font-weight:550; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle;}
.table_col th:first-child {border-left:none;}
.table_col th a {color:#585555;}
.table_col td {color:#6d6d6d; font-weight:500; padding:10px 12px; text-align:left; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle;}
.table_col .lf {text-align:left; padding:10px 15px;}
.table_col .no_bor {border-left:0;}
.table_col .bg_gray {background:#f8f8f8;}
.no_borB {border-bottom:none !important;}


@media screen and (max-width:768px) {
    .table_col th {font-size:0.9375rem; font-weight:500;}
    .table_col td {font-size:0.9375rem;}
    .table_col colgroup {display:none;}

}
.year_text {display:flex; justify-content:flex-end; margin-bottom:10px;}
.year_text:after {content:""; display:block; clear:both;}
.year_text > li {float:left; display:flex; align-items:center; margin-right:15px;}
.year_text > li > span {display:inline-block; width:10px; height:10px; margin-right:5px;}
.year_text > li > .pink {background-color:#f33c36;}
.year_text > li > .blue {background-color:#2824f1;}




.table_col2 {width:100%; border-top:2px solid #adadad; word-break:break-all;}
.table_col2 th {background:#f8f8f8; color:#000; height:24px; padding:10px; font-weight:550; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle;}
.table_col2 th:first-child {border-left:none;}
.table_col2 th a {color:#000;}
.table_col2 td {color:#000; font-weight:500; padding:10px 12px; text-align:left; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; vertical-align:middle; word-break: keep-all; letter-spacing: -1px;}
.table_col2 .lf {text-align:left; padding:10px 15px;}
.table_col2 .ac {text-align:center;}
.table_col2 .no_bor {border-left:0;}
.table_col2 .no_bor_bottom{border-bottom:0px;;}
.table_col2 .font_pink {color:#f03838;}
.table_col2 .bg_pink {background:#fff2ea;}
.table_col2 .font_blue {color:#175aca;}
.table_col2 .bg_blue {background:#f4f8fa;}
.table_col2 .bg_gray {background:#f8f8f8;}



@media screen and (max-width:768px) {
    .table_col2 th {font-size:0.9375rem; font-weight:500;}
    .table_col2 td {font-size:0.9375rem;}
    .table_col2 colgroup {display:none;}

}


/* 공지사항 */
.board_tb {width:100%; border-top:2px solid #adadad;}
.board_tb tr {border-bottom:1px solid #d8d8d8; text-align:center;}
.board_tb th {background-color:#f7f7f7; text-align:center; vertical-align:middle; font-weight:600; font-size:17px; height:50px; box-sizing:border-box;}
.board_tb td { text-align:center; vertical-align:middle; height:50px; box-sizing:border-box;}
.board_tb tr td.t_l {text-align:left;}
.board_tb tr td .t_l_box {display:inline-block;}
.board_tb tr td .t_l_box > a {font-weight:450;}

.board_tb .mobile_list {display:none;}
.board_tb .mobile_list > li {float:left;}
.board_tb .mobile_list > li:after {content:""; display:inline-block; width:1px; height:13px; background-color:#d8d8d8; margin:0px 10px;}
.board_tb .mobile_list > li:last-child:after {display:none;}

.board_tb .file > img {vertical-align:middle;}


/* @media screen and (max-width:1024px){
    .board_tb th {font-size:1.0625rem;}
    .board_tb td {font-size:1.0625rem;}
} */
@media screen and (max-width:950px){
    .board_tb {border:none;}
    .board_tb tr:first-child {border-top:2px solid #adadad;}

    .board_tb th {display:none;}
    .board_tb td {height:auto; padding:15px 5px;}
    .board_tb td:nth-child(1) {display:none;}
    .board_tb td:nth-child(2) {width:100%;}
    .board_tb td:nth-child(3) {display:none;}
    .board_tb td:nth-child(4) {display:none;}
    .board_tb td:nth-child(5) {display:none;}

    .board_tb td .mobile_list {display:block;} 

 


}


@media screen and (max-width:768px){
    .board_tb th {font-size:1rem;}
    .board_tb td {font-size:1rem;}
    .board_tb .mobile_list > li {font-size:0.9375rem;}
}



.pagenation{width:100%; height:auto; display:block; margin-top:50px;}
.pagenation ul{height:40px;  display:table; text-align:center; margin:0px auto;}
.pagenation ul li{width:45px; height:40px; display:inline-block; margin-right:10px; vertical-align:middle; border:1px solid #e7e7e7;}
.pagenation ul li a{position: relative; display:block;  height:100%;font-size:16px; color:#000; line-height: 40px; font-weight:500;}
.pagenation ul li.pagerLast{margin-right:0px;}
.pagenation ul li.pageOn a, .boardPager ul li:hover a{font-weight:600; text-decoration:underline; cursor:pointer; background-color:#555; color:#fff;}
.pagenation ul li.current a, .pagenation ul li:hover a{font-weight:600; text-decoration:underline; cursor:pointer; background-color:#555; color:#fff;}

.pagenation ul li.pagerNext a, .boardPager ul li.pagerPrev a, .boardPager ul li.pagerLast a, .boardPager ul li.pagerFirst a{margin:0px auto; }
.pagenation ul li.pagerNext a img, .boardPager ul li.pagerPrev a img, .boardPager ul li.pagerLast a img, .boardPager ul li.pagerFirst a img, .boardPager ul li.pagerPreve a img{vertical-align:middle; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.pagenation ul li.pagerNext:hover, .boardPager ul li.pagerPrev:hover, .boardPager ul li.pagerFirst:hover, .boardPager ul li.pagerLast:hover{cursor:pointer;}
.pagenation ul li.pagerNext:hover a, .boardPager ul li.pagerPrev:hover a, .boardPager ul li.pagerFirst:hover a, .boardPager ul li.pagerLast:hover a,.boardPager ul li.pagerPreve:hover a{background-color:transparent;}