@charset "utf-8";
/* *******************************************************
 * filename : board.css
 * description : 일반 게시판, 뷰, 쓰기 등 게시판에 관련된 통합 CSS
 * date : 2018-02-06
******************************************************** */

/* ******************   게시판 :: 공통  ********************** */
/* 공통 :: 버튼  */
.cm-btn-controls{overflow:hidden; text-align:center; padding-top:30px;}
.cm-btn-controls.cm-btn-align-left{text-align:left;}
.cm-btn-controls.cm-btn-align-right{text-align:right;}
.cm-btn-controls .left-btn-controls{float:left; }
.cm-btn-controls .right-btn-controls{float:right;}
.cm-btn-controls button,.cm-btn-controls a{display:inline-block; width:100px; height:42px; border:0; color:#fff; background-color:#000; font-size:17px; margin:0 2px 5px 2px;  cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px; }
.cm-btn-controls a{line-height:42px;}
.cm-btn-controls .btn-style01{background-color:#403f3b;}
.cm-btn-controls .btn-style02{background-color:#8c8c8c;}
.cm-btn-controls .btn-style03{box-sizing:border-box; background:#fff; border:1px solid #888; color:#222;}

/* 공통 :: PAGING */
.paging{width:100%; text-align:center; margin:30px 0;}
.paging a{
display:inline-block; vertical-align:middle; width:30px; height:30px; border-radius:50%;border:0px solid #ddd; text-align:center;  line-height:30px; color:#868686; letter-spacing:-0.25px; margin:0 2px;}
.paging a.cur{border:1px solid #b21f24; background-color:#b21f24; color:#fff;}
.paging a.arrow_l {width:40px;height:40px;border-radius:50%;line-height:40px;border:1px solid #d9d9d9;}
.paging a.arrow_l.mr20{margin-right:20px;}
.paging a.arrow_r {width:40px;height:40px;border-radius:50%;line-height:40px;border:1px solid #d9d9d9;}
.paging a.arrow_r.mr20{margin-left:20px;}
/* 공통 :: NO LIST */
.bbs-no-list{padding:100px 0; text-align:center; color:#777; font-size:15px;  border-bottom:1px solid #ededed; }

.board-search-box{text-align:center; padding:30px 0; }
.board-search-box .search-word{width:30%; max-width:500px; height:40px; border:1px solid #ccc;  padding:0; text-indent:10px; color:#868686; vertical-align:middle;}
.board-search-box .search-word:focus{color:#333;}
.board-search-box .bbs-search-btn{margin:0px; border:0; min-width:40px; padding:0 15px; height:40px; margin-left:2px; background:#403f3b; color:#fff; cursor:pointer; vertical-align:top; font-size:18px;border-radius:0;}



/* ******************   게시판 :: 기본리스트 ********************** */
/* 게시판 :: 기본리스트 :: 레이아웃 */
.bbs-list-tbl{display:table; width:100%; table-layout:fixed;}
.bbs-list-head{display:table-header-group; }
.bbs-list-head span{display:table-cell; text-align:center; background:#f4f4f4; color:#000000; font-weight:600; font-size:16px; letter-spacing:-0.5px; padding:20px 0; border-top:2px solid #9c9791;  border-bottom:1px solid #ddd;}
.bbs-list-row{display:table-row; width:100%;}
.bbs-list-row .column{display:table-cell; vertical-align:middle; padding:10px 0; color:#000000; font-size:16px; letter-spacing:-0.5px; text-align:center; border-bottom:1px solid #ededed;}
.bbs-list-row.notice-row .notice-tit{display:inline-block; padding:3px 10px; background-color:#333; color:#fff; font-size:11px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.bbs-list-row.notice-row .column,.bbs-list-row.notice-row .bbs-subject-con .bbs-subject-txt{font-weight:500 !important;}
.bbs-list-row .bbs-title{text-align:left;}
.bbs-list-row .bbs-title a{display:block; position:relative; padding:0 60px 0 0; }	/* ★ 댓글이 있을때 padding-right:100px ★  */
.bbs-list-row .bbs-title a:hover{color:#000; }
.bbs-subject-con{display:inline-block; position:relative; max-width:100%;}
.bbs-subject-con .bbs-subject-txt{display: inline-block; padding-right: 5px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size:16px; font-weight:400; line-height:18px; vertical-align:middle; color:#000;}
.bbs-subject-con .bbs-subject-icons{ position: absolute; left:100%; top: 50%; width: 60px; height:18px; margin-top:-7px; text-align:left; display: inline-block; } 
.bbs-subject-con .bbs-subject-icons img{vertical-align:middle; margin:-2px 2px 0 2px;}
.bbs-subject-con .bbs-icons{display:inline-block; color:#999; vertical-align:middle;  }
.bbs-subject-con .bbs-icons i {display:inline-block;color:#a7a7a7}
.new-icon{display:inline-block; height:15px; width:15px; line-height:15px; margin-left:2px; text-align:center; background-color:#b21f24; vertical-align:middle; color:#fff; font-size:10px; font-weight:400; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;  }
.bbs-list-row .column .notice {display:inline-block;color:#403f3b;border:2px solid #d7ccbe;border-radius:30px;padding:7px 15px;}
.bbs-list-row .preview-btn {color:#8b0028;font-size:14px;background:#ece3d7;border:1px solid #a3a3a3;display:inline-block;padding:5px 10px;cursor:pointer}


/* 게시판 :: 기본리스트 :: 데이터 없음 (CSS table은 colspan 불가 — 테이블 밖 블록) */
.bbs-list-empty{padding:40px 0; text-align:center; color:#666; font-size:16px; letter-spacing:-0.5px; border-bottom:1px solid #ededed;}

/* ******************   게시판 :: 뷰페이지  ********************** */
/* 게시판 :: 뷰 :: 상단 타이틀 정보 */
.bbs-view-top{overflow: hidden; padding:30px 20px 20px 20px; border-top:2px solid #9c9791; border-bottom:1px solid #ededed;background:#f4f4f4;}
.bbs-view-top .bbs-category{display: inline-block;
    color: #403f3b;
    border: 2px solid #d7ccbe;
    border-radius: 30px;
    padding: 7px 15px;}
.bbs-view-top .bbs-tit{ font-size:24px; letter-spacing:-0.3px; font-weight:600; margin-bottom:10px; line-height:32px; word-break:keep-all;text-align:center;color:#000000;}
.bbs-view-top .bbs-write-info {float:right;margin-top:10px;}
.bbs-view-top .bbs-write-info dt,.bbs-view-top .bbs-write-info dd{display:inline-block; color:#333; font-size:16px; vertical-align:middle; font-weight:600}
.bbs-view-top .bbs-write-info dd{margin:0 20px 0 5px; color:#403f3b; font-weight:400}
.bbs-view-content{padding:50px; border-bottom:1px solid #ededed;line-height:1.8rem;}
.bbs-view-content p + p {margin-top: 5px;}

/* 게시판 :: 뷰 :: 첨부파일 */
.bbs-view-file-info-box{line-height:20px; border-bottom:1px solid #ededed; background-color:#fff; padding:14px 20px; }
.bbs-view-share-con + .bbs-view-file-info-box{border-top:0;}
.bbs-view-file-info-box .bbs-file-list{overflow:hidden; padding-top:5px; font-size:16px;}
.bbs-view-file-info-box .bbs-file-list:first-child{padding-top:0;}
.bbs-view-file-info-box .bbs-file-list dt{float:left; width:100px; font-weight:600; color:#333;}
.bbs-view-file-info-box .bbs-file-list dd{float:left; width:100%;  }
.bbs-view-file-info-box .bbs-file-list dd a:hover{text-decoration:underline;}
.bbs-view-file-info-box .bbs-file-list dd i{vertical-align:middle; font-size:15px;display:inline-block;color:#a7a7a7}

/* 게시판 :: 쓰기, 문의폼 :: 작성영역 */
.bbs-write-tbl{width:100%; border-top:2px solid #9c9791;}
.bbs-write-tbl th,.bbs-write-tbl td{padding:8px 10px; letter-spacing:-0.5px; border-bottom:1px solid #e5e5e5;}
.bbs-write-tbl th{color:#000000;  font-weight:600; text-align:left;background:#f4f4f4;padding:8px 15px;width:15%; }
.bbs-write-tbl .write-input,
.bbs-write-tbl .write-select,
.bbs-write-tbl .write-textarea{
    height:34px; border:0px; width:100%; background-color:#fff; border:1px solid #bbbbbb; vertical-align:middle;
}
.bbs-write-tbl .write-input:focus{border-color:#8b0028;}
.bbs-write-tbl .write-input{text-indent:10px;}
.bbs-write-tbl .write-select{height:38px;}
.bbs-write-tbl .write-textarea{width:100%; height:200px; resize:none;}
.bbs-write-tbl td input[type="file"]{height:auto; padding:10px 0;text-indent:0; border:0;}
.bbs-write-tbl td .write-sub-txt{color:#888; margin-left:10px; font-size:11px; color:#aaa; font-family:"돋움",dotum,sans-serif; letter-spacing:-0.5px;}
.bbs-write-tbl td .write-sub-txt2{display:block; color:#888; margin-top:5px; font-size:11px; color:#aaa; font-family:"돋움",dotum,sans-serif; letter-spacing:-0.5px;}
.bbs-write-tbl .hypen{margin:0 5px;}




/* ******************   게시판 :: 갤러리형 게시판 01 (G01) ********************** */
.bbs-basic-gallery-con{overflow:hidden; margin: 30px 0; border-top:2px solid #9c9791; border-bottom:1px solid #ededed;padding:40px 0 0 0;}
.bbs-basic-gallery-con li{float:left; width:29.3333%; margin:0 2%  4% 2%; }
.bbs-basic-gallery-con li a{display:block; position:relative; border:1px solid #ededed; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.bbs-basic-gallery-con li a .gallery-thum-box{position: relative; padding-top: 100%; overflow: hidden;}	
.bbs-basic-gallery-con li a .gallery-thum {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display:block; overflow:hidden;}
.bbs-basic-gallery-con li a .gallery-thum img{position: absolute; top: 0; left: 0; width: 100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.bbs-basic-gallery-con li a .gallery-txt-con{padding:8% 4%;}
.bbs-basic-gallery-con li a .gallery-txt-con .column .notice {display:inline-block;color:#403f3b;border:2px solid #d7ccbe;border-radius:30px;padding:7px 15px;}
.bbs-basic-gallery-con li a .gallery-txt-con .gal-tit{display:block;width:100%; font-size:20px; font-weight:500; letter-spacing:-0.6px; line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000;}
.bbs-basic-gallery-con li a .gallery-txt-con .date{color:#403f3b; font-size:16px; font-weight:300;margin-top:15px;}
.bbs-basic-gallery-con li a:hover{border-color:#000}
.bbs-basic-gallery-con li a:hover .gallery-thum img {-webkit-transform: scale(1.1) rotate(0.02deg); -moz-transform: scale(1.1) rotate(0.02deg); -ms-transform: scale(1.1) rotate(0.02deg); -o-transform: scale(1.1) rotate(0.02deg); transform: scale(1.1) rotate(0.02deg);}



.table_view {
	table-layout: fixed;
	clear: both;
	width: 100%;
	border-collapse: collapse;
	display: table;
	border-top: 2px solid #9c9791;
	margin-bottom: 40px;
}
.table_view th {
	padding: 5px 10px;
	border-bottom: 1px solid #e5e5e5;
	background: #f4f4f4;
	color: #000000;
	text-align: left;
	width: 15%;
	box-sizing: border-box;
	line-height: 28px;
	font-weight: 400;
}
.table_view th.long {
	width: 20%;
}
.table_view th strong {
	font-weight: 400;
}
.table_view td {
	border-bottom: 1px solid #e5e5e5;
	padding: 5px 10px;
	vertical-align: middle;
	background: #fff;
	box-sizing: border-box;
	line-height: 28px;
}
.table_view li {
	width: 33.3333%;
	float: left;
}
.table_view ul.full li {
	width: 100%;
	float: none;
}