.board {
	width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0px 3% 10px 3%;
    line-height: 1.5;
    word-break: keep-all;}

/* input 과 버튼종류, 헤더태그는 사이트전체에 공통으로 사용되는경우가 많으므로 모듈에서는 정의하지 않음 */

/* 게시판 제목 색상 변경 */
.board h1 {
		color: #4c67b4;
	    margin: 10px 0 10px 0;
	}
.board h1 a {
		color: #90a710;
    font-size: 1.8rem;
    font-weight: 900;
	}

/* 말머리목록 */
.board .headwordlist {
	padding:10px 0 5px 0;
}
.board .headwordlist ul {
	margin:0;
	padding:0;
}
.board .headwordlist li {
	display: inline-block;
    padding: 5px 10px;
    border: 1px #d7d7d7 solid;
    border-left-width: 0;
   
    height: 32px;
}
.board .headwordlist a:first-child li {
	border-left-width:1px;
}
.board .headwordlist li:hover,
.board .headwordlist .active {
	background-color:#f3f3f3;
}


/* 목록요약(글갯수등) */

.board .summarywrap{
	position:relative;
	margin-top:10px;
	padding:5px 0;
	height:46px;
}

/* 목록요약 우측 버튼 (글쓰기버튼 등) */
.board .summarywrap .buttons {
	position:absolute;
	height:100%;
	top:0;
	right:2px;
}
.board .summary {
	width:100%;
	text-align:left;
}
.board .summary .rss {
	vertical-align:middle;
	cursor:pointer;
}


/* 검색박스 */
.board .searchbox {display:inline-block; margin-left:30px;     margin-right: -5px;}
.board .searchbox form {margin:0;}


/* 메인버튼 */
.board .main-buttons {
	position:relative;
	margin: 7px 0 4px 0;
	text-align:right;
}
.board .main-buttons .left-buttons {
	position:absolute;
	left:0;
	top:8px;
	height:100%;
}



/* 목록상단 제목줄 */
.board .list-title {
	width:100%;
	border-top:1px #aaa solid;
	border-spacing:0;
	border-left:none;
	border-right:none;
}
.board .list-title th {
	height:26px;
	font-weight:normal;
	border-left:1px #efefef solid;
}
.board .list-title th:first-child {
	border-left:none;
}

.board .no-articles {
	border-top:1px #d7d7d7 solid;
	border-bottom:1px #d7d7d7 solid;
	height:80px;
}



/* 목록형 페이지 */

.board .list {
	width:100%;
	border-collapse:collapse;
	border-top:1px #d7d7d7 solid;
}
.board .list tr {vertical-align:middle;}
.board .list td {
	padding:10px 3px;
	border-bottom:1px #d7d7d7 solid;
}
.board .list.notice tr:last-child td {
	border-bottom:none;
}

.board .list .subject {
	text-align:left;
}
.board .list td img {
	vertical-align:middle;
}
.board .list .headword {
	display:inline-block;
	padding:3px 5px;
	border:1px #d7d7d7 solid;
	border-radius:3px;
	margin-right:4px;
	font-size:11px;
	color:#929292;
	vertical-align:middle;
}
.board .list .subject {
	vertical-align:middle;
}
.board .list-comment {
	display:inline-block;
	line-height:10px;
	font-size:10px;
	color:#f60;
	padding:1px 3px;
	border:1px #fa0 solid;
	border-radius:2px;
	vertical-align:middle;
}



.board .col_no {
	width:70px;
	text-align:left;
}
.board .col_boardtitle {
	width:120px;
	text-align:left;
}
.board .col_subject {
	width:auto;
	text-align:left;
}
.board .col_subject.hd {
	text-align:center;
}
.board .col_writer {
	width:100px;
	text-align:center;
}
.board .col_recommend {
	width:80px;
	text-align:center;
}
.board .col_date {
	width:120px;
	text-align:center;
}
.board .col_view {
	width:80px;
	text-align:center;
}


/* 앨범형 페이지 */

.board .photolist {
	padding: 20px 0 0 0;
	border-top:1px #d7d7d7 solid;
	border-bottom: 1px #d7d7d7 solid;
}
.board .photolist .article-wrap {
	display:inline-block;
	width:20%;
	vertical-align:top;
	margin-bottom: 20px;	
}

@media screen and (max-width: 1024px) and (min-width: 300px){
.board .photolist .article-wrap {
	display:inline-block;
	width:25%;
	vertical-align:top;
	margin-bottom: 20px;	
}
}

@media screen and (max-width: 700px) and (min-width: 300px){
.board .photolist .article-wrap {
	display:inline-block;
	width:33.333%;
	vertical-align:top;
	margin-bottom: 20px;	
}
}

@media screen and (max-width: 435px) and (min-width: 300px){
.board .photolist .article-wrap {
	display:inline-block;
	width:50%;
	vertical-align:top;
	margin-bottom: 20px;	
}
}
.board .photolist .article-wrap .innerwrap {
	padding:0px 10px;
	
}
.board .photolist .photo-wrap {
	background-repeat:no-repeat;
	background-position:50%;
	background-size:cover;
	cursor:pointer;
 margin: 0 0px;
    /* height: 120px; */
   
    /* width: 100%; */
    padding-top: 66%; /* 부모 박스에서 가로 크기를 50% 또는 25% 정하고 높이를 정하는 방식은 패딩탑을 %로 주어 높이를 가로 길이에 따라 자동으로 정해지도록 함 */
    overflow: hidden;
    /* position: relative; */
}

.board .photolist .subject {
	padding: 10px 0 0px 0;
	text-align:left;
	color: #3a89cc;
}
.board .photolist .info {
	line-height:140%;
	font-size:12px;
	text-align:right;
	color:#929292;
}

/* 웹진형 */
.board .webzine {
	padding:10px;
	text-align:left;
	border-top:1px #d7d7d7 solid;
}
.board .webzine .article-wrap {
	position:relative;
	padding:15px 0 5px 0;
	border-bottom:1px #d7d7d7 solid;
}
.board .webzine .photo-wrap {
	width:200px;
	max-height:200px;
	text-align:left;
	padding:2px;
	margin:0 10px 10px 0;
	vertical-align:top;
	float:left;
	overflow-y:hidden;
}
.board .webzine .photo-wrap img {
	max-width:100%;
	margin:0;
}
.board .webzine .content-wrap {
	display:inline;
}
.board .webzine .subject {
	padding-bottom:5px;
	font-weight:bold;
}
.board .webzine .content {
	color:#888;
}

.board .webzine .info {
	text-align:right;
	color:#929292;
	font-size:11px;
}
.board .webzine .info span {
	margin:0 5px;
}


/* 글쓰기, 수정, 응답글 페이지 */
.board .write {}

.board .board-items {
	border-spacing:0;
	border-collapse:collapse;
	border:0;
	border-top:1px #d0d0d0 solid;
}
.board .board-items tr {
	height:35px;
}
.board .board-items th,
.board .board-items td {
	font-weight:normal;
	border-bottom:1px #d0d0d0 solid;
	padding:10px 0;
}
.board .board-items th {
	text-align:left;
	padding-left:10px;
}
.board .board-items .subj-option {
	padding-bottom:5px;
}

.board .write .captcha {
	padding:3px 0;
	text-align:left;
}
.board .write .captcha .captchaimg {
	height:30px;
	width:auto;
	vertical-align:middle;
}
.board .write .captcha .refreshimg {
	width:20px; height:auto;
	vertical-align:middle;
	cursor:pointer;
}
.board .write .captcha input {
	vertical-align:middle;
	text-align:center;
}
.board .write .attach-btnwrap {
	margin-top:12px;
	margin-bottom:10px;
	text-align:right;
}
.board .write .attach-btnwrap input[type=button] {
	padding:0 25px;
	height:30px;
	background-color:#b36307;
	border:0;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	border-radius:5px;
}


/* 글보기 페이지 */
.board .view {
}
.board .view .subjectwrap {/* 글보기 페이지 제목 */
	position:relative;
	padding:15px 4px 12px 4px;
	color: #69a5d8;
    font-size: 1.1rem !important; 
    font-weight: 700 !important; 
}

.board .view .subjectwrap .headword {
	display:inline-block;
	padding:2px 5px;
	border:1px #ccc solid;
	border-radius:2px;
	font-size:12px;
	
}
.board .view .info {
	padding:3px 0;
	border-top:1px #ccc solid;
	text-align:right;
	color:#929292;
}
.board .view .info span {
	margin:0 5px;
}
.board .view .info img {
	vertical-align:middle;
}

.board .view .attachlist {
	margin:0;
	padding:0;
	list-style:none;
}
.board .view .attachlist li {
	margin:4px 0;
}


.board .view .content > div {
	padding:5px;
	line-height:150%;
	border-bottom:1px #ccc solid;
	min-height:200px;
}

.board .view .content img {
	max-width:100%;
	height:auto;
}

.board .view .sibling-items {
	width:100%;
	border-spacing:0;
	border-top:1px #d7d7d7 solid;
}
.board .view .sibling-items th {
	background-color:#777;
	padding:10px;
	font-weight:normal;
	color:#fff;
	border-bottom:1px #fff solid;
}
.board .view .sibling-items td {
	padding:10px;
	font-weight:normal;
	color:inherit;
	border-bottom:1px #d7d7d7 solid;
}

.board .view .comments {
	margin-top:10px;
}
.board .view .comments-wrap {
	padding:10px;
	background-color:#f4f4f4;
	border:1px #d7d7d7 solid;
}
.board .view .comments .write{
	border:1px #d7d7d7 solid;
	padding:5px;
	background-color:#fff;
}

.board .view .comments-wrap .summary {
	font-weight:bold;
	padding:15px 0 3px;
	border-bottom:1px #ccc solid;
}
.board .view .comments-wrap .comment {
	padding:10px;
	border-bottom:1px #ccc solid;
	background-color:#fff;
	margin-bottom:4px;
}
.board .view .comments-wrap .comment .cmt-emoticon {
	width:24px;
	height:auto;
	vertical-align:middle;
}
.board .view .comments-wrap .comment .cmt-info {
	text-align:left;
	padding:3px 0;
	border-bottom:1px #d7d7d7 dashed;
}
.board .view .comments-wrap .comment .cmt-info .cmd {
	float:right;
}
.board .view .comments-wrap .comment .cmt-info .cmd span {
	cursor:pointer;
}
.board .view .comments-wrap .comment .cmt-info .writer {
	color:#000;
}
.board .view .comments-wrap .comment .cmt-content {
	padding:10px;
}

.captchaimg,
.refreshimg {
	height:26px;
	width:auto;
	vertical-align:middle;
}


/* nogrant */
.board .nogrant {
	margin:30px auto;
	width:500px;
	padding:50px 0;
	text-align:center;
	background-color:#eee;
	border:1px #ccc solid;
}