/* 공통 게시판 상단 메뉴리스트 */
.menu_list{border: 1px solid #ddd;border-radius: 3px;border-top: 3px solid #3a88e9;padding:20px 20px 10px; overflow: hidden; margin-bottom: 50px;}
.menu_list ul{width: 100%; overflow: hidden;}
.menu_list li{width: 176px; float: left; line-height: 28px; padding-left: 15px; background: url(/resources/images/common/list_ico.png) no-repeat 0 8px;}
.menu_list .icon_no{background:none;}
.menu_list .li_type li{font-size: 13px;}
.menu_list .tit_group  li{width: 210px;}
.menu_list .tit_group  li .date{font-size: 12px;color: #989898;}

.on{color:#3a88e9;}
.menu_list .num{color:#3a88e9;display:inline-block; font-size: 13px;}
.menu_list .w40{width:40px;}
.menu_list li a:hover {color:#3a88e9; }
.menu_list .active{font-weight: bold; }
.menu_list .on{color:#3a88e9;text-decoration: underline;}

.menu_list .left_box_serch{float:left; margin-top: 10px;}
.menu_list .left_box_serch input{padding:3px 10px; float: left;height: 29px;}
.menu_list .left_box_serch button{float:left; padding:4px 9px;height:29px;  border-radius: 0px 3px 3px 0px;background: #434658; border: 1px solid #434658; color: #fff;}
.menu_list .right_box{float: right; margin-top: 10px;}
.menu_list .right_box p{float:left;  padding: 6px;}
.menu_list .right_box a{border: 1px solid #ddd;padding: 8px 10px; display: inline-block;line-height: 5px; float: left;}
.menu_list .right_box a:hover{background: #efefef;}

.li_type li {background: url(/resources/images/common/li_type.gif) no-repeat 0 9px; line-height: 22px; padding-left: 9px;}

.category_wrap{overflow: hidden;}
.category_wrap .left_box li{background: url(/resources/images/common/footer_l.gif) no-repeat 0px 10px; float:left; padding:6px 15px; font-weight: bold;}
.category_wrap .left_box li:first-child{background:none; padding-left:0;}

.list_btn_wrap {text-align: right;}
.list_btn_wrap a{width: 30px; height: 30px; display: inline-block;border-radius: 3px;}
.list_btn_wrap a span{border:1px solid #ddd; width:30px; height:30px; border-radius:3px; display:block;}
.list_btn1{ background: url(/resources/images/common/list1_02.png) no-repeat center;}
.list_btn1:hover{background: url(/resources/images/common/list1_01.png) no-repeat center #cacaca;}
.list_btn2{ background: url(/resources/images/common/list2_02.png) no-repeat center;}
.list_btn2:hover{background: url(/resources/images/common/list2_01.png) no-repeat center #cacaca;}
.list_btn1 .on{display: inline-block; background: url(/resources/images/common/list1_01.png) no-repeat center #3a88e9; width:100%; height:100%;border: 1px solid #3a88e9;border-radius: 3px;}
.list_btn2 .on{display: inline-block; background: url(/resources/images/common/list2_01.png) no-repeat center #3a88e9; width:100%; height:100%;border: 1px solid #3a88e9;border-radius: 3px;}


/* 공통 게시판 리스트 */
input{border: 1px solid #ddd;color: #464646;}
.bbs_info{overflow:hidden; margin-bottom: 5px;}
.bbs_info .bbs_left{background: url(/resources/images/common/list_info.png) no-repeat 0 10px ; padding-top:10px; float: left; padding-left:20px; letter-spacing: -0.5px;}
.bbs_info .bbs_left strong{color:#3a88e9;}
.bbs_info .bbs_right{float: right;}
.bbs_info .day-input{float: left;margin-right: 10px;}
.bbs_info .day-input select{border-radius:3px;}
.bbs_info .bbs_right button{width:45px; height: 37px; display: inline-block;border: 1px solid #ddd;border-radius:0px 3px 3px 0px;  background:url(/resources/images/common/c_serch.png) no-repeat center}
.bbs_info .searchTxt{border-radius: 0; padding: 0 15px; height: 37px;width: 180px;float: left;margin-right: -1px;}
.bbs_info .selectbox{float: left;}
.bbs_info  select{height:37px; margin-right: -1px; border-radius:3px 0px 0px 3px;border: 1px solid #ddd; width:75px; padding: 8px;  background: url(/resources/images/common/select_b2.png) no-repeat 55px 14px}

.bbs_basic_list1{overflow: hidden; margin-right: -10px;}
.bbs_basic_list1 .list{padding: 20px; border:1px solid #ddd; float:left; width: 360px; overflow: hidden; margin: 4px;}
.bbs_basic_list1 .list:hover{border:1px solid #3a88e9;  background:#f9fcff;}
.bbs_basic_list1 .img_wrap{float:left; background:#dedcdf; width:160px; height:120px; margin-right: 20px; position:relative;}
.bbs_basic_list1 .img_wrap .img{width:160px; height:120px; display: block;}
.bbs_basic_list1 .img_wrap .img img{width: 160px;height: 120px;}
.bbs_basic_list1 .img_wrap button,
.bbs_basic_list1 .img_wrap strong{display: none;}
.bbs_basic_list1 .img_wrap:hover button{position:absolute;bottom:0; right:0;padding:6px 0 0 2px;background:#3a88e9;width:30px;height:30px; display:block;}
.bbs_basic_list1 .img_wrap strong{position: absolute;background: #fff;font-size: 11px;padding: 3px;border: 1px solid #797979;right: -9px;bottom:-25px; }
.bbs_basic_list1 .img_wrap strong .arr {display: block;overflow: hidden;position: absolute;top: -6px; left: 50%; width: 11px;height: 6px;margin-left: -6px;background:url(/resources/images/common/arr.png) no-repeat; vertical-align: top;}
.bbs_basic_list1 .list dl{float:left; width: 138px;}
.bbs_basic_list1 .list dt{height:40px; overflow: hidden;margin: 5px 0 35px;}
.bbs_basic_list1 .list dt a{font-size: 16px; letter-spacing:0.5px; font-weight: bold;display: inline-block;line-height: 1.3; text-overflow: ellipsis; word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bbs_basic_list1 .list dt a:hover{color:#3a88e9;}
.bbs_basic_list1 .list dd{font-size:13px;}
.bbs_basic_list1 .list dd strong{color: #444;}
.bbs_basic_list1 .list dd img{float:right; padding-top:4px;}

.bbs_basic_list2{border-top:2px solid #000;}
.bbs_basic_list2 .list{overflow: hidden;padding:25px 20px; border-bottom:1px solid #ddd;}

.bbs_basic_list2 .img_wrap{float:left; background:#ddd; width:160px; height:120px; margin-right: 30px; position:relative;}
.bbs_basic_list2 .img_wrap .img{width:160px; height:120px; display: block;}
.bbs_basic_list2 .img_wrap .img img{width: 160px;height: 120px;}
.bbs_basic_list2 .img_wrap button,
.bbs_basic_list2 .img_wrap strong{display: none;}
.bbs_basic_list2 .img_wrap:hover button{position:absolute;bottom:0; right:0;padding:6px 0 0 2px;background:#3a88e9;width:30px;height:30px; display:block;}
.bbs_basic_list2 .img_wrap strong{position: absolute;background: #fff;font-size: 11px;padding: 3px;border: 1px solid #797979;right: -9px;bottom:-25px; }
.bbs_basic_list2 .img_wrap strong .arr {display: block;overflow: hidden;position: absolute;top: -6px; left: 50%; width: 11px;height: 6px;margin-left: -6px;background:url(/resources/images/common/arr.png) no-repeat; vertical-align: top;}
.bbs_basic_list2 .list dl{float:left; width:850px;}
.bbs_basic_list2 .list dl p{height:69px;overflow: hidden; line-height:18.5px;}
.bbs_basic_list2 .list dt a{font-size:16px; letter-spacing:0.5px; font-weight: bold; display: inline-block; padding-top:3px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;}
.bbs_basic_list2 .list dt a:hover{color:#3a88e9;}
.bbs_basic_list2 .list dd p{padding-top: 5px;color: #898989;}
.bbs_basic_list2 .list dd strong{color:#444; padding-left:10px;}
.bbs_basic_list2 .list dd img{float:right; padding-top:2px;}
.bbs_basic_list2 .list dd p_0{padding: 0;}

/*테마관*/
.thema_main{background:#f8f8f8; width:100%; margin-bottom:30px;}
.thema_main .thema_wrap{width:1100px; margin:0 auto; overflow:hidden; padding:30px 0;}
.thema_main .thema_wrap .thema_img{margin-right:50px; display:block; width:290px; background:#000; height:190px;  float: left;}
.thema_main .thema_wrap dl{width:750px; float:left;}
.thema_main .thema_wrap dt{font-size: 22px;font-weight: bold;}
.thema_main .thema_wrap dd p{height:45px; overflow:hidden; margin-bottom:10px;}
.thema_main .between{background:#fff; padding:10px 10px 10px 0; overflow:hidden;}
.thema_main .between a{width:125px;height:80px;display: block;float:left; overflow:hidden; margin-right:8px;}
.thema_main .between a img{width:100%; height:100%;}
.thema_main .between a:last-child{margin-right:0;}
.thema_main .between a:hover{border:1px solid #3a88e9;}
.thema_main .between strong{color:#3a88e9;text-align:center; width:80px; display: inline-block; font-size:15px; float: left;padding:20px;height: 80px;}

.thema_list{width:1100px; margin:0 auto 100px;}
.thema_box{overflow:hidden; margin-right: -9px;}
.thema_box a{position: relative;display: block; width: 268px;height: 268px; background:#ddd;margin: 5px 9px 5px 0;float:left; overflow:hidden;}
.thema_box a img{width:100%; height:100%;}
.thema_box a:hover  img{transform: scale(1.1); transition: .4s;}
.thema_box  .content p{display: block; color: #fff;font-size: 22px;z-index:2; padding:110px 0 80px; font-weight:bold;}
.thema_box  .content{text-align: center;width: 268px;height: 268px;z-index: 9; position: absolute;top: 0;background:rgba(0, 0, 0, 0.3);}
.thema_box  .content:hover{background:rgba(0, 0, 0, 0.6);transition: .4s;}
.thema_box  .content span{color:#fff;}
.thema_box  .content span strong{color:#ff7c2d;}

/* non list */
.non_list{margin-bottom:100px;padding:40px 0; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; font-size:1.07em; color:#787777;}
.tbl tr td.non_list{padding:20px 0; border-bottom:1px solid #d7d7d7; text-align:center; font-size:1.07em; color:#787777;}
.tbl_basic table tbody tr .non_list:hover{background:none;}

/*기록음성 게시판 리스트*/
.bbs_basic_list1 .list .voice{position: relative; background: url(/resources/images/common/voice.png) no-repeat center 20px #ebf3ff; border-radius:60px;width:110px;height:110px; float: left; margin: 0px 40px 0 10px;}
.bbs_basic_list2 .list .voice{position: relative; background: url(/resources/images/common/voice.png) no-repeat center 20px #ebf3ff; border-radius:60px;width:110px;height:110px; float: left; margin: 9px 40px 0 20px;}
.bbs_basic_list1 .list .voice strong,
.bbs_basic_list2 .list .voice strong{position: absolute;text-align: center; display: block; bottom: 20px; width: 110px;}

/*기본 게시판 리스트*/
.tbl_basic table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:2px solid #444;}
.tbl_basic table caption{position:absolute;visibility:hidden;height:0;line-height:0;font-size:0;}
.tbl_basic table th{padding:11px 0; background:#fafafa; border-bottom:1px solid #c7c7c7;font-size:14px; font-weight:normal; color:#111; text-align: center;}
.tbl_basic table th a{color:#111}
.tbl_basic table th a:hover{ text-decoration:underline;}
.tbl_basic table td{padding:11px 0;border-bottom:1px solid #ddd;font-size:14px;text-align:center;word-wrap:normal;}
.tbl_basic table tbody tr:hover td,.board-list tbody tr:focus td {background:#f9fcff;border-bottom:1px solid #ddd;}
.tbl_basic th, .tbl_basic tr td {border-left:1px solid #ddd;}
.tbl_basic th:first-child, .tbl_basic td:first-child {border-left: none;}
.tbl_basic table .num{width:5%;}
.tbl_basic table .title{width:30%;}
.tbl_basic table .date{width:7%;}
.tbl_basic table .look{width:5%;}
.tbl_basic table td a .notic{padding:10px 5px; background: #ff3a55; color: #fff; font-size: 12px; margin-right: 5px;}
.tbl_basic table td.title{text-align:left;padding-left:20px;letter-spacing:0;}
.tbl_basic table td.title a{display:inline-block;overflow:hidden;width:auto;max-width:95%;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;}

.tbl_basic table td a .year{font-weight: bold; color: #3a88e9;}

/* pagination */
.pagination_wrap{overflow: hidden;}
.pagination{margin:30px 0 100px; text-align: center; }
.pagination > li{display: inline;}
.pagination li a{padding:17px 0;background:#fff; border: none; width:35px; height:35px;display: inline-block;  line-height: 5px;}
.pagination li a:focus, .pagination li a:hover{text-decoration:underline; background:#efefef;}
.pagination li.active a,.pagination li.active a:hover,.pagination li.active a:focus{background:#203559;color:#fff; border: none; font-weight: bold;}
.pagination li.prev a{margin-right:3px;}
.pagination li.next a{margin-left:3px;}
.pagination li.first a, .pagination li.prev a, .pagination li.last a, .pagination li.next a{padding:11px 4px; border: 1px solid #ccc; color:#666;border-radius:0}
.pagination > li > a:hover, .pagination > li > a:focus{color:#3C64B7;}

/* view */
.board_header{border-top: 2px solid #444444; border-bottom: 1px solid #ccc; overflow: hidden; padding-bottom: 10px;}
.board_header h4{padding: 25px 25px 20px 25px; border-bottom: 1px solid #ccc; margin-bottom:10px;background: #f8f8f8;}
.board_header h4 strong{font-size:20px; }
.board_header .board_left{padding-left: 20px;float: left;}
.board_header .board_left p{margin-right: 14px; float: left;  padding-top: 4px;}
.board_header .board_left .date{background: url(/resources//images/common/v_date.png) no-repeat 0 5px;}
.board_header .board_left .time{background: url(/resources//images/common/v_time.png) no-repeat  3px 6px;}
.board_header .board_left .origin{background: url(/resources//images/common/v_origin.png) no-repeat 2px 6px;}
.board_header .board_right {float: right;padding-right: 20px;padding-top: 0px;}
.board_header .board_right a{border: 1px solid #ddd;padding:2px 8px; display: inline-block;}
.board_header .board_right a:hover{border: 1px solid #efefef; background: #efefef;}
.board_header .board_left strong, .board_header .board_right strong{padding-left: 22px;}

.slick-slide img {margin: auto; max-height: 700px; display: inline !important;}
.board_body .view_video{position: relative;text-align:center; width:700px; height:394px; background: #ddd; margin: 50px auto;}
.board_body .view_img{position:relative; text-align:center; width:700px; margin: 50px auto;}
/* .board_body .view_img:hover .box{display:block} */
.board_body .view_img .box{position: absolute; width: 100%; /* height:100%; */ top:40%;  z-index:999;}
.board_body .view_img .box .prev{float:left;  display:block; height:100%; width:51px;}
.board_body .view_img .box .next{float:right; display:block; height:100%; width:51px;}
.board_body .view_img .box a {display: block; height:100%;}
.board_body .view_img .box a img{display: block;height: 51px;width: 51px;position: absolute; top: 40%}
.board_body .view_img .slideNum{padding:10px 0}
.board_body .txt {font-size:14px;  padding:0px 20px 50px;}
.board_body .txt p{padding-top:10px;}
.board_body .notice {padding:30px 20px;}
.board_body .more_img{border-top: 1px solid #ddd; padding:20px 0 50px;    overflow: hidden;}
.board_body .more_img .tit{font-size:20px; text-align: center; display:block; padding-bottom:20px;}
.board_body .more_img  .view_btn{float: left; margin: 25px 0; display: block;width: 51px; height: 51px;}

.board_body .view_img .loding1{width:60px; height:60px;position: absolute; top: 40%;left: 47%;}
.board_body .img_box .loding2{width:35px; height:35px;position: absolute; top: 40%;left: 47%;}

.board_body .img_box_wrap{width:980px; float: left;}
.board_body .img_box {cursor:pointer;position: relative;height:104px;overflow:hidden; float:left; margin: 0 13px;}
/* .board_body .img_box:hover{box-shadow: 0px 8px 15px rgba(0,0,0,0.15), 0px 0px 14px rgba(0,0,0,0.02), 0px 0px 1px rgba(0,0,0,0.1);} */
.board_body .s_wrap .title{ color:#000;padding-top: 5px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;width:90%;  margin: 0 13px;}
.board_body .img_box a{width: 169px; height: 104px;  display: block; color: #fff;}
.board_body .img_box .active{border: 2px solid #3a88e9;}
.board_body .img_box img{width: 169px; height: 104px; transform: scale(1); transition: .4s;}
.board_body .img_box:hover img{transform: scale(1.1);transition: .4s;}
.board_body .img_box .box_hover{color: #fff;background:0;position: absolute;left: 0;top: 0;width:170px;height: 104px; z-index: 99; display:none;}
.board_body .img_box:hover .box_hover{background: rgba(0, 0, 0, 0.6);-webkit-transition: 0.5s; display:block; padding:75px 10px;}
.board_body .img_box .box_hover strong{font-size:12px; display: inline-block;overflow: hidden;width: auto;max-width: 95%;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;}
.board_body .img_box .box_hover span{font-size:12px; line-height:20px; display: block; float: right;}

/* footer-하단 저작물표시 박스 */
.footer_kogl{display: flex;justify-content: center; align-items: center;width:100%;border:1px solid #ddd; overflow:hidden; margin:10px 0 0px;  padding:10px; border-bottom: 0;}
.footer_kogl img{/* width:110px; */height:42px; display:block; float: left; margin-right:11px;}
.footer_kogl p{float:left; width:940px;}

.kogl_wrap{overflow:hidden; padding:20px; border-top:1px solid #ddd;}
.kogl_wrap img{float:left; height:45px; margin-right:15px;}
.kogl_wrap p{float:left; width: 800px;}
.kogl_wrap a{color:#0c52a1; text-decoration: underline;}
.kogl_wrap a:hover{font-weight: bold;}

.kogl_wrap2{overflow:hidden; padding:10px 15px; border:1px solid #ddd; border-bottom: 0;}
.kogl_wrap2 p{float: left;padding-top: 3px;}
.kogl_wrap2 a{color:#fff; display: block;float: right;background: #4f5771;padding: 3px 10px;font-size: 13px;}
.kogl_wrap2 a:hover{background:#798096;}

.query_wrap{background: #f1f1f1;padding: 8px 15px;border: 1px solid #ddd;margin-bottom: 30px;}
.query_wrap strong{margin-right:30px;}

.bbs_Navigator{width:100%;font-size:13px;line-height:13px; overflow:hidden;}
.bbs_Navigator dl{height:100%; width: 50%; padding: 13px 0px;letter-spacing:0;border-top:1px solid #ddd; float:left;  border-right: 1px solid #ddd;}
.bbs_Navigator dl:last-child{border-right:0;}
.bbs_Navigator dt{font-weight: bold; font-size:14px; display: block; padding: 3px 20px 0;}
.bbs_Navigator dd{display: inline-block;line-height:1.3em;background:#fff;word-break:break-all;width:55.7%;word-wrap: break-word;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bbs_Navigator dd a:hover{color: #3a88e9;}
.bbs_Navigator .bbs_right, .bbs_Navigator .bbs_right dt{float: right;}
.bbs_Navigator .bbs_right dd{float: right; text-align: right; border-right: 1px solid #ddd; padding-right: 15px;}
.bbs_Navigator .bbs_left, .bbs_Navigator .bbs_left dt{float: left;}
.bbs_Navigator .bbs_left dd{float: left; text-align: left; border-left: 1px solid #ddd; padding-left: 15px;}

.board_btn{text-align:center; padding:40px 0 100px;border-top:1px solid #444;}
.board_btn a{background:#132267; padding: 14px 30px;color: #fff;display: inline-block;}
.board_btn a:hover{background:#424865;}
.board_btn a img{display: inline-block;  padding-left: 5px;}