
#fd_accordion{border-top: 2px solid #6e8a2a;}
#fd_accordion h3{border-bottom: 1px solid #dbdbdb;padding: 17px 0 17px 72px;background: #fff url(/img/list_icon_q.png) 28px center no-repeat;}
#fd_accordion .panel{padding: 26px 0 26px 72px;background: #fff url(/img/list_icon_a.png) 28px center no-repeat; font-weight: 600;font-size: 18px;color: #656565;line-height:26px;border-bottom: 1px solid #dbdbdb;}
#fd_accordion .panel a{color: #fff;}
#fd_accordion .no{text-align:center;font-size: 18px;color: #656565;line-height:126px;}


.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border-top:2px solid #323232;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #00d5ce;line-height:1.4em;height:55px;word-break:break-all;border-left:0;border-right:0;}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

#fd_accordion{--bar-sec : 0.4s}
#fd_accordion h3 {cursor: pointer;}
#fd_accordion span.float-right {float: right; margin-left  : 10px;}
#fd_accordion .panel{height : 0px; padding : 0 ; opacity: 0;; overflow: hidden; border-bottom : solid 0px #e1e1e1; -webkit-transition: all var(--bar-sec) ease-in-out;-moz-transition: all var(--bar-sec) ease-in-out;-ms-transition: all var(--bar-sec) ease-in-out;-o-transition: all var(--bar-sec) ease-in-out;  visibility: hidden;}
#fd_accordion .panel.active{height : 100%; padding : 26px 0 26px 72px; margin-left : 20px; opacity: 1; visibility: visible;}


@media screen and (max-width: 880px){
#fd_accordion h3 {display: flex; flex-wrap: wrap;}	
#fd_accordion h3:after {content : ''; clear: both ; display: table;}	
#fd_accordion span.float-right {display: block; width : 100%; margin : 0;}
}

#bo_list .tbl_head01 tbody tr:hover {border-left:0;}
