#boardWrite textarea, #boardWrite input[type=text], #boardWrite input[type=email], #boardWrite textarea, #boardWrite input[type=password] {width: 100%; border:1px solid #ddd; border-radius: 4px;}

#boardWrite input[type=text], #boardWrite input[type=email], #boardWrite input[type=password] { padding:14px 10px; font-size: 1rem;}

#boardWrite .write-column .title .required{ color:red;}
#boardWrite .write-column > div:not(:first-child) {margin-bottom: 20px;}
#boardWrite .write-column .config-column {display:flex; margin-bottom: 20px;}

#boardWrite .btn-wrap {display:flex; justify-content: center; padding-top:60px; margin-bottom: 120px;}
/*#boardWrite .btn-wrap div+div {margin-left: auto;}*/

#boardWrite img {max-width: 100%;}

#boardWrite .write-column > div.h350 {min-height: 410px;}

.formWrap {display: flex; align-items: center;}
.setForm {display: flex; align-items: center;}
label.label, .file-add-wrap > div, .thumb-form .title {display: inline-block; width: 130px; margin-right: 10px; font-size: 1rem; text-align: left; color: #333;}
.setForm {margin-bottom: 16px;}
.setForm.line, .form-file.line, .config-column.line {margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #ddd;}
.up-line {border-top: 1px solid #ddd; padding-top: 16px; margin-top: 16px;}

.setForm > div {width: 100%;}
#boardWrite .form-hp {display: flex; align-items: center;}
#boardWrite .form-hp input, span {display:inline-block;}
#boardWrite .form-hp span { margin:0 5px}

.file-add-wrap {display:table; table-layout:fixed;}
/*.file-add-wrap > div, .thumb-form .title {display:table-cell; width:130px; font-weight: 600; font-size: 0.875rem;}*/
.file-add-wrap > div, .thumb-form .title {width: 116px; padding: 0.2em 0.6em 0.3em; font-weight: 700; line-height: 1; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em;}
.file-add-wrap .add-icon {min-width:60px; padding-left: 0; text-align:right;}
.file-add-wrap .add-icon label {display: inline-block; width: 130px;  padding: 15px 0; font-size: 16px; color: #fff; text-align: center; background-color: #949494; border-radius: 4px; cursor: pointer;}
.config-column.flex {display: flex;}
.config-column.flex > div:first-child {margin-right: 30px;}

.form-checkbox-x, .form-radio-x {display: flex; align-items: center;}

.form-checkbox-y .checkbox-style, .form-radio-y .checkbox-style {margin-bottom: 8px;}

.form-select {position:relative; color:#aaa}
.form-select:before {position: absolute; top:50%; right:14px; transform: translateY(-50%);	content: ""; width: 10px; height: 10px; background: url("../../../../../images/downarrow2.svg") no-repeat center; cursor: pointer; pointer-events: none; z-index: 1;}
.form-select select {width: 100%; padding: 14px 10px; border: 1px solid #ddd; font-size: 1rem; color: #333; border-radius: 4px;}
.form-select select::-ms-expand {display: none;}
.form-select select{ vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

a.buttons.cancel {margin: 0 5px; width: 200px; height: 55px; line-height: 55px; padding: 0 20px; border-radius: 4px; border-color: #a3a3a3; background: #a3a3a3; font-size: 1.125em; color: #fff; text-align: center; cursor: pointer;}
input[type="submit"].buttons.save, input[type="button"].buttons.save {margin: 0 5px; width: 200px; height: 55px; line-height: 52px; padding: 0 20px; border-radius: 4px; font-size: 1.125em; color: #fff; text-align: center; cursor: pointer; background: #333; color: #fff;}
input[type="submit"].buttons.save:hover, input[type="button"].buttons.save:hover {background: #333; color: #fff;}

.thumb-form {display: flex; margin-bottom:10px;}
.thumb-form .thumb-list:after { content:""; display:inline-block; position:absolute; width:100%; height:100%; top:0; left:0; box-sizing:border-box; }
.thumb-form .thumb-list:hover:after {border:2px solid #333;}

.thumb-form .thumb-list {position:relative; display:inline-block;}
.thumb-form .thumb-list img { width:70px; height:70px; }

.thumb-form .thumb-list .thumb-pick {position:absolute; top:4px; left:4px; background:transparent; color:transparent; font-weight:bold; padding:1px 4px; border-radius: 50px; font-size: 12px;}
.thumb-form .thumb-list.on .thumb-pick { background: #fff; color:#333; }

.thumb-form .thumb-list .btn-thumb-del { display:block; position:absolute; top:0; right:0; z-index:1; color:transparent; padding:1px 4px; cursor:pointer; }
.thumb-form .thumb-list:hover .btn-thumb-del { background: #333; color:#fff; }

.file-list {margin-left: 130px;}
.file-list li:not(:last-child) {margin-bottom:5px}
.file-list li > * {float: left; font-size: 0.9375rem; color: #666;}
.file-list li > div {margin-left: 10px; display:flex; align-items:center;}
.file-list li > div span {cursor: pointer;}
.file-list li:after {content: ""; display: block; clear: both;}

.join-wrap a, .modal-privacy-wrap a {
	cursor: pointer;
	font-size: 14px;
	text-decoration: underline;
	color: #9f9f9f;
}

.join-wrap .agreeFrm strong {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
}
.join-wrap .agreeFrm .aBox {
	margin: 10px auto;
	padding: 14px;
	height: 250px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow-y: auto;
}
.join-wrap .aBox dl {
	margin-bottom: 20px;
	line-height: 1.4;
}
.join-wrap .aBox dl:last-child {
	margin-bottom: 0;
}
.join-wrap .aBox dt {
	padding: 5px 0;
	font-size: 15px;
	font-weight: 400;
}
.join-wrap .aBox dd {
	padding: 2px 0;
	font-size: 14px;
	font-weight: 300;
}

.modal-privacy-wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	visibility: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.25s ease-in-out 0s;
}

.modal-privacy {
	width: 640px;
	height: auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	max-height: 100%;
	overflow-y: scroll;
}

.modal-privacy-wrap.open {
	opacity: 1;
	visibility: visible;
}

.modal-privacy-wrap .btn-close {
	position: absolute;
	top: 20px;
	right: 20px;
}
.modal-privacy-wrap .content {
	padding: 50px;
}
.modal-privacy-wrap .con-in p {
	margin-bottom: 15px;
	font-size: 0.875rem;
	text-align: left;
	line-height: 1.2;
}
.modal-privacy-wrap .con-in p.tit {
	margin-bottom: 30px;
	font-size: 1rem;
	font-weight: 600;
}
.modal-privacy-wrap .con-in p:last-child {
	opacity: 0.7;
}

@media all and (max-width:876px){
	.modal-privacy-wrap .agreeFrm {
		font-size: 0.75rem;
		line-height: 1.4;
	}
	.modal-privacy-wrap .modal-privacy {
		width: 85%;
	}
	.modal-privacy-wrap .con-in {
		font-size: 0.75rem;
		line-height: 1.4;
	}
	.modal-privacy-wrap .con-in p {
		font-size: 0.75rem;
		line-height: 1.4;
	}
}

@media all and (max-width:767px){
	.formWrap label.label {display: none;}
	.setForm {display: block;}
	label.label, .file-add-wrap > div, .thumb-form .title {display: block; width: auto; padding: 0; margin: 0 0 10px;}
	.file-list {margin-left: 0;}
	.file-add-wrap .add-icon label {width: 130px;}
	.thumb-form {display: block;}
	a.buttons.cancel, input[type="submit"].buttons.save, input[type="button"].buttons.save {width: 150px; height: 50px; line-height: 50px; font-size: 1.0625rem;}
	input[type="submit"].buttons.save, input[type="button"].buttons.save {line-height: 47px;}
}

@media (max-width: 640px) {
	.join-wrap .agreeFrm {
		font-size: 0.625rem;
		line-height: 1.2;
	}
	.modal-privacy-wrap .content {
		padding: 30px 20px;
	}
	.modal-privacy-wrap .con-in {
		font-size: 0.625rem;
		line-height: 1.2;
	}
	.modal-privacy-wrap .con-in p {
		font-size: 0.625rem;
		line-height: 1.2;
	}
	.modal-privacy-wrap .con-in p.tit {
		margin-bottom: 10px;
		font-size: 0.875rem;
		font-weight: 600;
	}
}

@media (max-width: 480px) {
	.agreeFrm strong {
		font-size: 16px;
	}
	.agreeFrm .aBox {
		margin: 8px auto;
		height: 250px;
	}

}