/* 버튼 기본 스타일 reset */
.button {display: inline-block;cursor: pointer;font-weight: bold;color: #fff;text-align: center;font-size: 12px;border: none;background: none;}
.search-button {width: 45px;height: 28px;line-height: 26px;border: solid 1px #9d9d9d;background-color: #b9b9b9;border-radius: 3px;color: #fff !important;}
.cmd .button {width: 45px;height: 25px;line-height: 25px;border: solid 1px #1e82fc;background-color: #f0f0f0;color: #606060;border-radius: 3px;}
.cmd input.button {height: 27px;line-height: 25px;}
.cmd .button:hover {text-decoration: none;}
.cmd .button-write {width: 57px;}
/* 게시판 공통 */
.board-wrap {
	position: relative;
	clear: both;
	width: 1000px;
	margin: 0 auto;
	font-size: 18px;
}

/* 게시물 검색 
.board-wrap .search-wrap {
	width: 100%;
	height: 40px;
	margin-bottom: 27px;
	background-color: #fdfdfd;
	border-bottom: solid 1px #f2f2f2;
}

.board-wrap .search-wrap form {
	position: relative;
	margin: 0 auto;
	width: 362px;
	padding-top: 6px;
}

.board-wrap .search-wrap fieldset {
	float: left;
	margin-right: 3px;
}

.board-wrap .search-wrap form fieldset legend {
	display: none;
}

.board-wrap .search-wrap form fieldset select {
	float: left;
	width: 67px;
	height: 26px;
	margin-right: 3px;
	line-height: 26px;
	border: solid 1px #d4d4d4;
}

.board-wrap .search-wrap fieldset input[type="text"] {
	float: left;
	width: 238px;
	height: 26px;
	padding: 0;
	border: solid 1px #d4d4d4;
}

.board-wrap .search-wrap .sbm {
	float: left;
	width: 45px;
	height: 25px;
	line-height: 25px;
	background-color: #585858;
	border: 1px solid #3e3e3e;
	text-align: center;
}
*/
.board-wrap .search-wrap {
	width: 100%;
	height: 42px;
	margin-top: 15px;
}

.board-wrap .search-wrap form {
	position: relative;
	margin: 0 auto;
	width: 426px;
	padding-top: 6px;
}

.board-wrap .search-wrap fieldset {
	float: left;
	margin-right: 3px;
}

.board-wrap .search-wrap form fieldset legend {
	display: none;
}

.board-wrap .search-wrap form fieldset select {
	float: left;
	width: 86px;
	height: 30px;
	margin-right: 3px;
	line-height: 26px;
	border: solid 1px #ccc;
	font-size: 14px;
}

.board-wrap .search-wrap fieldset input[type="text"] {
	float: left;
	width: 238px;
	height: 28px;
	padding: 0;
	border: solid 1px #ccc;
	background-color: #f5f5f5;
	font-size: 14px;
	text-indent: 5px;
}

.board-wrap .search-wrap .sbm {
	float: left;
	width: 86px;
	height: 30px;
	line-height: 28px;
	background-color: #121e9b;
	text-align: center;
}

.board-wrap .search-wrap .sbm input {
	font-size: 14px;
}

.board-wrap .pagenation {
	position: relative;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	font-size: 0;
}

.board-wrap .pagenation a {
	display: inline-block;
	min-width: 25px;
	height: 25px;
	border: solid 1px #e4e4e4;
	text-align: center;
	line-height: 27px;
	font-size: 12px;
	vertical-align: top;
}

.board-wrap .pagenation .pages {
}

.board-wrap .pagenation .pages .page {
	margin: 0 4px;
	color: #8c8c8c;
	font-weight: bold;
	font-size: 12px;
}

.board-wrap .pagenation .pages .current {
	background-color: #121e9b;
	color: #fff;
}

.board-wrap .pagenation .next {
	margin: 0 3px 0 4px;
}

.board-wrap .pagenation .prev {
	margin: 0 4px 0 3px;
}


/* 일반 게시물 목록 */
#board-list .article-wrap {
	margin-bottom: 15px;
}

#board-list .article-wrap .article-list {
	width: 100%;
	border-top: solid 2px #dedede;
	font-size: 18px;
}

#board-list .article-wrap .article-list caption {
	display: none;
}

#board-list .article-wrap .article-list th {
	color: #6d6d6d;
	font-weight: bold;
	height: 40px;
	background: url(../images/sp_th.gif) no-repeat 0 50%;
	border-bottom: solid 1px #dedede;
}

#board-list .article-wrap .article-list th.no {
	background: none;
}

#board-list .article-wrap .article-list td {
	color: #7e7e7e;
	padding: 15px 0;
	border-bottom: solid 1px #f2f2f2;
	text-align: center;
}

#board-list .article-wrap .article-list td.subject {
	text-align: left;
	padding-left: 20px;
}

#board-list .article-wrap .article-list td.subject a {
	color: #7e7e7e;
}

#board-list .article-wrap .article-list td.subject a .new,
#board-list .article-wrap .article-list td.subject a .secret {
	margin-left: 7px;
}

#board-list .article-wrap .article-list td.subject a .reply {
	margin-right: 5px;
	vertical-align: top;
}

#board-list .article-wrap .article-list .empty td {
	color: #7e7e7e;
	text-align: center;
}

#board-list .cmd {
	text-align: right;
	margin-bottom: 17px;
}

/* 갤러리 게시물 목록 */
#gallery-list .article-wrap {
	position: relative;
	width: 100%;
	padding: 15px 0;
	margin-bottom: 15px;
	border-top: solid 2px #dedede;
	border-bottom: solid 1px #dedede;
}

#gallery-list .article-wrap .article-list {
	position: relative;
	overflow: hidden;
	padding-top: 25px;
}

#gallery-list .article-wrap .article-list li {
	position: relative;
	float: left;
	width: 229px;
	height: 181px;
	margin: 0 10px 30px 10px;
}

#gallery-list .article-wrap .article-list li .pic {
	display: block;
	position: relative;
}

#gallery-list .article-wrap .article-list li .pic img {
	vertical-align: top;
}

#gallery-list .article-wrap .article-list li .subject {
	position: relative;
	display: block;
	height: 31px;
	margin-top: -31px;
	font-size: 12px;
	letter-spacing: -0.25px;
	line-height: 31px;
	text-align: center;
	color: #fff;
	background: url(../images/bg_gallery_subject.png) repeat-x 0 0;
	z-index: 1;
}

#gallery-list .article-wrap .article-list li .subject a {
	color: #fff;
	font-size: 14px;
}

#gallery-list .article-wrap .non-data {
	clear: both;
	height: 160px;
	line-height: 160px;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
/* 웹진리스트 */
#webzine-list .article-wrap {
	position: relative;
	width: 100%;
	border-top: solid 2px #dedede;
	border-bottom: solid 1px #dedede;
}

#webzine-list .article-wrap .article-list {
	position: relative;
}

#webzine-list .article-wrap .article-list li {
	clear: both;
	position: relative;
	padding: 15px;
	height: 170px;
	border-top: solid 1px #f2f2f2;
}

#webzine-list .article-wrap .article-list li:first-child {
	border-top: none;
}

#webzine-list .article-wrap .article-list li .pic {
	position: absolute;
	top: 25px;
	left: 15px;
}

#webzine-list .article-wrap .article-list li .pic img {
	vertical-align: middle;
}

#webzine-list .article-wrap .article-list li .description {
	padding-left: 260px;
	color: #7e7e7e;
}

#webzine-list .article-wrap .article-list li .description h3 {
	float: left;
	padding: 5px 0 10px 0;
	font-size: 18px;
	font-weight: bold;
}

#webzine-list .article-wrap .article-list li .description h3 a {
	color: #7e7e7e;
}

#webzine-list .article-wrap .article-list li .description .date {
	padding: 5px 0 10px 0;
	float: right;
	font-size: 16px;
}

#webzine-list .article-wrap .article-list li .description .context {
	clear: both;
	line-height: 1.3;
}

#webzine-list .article-wrap .non-data {
	height: 160px;
	color: #7e7e7e;
	line-height: 160px;
	font-weight: bold;
	text-align: center;
}

/* 게시물 뷰 */
/* 게시물 뷰 공통 */
#board-view .article-wrap {
	width: 100%;
	border-top: solid 2px #dedede;
}
/* 게시물 제목 및 정보 */
#board-view .article-wrap .article-info {
	width: 100%;
}

#board-view .article-wrap .article-info th {
	padding: 15px 0;
	line-height: 1;
	color: #7e7e7e;
	font-weight: normal;
	text-align: center;
	background: url(../images/sp_th.gif) no-repeat 100% 15px;
	border-bottom: solid 1px #f2f2f2;
	vertical-align: top;
	font-size: 16px;
}

#board-view .article-wrap .article-info th.subject {
	font-weight: bold;
	font-size: 18px;
	color: #6d6d6d;
	text-align: left;
	padding-left: 20px;
	background: none;
}

#board-view .article-wrap .article-info th.subject img {
	vertical-align: middle;
}

#board-view .article-wrap .article-info td {
	padding: 15px 0 15px 20px;
	border-bottom: solid 1px #f2f2f2;
	color: #7e7e7e;
	line-height: 1;
	font-size: 16px;
}

#board-view .article-wrap .article-info td .date,
#board-view .article-wrap .article-info td .hit {
	display: inline-block;
}

#board-view .article-wrap .article-info td .date {
	min-width: 80px;
	margin-right: 30px;
	background: url(../images/sp_th.gif) no-repeat 100% 0;
}

#board-view .article-wrap .article-info .attach td p {
	margin-bottom: 5px;
}

#board-view .article-wrap .article-info td a {
	color: #7e7e7e;
}

#board-view .article-wrap .article-info td a[target="_blank"] {
	padding: 5px 20px 0 0;
	background: url(../images/ico_newwin_s.gif) no-repeat 100% 0;
}

#board-view .article-wrap .context {
	margin-bottom: 30px;
	padding: 20px;
	border-bottom: solid 2px #f2f2f2;
}

#board-view .article-wrap .context img {
	width: inherit;
	max-width: 100%;
	height: auto !important;
}

/* 명령버튼 */
#board-view .cmd {
	font-size: 0;
	margin-bottom: 20px;
	text-align: right;
}

#board-view .cmd a {
	width: 110px;
	height: 50px;
	line-height: 50px;
	background-color: #4498ff;
	font-size: 14px;
	color: #fff;
}

/* 게시물 작성 */
#board-write fieldset {
	margin-bottom: 8px;
}

#board-write table {
	width: 100%;
	border-top: solid 2px #dedede;
}

#board-write table th,
#board-write table td {
	border-bottom: solid 1px #f2f2f2;
	color: #7e7e7e;
}

#board-write table th {
	padding-top: 15px;
	background: url(../images/sp_th.gif) no-repeat 100% 18px;
	font-weight: normal;
	vertical-align: top;
	line-height: 18px;
}

#board-write table td {
	padding: 7px 17px 9px;
}

#board-write table td input[type="text"],
#board-write table td input[type="password"] {
	border: solid 1px #f2f2f2;
	width: 100%;
	height: 22px;
	line-height: 22px;
}

#board-write table td textarea {
	width: 100%;
	height: 300px;
	border: solid 1px #f2f2f2;
}

#board-write .cmd {
	text-align: center;
	font-size: 0;
}

#board-write .cmd .button {
	display: inline-block;
	width: 45px;
	height: 28px;
	line-height: 28px;
	background-color: #989898;
	border: 1px solid #838383;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	padding: 0;
}

#board-write .cmd .button.cancel {
	background-color: #b0b0b0;
	height: 26px;
	margin-left: 5px;
}


/* 비밀번호 확인 */
#password-check {
	position: relative;
	width: 458px;
	margin: 0 auto;
	padding: 93px 0 50px;
	background: url(../images/bg_pwd_check.gif) no-repeat 50% 23px #fdfdfd;
	border: solid 1px #f2f2f2;
	text-align: center;
}

#password-check fieldset {
	margin-bottom: 10px;
}

#password-check fieldset .f-el .el-head {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	color: #7e7e7e;
}

#password-check fieldset input[type="password"] {
	border: solid 1px #f2f2f2;
	width: 100%;
	height: 22px;
	line-height: 22px;
}

#password-check .sbm {
	position: absolute;
	top: 115px;
	left: 430px;
}