@charset "utf-8";
/* CSS Document */

/*list*/
.bbs_list{ width:100%; color:#000; font-size:15px; margin-top:80px; margin-bottom:20px; position:relative; }
.bs_sel { position:absolute; right:0; top:0; width:150px; }
.bbs_count{ padding-top:10px; position:relative;}

.boardTypeb { border-top:1px solid #000; width:100%; }
.boardTypeb caption{display:none;}
.boardTypeb th{border-color:#e3e3e3;border-width:0 1px 1px 0;color:#000;border-style:none solid solid none;padding:13px 0 13px 0;vertical-align:middle; text-align:center;  background:#f3f5f9; border-bottom:solid 1px #dfdfdf; font-weight:600; font-size:15px; white-space:nowrap}
.boardTypeb th:last-child{ border-right:0}
.boardTypeb td{border-color:#e3e3e3;border-width:0px 1px 1px 0;padding:10px 0px 10px 8px;text-align:center;border-style:none solid solid ;color:#000;vertical-align:middle;line-height:1.4; overflow:hidden}
.boardTypeb td:last-child{border-right:0}
.boardTypeb td.left{text-align:left; padding:10px;}
.boardTypeb td.replay {text-align:left;color:#000; padding-left:20px;}
.boardTypeb td.replay a{color:#000;}
.boardTypeb td p.file_up{ margin-bottom:5px;}
.boardTypeb td p.file_up img{margin-left:10px;}

.boardTypeb td.left img{vertical-align:text-top; margin-top:-8px; margin-right:5px; margin-left:20px;}
.boardTypeb td a{color:#000; line-height:1.6;/*white-space: nowrap;*/}
.boardTypeb td a:hover{text-decoration:none; color:#000; text-decoration:underline;}
.boardTypeb td strong{font-size:17px; color:#268f7b;}

.boardTypeb tbody tr:hover td{ background:#f8f8f8;}
.boardTypeb tbody tr.best_top td  {color:#015cb8; background:#fff;}
.boardTypeb tbody tr.best_top td.f_b{ color:#015cb8; font-weight:bold; font-size:14px; }
.boardTypeb tbody tr.best_top a{color:#015cb8;}


/*탭*/
.tab_group{margin-top:30px; position:relative; }
.tab_group:after{content:''; display: block; clear: both; }
.tab { position:relative;}
.tab li { float:left; width:33.333%;  text-align:center; display:inline-block;  padding:15px 0; border:1px solid #d8dce6; background:#f5f6f8; font-weight: 100; font-size: 18px;}
.tab2 li { float:left; width:25%;  text-align:center; display:inline-block;  padding:15px 0; border:1px solid #d8dce6; background:#f5f6f8; font-weight: 100; font-size: 18px;}
.tab li+li { margin-left:-1px;}
.tab li {  cursor:pointer; color:#7a808c; font-size:16px;  text-align:center}
.tab li:hover{background:#414141; color:#fff;  }
.tab li.on { background:#414141; color:#fff;  }

.tab2_con{ position:relative; overflow:hidden }
.tab2_con>div { display:none; padding:50px 0px    }
.tab2 li.on { background:#414141; color:#fff;  }

.tab_contentForm h2{ display:inline-block; width:100%; text-align:center; font-size:23px; color:#634C83}
.tab_contentForm dl dt {font-size:19px; margin-bottom: 20px; }
.tab_contentForm dl dd{padding-left:15px; font-weight: 300; color:#5f5f5f; position:relative; font-size: 16px; line-height: 22px;}
.tab_contentForm dl dd:before{position:absolute; content: ''; width: 5px; height:5px; background: #91a5f0; border-radius: 15px; left:0; top:8px;}

.group2 {position:relative; overflow: hidden}
.left_t{float:left; width: 48%; margin-right: 2%}
.right_t{float:left; width: 48%; margin-left: 2%}
.sum_area{position:relative; width: 100%}
.sum_area>p {text-align: right ; margin-bottom: 10px;}



@media all and (max-width:1200px){

}


@media all and (max-width:1000px){

}


@media all and (max-width:800px){


.left_t{float:none; width: 100%; margin-right: 0}
.right_t{float:none; width: 100%; margin-left:0}
.right_t thead tr {display:none}
.right_t .boardTypeb {border-top:0}
.sum_area>p  {display:none}

.tab li {  width:100%;margin-top: -1px; }
.tab2 li {  width:100%;margin-top: -1px; }

}

@media all and (max-width:640px){



}









@media all and (max-width:1200px){

}


@media all and (max-width:1000px){

}


@media all and (max-width:800px){




}

@media all and (max-width:640px){
	.tab li { float:left; width:100%;margin-top: -1px; }


}