@charset "utf-8";

textarea {display:block;}

/* 본문 */
#page_board_content	{ padding: 0 10px; }

.board-notice	{ max-width: 430px; padding: 20px; margin: 0 auto; text-align: center;} /* 상단공지 */

.clap_box button.clap	{height:40px;line-height:38px;} /* 박수! 버튼 */

.ui-write-box { /* 메시지 남기기 영역 */
	position:relative;
	margin: 0 auto;padding-right:101px;
	width: 90%;
	box-sizing:border-box;
	overflow: hidden;
}
.ui-write-box textarea { /* 메시지 남기기 텍스트박스 */
	width: 100%; height: 100px; 
	padding: 10px; 
	box-sizing: border-box;
}
.ui-write-box #btn_submit { /* 메시지 남기기 버튼 */
	padding:30px 0;position:absolute;right:0;top:0;
	width:100px;height:100px;line-height:20px;
	}
	
.ui-control { padding-top: 5px; overflow: hidden; text-align: right; } 
.ui-control .files {position:relative;display:flex;margin:5px 0;}
.ui-control .files dt {width:100px;flex-shrink:0;}
.ui-control .files dd {margin:0;width:100%;}

.ui-qna-list		{ position: relative; clear: both; } /* 메시지 리스트 전체 영역 */
.ui-qna-list li		{ position: relative; padding: 15px 0; } /* 각 메시지 영역 */
.ui-qna-list li p	{ clear: both; margin: 0 0 10px; line-height: 1.5em;}
.ui-qna-list li p.txt-center {padding:20px 0 10px;}
.ui-qna-list li p.notice		{margin:0;}
.ui-qna-list li p.notice strong	{position:absolute;top:10px;right:15px;}
.ui-qna-list li p strong a		{ 
	display: block; padding: 2px 5px; margin-right:5px; float: right;
	font-size:9px; font-family: 'dotum', sans-serif;font-weight: normal;
}

.ui-qna-list li .ui-btn.small {
	margin-top:5px;margin-left:8px;padding:0 6px;
	height:20px;line-height:18px;
	font-size:11px; font-family:'dotum',sans-serif;
	border-radius:2px;opacity:0.8;
}
.ui-qna-list li .qna-content.guest {opacity:0;}
.ui-qna-list li .qna-content.guest::selection {opacity:1;}
.ui-qna-list li .qna-content { margin:0 15px 5px; }
.ui-qna-list li .qna-content a { word-break:break-all; } 
.ui-qna-list li .qna-comment-content { position:relative;padding:5px 15px; }
.ui-qna-list li .qna-comment-content p {padding:0;margin:0;}

.ui-qna-list li ul li			{ padding: 0; }
.ui-qna-list li ul li .clear	{text-align:right;}
.ui-qna-list li ul li .clear a	{display:inline-block;float:none;}

.ui-qna-list li div.ui-write-area { padding:5px 0 0; margin-bottom: 10px;}
.ui-qna-list li div.ui-write-area button { white-space:nowrap; height: 28px; line-height: 28px; padding: 0 25px; margin-top: 10px; }

.ui-qna-list .ui-qna-list-password label		{ padding-right: 10px; }
.ui-qna-list .ui-qna-list-password label.blur	{ text-shadow: none; }
.ui-qna-list .ui-qna-list-password input		{ position: relative; z-index: 1; }
.ui-qna-list .ui-qna-list-password button		{ 
	height: 28px; line-height: 28px; padding: 0 25px;
	font-family: 'Dotum'; margin-left: -5px; border-left-width: 0;
}

.ui-qna-list .no-data			{ text-align: center; line-height: 100px; }

.search-box			{ clear: both; float: right; margin-bottom: 10px; }

 
/*통계 섹션*/
#clap_wrap {display:none;max-height:340px;overflow-y:auto;}
/* #clap_wrap::-webkit-scrollbar{display:none;} */
#stat_total {text-align:center;padding: 10px 0; font-size:13px;margin-bottom:0;}
.clap_container {display:flex;flex-wrap:wrap;justify-content:space-evenly;}
.clap_container section {display:flex; flex-direction: column;justify-content: space-between;margin:10px 0;}
#clap_wrap .clap_stat_daily {width:300px;}
#clap_wrap .clap_stat_weekly {width:65%;}

#clap_wrap h3 {margin-bottom:5px;padding:8px 0;background:rgba(100,100,100,0.1);}
#clap_wrap h3 .less {display:none;}
#clap_wrap table {width:100%; margin:0 auto;} 

#clap_wrap table td {
	position:relative;padding:0 0 18px;height:140px;
	vertical-align:bottom; text-align:center; line-height:1;
	font-family:'dotum',sans-serif;font-size:11px;
	box-sizing:border-box;border-bottom:1px solid rgba(100,100,100,0.1);
} 
#clap_wrap .clap_stat_weekly table td {height:280px;} 

#clap_wrap table td p {line-height:18px; display:block; padding:0;margin:0 auto;}
#clap_wrap table td .bar {width:12px;cursor:pointer;}
#clap_wrap table td .bar i { 
	display:none; 
	position:absolute;bottom:30%;
	white-space:nowrap;
	transform:translateX(-50%);
	opacity:1;
}
#clap_wrap table td .bar:hover i { display:block; }
#clap_wrap table td .num {position:absolute;bottom:0;left:0;right:0;height:18px;}
@media all and (max-width: 800px) {
	#clap_wrap .clap_stat_weekly {width:100%;}
}
@media all and (max-width: 480px) {
	.ui-control input[type="text"],
	.ui-control input[type="password"]	{ display: block; clear: both; width: 100%; margin-top: 10px; }
	.ui-qna-list li	{ padding: 10px 0; }
	#clap_wrap table td.old {width:0;overflow:hidden;}
	#clap_wrap h3 .less {display:inline;}
	#clap_wrap h3 .full, #clap_wrap table td .num .year {display:none;}
}

@media all and (max-width: 380px) {
	.ui-qna-list .ui-qna-list-password		{ position: relative; padding-right: 90px; }
	.ui-qna-list .ui-qna-list-password label	{ display: none; } 
	.ui-qna-list .ui-qna-list-password .ui-submit	{ position: absolute; top: 0; right: 0; width: 90px; }
	.ui-qna-list .ui-qna-list-password input		{ width: 100%; }
}