@charset "utf-8";
@font-face {
    font-family: 'LeferiPoint-SpecialItalicA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-SpecialItalicA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
	--list-radius:  0px;  /*모서리 둥글기*/
	--btn-opac: 0.5; /*수정·삭제버튼, 날짜 투명도*/

	--bo-width: 80%; /*게시판 너비*/

	/*닉네임 폰트 설정*/
	--name-font: "" ; /*폰트*/
	--name-size:  px; /*크기*/
	--name-weight: bold; /*두께*/
	--name-color: ; /*색상*/

	/*해시태그 설정*/
	--hash-text: #e3e3e3;
	--hash-back: #00000083;
	--hash-line: #e3e3e3;
	--hash-font: 'S-CoreDream-3Light';

	/*넘버링*/
	--num-text: #da0e0e;
	--num-font: 'LeferiPoint-SpecialItalicA'; 
	--num-size: 12px;

}


/** 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-radius:var(--list-radius);}
.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;
	font-family: var(--num-font); color: var(--num-text); font-size: var(--num-size);}
.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; font-family: var(--name-font); font-size: var(--name-size); font-weight: var(--name-weight); color: var(--name-color);}
.nickname {font-family: var(--name-font); font-size: var(--name-size); font-weight: var(--name-weight); color: var(--name-color);} /*닉네임 설정- 기본값: 관리자 설정 기본 글자[32]*/

.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:var(--btn-opac);margin-left:10px}
.ui-qna-list .content			{margin:3px 0;word-break:break-all}

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

.ui-qna-list li p .btn_right,
.ui-qna-list li ul li em		{ display: inline-block; margin-left:10px; font-size:11px; float: right; opacity: var(--btn-opac);}


@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}
}

#page_board_content{
	padding:0 10px;
	width: var(--bo-width) ; /*게시판 가로*/
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width:720px){
	#page_board_content{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
}

/*해시태그 디자인*/
.link_hash_tag	{
	font-size:12px;
	position: relative;
	font-weight:normal;
    padding: 1px 8px 2px;
	margin-bottom: 0px;
	color: var(--hash-text);
	background-color: var(--hash-back);
	border: 1px solid var(--hash-line);
	font-family: var(--hash-font);
	border-radius: 8px;
	transition-duration: 0.2s;
}
.link_hash_tag:hover	{
	font-weight:bold;
}