




.bbs{width:100%; max-width:1300px; font-family: nbg,Dotum;}

.bbs a:link { text-decoration:none; color:#666666;}  /* #004ED1 */
.bbs a:visited {color:#666666; text-decoration:none;}
.bbs a:hover {color:#3399bf; text-decoration:none;}
.bbs a:active {color:#666666; text-decoration:none;}



#bbs_search{float:right;height:30px;width:380px;text-align:right;}
.bbs .input_box01{height: 26px;line-height:26px;  border:1px #DDDDDD solid; color: #666666;}
.bbs .select_box01{height: 26px;margin-bottom:0px;line-height:18px;  border:1px #DDDDDD solid; color: #666666;}
.bbs input{padding:0;}
/* 리스트화면 배경설정과 위에 선색 설정 */
.bbs thead th{height:40px;border-top:2px solid #6887C7;border-bottom:1px solid #6887C7;color:#566C96;text-align:center;}
.bbs thead .no{}
.bbs thead .hit{}
.bbs table{border-collapse:collapse;}

.list tbody td{height:35px;border-bottom:1px solid #CFDAE0;text-align:center; background:#FFFFFF;}
.default tbody td{}
.photo tbody td{}
.bbs tbody td a{color:#222;}
.bbs tbody td a:hover{color:#00518c;}
.bbs tbody td.tit{padding-left:10px;text-align:left;}
.bbs tfoot td{height:50px;text-align:center;}

.view_list thead .hit{background:url(../board_utf8/images/top/style2/view_right.gif) no-repeat top right;text-align:center;}

.view_list tbody .chk,.view_list tbody .no{border-bottom:1px solid #CFDAE0;}

.view_list tbody .tit{padding-top:10px;height:30px;line-height:30px;}
.view_list tbody .data{padding-top:10px;height:30px;line-height:30px;text-align:center;}
.view_list tbody .tit_con{display:block;padding-left:10px;height:30px;line-height:30px;background:#F5F5F5;}
.view_list tbody .tit_img{height:120px;border-bottom:1px solid #CFDAE0;text-align:center;}
.view_list tbody .list_con{padding-left:10px;padding-top:10px;line-height:18px;height:85px;border-bottom:1px solid #CFDAE0;vertical-align:top;}

/*.bbs tbody td a{color:#222;}*/
.bbs tbody td a:hover{color:#00518c;}
.bbs tbody td.tit{padding-left:10px;text-align:left;}
.bbs tfoot td{height:50px;text-align:center;}

/* 밑에 페이지 번호 보더색과 색 설정 */
.bbs tfoot td a{display:inline-block;padding:2px 4px;border:1px solid #efefef;}
.bbs tfoot td a:hover{background:#F7F7F7;border-color:#ff8d18;color:#6887C7;text-decoration:none;}
.bbs tfoot td .page_sel{display:inline-block;padding:2px 4px;border:1px solid #6887C7;}
.bbs tfoot td .page_sel{background:#F7F7F7;color:#6887C7;text-decoration:none;}

/* 밑에 페이지 번호 보더색과 색 설정 */
.bbs .gallery_num {width:100%;text-align:center;}
.bbs .gallery_num td{border:0;}
.bbs .gallery_num td a{display:inline-block;padding:2px 4px;border:1px solid #efefef;}
.bbs .gallery_num td a:hover{background:#F7F7F7;border-color:#ff8d18;color:#6887C7;text-decoration:none;}
.bbs .gallery_num td .page_sel{display:inline-block;padding:2px 4px;border:1px solid #6887C7;}
.bbs .gallery_num td .page_sel{background:#F7F7F7;color:#6887C7;text-decoration:none;}
.bbs .gallery_num .footer_bt{text-align:right;}

.bbs tfoot .footer_bt{text-align:right;}
.bbs tbody .alt td{background:#daedfe;}
.bbs tbody .alt td.no,.bbs tbody .alt td.tit{font-weight:bold;color:#5e5e5e;}

.bbs t_center{text-align:center;}
.bbs .boardTileLine{text-align:center;height:25px;}
/* 글쓰기 뷰 수정화면 선색  */
.bbs .bbs_head{ background:#FFFFFF;padding-bottom:3px;border-top:1px solid #6887C7; border-bottom:1px solid #6887C7;}

.bbs_head .bbs_head_top{padding-left:8px; height:40px;border-top:2px solid #6887C7;border-bottom:1px solid #6887C7;color:#444444;font-weight:normal;font-size:12pt;line-height:35px;  }
.bbs_head .bbs_head_top{ background-size:100% 100%;}/* view 타이틀 */
/*.bbs .bbs_head_title{text-align:center;border-top:1px solid #6887C7; color:#666666;height:35px;font-weight:bold;line-height:35px;} 글쓰기 수정 타이틀 */
 /* .bbs .bbs_head_title{background:url(../board_utf8/images/top/style2/view2.gif) no-repeat;background-size:100% 100%;}글쓰기 수정 타이틀 */
.bbs .bbs_head_title{height:40px;border-top:1px solid #6887C7;border-bottom:0px solid #6887C7;color:#566C96;line-height:40px;text-align:center;}
/* ie 8 이하에서 적용시킬 배경*/
.bbs .write_body th{height:35px;border-bottom:1px solid #CFDAE0;text-align:center; line-height:35px;font-size:10pt;background:#FFFFFF;}
.bbs .write_body td{height:35px;border-bottom:1px solid #CFDAE0;text-align:left;line-height:35px; font-size:10pt;background:#FFFFFF;}

.bbs_head dl{clear:both;}
.bbs_head dt{float:left;height:30px;line-height:30px; }
.bbs_head dd{float:left;height:30px;line-height:30px; }
.bbs_head .bbs_head_conL{text-align:left;padding-left:1%;width:49%;}
.bbs_head .bbs_head_conR{text-align:right;width:50%;}
.bbs_head .bbs_head_conA{text-align:left;padding-left:1%;width:99%;}


.bbs_head .bbs_head_fileN{text-align:left;width:10%; text-align:center;border-top:1px dashed #7F7F7F;}
.bbs_head .bbs_head_fileF{text-align:left;width:90%;border-top:1px dashed #7F7F7F;}
.bbs_head li{display:block;list-style:none;text-align:left;width:90%;height:22px;}
.bbs_head li img{vertical-align:middle;}

/*  뷰화면 길이 설정*/
.bbs_content{clear:both;width:96%;padding:5% 2%;min-height:200px;line-height:180%;}
.bbs_content .up_img{margin:5px 0;}
.bbs_buttons{clear:both;width:100%; text-align:right;height:30px;padding-top:10px;}
.bbs_viewlist{clear:both;width:100%; line-height:20px;text-align:right;height:60px;padding-top:10px;border-top:1px double #7F7F7F;}
.bbs_viewlist li{text-align:left;}
/* 갤러리 리스트*/
 /*#gallery_div{text-align:left;}*/
 #gallery_div div{float:left;width:25%;text-align:center;padding-bottom:30px;}

  #gallery_div div img{width:95%;}
 #gallery_div div ul li{width:90%; margin:0 auto;}
 #gallery_div div .g_title{text-align:left;}
  #gallery_div div .g_date{text-align:right;}
  #gallery_div div.g_first{clear:both;}
/* 자격증 리스트*/
 #gallery_div div.certificate{float:left; width:25%;background:url(../board_utf8/images/cer_s.gif) no-repeat top center;text-align:center;padding-bottom:30px;}
 #gallery_div div.certificate img{margin:16px 2px 20px 0;}
 #gallery_div div.certificate .g_title{text-align:center;}

  /* Q&A 게시판 글쓰기 추가 속성 */
  .bbs_write_form th{height:26px;text-align:center;border-bottom:1px solid #E8E8E8;font-weight:normal;background:#F7F7F7;}
	.bbs_write_form td{height:26px; border-bottom:1px solid #E8E8E8;}
	.bbs_write_form .bbs_head_title{border-top:3px solid #6887C7;border-bottom:0px;}
	td.bbs_button_set{height:35px;text-align:center;border-bottom:0px;}
	#agree_text li{padding-left:15px;}
/* 게시판 버튼 셋 */

.bbs button{margin:0;padding:0;border:0px;font-size:12px;background:none;vertical-align:top;overflow:hidden;cursor:pointer;margin-left:5px;}
/* 게시판 버튼 배경과 글자 설정 */
.bbs button{background:url(../board_utf8/images/button/blue/button.png) no-repeat; color:white;}
/* 다른색버젼은 y축 -20px  :root 는 ie 9버젼 핵 */
.bbs .button1 span{display:block;width:35px;height:19px;line-height:17px;}
:root .bbs .button1 span{display:inline-block\0/IE9; padding-top:1px \0/IE9;}
.bbs .button1 {width:35px;height:19px;line-height:19px;background-position:0 0}

.bbs .button2 span{margin:0;padding:0;text-align:center;width:45px;height:19px;}
:root .bbs .button2 span{display:inline-block\0/IE9; padding-top:2px \0/IE9;}
.bbs .button2 {width:45px;line-height:17px;text-align:center;height:19px;background-position:-35px 0;}

.bbs .button3 span{margin:0;padding:0;text-align:center;width:60px;height:19px;}
:root .bbs .button3 span{display:inline-block\0/IE9; padding-top:1px \0/IE9;}
.bbs .button3 {width:60px;line-height:17px;text-align:center;height:19px;background-position:-80px 0;}

.bbs .button4 span{margin:0;padding:0;text-align:center;width:100px;height:19px;}
:root .bbs .button4 span{display:inline-block\0/IE9; padding-top:1px \0/IE9;}
.bbs .button4 {width:100px;line-height:17px;text-align:center;height:19px;background-position:-140px 0;}


/* 비공개 비밀번호 페이지 */
.bbs_secret{background-color:#F5F4F4; border:1px solid #5674B9;color:#666666;}

/* 제목쓰는태그, 보내야하는태그 멀리 보내기 */
/*레전트나 캡션은 특정 브라우저에서 안사라지는 경향이 있으므로 자세하게 이렇게 다 기술해줌*/

.blind,legend,caption{
width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;
}

legend,caption{
line-height:0;
width:0;
font-size:0;
}
.button{background-color:#5E85B5; border:0px;color:white;padding:0px 2px 1px 0px;font-size:12px;cursor:pointer;}

.bt_basic{width:45px;height:20px;line-height:20px;}
.bt_small{width:35px;height:18px;line-height:18px;}

.button:hover,
.button:active{ font-weight:bold;}

#list_style {
	clear:both;
	padding: 20px 0px;
	width: 100%;
	border-top: 2px solid #0c4da2;
	border-bottom: 1px solid #e1e1e1;
	}

#list_style ul {
	overflow: hidden;
	position: relative;
	}

#list_style li {
	position: relative;
	margin-bottom: -1px;
	padding: 20px 0px;
	border-bottom: 1px solid #e1e1e1;
	line-height: 130%;
	}

#list_style li a.link_section {
	position: relative;
	display: inline-block;
	padding: 0px 20px 0px 180px;
	height: 106px;
	}

#list_style li img.thumb {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 164px;
	height: 106px;
	}
#list_style li .list_cont {
	display: block;
	}

#list_style li .tit {
	overflow: hidden;
	display: block;
	margin-top: -4px;
	min-height: 20px;
	line-height: 130%;
	}

#list_style li .cont {
	overflow: hidden;
	display: block;
	margin: 5px 0px;
	min-height: 61px;
	font-size:14px;
	line-height: 100%;
	}

#list_style li .writing {
	height: 25px;
	color: #687481;
	font-size: 13px;
	line-height: 25px;
	}
.paging {
	text-align: center;
	margin-top: 20px;
	}

.paging a {
	display: inline-block;
	width: 22px;
	height: 22px;
	font-weight: 600;
	color: #4881A2;
	font-size: 13px;
	margin: 0px 2px;
	}

.paging a.on {
	background: url("images/bg_pagingon.gif") no-repeat;
	color: #ffffff !important;;
	}
.paging a:visited.on {
	background: url("images/bg_pagingon.gif") no-repeat;
	color: #ffffff !important;;
	}

.paging a.next {
	
	background: url("images/bt_next.gif") no-repeat;
	}
.paging a.next2 {
	width: 25px;
	background: url("images/bt_next2.gif") no-repeat;
}
.paging a.prev {
	
	background: url("images/bt_prev.gif") no-repeat;
	}
.paging a.prev2 {
	width: 25px;
	background: url("images/bt_prev2.gif") no-repeat;
}
.list_title {
	width: 100%;
	border-top: 2px solid #0c4da2;
	border-bottom: 1px solid #adb8bf;
	font-weight: 600;
	overflow: hidden;
	background: #f9f9f9 none repeat;
	font-size: 15px;
	}

.list_title ul li.tit {
	float: left;
	width: 13%;min-height:40px;
	text-align: center;
	line-height: 40px;
	background: #f9f9f9 none repeat;
	font-size: 13px;
	}

.list_title ul li.sub {
	float: left;
	width: 87%;min-height:40px;
	line-height: 40px;
	background: #FFF none repeat;
	}

.list_title ul li span {
	display: inline-block;
	margin: 0px 10px;
	}

.list_view {
	width: 100%;
	border-bottom: 1px solid #adb8bf;
	font-weight: 600;
	overflow: hidden;
	background: #f9f9f9 none repeat;
	font-size: 15px;
	}

.list_view dt.tit_date {
	float: left;
	width: 13%;height:40px;
	text-align: center;
	line-height: 40px;
	background: #F9F9F9 none repeat;
	font-size: 13px;
	}

.list_view dd.date {
	float: left;
	width: 37%;height:40px;
	font-weight: normal;
	line-height: 40px;
	background: #FFF none repeat scroll 0% 0%;
	}

.list_view dd span {
	display: inline-block;
	margin: 0px 10px;
	}

.view_info {
	width:100%;
	padding: 25px 0px;
	font-size: 15px;
	line-height: 150%;
	border-bottom: 1px solid #adb8bf;
	}

.btn_area {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	}
.news_btn {
	width:53px;
	height:28px;
	background-color:#0c4da2;
	color:#fff;
	border-radius: 5px;
	border: 0px none;
	font-family:ng;
	}

input[type=checkbox] {opacity:1;width:15px;height:15px;padding:0;margin:0;position:relative;left:0;}

@media all and (max-width:620px) {
.bbs{font-size:9px;}
#prd_view{font-size:11pt;}
 #gallery_div div ul li{line-height:15px;font-size:12px;}
 #gallery_div div{float:left;width:50%;text-align:center;padding-bottom:30px;}
 .bbs_view_img .up_img img{width:98%;}

 #list_style li img.thumb {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 120px;
	height: 78px;
	}
#list_style li a.link_section {
	
	padding: 0px 20px 0px 130px;
	
	}
#list_style li .writing {
	
	left: 130px;
	
	}
}