@charset "utf-8";

#page_board_content {}

/** Notice Box **/
.board-notice {width:264px;padding:10px;margin:0 auto;text-align:center;box-sizing:border-box}

/** write **/
.ui-write-area.top {margin-bottom:20px}
.ui-write-area .txt-right {float:right}
.ui-write-box {margin:10px auto;width:100%;overflow:hidden}
.ui-write-box textarea {width:100%;min-height:100px;padding:10px;box-sizing:border-box}
.ui-control {overflow:hidden;text-align:right}

/** list **/
.ui-qna-list {position:relative;clear:both;margin-top:15px}
.ui-qna-list .toggle_btn {border:none;background:none;outline:none}
.ui-qna-list .toggle_btn::after {
	content:"";display:inline-block;opacity:0.3;margin-left:6px;margin-bottom:2px;padding:2px;border:solid #666;border-width:0 2px 2px 0;
	transform:rotate(45deg);-webkit-transform:rotate(45deg);
	transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;
}
.ui-qna-list .toggle_btn:hover::after	{opacity:1}
.ui-qna-list .toggle_btn.open::after	{margin-bottom:0;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.ui-qna-list .toggle_btn+div		{transition:none}

.ui-qna-list>ajaxcomment>ul>li	{margin-bottom:10px;border:1px solid #dde7e9;border-radius:3px}
.ui-qna-list li				{position:relative;padding:10px;line-height:1.8em}
.ui-qna-list li>div			{padding:0 10px}
.ui-qna-list li p			{}
.ui-qna-list li p i			{position:relative;font-style:normal;margin-right:5px}
.ui-qna-list li p i.notice_ico	{display:inline-block;overflow:hidden;width:1em;line-height:1;text-indent:-99px;vertical-align:middle}
.ui-qna-list li p i.notice_ico::before	{position:absolute;right:0;content:"\E91A";font-family:"icon";text-indent:0}
.ui-qna-list li p em			{font-style:normal}
.ui-qna-list li p span a		{display:inline-block;margin-left:6px;font-size:11px}
.ui-qna-list li .qna-content,
.ui-qna-list li .qna-comment-content	{}
.ui-qna-list li .qna-comment-content .co-info	{text-align:right;font-size:10px}
.ui-qna-list .date			{float:right;font-size:10px;opacity:.5;margin-left:10px}
.ui-qna-list .content			{margin:3px 0;word-break:break-all}

.ui-qna-list li ul				{clear:both}

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

.ui-qna-list li ul li						{margin-bottom:10px;padding:0}
.ui-qna-list li ul li p					{margin:10px 0 0 0}

.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:30px;line-height:30px;padding:0 25px;
	margin-left:-5px;border-left-width:0;

}

.ui-qna-list li div.ui-write-area			{margin:10px 10px 0}
.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 li div.ui-write-area textarea	{width:100%;height:100px;padding:10px;box-sizing:border-box;word-break:break-all}
.ui-qna-list .no-data	{text-align:center;line-height:100px;padding-bottom:50px}

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


@media all and (max-width:535px) {
	.ui-control button	{display:block;clear:both;width:100%;margin-top:10px}
}
@media all and (max-width:435px) {
	.ui-control input[type="text"],
	.ui-control input[type="password"]	{display:block;clear:both;width:100%;margin-top:10px}
	.ui-qna-list	{padding:10px 0}
}

@media all and (max-width:380px) {
	.ui-qna-list .ui-qna-list-password label	{display:none}
}