@charset "utf-8";
/****************************************/
/* Name: 아이엠테크
/* PART: BOARD STYLE 
/* Version: 1.0 / day: 2017-05-30
/* Author: imtec 
/****************************************/

/* 게시판 공통 */
.btn_list{margin:20px 0 80px 0;      text-align:right}
.btn_list2{position:relative;margin:20px 0 80px 0;text-align:center}

input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{margin:1px 0;padding:5px 3px 4px 3px;height:30px; border:1px solid #cacaca;border-radius:0}
textarea{margin:1px 0;padding:5px 3px 4px 3px;border:1px solid #cacaca;border-radius:0}
input[type="file"]{margin:1px 0;height:30px;background:none;}
/*input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus{background:#f1f9ff;}*/
input[type="submit"]{cursor:pointer;}
select{padding:2px;height:29px;border:1px solid #c0c0c0;}

/* 페이지수 */
.boardPage{position:relative;display:inline-block;clear:both;margin-bottom:10px;padding-top:10px}
.boardPage strong{color:#e47955}

/* 상단검색 - 기본 */
.searchWrap{
	width: 100%; background: #f6f6f6; text-align: center;
	padding: 18px 0;
}
.searchBox{
	display: inline-block;
}
.searchBox input[type="submit"]{
	width: 50px; height: 30px; line-height: 30px;
	background: #696969; border: none; color: #fff;
}


/* 페이지표시 */
.page{text-align:center;margin-top:30px; margin-bottom:80px; font-family:Tahoma}
.page a{
	display:inline-block;margin-bottom:10px;
	width:28px;height:28px;color:#777777;
	text-align:center;vertical-align:middle;line-height:25px;
	font-weight:bold;text-decoration:none;letter-spacing:-1px;border:1px solid #b5b5b5;}
.page a.on{
	display:inline-block;width:28px;height:28px;
	text-align:center;vertical-align:middle;color:#fff;
	background:#005fca;border:1px solid #005fca;}
.page a img{vertical-align:middle}
.page a.b_bg{background:#f7f7f7}
.page a.arrow{
	border-color: #d5d5d5;
}

.no_data{margin-bottom: 60px;padding:40px 0;font-size:13px;color: #777;text-align:center;border-bottom:1px solid #ccc}

.bbs_ltype,
.bbs_ltype th,
.bbs_ltype td,
.bbs_vtype,
.bbs_vtype th,
.bbs_vtype td,
.bbs_wtype,
.bbs_wtype th,
.bbs_wtype td{border:0}

.bbs_vtype td.contents table{border-collapse:collapse;}
.bbs_vtype td.contents th,
.bbs_vtype td.contents td{border:1px solid #a5a5a5}

/* 게시판 목록 */
.bbs_ltype {border-collapse:collapse;} 
.bbs_ltype thead th{height:50px;text-align:center;color:#333;border-top:2px solid #696969;border-bottom:1px solid #cacaca;}
.bbs_ltype thead th:first-child{background-image:none}
.bbs_ltype tbody td{padding:8px 0;text-align:center;border-bottom:1px solid #cacaca;}
.bbs_ltype tbody td.subject{padding-left:10px;text-align:left;}
.bbs_ltype tbody td .ic_q{display:inline-block;margin-right:2px;width:12px;height:15px;text-indent:-999px;overflow:hidden;vertical-align:middle;background:url('/img/board/ic_q.png') no-repeat left center}
.bbs_ltype tbody td .ic_a{display:inline-block;margin-right:3px;padding-left:16px;height:15px;vertical-align:middle;line-height:15px;background:url('/img/board/ic_a.png') no-repeat left center}
.bbs_ltype tbody td .ic_noti{display:inline-block;width:38px;height:24px;color:#fff;line-height:24px;font-weight:bold;text-align:center;background:#005fca;border-radius:3px}
.bbs_ltype tbody td .ic_open{display:inline-block;margin-right:5px;width:50px;height:23px;font-size:12px;line-height:20px;color:#3f85d9;vertical-align:middle;text-align:center;background:#fff;border:1px solid #3f85d9;border-radius:3px;}
.bbs_ltype tbody td .ic_secret{display:inline-block;margin-right:5px;width:50px;height:23px;font-size:12px;line-height:20px;color:#e47955;vertical-align:middle;text-align:center;background:#fff;border:1px solid #e47955;border-radius:3px;}
.ic_stat1{display:inline-block;width:50px;height:23px;font-size:12px;line-height:20px;color:#fff;vertical-align:middle;text-align:center;background:#3f85d9;border-radius:3px;}
.ic_stat2{display:inline-block;width:50px;height:23px;font-size:12px;line-height:20px;color:#fff;vertical-align:middle;text-align:center;background:#2f89aa;border-radius:3px;}
.ic_stat3{display:inline-block;width:50px;height:23px;font-size:12px;line-height:20px;color:#fff;vertical-align:middle;text-align:center;background:#888;border-radius:3px;}
.ic_stat4{display:inline-block;width:50px;height:23px;font-size:12px;line-height:20px;color:#fff;vertical-align:middle;text-align:center;background:#e47955;border-radius:3px;}
.ic_stat5{display:inline-block;width:65px;height:23px;font-size:12px;line-height:20px;color:#fff;vertical-align:middle;text-align:center;background:#e47955;border-radius:3px;}

.ic_stat1 a, .ic_stat2 a, .ic_stat3 a, .ic_stat4 a, .ic_stat5 a{color:#fff}

/* 게시판 상세보기 */
.bbs_vtype{border-top:2px solid #696969;border-bottom:1px solid #ddd}
.bbs_vtype dl.infor{padding:19px 17px}
.bbs_vtype dl.infor dt{margin-bottom:15px;font-size:20px;line-height:26px;}
.bbs_vtype dl.infor dd ul::after{display:block;clear:both;content:''}
.bbs_vtype dl.infor dd ul li .name{position:absolute;top:10px;left:0;width:65px;background:url('/img/board/kan.gif') no-repeat right center}
.bbs_vtype dl.infor dd.basic{padding-bottom:10px}
.bbs_vtype dl.infor dd.basic ul li{position:relative;float:left;margin:0 40px 5px 0;}
.bbs_vtype dl.infor dd.basic ul li .name{position:relative;top:0;left:0;display:inline-block;margin-right:5px;padding-right:10px;width:auto}
.bbs_vtype dl.infor dd.etc{margin:0 -17px 0;padding:0 17px;background:#f8f8f8;border-top:1px solid #ddd}
.bbs_vtype dl.infor dd.etc ul li{position:relative;padding:10px 0 10px 80px;min-height:43px;border-top:1px dashed #ddd}
.bbs_vtype dl.infor dd.etc ul li:first-child{border-top:0}
.bbs_vtype dl.infor dd.etc ul.wd1 li{padding-left:115px}/* 평생학습-동아리사용 */
.bbs_vtype dl.infor dd.etc ul.wd1 li .name{width:105px}/* 평생학습-동아리사용 */
.bbs_vtype dl.infor dd.file{position:relative;margin:0 -17px 0;padding:14px 17px 14px 80px;min-height:55px;border:1px solid #ddd;border-width:1px 0}
.bbs_vtype dl.infor dd.file .name{position:absolute;top:18px;left:17px;width:40px;line-height:15px;font-weight:bold;border-right:1px solid #ddd}
.bbs_vtype dl.infor dd.file .ic_file{display:inline-block;padding-left:20px;background:url('/img/board/ic_file.png') no-repeat left center}
.bbs_vtype .contents{padding:0 17px 17px;}
.bbs_vtype + .view_list li.before{border-top:0}
.bbs_vtype .rep_infor{margin:40px 0 25px;padding:15px 25px;background:#e7f1ff}
.bbs_vtype .rep_infor:after{display:block;clear:both;content:''}
.bbs_vtype .rep_infor li{float:left;margin:3px 0;width:33.3%;background:url('/img/board/bbs_dot.png') no-repeat 0 3px;}
.bbs_vtype .rep_infor li .name{display:inline-block;margin-right:10px;padding-left:22px;width:85px;color:#0e51b8;font-weight:bold;background:url('/img/board/kan.gif') no-repeat right center}
.bbs_vtype .qes_con{margin-bottom:20px}
.bbs_vtype .qes_con dt{padding-left:50px;color:#0e51b8;font-weight:bold;line-height:30px;background:url('/img/board/ic_ques_on.png') no-repeat 10px center}
.bbs_vtype .qes_con dd{padding:17px}

.bbs_vtype .rep_con dt{padding-left:50px;color:#0e51b8;font-weight:bold;line-height:30px;background:url('/img/board/ic_ans.png') no-repeat 10px center}
.bbs_vtype .rep_con dd{padding:17px}


/* 상세보기에 테이블 */
.bbs_vtype .contents table{width:100%;border-collapse: collapse;border-top:2px solid #acacac;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc}
.bbs_vtype .contents table tr { text-align: center; }
.bbs_vtype .contents table thead th{padding:10px 0;color:#333;line-height:18px;background:#f7fafc;border:1px solid #afafaf;}
.bbs_vtype .contents table tbody th{padding:10px 5px;color:#333;font-weight:bold;background:#f7fafc;border:1px solid #ccc}
.bbs_vtype .contents table tbody td{padding:10px 5px;text-align:left;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc}


/* 이전글,다음글 */
.view_list{margin-top:-1px}
.view_list li{ padding:10px 10px 8px 10px;font-size:13px;color:#555;border-bottom:1px solid #a5a5a5; }
.view_list li a{color:#555;}
.view_list li:first-child{border-top:1px solid #a5a5a5;border-bottom:1px solid #e8e8e8;}
.view_list li span{display:inline-block;margin-right:20px;padding:0 30px 0 25px;color:#333;font-weight:bold;}
.view_list li.before{background:url('/img/board/ic_before.gif') no-repeat 20px center;}
.view_list li.next{background:url('/img/board/ic_next.gif') no-repeat 20px center;}


/* 게시판 글쓰기 */
.bbs_wtype{table-layout: fixed;margin-bottom:0;border-collapse:collapse;
	border-top:2px solid #696969}
.bbs_wtype thead th{padding:7px 0 5px 0;text-align:center;border:1px solid #ddd;}
.bbs_wtype tbody th,.bbs_wtype tbody td{border-bottom:1px solid #ccc}
.bbs_wtype tbody th[rowspan]{border-right:1px solid #ddd}
.bbs_wtype tbody th{padding:7px 10px 7px 15px;text-align:left;color:#333;border-right:1px solid #ddd}
.bbs_wtype tbody td{padding:7px 10px;text-align:left;}
.bbs_wtype tbody td.contents {padding:15px 0;border-top:1px solid #ddd;}
.bbs_wtype tbody td input[type="file"]{margin:1px 0;padding:3px;width:100%;font-size:12px;background:none;border:1px solid #ddd}
.bbs_wtype tbody td .fileBox{position:relative;padding-right:235px}
.bbs_wtype tbody td .fileBox .btn{position:absolute;top:0;right:0}

.atten_txt{display:block;margin:5px 0;padding-left:20px;font-size:13px;color:#df4e3e;background:url('/img/board/ic_atten.png') no-repeat 0 3px}


/*
================================================================================
반응형 콘텐츠
================================================================================
*/

 /* PC Device 1024 */
@media all and (max-width:1213px){
	.bbs_vtype .rep_infor li{width:50%}

}

 /* Tablet Device */
@media all and (max-width:979px){

}

 /* Mobile */
@media all and (max-width:640px){
	.boardPage{display:block;margin-bottom:5px;padding:0}

	.bbs_vtype .rep_infor li{float:none;width:100%}
	.bbs_vtype .contents{padding:0 5px 15px}
	.bbs_vtype dl.infor{padding:10px 5px 5px}
	.bbs_vtype dl.infor dd.etc{margin:0 -5px;padding:0 5px}
	.bbs_vtype dl.infor dd.file{margin:0 -5px 10px}
	.no_data{border-top: 2px solid #2d6cb8;}
	.bbs_wtype tbody td .fileBox{padding:0}
	.bbs_wtype tbody td .fileBox .btn{position:relative}
	.certify_con > div{float:none;width:100%}
	.certify_con > div .tit{min-height:100px}


	/* 일반게시판 모바일UI */
	.bbs_ltype.mbTbl colgroup col{display:none}
	.bbs_ltype.mbTbl{table-layout: fixed;border-top: 2px solid #696969;}
	.bbs_ltype.mbTbl thead,
	.bbs_ltype.mbTbl tbody td{display:none;text-align:left}
	.bbs_ltype.mbTbl tbody td.subject{display:block;float:left;position:relative;margin-bottom:5px;padding:15px 30px 0 5px;width: 100%;font-weight:bold;letter-spacing:-1px;line-height:18px;text-overflow: ellipsis;overflow:hidden;
    word-wrap: normal;white-space:nowrap;box-sizing:border-box;border-bottom:0;}
	.bbs_ltype.mbTbl tbody tr{background:url('/img/board/mb_arrow.gif') no-repeat right center;background-size:15px;border-bottom:1px solid #ccc;border-right:1px solid #fff;border-left:1px solid #fff}
	.bbs_ltype.mbTbl tbody td.subject a{}
	.bbs_ltype.mbTbl tbody td.data{display:block;float:left;position:relative;padding:0 0 10px 5px;font-size:12px;color:#777;box-sizing:border-box;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.name{display:block;float:left;position:relative;padding:0 10px 15px 5px;font-size:12px;color:#777;box-sizing:border-box;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.state{display:block;float:right;position:relative;padding:0 10px 15px 5px;font-size:12px;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.state2{display:block;float:left;position:relative;padding:0 0 15px 15px;font-size:12px;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.etc{display:block;float:left;position:relative;padding:0 20px 15px 20px;font-size:12px;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.noData{display:block;text-align:center}
	.bbs_ltype.mbTbl tbody td.temp1{display:block;float:left;position:relative;padding:0 10px 0 5px;font-size:12px;color:#777;box-sizing:border-box;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.temp2{display:block; clear: both; float:left;position:relative;padding:0 10px 0 5px;font-size:12px;color:#777;box-sizing:border-box;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.temp6{display:block; clear: both;float:left;position:relative;padding:0 10px 0 5px;font-size:12px;color:#777;box-sizing:border-box;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.temp7{display:block; clear: both;float:left;position:relative;padding:0 10px 0 5px;font-size:12px;color:#777;box-sizing:border-box;border-bottom:0}
	.bbs_ltype.mbTbl tbody td.temp8{display:block; clear: both;float:left;position:relative;padding:0 10px 0 5px;font-size:12px;color:#777;box-sizing:border-box;border-bottom:0}


}

 /* Mobile */
@media all and (max-width:450px){

	.bbs_vtype .rep_infor{margin-top:20px;padding:10px 15px}
	.bbs_vtype .rep_con dt{padding-left:40px;background-position:5px center}
	.bbs_vtype .rep_con dd{padding:10px 5px 20px}
	.bbs_vtype .qes_con dt{padding-left:40px;background-position:5px center}
	.bbs_vtype .qes_con dd{padding:10px 5px 10px}

}