@charset "utf-8";
@font-face {
    font-family: 'PyeojinGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2504-1@1.0/PyeojinGothic-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'PyeojinGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2504-1@1.0/PyeojinGothic-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'PyeojinGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2504-1@1.0/PyeojinGothic-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
/* SIR 지운아빠 */


.error				{position:relative;text-align:center;line-height:1.8em;padding-top:70px}
.error:before		{content:"\ea0e";display:block;position:absolute;font-family:'icon';font-size:50px;line-height:50px;top:0;left:0;right:0;text-align:center}
.error .btn-group	{padding:20px 0 0}

.ui-mmb-button		{text-align:center}
.ui-mmb-button .ui-btn {border:none}
.ui-mmb-button .ui-btn:hover {letter-spacing:2px}

.help.ui-btn		{width:100%;padding:8px;line-height:1.2em;border-radius:3px}
.ui-paging			{margin-bottom:0;padding-bottom:0}
.pg_wrap			{margin-top:2.5em}


/***************************************
	List Page
****************************************/

#log_list						{position:relative;margin-top:30px}
#log_list .empty_list			{text-align:center;line-height:100px}

#log_list .item					{clear:both;margin:0 0 35px 0;padding-bottom:10px}
#log_list .item:after			{content:"";display:block;clear:both}
#log_list .item .ui-pic,
#log_list .item .ui-comment		{float:left;box-sizing:border-box}
#log_list .item	.ui-comment		{padding:30px 0px 0px;margin-left:10px;overflow:hidden}
#log_list .item-comment-box		{overflow:hidden}

#log_list .item.ui-wrap .ui-pic,
#log_list .item.ui-wrap .ui-comment,
#log_list .item.both .ui-pic,
#log_list .item.both .ui-comment			{float:none;clear:both}
#log_list .item.ui-wrap	.ui-comment,
#log_list .item.both .ui-comment	{margin-left:0px;padding-top:20px;width:100% !important;box-sizing:border-box}


/** Picture */
#log_list .item	.item-inner	 	{display:flex;flex-wrap:wrap}
#log_list .item	.ui-comment		{flex:1 1 320px}

#log_list .item	.ui-pic								{flex-grow:1;position:relative;min-width:300px}
#log_list .item	.ui-pic .pic-header					{position:relative;line-height:30px;padding:0 10px}

#log_list .item	.ui-pic .pic-header .no				{display:inline-block;vertical-align:middle;font-weight:bold;font-size:14px}
#log_list .item	.ui-pic .pic-header .del			{display:inline-block;vertical-align:middle;position:relative;width:14px;height:14px;line-height:14px;overflow:hidden;text-indent:-999px;padding-left:10px}
#log_list .item	.ui-pic .pic-header .del:before		{content:'X';display:block;position:absolute;top:0;left:0;right:0;bottom:0;line-height:14px;text-indent:0;text-align:center;font-size:11px;font-weight:bold;opacity:.25}
#log_list .item	.ui-pic .pic-header .mod			{display:inline-block;float:right;position:relative;overflow:hidden;text-indent:-999px;padding-left:10px}
#log_list .item	.ui-pic .pic-header .mod:before		{content:'＊';display:block;position:absolute;top:0;left:0;right:0;bottom:0;line-height:30px;text-indent:0;text-align:center;font-size:11px;font-weight:bold}
#log_list .item	.ui-pic .pic-header .fav			{display:inline-block;float:right;vertical-align:middle;position:relative;width:14px;height:30px;line-height:30px;overflow:hidden;text-indent:-999px;padding-left:10px}
#log_list .item	.ui-pic .pic-header .new			{display:inline-block;float:right;vertical-align:middle;position:relative;width:14px;height:30px;line-height:30px;overflow:hidden;text-indent:-999px;padding-left:10px}
#log_list .item	.ui-pic .pic-header .new:before		{content:'\ea7e';display:block;position:absolute;top:0;left:0;right:0;bottom:0;line-height:30px;text-indent:0;text-align:center;font-size:11px;font-family:'icon';font-weight:bold}
#log_list .item	.ui-pic .pic-header .material-icons	{vertical-align:middle}

/* 카테고리 */
#log_list .item	.ui-pic .ico-category	{font-size:11px;font-family:'dotum';font-weight:400}

#log_list .item .ui-pic .pic-data							{text-align:center}
#log_list .item .ui-pic .pic-data.ui-blind					{position:relative;overflow:hidden}
#log_list .item .ui-pic .pic-data.ui-slide > div			{overflow:hidden;height:470px}
#log_list .item .ui-pic .pic-data.ui-slide > div			{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none}
#log_list .item .ui-pic .pic-data.ui-slide > .ui-open-log	{display:block;height:25px;background:rgba(0, 0, 0, 0.5);text-align:center;line-height:25px}

#log_list .item .ui-pic .pic-data.ui-slide-mobile > div				{overflow:hidden;height:auto}
#log_list .item .ui-pic .pic-data.ui-slide-mobile > div > a			{display:block;position:relative;overflow:hidden}
#log_list .item .ui-pic .pic-data.ui-slide-mobile > div > a:before	{content:"";display:block;position:absolute;line-height:300px;font-size:18px;top:0;left:0;right:0;bottom:0;color:#fff;background:rgba(0, 0, 0, 0.5)}
#log_list .item .ui-pic .pic-data.ui-slide-mobile > div > a:after	{content:"클릭 시 원본 이미지를 확인할 수 있습니다.";display:block;position:absolute;top:50%;left:0;right:0;color:#fff;transform:translateY(-50%);font-size:15px}

#log_list .item .ui-pic .pic-data .ui-remove-blind			{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;backdrop-filter:blur(20px);background:#ffffffdd;text-align:center}
#log_list .item .ui-pic .pic-data .ui-remove-blind .material-icons {font-size:2em}
#log_list .item .ui-pic .pic-data .ui-remove-blind b {display:block;margin:1.4em 0 0.7em}

#log_list .item .ui-pic .pic-data .yt-wrap {max-width:100%;aspect-ratio:16/9}
#log_list .item .ui-pic .pic-data .yt-wrap iframe {width:100%;height:100%;border:0}

/** Comment */
#log_list .item-comment						{position:relative;margin-bottom:5px}
#log_list .item-comment .co-header			{display:flex;justify-content:space-between;position:relative;padding:10px 15px 0}
#log_list .item-comment .co-header > div	{display:flex;gap:10px}
#log_list .item-comment .co-header .name	{font-family:'PyeojinGothic', san-serif;font-weight:700}
#log_list .item-comment .co-header .date	{font-family:'Kanit';font-size:0.95em;opacity:.3}
#log_list .item-comment .co-header .date:hover	{opacity:.5}

#log_list .item-comment .action-group a			{display:inline-block;position:relative;overflow:hidden;text-indent:-999px;padding-left:10px;font-family:'Kanit';opacity:.3}
#log_list .item-comment .action-group a::before	{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-indent:0;text-align:center;font-size:11px;font-weight:bold}
#log_list .item-comment .action-group a:hover	{opacity:1}
#log_list .item-comment .co-header .re:before	{content:'R'}
#log_list .item-comment .co-header .mod:before	{content:'M'}
#log_list .item-comment .co-header .del:before	{content:'X'}


#log_list .item-comment .co-content							{padding:5px 15px;line-height:1.5em;font-weight:300;font-family:PyeojinGothic, sans-serif}
#log_list .item-comment .co-content	.re-more				{display:none}
#log_list .item-comment .co-more							{font-size:inherit;font-family:tahoma}
#log_list .item-comment .co-content	.co-option.co-more:after			{content:"▼";font-size:8px}
#log_list .item-comment .co-content	.co-option.co-more.on:after			{content:"▲"}
#log_list .item-comment .co-content .co-option				{padding:2px 4px;background-color:var(--point-color);border-radius:2px;color:#fff;font-weight:500}
#log_list .item-comment .co-content .log_link_tag:before	{content:"\e936";font-family:'icon';padding-right:5px}
#log_list .item-comment .co-content .other-site-link		{font-weight:bold}
#log_list .item-comment .co-content .other-site-link:before	{content:"\e9cb";font-family:'icon';padding-right:2px}

#log_list .item-comment .dice			{display:block;padding-bottom:10px}
#log_list .item-comment .dice img		{ border-radius:3px;overflow:hidden}

#log_list .item-comment .link-box		{display:block;padding-bottom:10px}

#log_list .item-comment.item-reply		{position:relative;margin-left:15px;border-left:5px solid #f0f0f0}

#log_list .item-comment-form-box					{padding:15px 0 0}
#log_list .bo_vc_w									{position:relative}
#log_list .bo_vc_w > h4								{display:none;opacity:.1}
#log_list .bo_vc_w form								{display:flex;justify-content:flex-end;flex-wrap:wrap}
#log_list .bo_vc_w .co-more							{display:flex;align-items:center;flex:0 0 20px;margin-bottom:10px;color:#606060}
#log_list .bo_vc_w .co-more:before					{content:"▶";display:inline-block;font-size:8px}
#log_list .bo_vc_w .co-more.on:before				{content:"▼"}
#log_list .bo_vc_w .input-comment					{display:none;position:relative;width:100%;margin-bottom:5px}
#log_list .bo_vc_w .input-comment .file_box			{display:none}
#log_list .bo_vc_w .input-comment textarea			{display:block;width:100%;height:80px;box-sizing:border-box;margin:0;border:none;background:#fafafa}

#log_list .bo_vc_w label	{font-size:0.95em;opacity:.8}
#log_list .bo_vc_w .wr_1	{padding:0;border:none}
#log_list .bo_vc_w .action-option		{margin-top:.2em;font-family:tahoma;line-height:1;font-size:0.95em}
#log_list .bo_vc_w .action-option a:hover{color:#edffba}
#log_list .bo_vc_w .action-option span	{margin-left:.5em}
#log_list .bo_vc_w .action-check		{display:flex;justify-content:flex-end;align-items:anchor-center;gap:5px;font-family:tahoma}
#log_list .bo_vc_w .action-check button	{font-family:tahoma;color:#606060}
#log_list .bo_vc_w .action-check button:hover {color:#edffba}
#log_list .bo_vc_w .action-check input[type=text],
#log_list .bo_vc_w .action-check input[type=password] {border:unset}

#log_list .bo_vc_w.edit .co-more,
#log_list .bo_vc_w.reply .co-more {display:none}
#log_list .bo_vc_w.edit .input-comment,
#log_list .bo_vc_w.reply .input-comment {display:block}

#log_list .modify_area			{display:none;position:relative;padding-right:60px}
#log_list .modify_area textarea	{display:block;width:100%;min-height:100px;padding:10px}
#log_list .modify_area button	{display:block;position:absolute;top:0;right:0;width:55px;height:100%;bottom:0}



/***************************************
	Write Page
****************************************/

#bo_w			{max-width:640px;margin:0 auto;padding:20px 0}

#bo_w dl,
#bo_w dt,
#bo_w dd		{display:block;position:relative;margin:0;padding:0}
#bo_w dl		{overflow:hidden}

#bo_w label		{cursor:pointer}

#bo_w dt		{position:absolute;top:0;left:0;line-height:30px;width:70px;padding:5px 0;font-size:12px}
#bo_w dt select	{box-sizing:border-box;width:100%;font-size:12px}
#bo_w dd		{padding:5px 0;min-height:30px;line-height:30px;margin-left:70px}
#bo_w dd fieldset	{display:inline-block;padding-right:12px}

#view_image + dl dt	{width:100px}
#view_image + dl dd	{margin-left:100px}

#bo_w .frm_input	{width:100%}
#bo_w #wr_content	{height:170px;padding:10px}


#view_image			{position:relative;width:100%;height:330px;line-height:330px;overflow:hidden;margin:0 auto;text-align:center}
#view_image img		{max-width:100%;max-height:330px}
#view_image em		{display:none;position:absolute;top:0;left:0;right:0;bottom:0;line-height:330px;text-align:center}
#view_image em img	{width:50px;height:50px}
#view_image > span	{position:absolute;left:0;right:0;bottom:0;height:30px;line-height:30px;text-align:center}


#board_category									{text-align:center}
#board_category input							{display:none}
#board_category li								{display:inline-block;line-height:31px}
#board_category li label						{display:inline-block;cursor:pointer;padding:0 15px}
#board_category input:checked + label			{ } 
#board_category input:checked + label:before	{content:"《 "}
#board_category input:checked + label:after	{content:" 》"}

#board_action		{padding-top:15px}

#load_log_board .inner {padding:0 30px 0}
@media all and (max-width:640px) {
	#load_log_board .inner {padding:0 0 0}
}

.comment-data						{display:none;padding:10px 0 10px 20px;border-left:1px solid #996c33;margin-left:5px}
.comment-data.on					{display:block}
.comment-data select,
.comment-data input[type="text"]	{width:100%;box-sizing:border-box}


.ui-mmb-list-write	{
	position:relative;
	max-width:400px;
	margin:0 auto;
}
.ui-mmb-list-write span	{display:inline-block;margin:3px}
.upload-box + fieldset	{padding:10px 0}
.upload-box	{
	position:relative;
	padding-left:95px;
	padding-right:80px;
	box-sizing:border-box;
}
.upload-box select	{
	position:absolute;
	top:0;
	left:0;
	width:95px;
}
.upload-box fieldset	{display:block;position:relative}
.upload-box input[type="file"],
.upload-box input[type="text"]	{width:100%;box-sizing:border-box}
.upload-box button	{display:block;position:absolute;top:0;right:0;width:80px;height:30px}

.guest-box				{position:relative;padding-left:50%;margin-bottom:3px}
.guest-box input		{width:100%}
.guest-box .name		{position:absolute;top:0;left:0;width:50%;padding-left:60px;box-sizing:border-box}
.guest-box .name label	{display:block;position:absolute;top:0;left:0;width:60px;line-height:30px}
.guest-box .pw			{position:relative;padding-left:60px;box-sizing:border-box}
.guest-box .pw label	{display:block;position:absolute;top:0;left:0;width:60px;line-height:30px}