@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 게시판 목록 */
#bo_list {position:relative}
#bo_list:after {display:block; visibility:hidden; clear:both; content:""}



.likeTbl{width:100%; margin-bottom:20px; }
.likeTbl > ul{display:table; width:100%; }
.likeTbl > ul > li{display:table-row; width:100%; }
.likeTbl > ul > li > div{display:table-cell; }
.likeTbl > ul > li.likeTblTh{background:#fff; }
.likeTbl > ul > li.likeTblTh > div{padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; }
.likeTbl > ul > li.likeTblTd > div{padding:15px 2px; border-bottom:1px solid #ddd; vertical-align:middle; }
.likeTbl > ul > li:hover.likeTblTd{background:#fafafa; }
.likeTbl > ul > li.likeTblTd .td_subject a{-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.likeTbl > ul > li:hover.likeTblTd .td_subject a{padding-left:5px;}
.likeTbl > ul > li.likeTblTd .td_subject .bo_tit a{display:block; }
.likeTbl > ul > li.likeTblTd .td_subject .bo_tit a em{font-style:normal; }
.likeTbl > ul > li:hover.likeTblTd .td_subject .bo_tit a em span,
.likeTbl > ul > li:hover.likeTblTd .td_subject .bo_tit a em i{color:#333 !important; }

.bo_notice,
.bo_notice > div {background:#fcf9f3 !important; }
.likeTbl .td_board {width:120px; text-align:center}
.likeTbl .td_chk {width:30px; text-align:center}
.likeTbl .td_date {width:60px; text-align:center; font-style: normal; }
.likeTbl .td_datetime {width:60px; text-align:center; font-style: normal; color:#999; font-size:16px; font-family:verdana; }
.likeTbl .td_group {width:100px; text-align:center}
.likeTbl .td_mb_id {width:100px; text-align:center}
.likeTbl .td_mng {width:80px; text-align:center}
.likeTbl .td_name {width:90px; text-align:center; padding:10px 0}
.likeTbl .td_nick {width:100px; text-align:center}
.likeTbl .td_num {width:60px; ; text-align:center; color:#999; font-size:16px; }
.likeTbl .td_num2 {width:50px; ; text-align:center; color:#999; font-size:16px; }
.likeTbl .td_numbig {width:80px; text-align:center}
.likeTbl .txt_active {color:#5d910b}
.likeTbl .txt_expired {color:#ccc}

.td_subject img {margin-left:5px}

/*.likeTbl .profile_img {display:inline-block; ; margin-right:2px}*/
.likeTbl .profile_img img{border-radius:50%}
.likeTbl .cnt_cmt{display:inline-block; background:#b8b8b8; color:#fff; font-size:11px; height:16px; line-height:15px; padding:1px 6px; border-radius:30px; vertical-align:middle; }

.likeTbl .bo_tit .fa-download{width:16px; height:16px; line-height:16px; background:#ddd; color:#999; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle; margin-right:2px}
.likeTbl .bo_tit .fa-link{width:16px; height:16px; line-height:16px; background:#ddd; color:#999; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle; margin-right:2px; font-weight: normal; }
.likeTbl .bo_tit .new_icon{display:inline-block; width: 16px; line-height:16px ; font-size:0.833em; color:#999; background:#ddd; text-align:center; border-radius: 2px; vertical-align:middle; margin-right:2px}
.likeTbl .bo_tit .hot_icon{display:inline-block; width: 16px; line-height:16px ; font-size:0.833em; color:#999; background:#ddd; text-align:center; border-radius: 2px; ; vertical-align:middle; margin-right:2px; font-weight:normal}
.likeTbl .bo_tit .fa-lock{display: inline-block; line-height: 14px; width: 16px; font-size: 0.833em; color: #fff; background: #333; text-align: center; border-radius: 2px; font-size: 12px; border:1px solid #000}
.likeTbl .bo_tit a{font-size:18px; }

.onlyMvV{display:none; }
.likeTbl > ul > li > div.mvInlinev i{display:none; }

.write_div2 {margin: 5px 0; position: relative;}
.wr_div {width: 100%; position: relative;}
.wr_textarea{
	border: 1px solid #ccc;
    background: #fff;
    color: #000;
    border-radius: 3px;
    padding: 5px;
    width: 100%;
    height: 100px;
    margin: 5px 0;
}
.space-h {width: 100%; height: 30px;}

.contents_all {display:flex; flex-direction :row; flex:wrap; width:100%; margin-bottom:20px; }
.contents_all .contents-1 {
	display: flex;
	align-items: center;
	justify-content: center;
	width:20%; 
	min-height:70px;
	text-align:center;
	margin:0 2% 0 0;
	padding: 20px 10px;

    line-height: 180%;
    background-color: rgb(130, 202, 82, 0.3);
    border-radius: 15px;
    border: 1px solid #ddd;
    font-size: 18px;
    font-weight: 500;
    word-break: keep-all;
}
.contents_all .contents-2 {
  display: flex;
  align-items: center;
	width:78%; 
	min-height:70px;
	text-align: left;
    border-bottom: 1px solid #ddd;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 160%;
    font-weight: 400;
    color: #555;
	background: #f5f5f5;	
    border-radius: 15px;	
    word-break: break-all;
}

.list-cate {display:flex; flex-direction :row; flex:wrap; width:100%; margin-bottom:20px; }

.list-cate .list-1 {
	display: flex;
	align-items: center;
	justify-content: center;
	width:20%; 
	min-height:30px;
	text-align:center;
	margin:0 2% 0 0;
	padding: 20px 10px;
    line-height: 180%;
    background-color: #d9efcb;
    border-radius: 15px;
    border: 1px solid #ddd;
    font-size: 18px;
    font-weight: 500;
    word-break: keep-all;
}
.list-cate .list-2 {
	display: flex;
	flex-wrap: wrap;	
	align-items: center;
	width:78%; 
	text-align: left;
}	

.list-cate .list-2 .list-box {
	display: flex;
	align-items: center;
	justify-content: center;	
    min-height: 160px;
    width: 31.3%;
    padding: 10px 10px;
    margin: 7px 2% 7px 0;
	background: #fff;	
    border: 5px solid #bcd6b5;
    border-radius: 15px;
    font-size: 1.1em;
    font-weight: 400;	
	line-height:1.2em;
    word-break: break-all;	
}

.list-cate .list-2 .list-box div{display:inline-block; text-align:center;}
.list-cate .list-2 .list-box div::after {
	display: inline-block;
	content: '자세히 보기';
	padding:2px 10px;
	margin:10px 0 0;
	background: #fff;
	border: 1px solid #ddd;
    border-radius: 10px;
	font-size:0.7em;
}
.list-cate .list-2 .list-box span {font-size:0.7em; z-index:100; color:red; margin-right:3px;}
.list-cate .list-2 .list-box:hover {border: 5px solid #5f9552; font-size:1.12em; background: #ecf6e6; -webkit-transition: all 0.5s;
    transition: all 0.3s;}

@media all and (max-width: 800px)
{
	.likeTbl > ul{display:block !important; }
	.likeTbl > ul > li{display:block !important; overflow:hidden; border-bottom:1px solid #ddd; position:relative; }
	.likeTbl > ul > li > div{display:block; border-bottom:0px !important; padding:0px; }
	.likeTbl > ul > li.likeTblTd{padding:7px 15px 15px; text-align:left; }
	.likeTbl > ul > li.likeTblTd > div{padding:0px; border-bottom:0px; }

	.likeTbl > ul > li > div.mvInlineN{display:none; }
	.likeTbl > ul > li > div.mvInlinev {display:inline-block; width:auto !important; padding:0 5px; font-size:10px; }
	.likeTbl > ul > li > div.mvInlinev i{display:inline-block; margin-left:3px; }
	.likeTbl > ul > li > div.mvInlinev:before{content:" / "; color:#ddd; }
	.likeTbl > ul > li > div.mvInlinev.td_name:before{content:" "}
	.likeTbl > ul > li > div.mvInlinev.td_name{padding-left:2px; }
	.likeTbl > ul > li > div.td_subject{display:block; }
	.likeTbl > ul > li > div.td_subject a{padding:0 0 8px 0; }
	.likeTbl > ul > li > div.td_subject a.bo_cate_link{display:inline-block; padding-top:8px; }
	.likeTbl > ul > li > div.td_chk{position:absolute; right:0px; top:0px; }

	.likeTbl > ul > li:hover.likeTblTd .td_subject a{padding-left:0px; }
	.likeTbl > ul > li.likeTblTd .td_subject .bo_tit a{padding-top:8px; }
	.onlyMvV{display:inline-block; margin-left:-5px; }

	.bo_notice > div.mvInlineN.td_num2{display:block; float:left; width:30px; padding:8px 10px 0 0; }
}

@media all and (max-width: 650px){	
	.contents_all {display:flex; flex-direction :column; flex:wrap; width:100%; margin-bottom:20px; }
	.contents_all .contents-1 {width:90px; min-height:25px; padding: 5px; line-height:1.0em; margin:0 0 5px 0; font-size: 16px; border-radius: 10px; } 
	.contents_all .contents-2 {width:100%; min-height:40px; padding: 10px 10px; font-size: 16px;  } 
	
	.list-cate {display:flex; flex-direction :column; margin-bottom: 20px; }
	.list-cate .list-1 {width:100%; margin:0 0 20px 0; padding:5px 5px; font-size: 1.0em;}
	.list-cate .list-2 {width:100%; flex-wrap:wrap;}
	.list-cate .list-2 .list-box {width:49%; margin:0 2% 8px 0; font-size: 1.0em; padding: 10px 10px; min-height:130px; border: 4px solid #bcd6b5; } 
	.list-cate .list-2 .empty {margin-bottom:20px; text-align:center;}
	.list-cate .list-2 div:nth-child(even) {margin:0 0 8px 0; } 
	
	.list-cate .list-2 .list-box:hover {border: 4px solid #5f9552; font-size:1.0em;}
	
}