/* 글쓰기 페이지 */
.boardbox {}
.boardbox .contentwrap {max-width:1000px;width:100%;margin:50px auto;}
.boardbox .input_control {width:100%;border:1px solid #eee;border-radius:2px;padding:10px 15px;resize:none;}
.boardbox textarea.input_control {min-height:200px;}
.boardbox .formlist {list-style:none;}
.boardbox .formlist > li {margin-bottom:5px;}
.boardbox .formlist > li:last-child {margin-bottom:0;}
.boardbox .formlist > li > div {font-size:0;}
.boardbox .formlist > li > div > span {display:inline-block;vertical-align:middle;font-size:15px;}
.boardbox .formlist > li > div > span:first-child {width:150px;}
.boardbox .formlist > li > div > span:last-child {width:calc(100% - 150px);position:relative;}
.boardbox .imgbox {position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:0;}
.boardbox .imgbox .imgscreen {display:inline-block;vertical-align:middle;width:30px;height:30px;overflow:hidden;position:relative;}
.boardbox .imgbox .imgscreen img {position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.boardbox .imgbox .imgdelete {display:inline-block;vertical-align:middle;padding:10px;background:#e44034;border-radius:50%;margin-left:10px;position:relative;}
.boardbox .imgbox .imgdelete::after {content:'';display:block;width:60%;height:3px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);border-radius:10px;}
.boardbox .imgbox .imgdelete::before {content:'';display:block;width:60%;height:3px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);border-radius:10px;}
.boardbox .board_controlbox {padding:30px 0;text-align:right;}
.boardbox .board_controlbox .submitbtn {display:inline-block;vertical-align:middle;padding:10px 30px;background:#333;color:#fff;border:1px solid #000;font-size:14px;line-height:1.2;}
.boardbox .board_controlbox .deletebtn {display:inline-block;vertical-align:middle;padding:10px 30px;background:#9a1616;color:#fff;border:1px solid #770d0d;font-size:14px;line-height:1.2;}
.boardbox .board_controlbox .canclebtn {display:inline-block;vertical-align:middle;padding:10px 20px;background:#c1d4ff;color:#fff;border:1px solid #b5ccff;font-size:14px;line-height:1.2;font-weight:700;}

/* 목록 페이지 */
.boardbox .listpagelist {}
.boardbox .listpagelist.listheader {background:#fbfbfb;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.boardbox .listpagelist.listheader span {padding:15px;text-align:center;}
.boardbox .listpagelist .listpageitem {border-bottom:1px solid #f5f5f5;}
.boardbox .listpagelist .listpageitem:hover {background:#f5f5f5;}
.boardbox .listpagelist .listpageitem > div {font-size:0;}
.boardbox .listpagelist .listpageitem > div > span {display:inline-block;vertical-align:middle;padding:10px;}
.boardbox .listpagelist .listpageitem > div a {text-decoration:none;color:#333;font-size:14px;}
.boardbox .listpagelist .listpageitem > div .num {width:50px;font-size:12px;text-align:center;}
.boardbox .listpagelist .listpageitem > div .subject {width:calc(100% - 230px);font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.boardbox .listpagelist .listpageitem > div .date {width:100px;font-size:12px;text-align:center;}
.boardbox .listpagelist .listpageitem > div .hit {width:80px;font-size:12px;text-align:center;}
.boardbox .listpagelist .listpageitem.empty {}
.boardbox .listpagelist .listpageitem.empty > div {}
.boardbox .listpagelist .listpageitem.empty > div > span {display:block;padding:100px 20px;font-size:16px;font-weight:700;}

/* 뷰 페이지 */
.boardbox .viewheader {background:#fbfbfb;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px;font-size:26px;font-weight:900;position:relative;}
.boardbox .viewheader p {}
.boardbox .viewheader .date {position:absolute;bottom:100%;right:0;font-size:12px;color:#666;letter-spacing:1px;padding:10px;font-weight:500;}

.boardbox .filebox {margin:30px auto 50px;text-align:center;}
.boardbox .filebox img {max-width:100%;}
.boardbox .viewcontent {padding:15px;line-height:1.6;font-size:14px;min-height:350px;border-bottom:1px solid #f1f1f1;white-space:pre-line;}

@media all and (max-width:640px){
	
	/* 공통 */
	.boardbox .contentwrap {width:95%;}

	/* 목록 */
	.boardbox .listpagelist .listpageitem > div .date {width:60px;}
	.boardbox .listpagelist .listpageitem > div .hit {width:60px;}
	.boardbox .listpagelist .listpageitem > div .subject {width:calc(100% - 170px);white-space:normal;overflow:hidden;text-overflow: ellipsis;font-size:14px;}

	/* 뷰 */
	.boardbox .viewheader {font-size:18px;}

	/* 글쓰기 */
	.boardbox .formlist > li > div > span:first-child {width:70px;}
	.boardbox .formlist > li > div > span:last-child {width:calc(100% - 70px);}
	.boardbox .board_controlbox {text-align:center;}
}