/*-----------------------------------------------------------------*/
/* 리스트
/*-----------------------------------------------------------------*/
#boardlist {width:100%; margin:0 auto 16px;}
#boardlist .cateList {margin:10px 0; padding:5px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
#boardlist .cateList li {float:left; width:25%; text-align:center;}
#boardlist .midcate li:nth-child(4n+1) {clear:both;}
#boardlist .cateList li a {display:block; width:100%; padding:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#boardlist .cateList:after {display:block; clear:both; content:'';}
#boardlist .list {clear:both;}
#boardlist .list li {padding:2px 0;}
#boardlist .list li .frame {border:1px solid #ddd; border-radius:1px;}
#boardlist .list li .frame.notice {background:#f6f6f6;}
#boardlist .list li .frame .subject {padding:10px;}
#boardlist .list li .frame .subject .title {overflow:hidden; width:100%; padding-bottom:5px; white-space:nowrap; text-overflow:ellipsis;}
#boardlist .list li .frame .subject .title img {height:16px; vertical-align:top;}
#boardlist .list li .frame .subject .title .notice {display:inline-block; margin-right:2px; padding:0 2px; border:1px solid #aaa; background:#fff; font-size:0.833em;}
#boardlist .list li .frame .subject .stat {float:right; color:#f36d14;}
#boardlist .list li .frame .subject .name {font-size:0.75em;}
#boardlist .list li .frame .subject .name a {font-size:0.75em;}
#boardlist .list li .frame .subject .name img {height:16px; vertical-align:middle;}
#boardlist .list li .frame .content {padding:10px; border-top:1px dotted #ddd; background:#f6f6f6; color:#363636; text-align:left;}
#boardlist .list li .frame .content img {max-width:100%; height:auto;}
#boardlist .list li .frame .content .btn {padding:10px 0; text-align:right;}
#boardlist .list li .frame .content .btn img {width:49px; border:1px solid #ddd;}
#boardlist .search {position:relative; margin:10px 0;}
#boardlist .search select {position:absolute; left:0; top:0; width:20%;}
#boardlist .search .box_btn {position:absolute; right:0; top:0; width:20%;}
#boardlist .search .box_btn * {width:100%;}
#boardlist .search .str {margin:0 20%; padding:0 1%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/*-----------------------------------------------------------------*/
/* 열람
/*-----------------------------------------------------------------*/
#boardview .info {border:1px solid #ddd; border-radius:1px;}
#boardview .info .subject {padding:10px;}
#boardview .info .subject .title {overflow:hidden; width:100%; padding-bottom:5px; font-size:1.167em; white-space:nowrap; text-overflow:ellipsis;}
#boardview .info .subject .title img {height:10px; vertical-align:middle;}
#boardview .info .subject .name,
#boardview .info .subject .name a,
#boardview .info .subject .file,
#boardview .info .subject .file a {font-size:0.75em;}
#boardview .info .subject .name img {height:10px; vertical-align:middle;}
#boardview .boxview {padding:10px; border:1px solid #ddd; border-top:0; background:#f6f6f6; color:#363636; text-align:left;}
#boardview .boxview .cnt2 {word-break:break-all; word-wrap:break-word;}
#boardview .boxview .cnt2 * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview .boxview .cnt2 img {max-width:100%; height:auto;}
#boardview .btn {padding:10px 0; text-align:right;}
#boardview .btn img {width:49px; border:1px solid #ddd;}

/*-----------------------------------------------------------------*/
/* 글쓰기
/*-----------------------------------------------------------------*/
#boardwrite {width:100%;}
#boardwrite .write {padding:10px; border:1px solid #ddd; border-bottom:0;}
#boardwrite .write li {padding:2px 0;}
#boardwrite .write li select {width:100%;}
#boardwrite .boxwrite textarea {width:100%; height:200px;}

/*-----------------------------------------------------------------*/
/* 비회원 글 수정, 글 삭제, 비밀글 열람 - 공통css 적용
/*-----------------------------------------------------------------*/