.h5{ font-size:18px; font-weight:bold; }

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

.mb15{ margin-bottom:15px; margin-top:15px; }
.mb30{ margin-bottom:30px; margin-top:30px; }


/* list.skin */
	#list-style-02 { margin-top: 2rem; }
	
	#list-style-02 .board-title { display:block;}
	#list-style-02 .board-title .mj-w-5{ width: 5%; text-align: center; }
	#list-style-02 .board-title .mj-w-10{ width: 10%; text-align: center; }
	#list-style-02 .board-title .mj-w-15{ width: 15%; text-align: center; }
	#list-style-02 .board-title .mj-w-20{ width: 20%; text-align: center; }
	#list-style-02 .board-title .mj-w-50{ width: 50%; text-align: center; }
	
	
	/* 레이아웃 설정 */	
	#list-style-02 .board-content .mj-w-5{ width: 5%; text-align: center; } 
	#list-style-02 .board-content .mj-w-10{ width: 10%; text-align: center; } 
	#list-style-02 .board-content .mj-w-15{ width: 15%; text-align: center; }
	#list-style-02 .board-content .mj-w-20{ width: 20%; text-align: center; }
	#list-style-02 .board-content .mj-w-50{ width: 50%; text-align: left; }
	#list-style-02 .board-content a{ margin-left: 1rem; margin-right: 1rem; }

	
/* xs 각 display 맞게 효과 b3 에 맞게 세팅 */
@media (max-width: 767px) {
	
	#list-style-02 .board-title { display: none; }
	#list-style-02 .board-title .mj-w-5{ width: 100%; text-align: left; }
	#list-style-02 .board-title .mj-w-10{ width: 100%; text-align: left; }
	#list-style-02 .board-title .mj-w-15{ width: 100%; text-align: left; }
	#list-style-02 .board-title .mj-w-20{ width: 100%; text-align: left; }
	#list-style-02 .board-title .mj-w-50{ width: 100%; text-align: left; }
	
	/* 레이아웃 설정 */	
	#list-style-02 .board-content .mj-w-5{ width: 100%; text-align: left; }
	#list-style-02 .board-content .mj-w-10{ width: 100%; text-align: left; }
	#list-style-02 .board-content .mj-w-15{ width: 100%; text-align: left; }
	#list-style-02 .board-content .mj-w-20{ width: 100%; text-align: left; }
	#list-style-02 .board-content .mj-w-50{ width: 100%; text-align: left; }
	#list-style-02 .board-content a{ margin-left:0; margin-right:0; }
}


/* view.skin */
#mj-board-view-head { margin-top: 1rem; }
#mj-board-view-head .mj-board-view-head-content img{ width:30px; border-radius:50%; }

/* 단추영역 */
#mj-board-view-btnWrap{}

/* 본문영역  */
#mj-board-view-body .mj-body-img{ margin-bottom: 2rem; }

/* 댓글 */
.board-comment .media-left { float:left; }
.board-comment { margin-top:30px; }
.board-comment .media-list{ margin-bottom:30px; border:1px solid rgba(0,0,0,.125); border-radius:3px; padding:10px 20px; }
.board-comment .media-list li{ border-bottom:1px solid rgba(0,0,0,.125); padding-top:10px; }
.board-comment .media-list li:last-child{ border-bottom:none; }
.board-comment .media-body img{ width:30px; border-radius:50%; }
.board-comment .media-left { float:left; }
.media img{ border-radius:50%; width:28px; }
.media-body { margin-left:20px; }

.txt-left{ text-align:left !important;}
.txt-right{ text-align:right  !important;}

@media (max-width: 767px) {
.txt-left{ text-align:left !important;}
.txt-right{ text-align:left !important;}
}