@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* common */

/* bbs btn */
.bbs_btn{display: block;margin: 60px auto 0;}
.bbs_btn button,
.bbs_btn a{display: inline-block;width: 120px;height: 40px;line-height: 40px;border:1px solid #255386;color: #255386;text-align: center;font-size: 14px;}

/* 페이지목록 */
.paginate_wrap{margin:60px 0; text-align:center;}
.paginate_wrap ul.pagination{display:inline-block;*display:inline; *zoom:1;}
.paginate_wrap ul.pagination:after{display: block;clear: both;content: "";}
.paginate_wrap ul.pagination li{float: left;margin: 1px 0;}
.paginate_wrap ul.pagination li a{display: block;float: left; width: 34px;height: 34px;line-height: 34px;margin-left: -1px;border:1px solid #ddd;color:#888; text-align: center;text-decoration:none; font-size: 16px;}
.paginate_wrap ul.pagination li.on a,
.paginate_wrap ul.pagination li a:hover:not(.on) {background-color: #888;border-top: 1px solid #888; border-bottom: 1px solid #888;color:#fff;}
.paginate_wrap ul.pagination li.first a{background: url(../../images/arr_pagi_first.gif) no-repeat center center;}
.paginate_wrap ul.pagination li.last a{background: url(../../images/arr_pagi_last.gif) no-repeat center center;}
.paginate_wrap ul.pagination li.prev a{background: url(../../images/arr_pagi_prev.gif) no-repeat center center;}
.paginate_wrap ul.pagination li.next a{background: url(../../images/arr_pagi_next.gif) no-repeat center center;}
.paginate_wrap ul.pagination li.first a:hover,
.paginate_wrap ul.pagination li.last a:hover,
.paginate_wrap ul.pagination li.prev a:hover,
.paginate_wrap ul.pagination li.next a:hover{background-color: #fff;border: 1px solid #ddd;}

/* 검색 */
.search_box{max-width:1200px; margin:30px auto;padding: 35px 0;background: #fdfdfd;border: 1px solid #f6f6f6;}
.search_box .search {margin: 0 auto;text-align: center;}
.search_box .search select {width:22.22%;max-width: 68px;height:34px;line-height: 34px; padding-left:5px;/* background: #fff url(../../images/arr_search_select.png) 90% center no-repeat; */border:1px solid #ddd;color: #888;/* -webkit-appearance: none; -moz-appearance: none;appearance: none; */}
/* .search_box .search select::-ms-expand {display: none;} */
.search_box .search input[type=text]{width: 55.55%;max-width: 170px;height:34px; margin: 1px 0 1px -5px;padding-left: 3px;border:1px solid #ddd;font-family: "맑은 고딕";}
.search_box .search button[type=submit]{position:relative; left:-5px; width: 22.22%;max-width: 68px;height: 34px; background: #8e9091;border: 1px solid #8e9091;color: #fff;}

.no_data{margin-top: 40px;padding: 145px 0;background: #fdfdfd;border: 1px solid #f6f6f6;text-align: center;color: #8a8a8a;font-size: 14px;}

/* 일반게시판  */
.bbs_list {border-top: 1px solid #255386;}
.bbs_list ul {}
.bbs_list ul li {display: table;width: 100%;padding: 14px 0;border-bottom: 1px solid #ebeaea;}
.bbs_list ul li .num {display: table-cell;width: 120px;padding: 5px 0; border-right: 1px solid #f6f6f6;text-align: center;}
.bbs_list ul li .num b {color: #7a7d80;font-size: 14px;font-weight: 400;}
.bbs_list ul li .num .date {margin-top: 2px;color: #255386;font-size: 17px;}
.bbs_list ul li.notice {}
.bbs_list ul li.notice .num {}
.bbs_list ul li.notice .num span {display: inline-block;width: 40px;padding: 14px 0;background: #255386; color: #fff;font-size: 12px; text-align: center; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;}
.bbs_list ul li .txt {display: table-cell;padding: 0 30px;vertical-align: middle;}
.bbs_list ul li .txt a {display: inline-block;max-width: 612px;padding-right: 32px;margin-right: -32px;color: #333;line-height: 1.5em;vertical-align: middle;font-size: 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_list ul li .txt a:hover{text-decoration: underline;}
.bbs_list ul li .txt .new {padding-left: 4px;font-weight: 700;color: #255386;vertical-align: middle;font-size: 11px;}
.bbs_list ul li .down {display: table-cell;width: 54px;vertical-align: middle;}
.bbs_list ul li .down a {display: block;}
.bbs_list ul li .down a img {}

.bbs_view {border-top: 1px solid #255386;}
.bbs_view .head {}
.bbs_view .head .tit_box {padding: 30px 0px;border-bottom: 1px dotted #e5e5e5;}
.bbs_view .head .tit_box .tit {font-size: 18px;line-height: 1.5em;color: #255386;}
.bbs_view .head .tit_box .tit .category {margin-right: 5px;font-size: 18px;color: #255386; }
.bbs_view .head .tit_box .date {display: inherit;padding-top: 5px;line-height: 1em;font-size: 12px;color: #8c8787;}
.bbs_view .body {padding: 50px 0;}
.bbs_view .body .body_cont {line-height: 1.5em;}
.bbs_view .body .body_cont:after{display: block;clear: both;content: "";}
.bbs_view .body .body_cont .img {text-align: center;}
.bbs_view .body .body_cont .img img {width: auto;max-width: 100%;}
.bbs_view .foot {}
.bbs_view .foot .file_box {display: table;width: 100%;padding: 20px 0;border-top: 1px dotted #e5e5e5;border-bottom: 1px solid #ebeaea;}
.bbs_view .foot .file_box .ico_file {display: table-cell;width: 74px;padding: 0 20px;border-right: 1px solid #f6f6f6;vertical-align: middle;color: #8c8787;}
.bbs_view .foot .file_box .ico_file img {vertical-align: middle;}
.bbs_view .foot .file_box .ico_file span {margin-left: 5px;vertical-align: middle;font-size: 12px;}
.bbs_view .foot .file_box .file_list {display: table-cell;padding: 0 20px;vertical-align: middle;}
.bbs_view .foot .file_box .file_list ul {}
.bbs_view .foot .file_box .file_list ul li {}
.bbs_view .foot .file_box .file_list ul li a {color: #8c8787;line-height: 1.5em;font-weight: 300;font-size: 13px;}

/* 썸네일게시판 */
.bbs_thumb {}
.bbs_thumb ul {margin: -40px 0 0 -22px;}
.bbs_thumb ul:after{display: block;clear: both;content: "";}
.bbs_thumb ul li {float: left;width: 195px;margin: 40px 0 0 22px;}
.bbs_thumb ul li .img {
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
}
.bbs_thumb ul li .img a {display: block;overflow: hidden;aspect-ratio: 960 / 720;}
.bbs_thumb ul li .img a img {width: 100%;}
.bbs_thumb ul li .txt {padding: 15px 5px;border: 1px solid #f3f3f3;text-align: center;vertical-align: middle;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.bbs_thumb ul li .txt a {display: inline-block;max-width: 188px;padding-right: 35px;margin-right: -35px;font-size: 15px;color: #333;vertical-align: middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_thumb ul li .txt span {padding-left: 5px;font-size: 11px;font-weight: 700;color: #255386;vertical-align: middle;}

.bbs_thumb.long ul li .img {position: relative;display: block;border: 1px solid #f3f3f3;border-bottom: none;}
.bbs_thumb.long ul li .img a {display: block;/* position: absolute; */top: 0%;left: 0%;width: 100%;height: 100%;aspect-ratio: 193 / 239;}
.bbs_thumb.long ul li .img a img {/* position: absolute; *//* top:0; *//* bottom: 0; *//* left: 0; *//* right: 0; *//* min-width: 50%; *//* min-height: 50%; *//* margin:auto; */width: 100%;height: 100%;object-fit: cover;}


/* 썸네일게시판2 */
.bbs_thumb2 {margin-top: 40px;}
.bbs_thumb2 ul {margin: -40px 0 0 -40px;}
.bbs_thumb2 ul:after{display: block;clear: both;content: "";}
.bbs_thumb2 ul li {float: left;width: 255px;margin: 40px 0 0 40px;}
.bbs_thumb2 ul li .img_box {position: relative;width: 255px;height: 165px;background: #ebebeb;}
.bbs_thumb2 ul li .img_box a {display: inline-block;overflow: hidden;width: 255px;height: 165px;background: url(../../images/noimg.png) center center no-repeat;}
.bbs_thumb2 ul li .img_box a img {width: 100%;height: 100%;object-fit: cover;}
.bbs_thumb2 ul li .img_box .over{display: none;width: 100%;height: 100%;}
.bbs_thumb2 ul li:hover .over{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: url(../../images/bg_thumb2_hover.png) center center no-repeat;cursor: pointer;background-size: cover;}
.bbs_thumb2 ul li .txt_box {height: 303px;padding: 30px 25px;background: #eff7ff;vertical-align: middle;}
.bbs_thumb2 ul li .txt_box a {display: inline-block;}
.bbs_thumb2 ul li .txt_box a span {display: block;vertical-align: middle;}
.bbs_thumb2 ul li .txt_box a span.tit{font-size: 16px;color: #255386;line-height: 1.5em;text-align: center; display:-webkit-box; max-height:3em; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.bbs_thumb2 ul li .txt_box a span.date{position: relative;padding:2px 0 40px;font-size: 12px;color: #939495;line-height: 1.5em;text-align: center;}
.bbs_thumb2 ul li .txt_box a span.date:after{position: absolute;bottom: 20px;left: 50%;content: "";width: 20px;height: 1px;margin-left: -10px;background: #255386;}
.bbs_thumb2 ul li .txt_box a span.txt{font-size: 13px;color: #333;line-height: 1.5em;vertical-align: middle;text-align: justify; display:-webkit-box; max-height:10.5em; -webkit-line-clamp:7;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}