@charset "utf-8";


/* write form 
--------------------------------------------------------------------------------------------------------*/
.boardWrite { 	
	overflow: hidden;
	border: 1px solid #e1e1e1;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);	
}
.boardWriteHeader { 
	vertical-align:top;
	padding: 30px; 
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e8e8e8;
	background: #fafafa;
}
.boardWriteHeader .write_type {
	margin:0 0 10px;
}
.boardWriteHeader .write_type * {
	vertical-align:middle;
}
.boardWriteHeader .write_type .category { 
	display: block;
	padding: 0 5px;
	border: 1px solid #e1e1e1;
	background: url(../img/common/select_arrow.png) center right no-repeat #fff;
	background-size: 30px;
}
.boardWriteHeader .write_type .category select { 
	width: 100%;
	border:0;
	background: none;
	box-shadow : none !important;
	-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.boardWriteHeader .write_type .input_title {
	display: block;
	margin:0;
	font-weight: bold;
}
	/* 제목 입력 */
.boardWriteHeader .write_type .inputText {
	width: 100%;
}
.boardWriteHeader .write_type input[type=text],
.boardWriteHeader .write_type input[type=password],
.boardWriteHeader .write_type textarea,
.boardWriteHeader .write_type select { 
	display:inline-block;	
	color:#777;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius:3px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
 }
 .boardWriteHeader .write_type select {
	height: 36px;
	line-height: 36px;
 }
.boardWriteHeader .write_type input[type=text],
.boardWriteHeader .write_type input[type=password]{
	height: 36px;
	line-height: 36px;
	text-indent: 5px;
}
.boardWriteHeader input[type=text]:focus,
.boardWriteHeader .write_type input[type=password]:focus,
.boardWriteHeader .write_type textarea:focus {
	color:#555;
	border-color: #ccc;
 }
.boardWriteHeader .write_type p {
	margin: 5px 0 10px;
	text-align: center;
}

	/* 확장 변수 입력 */
.extraVarsList em { 
	font-style:normal;
	font-weight:normal; 
	color:#2980b9; 
}
.extraVarsList button {
	white-space:nowrap;
}
.extraVarsList .current_address,
.extraVarsList .address,
.extraVarsList .text,
.extraVarsList .homepage,
.extraVarsList .email_address,
.extraVarsList textarea { 
	width: 100% !important; 
}
.extraVarsList .date { 
	width:100px;
}
.extraVarsList .tel { 
	width:40px; 
}
.extraVarsList textarea { 
	height:80px; 
}
.extraVarsList ul { 
	display:inline-block;
	margin:0; 
	padding:0; 
	list-style:none; 
}
.extraVarsList ul li {
	display:inline; 
	margin:0 2px 0 0;
	padding:0;
}
.extraVarsList ul li input { 
	margin-right:5px;
	vertical-align:middle;
}
/* xe 1.7 도로명 주소부분 */
.krZip {
	display:inline-block;
	vertical-align:top;
	margin:0;
}


.boardWriteBody {
	padding: 30px;
}

/* mobile editor */
.boardWriteBody textarea {
	width: 100%;
	color:#777;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius:3px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

.boardWriteFooter {
	margin: 0;
	padding: 0 30px 30px;
}
	
	/* colorset - board_dark */
	#xet_board.black .boardWrite { 
		background-color: #000;
		border-color: #333;
	}
	#xet_board.black .boardWriteHeader {
		background-color: #1b1b1b;
		border-top-color: #111;
		border-bottom-color: #333;
	}
	#xet_board.black .boardWrite .write_type .category { 
		border-color:#333;
		background-color: #000;
	}
	#xet_board.black .boardWrite .write_type .category select { 
		color: #777;
	}
	#xet_board.black .boardWrite .write_type .input_title {
		color:#ccc;
	}
	#xet_board.black .boardWrite .write_type input[type=text],
	#xet_board.black .boardWrite .write_type input[type=password],
	#xet_board.black .boardWrite .write_type textarea { 
		color: #ccc;
		background: #000;
		border-color: #333;
	}
	#xet_board.black .boardWrite input[type=text]:focus,
	#xet_board.black .boardWrite .write_type input[type=password]:focus,
	#xet_board.black .boardWrite .write_type textarea:focus {
		color:#ccc;
		border-color: #555;
	 }
	 
	#xet_board.black .boardWriteBody textarea {
		color:#ccc;
		background: #000;
		border-color: #333;
	}
	

@media (max-width: 767px) {
	.boardWrite {
		border: 0;
		padding: 0;
		box-shadow: none;
		background: none;
	}
	.boardWriteHeader {
		padding: 0;
		border: 0;
		background: none;
	}
	.boardWriteBody {
		padding: 0;
	}
	
	/* colorset - board_dark */
	#xet_board.black .boardWrite { 
		background: none;
	}
	#xet_board.black .boardWriteHeader {
		background: none;
	}
}