@charset "utf-8";

	/* -------------- soroCommon Board List -------------- */

/* btn */
.btnWhite {width:81px; height:33px; display:inline-block; border:1px solid #b9b9b9; background:#fff; text-align:center; line-height:33px; color:#555555; font-size:13px;}
.btnGray {width:81px; height:33px; display:inline-block; border:1px solid #484848; background:#5a5a5a; text-align:center; line-height:33px; color:#fff; font-size:13px;}
.btnGray.type2 {width:83px; height:35px; display:inline-block; border:1px solid #484848; background:#5a5a5a; text-align:center; line-height:33px; color:#fff; font-size:13px;}
.btnModi {width:81px; height:33px; display:inline-block; border:1px solid #b9b9b9; background:#ececec; text-align:center; line-height:33px; color:#727272; font-size:13px;}
	
/* ----------------------- 리스트 ----------------------- */
.srboardList {width:100%;}

.srboardList .selArea.disNone {display:none;}

	/* 검색영역 */
	.srboardList .selArea {width:100%; height:35px; vertical-align:top; padding:15px 0; border:1px solid #ddd; text-align:center; background:#f5f5f5;}
	.srboardList .selArea span {vertical-align:top; text-align:left;}
	.srboardList .selArea span.input {position:relative; width:35%; display:inline-block; margin-right:10px;}
	.srboardList .selArea span.input input {padding:10px 0 11px 19px; height:12px; border:1px solid #d8d8d8; font-size:12px; color:#666666; width:92%;}
			.srboardList .selArea input[type=text]::-webkit-input-placeholder {color:#666666;}
			.srboardList .selArea input[type=text]::-webkit-input-placeholder { color:#666666; }
			.srboardList .selArea input[type=text]::-moz-placeholder { color:#666666; } /* firefox 19+ */
			.srboardList .selArea input[type=text]:-ms-input-placeholder { color:#666666; } /* ie */
			.srboardList .selArea input[type=text]:-moz-placeholder { color:#666666; }
	.srboardList .selArea a.btnOrange {font-size:13px; color:#fff; background:#ed6710; width:64px; height:35px; text-align:center; display:inline-block; line-height:35px;}
	.srboardList .selArea .btnOrange {font-size:13px; color:#fff; background:#ed6710; width:64px; height:35px; text-align:center; display:inline-block; line-height:35px; border:none; cursor:pointer;}

		
		.selectZone {width:20%; display:inline-block; margin-right:9px;}
		.view1 {width:100%;}
		.view2 {width:100%;}
		
	/* 리스트 테이블 영역 */
	.srboardList .listTable {width:100%; margin-top:36px;}
	.srboardList .listTable.type3 {margin-top:0;}

		.srboardList .listTable p.total {color:#666666; margin-left:6px; margin-bottom:10px;}
		.srboardList .listTable p.total span {color:#ec5909; font-weight:bold;}
		
		.srboardList .listTable .colTbl {width:100%; font-size:13px; table-layout:fixed; border-bottom:1px solid #ababab;}
		.srboardList .listTable .colTbl thead th {border-top:2px solid #757575; padding:15px 0; color:#222222;}
		.srboardList .listTable .colTbl tbody tr td {border-top:1px solid #e0e0e0; padding:19px 0 16px; color:#707070; text-align:center; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
		.srboardList .listTable .colTbl tbody tr td.title {text-align:left; padding:0 30px;}
		.srboardList .listTable .colTbl tbody tr.toTop td span.topIcon {width:26px; height:16px; display:inline-block; background:url(/images/board/icon_top.gif) no-repeat;}
		.srboardList .listTable .colTbl tbody tr.toTop td {background:#f6f6f6;}
		.srboardList .listTable .colTbl tbody tr.toTop td.title a {color:#333333;}
		
	/* paging */
	.paging {width:100%; text-align:center; margin-top:25px; height:35px;}
	.paging a {display:inline-block; padding:0 5px; height:20px; line-height:20px; margin-top:7px; margin-right:5px; font-size:13px;}
	.paging a.last {margin-right:0;}
	.paging span.selected {display:inline-black; padding:0 5px; height:20px; line-height:20px; color:#ec5909; margin-top:7px; margin-right:5px; font-size:13px;}
	.paging a.now {display:inline-black; padding:0 5px; height:20px; line-height:20px; color:#ec5909; margin-top:7px; margin-right:5px; font-size:13px;}
	.paging a.prev2 {margin-right:8px; margin-top:0; padding:0;}
	.paging a.prev {margin-right:30px; margin-top:0; padding:0;}
	.paging a.next {margin-left:30px; margin-right:0; margin-top:0; padding:0;}
	.paging a.next2 {margin-left:8px; margin-right:0; margin-top:0; padding:0;}
	
	/* 하단 버튼 */	
	.srboardList .bottomBtn {width:100%; text-align:right; margin-top:-35px;}
	.srboardList .bottomBtn input
	

/* ----------------------- 글쓰기 ----------------------- */
.srboardWrite {width:100%;}

	.srboardWrite .writeTable p.right {width:100%; text-align:right; color:#f95800; font-size:13px; margin-bottom:10px; *line-height:normal;}
	
	.srboardWrite .writeTable .rowTbl {width:100%; border-top:2px solid #757575; border-bottom:1px solid #ababab; font-size:13px;}
	.srboardWrite .writeTable .rowTbl tr th {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background:#f6f6f6; text-align:left; padding:20px 0 20px 15px; *line-height:normal;}
	.srboardWrite .writeTable .rowTbl tr th span.esse {color:#f95800; margin-right:5px;}
	.srboardWrite .writeTable .rowTbl tr td {border-bottom:1px solid #e0e0e0; padding:10px;}
	.srboardWrite .writeTable .rowTbl tr td input[type=text] {padding:9px 10px; border:1px solid #d8d8d8;}
	
	.w30p {width:30%;}
	.w20p {width:20%;}
	
	.plexInput {width:96%;}
	
	.eSize1 {width:20%;}
	.selectSize {width:30%; vertical-align:top;}
	
	.secSize {width:40%;}
	
	.srboardWrite .writeTable .rowTbl tr td textarea {padding:10px 10px; border:1px solid #d8d8d8; font-size:12px; color:#666666;}
	
		/*input file*/
		.file-upload {overflow:hidden;width:99%;position: relative;margin-top: 6px}
		.file-upload button.findBtn {width:86px; height:35px; color:#000; background:#f0f0f0; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:1px solid #343434; border-bottom:1px solid #343434; *line-height:normal;}
		.file-upload:first-child {margin-top: 0;}
		.file-upload label {display: inline;float: left;line-height: 34px;margin-right: 20px}
		.file-upload input.text {float:left;width:90%;}
		.file-upload .upload-btn {overflow:hidden;position:absolute;height:35px;right: 0}
		.file-upload .upload-btn input.file {position:absolute;top:0;right:0;height:35px;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0}
		@-moz-document url-prefix() {
		.file-upload {width:515px}
		.file-upload input.text {float:left;width: 452px}
		}
		
	/* 하단 버튼 */
	.srboardWrite .bottomBtn {width:100%; text-align:center; margin-top:25px;}
	.srboardWrite .bottomBtn input.btnGray {border:1px solid #484848; background:#5a5a5a; text-align:center; line-height:32px; height:35px; color:#fff; font-size:13px; cursor:pointer;}
	
	
	
/* ----------------------- 글 보기 ----------------------- */
.srboardView {width:100%;}

	.srboardView .viewArea {width:100%;}

	.srboardView .viewArea .viewTitle {border-top:2px solid #757575; border-bottom:1px solid #e0e0e0; width:100%;}
	.srboardView .viewArea .viewTitle h4 {padding:27px 35px 23px; font-size:17px; color:#333333; background:#f6f6f6; margin-bottom:0;}
	.srboardView .viewArea .viewTitle .subInfo {border-top:1px solid #e0e0e0; padding:20px 0;}
	.srboardView .viewArea .viewTitle .subInfo ul li {float:left; padding:0 35px; border-right:1px solid #e0e0e0; font-size:12px;}
	.srboardView .viewArea .viewTitle .subInfo ul li+li+li {border-right:0;}
	.srboardView .viewArea .viewTitle dt {float:left; padding-right:15px; color:#333333;}
	.srboardView .viewArea .viewTitle dd {color:#707070; float:left;}
	.srboardView .viewArea .viewTitle .fileArea {border-top:1px solid #e0e0e0; font-size:12px; padding:20px 35px;}

	.srboardView .viewArea .viewCont {padding:20px 35px 40px; font-size:12px; line-height:30px;}
	
	.srboardView .viewArea .preViewTitle {border-top:1px solid #ababab; border-bottom:1px solid #ababab;}
	.srboardView .viewArea .preViewTitle dl {padding:18px 35px 16px;}
	.srboardView .viewArea .preViewTitle dl.bbottom {border-bottom:1px solid #e0e0e0;}
	.srboardView .viewArea .preViewTitle dl dt {float:left; padding-right:30px; margin-right:45px; font-size:13px; color:#333333;}
	.srboardView .viewArea .preViewTitle dl dt.prev {background:url(/images/board/bg_a_top.gif) right no-repeat;}
	.srboardView .viewArea .preViewTitle dl dt.next {background:url(/images/board/bg_a_bottom.gif) right no-repeat;}
	.srboardView .viewArea .preViewTitle dl dd {font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	
	.srboardView .bottomBtn {width:100%; margin-top:25px;}
	.srboardView .bottomBtn .btnLeft {float:left;}
	.srboardView .bottomBtn .btnRight {float:right;}
	

/* ----------------------- 갤러리 리스트 ----------------------- */
.gallListArea {width:100%; border-top:2px solid #757575; border-bottom:1px solid #ababab; padding:20px 0;}
.gallListArea .line {display:block;}
.gallListArea .line ul {padding:0; height:180px;}
.gallListArea .line ul li {float:left; width:25%; text-align:center;  position:relative;}
.gallListArea .line ul li dl dd.thumbArea {position:absolute; top:0; width:100%; max-height:140px; text-align:center; overflow:hidden;}
.gallListArea .line ul li dl dd.thumbArea img {width:80%; height:auto;}
.gallListArea .line ul li dl dt.title {padding-top:150px; height:18px; line-height:18px; font-size:13px; color:#666666; font-weight:bold; overflow:hidden;}
.gallListArea .line p.bNone {font-size:13px; text-align:center; padding:30px 0;}

.gallListArea .line + .line {margin-top:20px; border-top:1px solid #ddd; padding-top:20px;}


/* ----------------------- 갤러리 보기 ----------------------- */

	

/* select Box Css */

.srbBWs .sbHolder{
	background-color: #fff;
	border: solid 1px #d8d8d8;
	font-size: 12px;
	font-weight: normal;
	height: 33px;
	position: relative;
	width: 100%;
}
.srbBWs .sbHolder:focus .sbSelector{
	
}
.srbBWs .sbHolder .sbSelector{
	display: block;
	height: 33px;
	left: 0;
	line-height: 33px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 18px;
	top: 0;
	width: 100%;
}
.srbBWs .sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #222222;
	outline: none;
	text-decoration: none;
}
.srbBWs .sbToggle{
	background: url(/images/board/btn_arr.gif) right 7px no-repeat;
	display: block;
	height: 33px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 34px;
}
.srbBWs .sbOptions{
	background-color: #fff;
	border: solid 1px #d8d8d8;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 33px;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
}
.srbBWs .sbOptions li{
	text-indent:17px;
}
.srbBWs .sbOptions a{
	display: block;
	outline: none;
	padding: 9px 0;
}
.srbBWs .sbOptions a:link, .srbBWs .sbOptions a:visited{
	color: #707070;
	text-decoration: none;
}
.srbBWs .sbOptions a:hover,
.srbBWs .sbOptions a:focus,
.srbBWs .sbOptions a.sbFocus{
	background:#f6f6f6;
	font-weight:bold;
}
.srbBWs .sbOptions a.sbFocus{
}
.srbBWs .sbOptions li.last a{
	border-bottom: none;
}