.dpc_bbs_title {font-size:25px; line-height:30px; font-weight:600; color:#111; text-align:center; margin:30px auto; }
.dpc_bbs_text {font-size:1rem; line-height:1.6rem; font-weight:350; color:#333; text-align:left; margin:30px auto; }

.bbs_B .bbs_B_td_tr:hover  {background-color:#ddddee !important; }
.bbs_B .bbs_B_td a:hover  {color:#0000ff; }

@media all and (min-width:801px) { 
	.bbs_B {display:table; width:100%; }
	.bbs_B .bbs_B_th_tr {display:table-row; }
	.bbs_B .bbs_B_th {display:table-cell; color:#444; font-size:1rem; line-height:1rem; padding:10px 0 12px 0;  text-align:center; vertical-align:middle; font-weight:600; border-top:solid 2px #535353; border-bottom:solid 1px #b5b5b5; background:url(/image/table/header9_gap.gif) no-repeat scroll right 10px transparent; }
	.bbs_B .bbs_B_th:last-child {background:url(); }
	.bbs_B .bbs_B_td_tr {display:table-row; }
	.bbs_B .bbs_B_td {display:table-cell; color:#222; font-size:1rem; line-height:1rem; padding:15px 5px; vertical-align:middle;  border-left:none; border-right:none;border-bottom:solid #e7e7e7 1px; }
	.bbs_B .bbs_B_td_sub {color:#222; font-size:1rem; line-height:1rem; vertical-align:middle; }

	.bbs_B .bbs_B_bsno {width:80px; text-align:center;}
	.bbs_B .bbs_B_siname {width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
	.bbs_B .bbs_B_bscategory {width:80px; text-align:center;}
	.bbs_B .bbs_B_bscategory2 {width:80px; text-align:center;}
	.bbs_B .bbs_B_bssubj {}
	.bbs_B .bbs_B_bsico {width:20px; text-align:center;}
	.bbs_B .bbs_B_bsusname {width:110px; text-align:center;}
	.bbs_B .bbs_B_bswrdt {width:105px; text-align:center;}
	.bbs_B .bbs_B_bsreadcnt {width:75px; text-align:center;}
	
	.bbs_B .bbs_B_bsbanner {width:160px; text-align:center; }	
}
@media all and (max-width:800px) { 
	tbody {display:block; }
	.bbs_B {display:block; width:100%; border-top:solid 1px #e7e7e7; }
	.bbs_B .bbs_B_th_tr {display:none; }
	.bbs_B .bbs_B_th {display:none;}
	.bbs_B .bbs_B_td_tr {position:relative; display:block; border-bottom:solid #e7e7e7 1px; padding:15px 0; }
	.bbs_B .bbs_B_td {display:block; color:#222; font-size:1rem; line-height:1.1rem; vertical-align:middle; }

	.bbs_B .bbs_B_bsno {display:none; }
	.bbs_B .bbs_B_siname {display:inline-block; margin:0 0 5px 0; }
	.bbs_B .bbs_B_bscategory {display:inline-block; color:#0065c6; margin:0 0 5px 0; }
	.bbs_B .bbs_B_bscategory2 {display:block; color:#0065c6; margin:0 0 5px 0; }
	.bbs_B .bbs_B_bssubj {display:block; margin:0 0 5px 0; font-size:1.1rem; line-height:1.2rem; font-weight:500; }
	.bbs_B .bbs_B_bsico {display:inline-block; }
	.bbs_B .bbs_B_bsico img {margin:0 5px 0 0; }
	.bbs_B .bbs_B_bsusname {display:inline-block; margin:0 10px 0 0; }
	.bbs_B .bbs_B_bswrdt {display:inline-block; margin:0 10px 0 0; }
	.bbs_B .bbs_B_bsreadcnt {display:inline-block; }
}

.bbs_PL_wrap {width:100%; padding:10px 0; }
.bbs_PL {width:100%; clear:both; overflow:hidden; margin:0 0 10px 0; }
.bbs_PL .title_wrap {overflow:hidden; padding:10px 0; background-color:#fff; border-top:solid 1px #eee; border-bottom:solid 1px #eee; }
.bbs_PL .title {float:left; font-weight:600; font-size:1rem; line-height:1.1rem;}
.bbs_PL .writer {float:right; color:#777; font-size:0.9rem; }
.bbs_PL_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_PL_ul li { width:25%; float:left; margin:10px 0 10px 0;  }
.bbs_PL_ul li .img_frame { margin:0 10px; }
.bbs_PL_ul li a img { width:100%; }
@media all and (max-width:700px) { 
	.bbs_PL .writer {float:right; color:#777; font-size:0.9rem; margin:5px 0 0 0;}
	.bbs_PL_ul li { width:50%; float:left; margin:10px 0 10px 0;  }
}

.bbs_Y2_wrap {width:100%; padding:10px 0; }
.bbs_Y2_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_Y2_ul li { width:50%; float:left; margin:0 0 30px 0;  }
.bbs_Y2_ul li .img_frame { margin:0 10px; }
.bbs_Y2_ul li .img_frame a { display:block; }
.bbs_Y2_ul li .img_frame a img { width:100%; }
.bbs_Y2_ul li .img_frame .title {width:100%; margin:10px 0 0 0; font-weight:600; font-size:1.23rem; line-height:1.23rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_Y2_ul li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }

.bbs_Y3_wrap {width:100%; padding:10px 0; }
.bbs_Y3_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_Y3_ul li { width:33.3%; float:left; margin:0 0 30px 0;  }
.bbs_Y3_ul li .img_frame { margin:0 10px; }
.bbs_Y3_ul li .img_frame a { display:block; }
.bbs_Y3_ul li .img_frame a img { width:100%; }
.bbs_Y3_ul li .img_frame .title {width:100%; margin:10px 0 0 0; font-weight:600; font-size:1rem; line-height:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_Y3_ul li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }

.bbs_Y4_wrap {width:100%; padding:10px 0; }
.bbs_Y4_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_Y4_ul li { width:25%; float:left; margin:0 0 30px 0;  }
.bbs_Y4_ul li .img_frame { margin:0 10px; }
.bbs_Y4_ul li .img_frame a { display:block; }
.bbs_Y4_ul li .img_frame a img { width:100%; }
.bbs_Y4_ul li .img_frame .title {width:100%; margin:10px 0 0 0; font-weight:600; font-size:1rem; line-height:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_Y4_ul li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }
@media all and (max-width:700px) { 
	.bbs_Y3_ul li { width:50%; float:left; margin:0 0 30px 0;  }
	.bbs_Y4_ul li { width:50%; float:left; margin:0 0 30px 0;  }
}
@media all and (max-width:400px) { 
	.bbs_Y2_ul li { width:100%; float:left; margin:0 0 30px 0;  }
	.bbs_Y3_ul li { width:100%; float:left; margin:0 0 30px 0;  }
	.bbs_Y4_ul li { width:100%; float:left; margin:0 0 30px 0;  }
}

.bbs_M2_wrap {width:100%; padding:10px 0; }
.bbs_M2_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_M2_ul li { width:50%; float:left; margin:0 0 30px 0;  }
.bbs_M2_ul li .img_frame { margin:0 10px; }
.bbs_M2_ul li .img_frame a { display:block; }
.bbs_M2_ul li .img_frame a img { width:100%; }
.bbs_M2_ul li .img_frame .title {width:100%; margin:10px 0 0 0; font-weight:600; font-size:1.23rem; line-height:1.23rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_M2_ul li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }

.bbs_M3_wrap {width:100%; padding:10px 0; }
.bbs_M3_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_M3_ul li { width:33.3%; float:left; margin:0 0 30px 0;  }
.bbs_M3_ul li .img_frame { margin:0 10px; }
.bbs_M3_ul li .img_frame a { display:block; }
.bbs_M3_ul li .img_frame a img { width:100%; }
.bbs_M3_ul li .img_frame .title {width:100%; margin:10px 0 0 0; font-weight:600; font-size:1rem; line-height:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_M3_ul li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }

.bbs_M4_wrap {width:100%; padding:10px 0; }
.bbs_M4_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_M4_ul li { width:25%; float:left; margin:0 0 30px 0;  }
.bbs_M4_ul li .img_frame { margin:0 10px; }
.bbs_M4_ul li .img_frame a { display:block; }
.bbs_M4_ul li .img_frame a img { width:100%; }
.bbs_M4_ul li .img_frame .title {width:100%; margin:10px 0 0 0; font-weight:600; font-size:1rem; line-height:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_M4_ul li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }
@media all and (max-width:700px) { 
	.bbs_M3_ul li { width:50%; float:left; margin:0 0 30px 0;  }
	.bbs_M4_ul li { width:50%; float:left; margin:0 0 30px 0;  }
}
@media all and (max-width:400px) { 
	.bbs_M2_ul li { width:100%; float:left; margin:0 0 30px 0;  }
	.bbs_M3_ul li { width:100%; float:left; margin:0 0 30px 0;  }
	.bbs_M4_ul li { width:100%; float:left; margin:0 0 30px 0;  }
}

.bbs_P2_wrap {width:100%; padding:10px 0; }
.bbs_P2_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_P2_ul li { width:50%; float:left; margin:0 0 30px 0;  }
.bbs_P2_ul li .img_frame { margin:0 10px; }
.bbs_P2_ul li .img_frame > a { display:block; }
.bbs_P2_ul li .img_frame > a img { width:100%; }
.bbs_P2_ul li .img_frame .title {width:100%; margin:10px 0 0 0; font-weight:600; font-size:1.23rem; line-height:1.23rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_P2_ul li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }
.bbs_P2_ul li .img_frame .pdf_view {display:none; margin:10px auto; }
.bbs_P2_ul li .img_frame .pdf_view .pdf  {display:block; float:left; width:50%; color:#fff; text-align:center; background-color:#089791; padding:10px 0; }
.bbs_P2_ul li .img_frame .pdf_view .href {display:block; float:left; width:50%; color:#fff; text-align:center; background-color:#63676d; padding:10px 0; }

.bbs_P3_wrap {width:100%; padding:10px 0; }
.bbs_P3_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_P3_ul li { width:33.3%; float:left; margin:0 0 30px 0;  }
.bbs_P3_ul li .img_frame { margin:0 10px; }
.bbs_P3_ul li .img_frame > a { display:block; }
.bbs_P3_ul li .img_frame > a img { width:100%; }
.bbs_P3_ul li .img_frame .title {width:100%; margin:10px 0 0 0; font-weight:600; font-size:1rem; line-height:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_P3_ul li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }
.bbs_P3_ul li .img_frame .pdf_view {display:none; margin:10px auto; }
.bbs_P3_ul li .img_frame .pdf_view .pdf  {display:block; float:left; width:50%; color:#fff; text-align:center; background-color:#089791; padding:10px 0; }
.bbs_P3_ul li .img_frame .pdf_view .href {display:block; float:left; width:50%; color:#fff; text-align:center; background-color:#63676d; padding:10px 0; }

.bbs_P4_wrap {width:100%; padding:10px 0; }
.bbs_P4_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_P4_ul li { width:25%; float:left; margin:0 0 30px 0;  }
.bbs_P4_ul li .img_frame { margin:0 10px; }
.bbs_P4_ul li .img_frame > a { display:block; }
.bbs_P4_ul li .img_frame > a img { width:100%; }
.bbs_P4_ul li .img_frame .title {width:100%; margin:10px 0 0 0; font-weight:600; font-size:1rem; line-height:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_P4_ul li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }
.bbs_P4_ul li .img_frame .pdf_view {display:none; margin:10px auto; }
.bbs_P4_ul li .img_frame .pdf_view .pdf  {display:block; float:left; width:50%; color:#fff; text-align:center; background-color:#089791; padding:10px 0; }
.bbs_P4_ul li .img_frame .pdf_view .href {display:block; float:left; width:50%; color:#fff; text-align:center; background-color:#63676d; padding:10px 0; }
@media all and (max-width:700px) { 
	.bbs_P3_ul li { width:50%; float:left; margin:0 0 30px 0;  }
	.bbs_P4_ul li { width:50%; float:left; margin:0 0 30px 0;  }
}
@media all and (max-width:400px) { 
	.bbs_P2_ul li { width:100%; float:left; margin:0 0 30px 0;  }
	.bbs_P3_ul li { width:100%; float:left; margin:0 0 30px 0;  }
	.bbs_P4_ul li { width:100%; float:left; margin:0 0 30px 0;  }
}

.bbs_E2_wrap {width:100%; padding:10px 0; }
.bbs_E2_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_E2_ul li { width:50%; float:left; margin:0 0 30px 0;  }
.bbs_E2_ul li .img_frame { margin:0 10px; }
.bbs_E2_ul li .img_frame a { display:block; }
.bbs_E2_ul li .img_frame a img { width:100%; border:solid 1px #eee; }
.bbs_E2_ul li .img_frame .title {width:100%; margin:10px 0 0 0; font-weight:600; font-size:1.23rem; line-height:1.23rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_E2_ul li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }

.bbs_E3_wrap {width:100%; padding:10px 0; }
.bbs_E3_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_E3_ul li { width:33.3%; float:left; margin:0 0 30px 0;  }
.bbs_E3_ul li .img_frame { margin:0 10px; }
.bbs_E3_ul li .img_frame a { display:block; }
.bbs_E3_ul li .img_frame a img { width:100%; border:solid 1px #eee; }
.bbs_E3_ul li .img_frame .title {width:100%; margin:10px 0 0 0; font-weight:600; font-size:1rem; line-height:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_E3_ul li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }

.bbs_E4_wrap {width:100%; padding:10px 0; }
.bbs_E4_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_E4_ul li { width:25%; float:left; margin:0 0 30px 0;  }
.bbs_E4_ul li .img_frame { margin:0 10px; }
.bbs_E4_ul li .img_frame a { display:block; }
.bbs_E4_ul li .img_frame a img { width:100%; border:solid 1px #eee; }
.bbs_E4_ul li .img_frame .title {width:100%; margin:10px 0 0 0; font-weight:600; font-size:1rem; line-height:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_E4_ul li .img_frame .date {color:#aaa; font-size:0.9rem; text-align:center; margin:5px 0 0 0; }
@media all and (max-width:700px) { 
	.bbs_E3_ul li { width:50%; float:left; margin:0 0 30px 0;  }
	.bbs_E4_ul li { width:50%; float:left; margin:0 0 30px 0;  }
}
@media all and (max-width:400px) { 
	.bbs_E2_ul li { width:100%; float:left; margin:0 0 30px 0;  }
	.bbs_E3_ul li { width:100%; float:left; margin:0 0 30px 0;  }
	.bbs_E4_ul li { width:100%; float:left; margin:0 0 30px 0;  }
}

.bbs_N2_wrap {width:100%; padding:10px 0; }
.bbs_N2_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_N2_ul li { width:50%; float:left; margin:0 0 30px 0;  }
.bbs_N2_ul li .img_frame { margin:0 10px; border:solid 1px #eee; padding:15px; }}
.bbs_N2_ul li .img_frame a { display:block; }
.bbs_N2_ul li .img_frame a img { width:100%; }
.bbs_N2_ul li .img_frame .title {width:100%; margin:15px 0 0 0; font-weight:600; font-size:1.23rem; line-height:1.23rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_N2_ul li .img_frame .text {display:block; color:#777; font-size:0.9rem; line-height:1rem; height:5rem; text-align:justify; overflow:hidden; margin:12px 0 0 0; }
.bbs_N2_ul li .img_frame .date_readcnt {margin:10px 0 0 0; }
.bbs_N2_ul li .img_frame .date {display:inline-block; color:#aaa; font-size:0.9rem; text-align:left; vertical-align:top;}
.bbs_N2_ul li .img_frame .date > img {float:left; margin:0px 5px 0 0; }
.bbs_N2_ul li .img_frame .readcnt {float:right; display:inline-block; color:#aaa; font-size:0.9rem; text-align:right; vertical-align:top;}
.bbs_N2_ul li .img_frame .readcnt > img {float:left; margin:0px 5px 0 0; }

.bbs_N3_wrap {width:100%; padding:10px 0; }
.bbs_N3_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_N3_ul li { width:33.3%; float:left; margin:0 0 30px 0;}
.bbs_N3_ul li .img_frame { margin:0 10px; border:solid 1px #eee; padding:15px; }
.bbs_N3_ul li .img_frame a { display:block; }
.bbs_N3_ul li .img_frame a img { width:100%; }
.bbs_N3_ul li .img_frame .title {width:100%; margin:15px 0 0 0; font-weight:600; font-size:1rem; line-height:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_N3_ul li .img_frame .text {display:block; color:#777; font-size:0.9rem; line-height:1rem; height:5rem; text-align:justify; overflow:hidden; margin:12px 0 0 0; }
.bbs_N3_ul li .img_frame .date_readcnt {margin:10px 0 0 0; }
.bbs_N3_ul li .img_frame .date {display:inline-block; color:#aaa; font-size:0.9rem; text-align:left; vertical-align:middle;}
.bbs_N3_ul li .img_frame .date > img {margin:0px 5px 0 0; vertical-align:middle;}
.bbs_N3_ul li .img_frame .readcnt {float:right; display:inline-block; color:#aaa; font-size:0.9rem; text-align:right; vertical-align:top;}
.bbs_N3_ul li .img_frame .readcnt > img {margin:0px 5px 0 0; }

.bbs_N4_wrap {width:100%; padding:10px 0; }
.bbs_N4_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_N4_ul li { width:25%; float:left; margin:0 0 30px 0;  }
.bbs_N4_ul li .img_frame { margin:0 10px; border:solid 1px #eee; padding:15px; }
.bbs_N4_ul li .img_frame a { display:block; }
.bbs_N4_ul li .img_frame a img { width:100%; }
.bbs_N4_ul li .img_frame .title {width:100%; margin:15px 0 0 0; font-weight:600; font-size:1rem; line-height:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.bbs_N4_ul li .img_frame .text {display:block; color:#777; font-size:0.9rem; line-height:1rem; height:5rem; text-align:justify; overflow:hidden; margin:12px 0 0 0; }
.bbs_N4_ul li .img_frame .date_readcnt {margin:10px 0 0 0; }
.bbs_N4_ul li .img_frame .date {display:inline-block; color:#777; font-size:0.9rem; text-align:left; vertical-align:top;}
.bbs_N4_ul li .img_frame .date > img {float:left; margin:0px 5px 0 0; }
.bbs_N4_ul li .img_frame .readcnt {float:right; display:inline-block; color:#777; font-size:0.9rem; text-align:right; vertical-align:top;}
.bbs_N4_ul li .img_frame .readcnt > img {float:left; margin:0px 5px 0 0; }
@media all and (max-width:700px) { 
	.bbs_N3_ul li { width:50%; float:left; margin:0 0 30px 0;  }
	.bbs_N4_ul li { width:50%; float:left; margin:0 0 30px 0;  }
}
@media all and (max-width:400px) { 
	.bbs_N2_ul li { width:100%; float:left; margin:0 0 30px 0;  }
	.bbs_N3_ul li { width:100%; float:left; margin:0 0 30px 0;  }
	.bbs_N4_ul li { width:100%; float:left; margin:0 0 30px 0;  }
}


.bbs_F2_wrap {width:100%; padding:10px 0; }
.bbs_F2_ul { overflow:hidden; margin:0 -10px 0 -10px; }
.bbs_F2_ul li { width:50%; float:left; margin:0 0 30px 0;  overflow:hidden; }
.bbs_F2_ul li .img_frame { margin:0 10px; border:solid 1px #eee; padding:15px; overflow:hidden; }
.bbs_F2_ul li .img_frame > a { display:block; float:left; width:25%;}
.bbs_F2_ul li .img_frame > a img { width:100%; }
.bbs_F2_ul li .img_frame > .text_in { position:relative; float:left; width:75%; height:100%; padding:0 15px; overflow:hidden; }
.bbs_F2_ul li .img_frame > .text_in > .title {display:block; margin:0; font-weight:600; font-size:1.23rem; line-height:1.23rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; color:#333; }
.bbs_F2_ul li .img_frame > .text_in > .title_e {margin:0; font-weight:400; font-size:0.9rem; line-height:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; color:#888; margin:8px 0 0 0;}
.bbs_F2_ul li .img_frame .text_sub_ul {display:block; overflow:hidden; margin:15px 0 0 0; }
.bbs_F2_ul li .img_frame .text_sub_ul > li {display:block; width:100%; margin:5px 0; clear:both; overflow:hidden;  }
.bbs_F2_ul li .img_frame .text_sub_ul > li > .title {display:inline-block; color:#fff; background-color:#3084bf; padding:1px 15px; border-radius:15px; margin:0 10px 0 0; }
.bbs_F2_ul li .img_frame .text_sub_ul > li > .text {display:inline-block; color:#333; padding:1px 0px; }
@media all and (max-width:900px) { 
	.bbs_F2_ul li { width:100%; float:left; margin:0 0 30px 0;  }
}


.bbs_T_ul {width:100%; margin:0px; padding:0px; list-style:none; }
.bbs_T_li {margin:0px; margin:15px 0; clear:both; }
.bbs_T_li_title {position:relative; clear:both; overflow:hidden;  margin:0px; border-bottom:solid #dadada 1px; background-color:#cdcdcd;}
.bbs_T_li_title_A {float:left; font-size:1.2rem; color:#000; margin:0px; padding:10px 20px; border-bottom:solid #dadada 1px; background-color:#cdcdcd;}
.bbs_T_li_title_M {float:left; font-size:1.2rem; color:#dd1111; margin:0px; padding:10px 20px; border-bottom:solid #dadada 1px; background-color:#cdcdcd;}
.bbs_T_li_title_more {float:right; margin:12px 20px 0 0; }
.bbs_T_li_title_more a {padding:5px 20px; border-radius:5px; background-color:#fff; }
.bbs_T_li_text {font-size:1rem; color:#666; padding:8px 0px; line-height:1.3rem;}


.bbs_shopping_wrap {padding:0; position:relative; text-align:left;  padding-bottom:30px; }
.bbs_shopping_wrap2 {display:inline-block; }
.bbs_shopping {float:left; text-align:center; margin:10px 15px; }
.bbs_shopping .img { float:left;  margin:20px 0 5px 0; }
.bbs_shopping .img:hover {opacity: 0.65!important; filter:alpha(opacity=65);}
.bbs_shopping .title { width:100%; font-weight:600; line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_shopping .title a {text-decoration:none; color:#000;}
.bbs_shopping .date { width:100%; color:#888;}


.list_ul {width:100%; margin:0px; padding:0px; list-style:none; }
.list_li_B_A {font-size:1.2em; color:#000000; margin:0px; padding:6px 8px 3px 8px; border-bottom:solid #dadada 1px; }
.list_li_B_M {font-size:1.2em; color:#dd1111; margin:0px; padding:6px 8px 3px 8px; border-bottom:solid #dadada 1px; background-color:#eee;}
.list_li_sub {font-size:1em; color:#aaa; padding:7px 0px 3px 0px; }
.list_li_sub .usname {font-size:90%; color:#5f6b7e; padding:3px 0px 3px 0px; }


.xlist_head_M {background-color:#f1f1fc !important; color:red  !important;}
.xlist_head_S {background-color:#f1f1fc !important; color:blue !important;}
.xlist_head_X {background-color:#f1f1fc !important; color:blue !important;}
.list_head_M {background-color:#f1f1ff; }
.list_head_S {background-color:#fff1f1; }
.list_head_X {background-color:#fff1f1; }


.dpc_maindept1_hakgwa_list_li {float:left; width:calc(25% - 16px); height:50px; border:solid 1px #f1f1f1; text-align:center; margin:4px; padding:0 10px; background-color:transparent;  display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; } 
.dpc_maindept1_hakgwa_list_li > div {display:inline-block; font-size:16px; line-height:16px; color:#fff; letter-spacing:-1px; } 

/* --------------------------------------------------------------------------*/
.bbs_link_tab_wrap {margin:15px 0; }
.bbs_link_tab_wrap > ul { overflow:hidden; margin:0 -5px 0 -5px; }
.bbs_link_tab_wrap > ul > li { width:20%; float:left; margin:4px 0;  }
.bbs_link_tab_wrap > ul > li > div { height:44px; margin:0 5px; padding:0 10px; border:solid 1px #555; border-radius:22px;  text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.bbs_link_tab_wrap > ul > li > div > a { display:block; font-size:1rem; line-height:1rem; color:#333; font-weight:400;    }
.bbs_link_tab_wrap > ul > li > div > a:hover { color:blue;  }
.bbs_link_tab_wrap > ul > li.on > div { background-color:#334455;  }
.bbs_link_tab_wrap > ul > li.on > div > a { color:#fff; }
@media all and (max-width:800px) { 
	.bbs_link_tab_wrap > ul > li { width:33.3%; }
}
@media all and (max-width:500px) { 
	.bbs_link_tab_wrap > ul > li { width:50%; }
}
/* --------------------------------------------------------------------------*/
.bbs_category_tab_wrap {width:100%; margin:10px 0 10px 0; position:relative; text-align:left; overflow:hidden; }
.bbs_category_tab_ul {display:block; overflow:hidden; }
.bbs_category_tab_ul > li {display:block; min-width:20%; float:left; }

.bbs_category_tab_box {display:block; font-size:1rem; line-height:1.1rem; color:#333; font-weight:400; background-color:#fbfbfb; border:solid 1px #999; vertical-align:middle; padding:15px 15px; margin:1px; text-align:center;}
.bbs_category_tab_box > h3 {block; font-size:1rem; line-height:1.1rem; color:#333; font-weight:400; vertical-align:middle; text-align:center;}
.bbs_category_tab_box.on {color:#fff; background-color:#333; border:solid 1px #333; }
.bbs_category_tab_box.on > h3 {color:#fff; background-color:#333;  }
.bbs_category_tab_box:hover {color:blue}
.bbs_category_tab_box.on:hover {color:#ffff00; }
@media all and (max-width:700px) { 
	.bbs_category_tab_ul > li {width:50%; }
}
@media all and (max-width:400px) { 
	.bbs_category_tab_ul > li {width:100%; }
}

/* --------------------------------------------------------------------------*/
.bbs_cal_top { position:relative; overflow:hidden; margin:0 0 10px 0; }
.bbs_cal_top_left { float:left; vertical-align:middle; }
.bbs_cal_top_left_yymm { display:inline-block; font-size:1.5rem; font-weight:600; line-height:1.5rem; vertical-align:middle; margin:0 11px; }
.bbs_cal_top_right { float:right; }

.bbs_cal_year_list_ul {display:table; width:100%; border-top:solid 1px #aaa; }
.bbs_cal_year_list_ul > li {display:table-row; }	
.bbs_cal_year_list_ul > li > .bsevdt {display:table-cell; width:110px; line-height:1.4rem; border-bottom:solid 1px #ddd; padding:10px 0; }
.bbs_cal_year_list_ul > li > .bsevdt2 {display:table-cell; width:110px; line-height:1.4rem; border-bottom:solid 1px #ddd; padding:10px 0; }
.bbs_cal_year_list_ul > li > .bscategory {display:table-cell; width:120px; line-height:1.4rem; border-bottom:solid 1px #ddd; padding:10px 0; }
.bbs_cal_year_list_ul > li > .bssubj {display:table-cell; line-height:1.4rem; border-bottom:solid 1px #ddd; padding:10px 0; }

.bbs_cal_title { border:solid 1px #aaa; width:14.2%; height:40px; line-height: 140%; font-size: 1rem; font-weight:normal; color:#fff; text-align:center; vertical-align:middle; background-color:#007D77;}
.bbs_cal_title_red1 { background-color:#ff0000; }
.bbs_cal_title_blue1 { background-color:#0000ff; }
.bbs_cal_day1   { line-height: 100%; font-size: 12px; color:#888; text-align:left; vertical-align:top; padding:0px; letter-spacing:-1.5; font-weight:bold; margin:3px 0; }
.bbs_cal_txt1   { border:solid 1px #aaa; width:100px; height:70px; font-size: 12px; color:#222; text-align:left; vertical-align:top; padding:0px; letter-spacing:-1.5; font-weight:normal;	background-color:#ffffff; }
.bbs_cal_today  {background-color:#dedede; font-weight:bold; }
.bbs_cal_rec {cursor:pointer; margin:4px 0;}
.Xbbs_cal_rec .title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bbs_cal_rec .title {border:solid 1px #777; color:#222; font-size:15px; margin:2px 0; }
.bbs_cal_rec1 {background-color:#ddd; }

@media all and (max-width:600px) { 
	.bbs_cal_year_list_ul {display:block; border-top:solid 1px #aaa; }
	.bbs_cal_year_list_ul > li { display:block;  }
	.bbs_cal_year_list_ul > li > .bsevdt {display:inline-block; width:110px; line-height:1.4rem; border-bottom:none; padding:10px 0 5px 0; }
	.bbs_cal_year_list_ul > li > .bsevdt2 {display:inline-block; width:110px; line-height:1.4rem; border-bottom:none; padding:10px 0 5px 0; }
	.bbs_cal_year_list_ul > li > .bscategory {display:inline-block; width:120px; line-height:1.4rem; border-bottom:none; padding:10px 0 5px 0; }
	.bbs_cal_year_list_ul > li > .bssubj {display:block; line-height:1.4rem; border-bottom:solid 1px #ddd; padding:0 0 10px 0; }
}

.bbs_view_attf_img {text-align:center; margin:0 auto;}
@media all and (max-width:960px) { 
	.bbs_view_attf_img img {width:100%;}
}


 
/* --------------------------------------------------------------------------*/
.mov_filename {margin:15px 0 5px 0; font-size:13px; color:#111; text-align:left;} 
.bbs_default_desc {margin:10px 0; border:solid 1px #ddd; padding:10px; color:red; font-size:1rem; line-height:1.2rem; }

.faq_ul {padding:0px; }
.faq_ul .li_question {line-height:50px; border:solid 1px #aaa; margin:10px 0; padding:3px; overflow:hidden; }
.faq_ul .div_question {cursor:pointer; float:left; background:url(/image/ico/icon_que.gif) no-repeat 15px 14px; padding-left:45px; }
.faq_ul .div_answer_wrap {}
.faq_ul .answer_con_wrap {width:100%; overflow:hidden; border-top:1px solid #ccc;}
.faq_ul .div_answer_con {float:left; padding-left:45px; clear:both;background:url("/image/ico/icon_answer.gif") no-repeat 15px 14px;}

/* --------------------------------------------------------------------------*/
.bbs_cmd {text-align:center; border:solid 1px #ddd; padding:10px 5px; font-size:1rem; line-height:1rem; color:#555; margin:5px 0 0 0; }
.bbs_cmd .msg {text-align:center; font-size:1rem; line-height:1.1rem; color:#ff0000; }
.bbs_title {background: #fff; border:solid 1px #ccc; padding:15px 10px 17px 15px; clear:both; }
.bbs_title .title {font-size:1.5rem; line-height:1.6rem; color:#333; font-weight:600; letter-spacing:-0.12rem; }
.bbs_title .title_sub {margin-top:10px; overflow:hidden;  }
.bbs_title .title_e {font-size:1rem; line-height:1.6rem; color:#888; font-weight:400; letter-spacing:0; margin:5px 0 0 0;}
.bbs_title dl {float:right; }
.bbs_title dt {font-size:1rem; line-height:1.2rem; color:#777; margin-right:2px; float:left; }
.bbs_title dd {font-size:1rem; line-height:1.2rem; color:#444; margin-right:12px; float:left; font-weight:600;}

.bbs_add_title {font-size:1rem; line-height:1rem; color:#333; font-weight:600; margin:50px 0 10px 0;  }
.bbs_add_title img {vertical-align:middle;}
.bbs_add_box {padding:10px;  background-color:#f5f5f5;  border-top:solid 1px #cfcfcf; overflow:hidden; }
.bbs_add_box_header {}
.bbs_add_box_writer {font-size:1rem; line-height:1rem; color:#444; font-weight:600; margin-right:12px; }
.bbs_add_box_date {font-size:0.8rem; line-height:1rem; color:#777; margin-right:12px; }
.bbs_add_box_ip {font-size:0.8rem; line-height:1rem; color:#777; margin-right:12px; }
.bbs_add_box_del {display:none; margin:10px 0;}
.bbs_add_box_del input[type='button'] {padding:6px 10px; margin:0 0 0 5px; }
.bbs_add_box_text {font-size:1rem; line-height:1.6rem; background-color:#f5f5f5; padding:8px 0; color:#777; margin-top:7px; clear:both;  }
.bbs_add_reply_tbl {clear:both; overflow:hidden; }
.bbs_add_reply_tbl_left  {float:left; width:calc(100% - 125px); height:85px; }
.bbs_add_reply_tbl_right {float:left; width:125px; height:85px; }

.bbs_calender_title {overflow:hidden; clear:both;font-weight:600; margin:15px 0 0 0;}
.bbs_calender_title li {display:block; float:left; width:50%; }
.bbs_calender_title_title {width:100px;display:inline-block; color:#fff; background-color:#3084bf; border-radius:20px; text-align:center; padding:5px 10px; margin:0 10px 0 0; }
.bbs_calender_title_text {display:inline-block; color:#111;}
@media all and (max-width:1000px) { 
	.bbs_calender_title li {width:100%; padding:5px 0; }
}

.bbs_date_line {position:relative; clear:both; margin:0 0 5px 0; overflow:hidden; }
.bbs_date_title {float:left; width:70px; }
.bbs_date_date1 {float:left; }
.bbs_date_date2 {float:left; }

.bbs_cas2_m30 { margin:0 -15px 0 -15px; overflow:hidden; }
.bbs_cas2_m30 li > a {display:block; }
.bbs_cas2_m30 li { width:50%; float:left; margin:0; }
.bbs_cas2_m30 li .img_frame {margin:0 15px; position:relative; }
@media all and (max-width:960px) { 
	.bbs_cas2_m30 { margin:0 -5px 0 -5px; }
	.bbs_cas2_m30 li .img_frame { margin:0 5px; }
}
@media all and (max-width:600px) { 
	.bbs_cas2_m30 li { width:100%; float:left; margin:0;  }
}

.span_category_date {}
.span_category_date_title {font-size:15px; line-height:15px; margin: 0 3px 0 5px; }