@CHARSET "UTF-8";

/* RESET */
a, abbr, address, applet, article, aside, audio, b, big, blockquote, body,
button, canvas, caption, center, cite, code, col, colgroup, dd, del, details,
dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer,
form, h1, h2, h3, h4, h5, h6, header, hr, html, i, iframe, img, input, ins,
kbd, label, legend, li, main, mark, menu, nav, object, ol, optgroup, output, p,
pre, progress, q, ruby, s, samp, section, select, small, span, strike, strong,
sub, summary, sup, svg, table, tbody, td, textarea, tfoot, th, thead, time, tr,
tt, u, ul, var, video {
	vertical-align: baseline;
	box-sizing: content-box;
	padding: 0;
	border: 0;
	margin: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-moz-margin-start: 0;
	-webkit-margin-end: 0;
	overflow: visible;
	background: transparent;
	color: inherit;
	font: inherit;
	text-decoration: none;
}

/* admin */
.field-inner-box {
	position: relative;
	display: inline-block;
	text-align: left;	
}
.field-inner-box:first-child .field-head {
	width: 145px;
}
.field-inner-box:first-child .field-body,
.field-body.text {
	padding: 0 0 0 145px;	
}
.field-inner-box .field-head {
	width: 50px;
}
.field-inner-box .field-body {
	padding: 0 50px 0 50px;	
}
textarea {
  resize: none; /* 사용자 임의 변경 불가 */
}
.text input,
.text textarea {
	width: calc( 100% - 100px );
	max-width: 1600px;
	outline: none;
}
#notice-contents {
	height: 200px;
}
.create-notice {
	width: 750px;
}
.create-notice #create-title {
	width: 100%;
}
.create-notice #create-contents {
	width: 100%;
	height: 100px;
}

/* cooperators */
#app-body .app-section.notice {
	width: 100%;
	flex-basis: 100%;
	padding: 0;
}
.notice .app-section-body {
	padding: 10px 15px;
}
.notice-head {
	position: relative;
	height: 34px;
	padding: 5px 38px 0 36px;
	box-sizing: border-box;
}
.notice-head .icon {
	position: absolute;
	top: 5px;
	left: 0;
	width: 28px;
	height: 26px;
	background: url('../img/notice.png') no-repeat top left;
	background-size: 100% 100%;
	display: inline-block;
}
.notice-head .text {
	font-size: 16px;
	line-height: 24px;
}
.notice-head .btn-more {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: url('../img/btn-more.png') no-repeat top left;
	background-size: 30px;
	display: inline-block;
}
.notice-body {
	padding: 5px 5px 0 5px;
	box-sizing: border-box;
}
.notice-body .notice-contents {
	font-family: "Spoqa Han Sans", sans-serif;
	font-size: 14px;
	line-height: 24px;
	white-space: pre-wrap;
}
.btn-on {
	transform: rotate(180deg);
	transition: all ease 0.7s;
}
.btn-off {
	transform: rotate(0deg);
	transition: all ease 0.7s;
}