@charset "utf-8";

.board{}
.board .noticeWrap {padding: 5px; position: relative; background-color: #eee; margin-bottom: 10px;}
.board .noticeWrap:after {position: absolute; display: block; content: "";border-radius:68px; width: 136px; height: 136px; background: url('/modules/board/views/img/iconbox_icon01.gif') center center no-repeat #fff; left: 20px; top: 10px;}
.board .noticeWrap ul{padding-left: 180px; font-size: 14px;}
.board .noticeWrap ul>li {padding-left: 10px; position: relative;}
.board .noticeWrap ul>li:after {position:absolute; content: "-"; display: block;left:0;top:0;}
.board .noticeWrap ul>li>span {color:#0e6dad;}
.board .noticeWrap .strong {color:red; font-weight: 700;}
.board .noticeWrap p{padding-left: 180px; font-size: 14.5px;}
.board .noticeWrap p>span {color:#0e6dad;}
.board .noticeWrap .before{padding-left: 200px;}
.board .noticeWrap .before:before {position: absolute; display: block; content: "※"; width: 10px; height: 10px; left:185px}
.board .ireply{overflow:hidden; display:inline-block; width:14px; height:9px; background:url('/modules/board/views/img/icon_reply.gif') no-repeat;}
.board .ireply.depth1{margin-left:15px;}
.board .ireply .txt{display:inline-block; text-indent:-1000px;}

.board .inew{overflow:hidden; display:inline-block; width:11px; height:11px; background:url('/modules/board/views/img/icon_new.gif') no-repeat;}
.board .inew .txt{display:inline-block; text-indent:-1000px;}

.board .isecret{overflow:hidden; display:inline-block; width:7px; height:9px; background:url('/modules/board/views/img/icon_secret.gif') no-repeat;}
.board .isecret .txt{display:inline-block; text-indent:-1000px;}

.board .ifile{overflow:hidden; display:inline-block; width:10px; height:9px; background:url('/modules/board/views/img/icon_file.gif') no-repeat;}
.board .ifile .txt{display:inline-block; text-indent:-1000px;}

.board_info{height:100%;}
.board_info:after{content:""; display:block; float:none; clear:both;}
.board_info .count{display:inline; float:left; height:38px; line-height:38px;}
.board_info .count strong{color:#ab2225; font-weight:normal;}
.board_info .board_search{position:relative; display:inline; float:right; padding:0 36px 0 100px; border:1px solid #b2b2b2; height:38px;}
.board_info .board_search .condition{position:absolute; left:0; top:0; display:block; width:100px; height:38px; line-height:38px;}
.board_info .board_search .keyword{width:100%; height:36px; border:0; background:none; text-indent:5px; line-height:36px; border-left:1px solid #b2b2b2;}
.board_info .board_search .search{position:absolute; right:0; top:0; display:inline-block; width:36px; height:36px; margin:0; padding:0;}
.board_info .board_search .search i{display:block; padding-top:7px; vertical-align:top; font-size:20px;}
.board_info .board_search .search .txt{font-size:0;}

.board .view_head{position:relative; border-top:2px solid #444; border-bottom:1px dotted #c7c7c7;}
.board .view_head h4{padding:20px 0; padding-left:20px; font-size:22px; color:#222; font-weight:bold; background:#f7f7f7;}
.board .view_head .info{overflow:hidden; padding:13px 0; border-top:1px solid #c7c7c7;}
.board .view_head .info dl{display:inline; float:right; margin-right:20px;}
.board .view_head .info dl dt{display:inline; float:left; margin:0 0 0 25px; font-weight:bold;}
.board .view_head .info dl dd{display:inline; float:left; margin:0 0 0 10px;}
.board .view_body .file{margin:35px 0 0 0;}
.board .view_body .file dl{}
.board .view_body .file dl dt{float:left; width:70px; padding:5px 0; line-height:18px;}
.board .view_body .file dl dd{margin:0 0 0 70px; padding:5px 0; line-height:18px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.board .view_body{padding:20px; border-bottom:1px solid #c7c7c7;}
.board .view_body img{max-width:100% !important; height:auto !important;}
/* 2019.12.09 김성민 테이블 생성시 표 형성 */
.board .view_body .body_content table tr th, .board .view_body .body_content table tr td {border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.board .view_body .body_content table {border-left: 1px solid #dedede; border-top: 2px solid #dedede; margin: 5px 0; width: 100%}
.board .view_body .body_content table tr th {background-color: #f6f6f6;}
.board .view_body .body_content table tr td {}
.board .view_tail{margin:30px 0 0 0;}
.board .view_tail .navi{margin-top:0 !important;}
.board .view_tail .prevnext{margin:50px 0 0 0; border-top:1px solid #e0e0e0;}
.board .view_tail .prevnext dl{}
.board .view_tail .prevnext dl dt{float:left; width:100px; padding:10px 0; text-indent:15px; line-height:20px; font-size:13px; font-weight:bold;}
.board .view_tail .prevnext dl dt i{margin:0 10px 0 0; padding:0;}
.board .view_tail .prevnext dl dd{padding:10px 0; border-bottom:1px solid #e0e0e0; line-height:20px; font-size:13px;}


.board .board_write table{border-top:2px solid #444;}
.board .board_write table tbody{}
.board .board_write table tbody th,
.board .board_write table tbody td{padding:20px 0; border-bottom:1px solid #eee;}
.board .board_write table tbody td .form_control{}

.board .navi{margin:50px 0 0 0; height:100%;}
.board .navi:after{content:""; display:block; float:none; clear:both;}
.board .navi .left{float:left;}
.board .navi .right{float:right;}
.board .navi .btn_group{height:100%;}
.board .navi .btn_group:after{content:""; display:block; float:none; clear:both;}
.board .navi .btn_group .cbtn{float:left; margin-left:-1px;}

.common_list{margin:15px 0 0 0; border-top:2px solid #404040; font-size: 110%;}
.common_list thead{}
.common_list thead tr th,
.common_list thead tr td{padding:20px 0; border-bottom:1px solid #c9c9c9; text-align:center;}
.common_list tbody{}
.common_list tbody tr th,
.common_list tbody tr td{padding:20px 0; border-bottom:1px solid #c9c9c9; text-align:center;}
.common_list .check{width:50px;}
.common_list .num{width:70px;}
.common_list .category{width:120px;}
.common_list .writer{width:100px;}
.common_list .date{width:100px;}
.common_list .file{width:70px;}
.common_list .hits{width:100px;}
.common_list tbody td.subject{text-align:left;}

.gallery_list{margin:15px 0 0 0;}
.gallery_list ul{height:100%;}
.gallery_list ul:after{content:""; display:block; float:none; clear:both;}
.gallery_list ul li{float:left; width:25%;}
.gallery_list ul li .area{margin:5px; border:1px solid #d3d3d3;}
.gallery_list ul li .area a{display: block;}
.gallery_list ul li .area .thumb{display:block; text-align:center; line-height:180px; background:#eee;
    /* width: 180px; */
    height: 180px;
    overflow: hidden;
    position: relative;
}
.gallery_list ul li .area .thumb img{
    /* display:block; margin:0; padding:0; vertical-align:top; */
    object-fit: cover;
    width: 100%;
    height:180px;
}
.gallery_list ul li .area .info{display:block; padding:25px 15px 10px;}
.gallery_list ul li .area .title{display:block; font-size:16px; line-height:24px;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
.gallery_list ul li .area .date{display:block; margin:0 0 10px 0; font-size:15px;}
.gallery_list ul li .inew{margin-top:5px;}

.board .media-body.flex {
    display: flex;
    align-items: center;
    gap: 10px;
}