@charset "utf-8";
/* SIR 지운아빠 */

.grid-sizer,.grid-item{width:33.33%;box-sizing:border-box;} /* 각 게시글 너비 설정 */
.grid-item {padding:5px;} /* 각 게시글 여백 */

#log_list .grid-item .item {position:relative;margin-bottom:0 !important;box-sizing:border-box;border-radius:10px;overflow:hidden;} /* 게시물영역 */
#log_list .grid-item .item .ui-comment {padding:0 10px !important; overflow: hidden;}/*코멘트영역(통합)*/
#log_list .grid-item .item .item-inner .ui-comment.pic-comment { padding:0 10px;border:0 none;}/* 본문 코멘트영역 */
#log_list .grid-item .item .item-inner .ui-comment.co-comment {opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;height:100%; z-index:1;overflow-y:auto;}/* 나머지 코멘트영역(뒷면) */
#log_list .grid-item .item .ui-comment > h3 {line-height:30px;}
#log_list .grid-item .item .ui-comment > h3 + hr.line {margin:0;}

#log_list .grid-item .item	.ui-pic,#log_list .grid-item .item .ui-comment.pic-comment	{ position: relative;  z-index:10;}

#log_list .grid-item .item.front .ui-pic,#log_list .grid-item .item.front .ui-comment.pic-comment {z-index:10;opacity:1;transition:all .2s; transition-delay: .3s;}
#log_list .grid-item .item.front .ui-comment.co-comment {z-index:0;opacity:0; transition:all .2s;transition-delay: .2s; }

#log_list .grid-item .item.back .ui-comment.co-comment{z-index:10;opacity:1;transition:all .2s; transition-delay: .3s;}
#log_list .grid-item .item.back .ui-pic,#log_list .grid-item .item.back .ui-comment.pic-comment {z-index:1;opacity:0;transition:all .2s;transition-delay: .2s;} 

.front {animation:front .6s;}
.back {animation:back .6s;}

#log_list .ui-comment.pic-comment .co-content {padding:5px 0 10px;}

#log_list .item a.close-comment, #log_list .item-inner .open-comment {
	display:block;position:absolute;top:0; right:0;
	width:40px;height:30px;line-height:30px;
	text-align:center;font-weight:bold;
} 

.error				{ position:relative; text-align: center; line-height: 1.8em; padding-top: 70px; } 
.error .btn-group	{ padding: 20px 0 0; }

.ui-mmb-list-category		{ text-align: center; }
.ui-mmb-list-category a		{ display: inline-block; position: relative; padding: 6px 10px; font-weight: bold; border-radius: 3px; } 

.ui-mmb-button		{ text-align: center; padding-top: 10px; }

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


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

.connect-wiget	{ min-height: 40px; text-align: center; line-height: 40px; }


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


/** Category List **/
#navi_category	{ text-align: center; padding: 20px 0; }
#navi_category li	{ display: inline-block; padding: 0 20px; }


#log_list						{ position: relative; margin: 0 auto; padding:0 !important; }
#log_list.empty {margin-top:20px;}
#log_list:after{content:"";display:block;clear:both;}
#log_list .empty_list			{ width:100%; line-height: 100px;  text-align: center;}

#log_list .item .ui-pic,
#log_list .item .ui-comment		{ box-sizing: border-box; }
#log_list .item-comment-box		{ overflow: hidden; } 


/** Picture */
#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	span.date		{font-weight:normal;font-size:12px;opacity:0.7;padding:0 5px;}
#log_list .item	.ui-pic .pic-header .del			{ display: inline-block; vertical-align: middle; position: relative; width: 20px; height: 30px; line-height: 30px; overflow: hidden;text-align:center; text-indent: -999px; }
#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: 30px; text-indent: 0; text-align: center; font-size: 11px; font-weight: bold;}
#log_list .item	.ui-pic .pic-header .mod			{ display: inline-block; vertical-align: middle; position: relative; width: 20px; height: 30px; margin-left:10px; line-height: 30px;text-align:center; overflow: hidden; text-indent: -999px; }
#log_list .item	.ui-pic .pic-header .mod:before		{ content: 'M'; 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 .ico-category	{ font-size: 11px; font-weight: 400; }

#log_list .item .ui-pic .pic-data							{ text-align: center; margin:0 auto; }
#log_list .item .ui-pic .pic-data.ui-blind					{ overflow: hidden; height: 250px; } 

#log_list .item .ui-pic .pic-data .ui-remove-blind			{ display: block; position: absolute; top: 30px; left: 0; right: 0; bottom: 0; background: #000; overflow: hidden; text-align: center; }
#log_list .item .ui-pic .pic-data .ui-remove-blind:before	{ content: ""; display: inline-block; width: 0px; height: 100%; vertical-align: middle; }
#log_list .item .ui-pic .pic-data .ui-remove-blind span		{ display: inline-block; font-size: 14px; line-height: 1.5em; vertical-align: middle; color: #999; }

#log_list .item .ui-pic .pic-data .theme-box  {padding:15px 10px; border: 0 none;border-radius:0;}
#log_list .item .ui-pic .pic-data .theme-box div {text-align:left; font-size:13px; line-height:160%; word-break:break-all;} /** 텍스트 타입 스타일 설정 **/
#log_list .item .ui-pic .pic-data .theme-box.scroll div {overflow-y:auto;}

#log_list .item .ui-pic img {cursor:pointer;}
#log_list .item .ui-pic .img-data {position:relative;}
#log_list .item .ui-pic .img-data * {max-width:100%;} 

/** Comment */
#log_list .item-comment	{ position: relative;}

#log_list .item-comment .co-header			{ position: relative; line-height: 30px; padding: 0 5px; }
#log_list .item .item-inner .item-comment.item-reply .co-header{line-height: 25px;} 

#log_list .item .item-inner .item-comment.item-reply .co-header:before {content:"→ "; position:absolute;left:-9px;}
#log_list .item-comment .co-header:after	{ content: ""; display: block; clear: both; }
#log_list .item-comment .co-header p		{ float: left; }
#log_list .item-comment .co-header .link	{ float: right; padding-right: 5px; }
#log_list .item-comment .co-header i		{ display: inline-block; height: 25px; }
#log_list .item-comment .co-header i img	{ max-height: 100%; }

#log_list .item-comment .co-content							{ padding:5px; }
#log_list .item .item-inner .item-comment.item-reply .co-content {padding: 5px 15px;}
#log_list .ui-comment .co-content	.original_comment_area { word-break:break-all; }
#log_list .ui-comment .co-content	.original_comment_area iframe{max-width:100% !important;}
 
#log_list .item-comment .co-content .member_call			{ padding: 0 5px; } 
#log_list .item-comment .co-content .other-site-link		{ font-weight: bold; } 
#log_list .item-comment .co-content	.re_more{display:none;}
#log_list .item-comment .co-content	.co-more:after{content:"▼";}
#log_list .item-comment .co-content	.co-more.on:after{content:"▲";}
#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 .co-footer				{ line-height: 25px; padding: 0 5px; }
#log_list .item-comment .co-footer:after		{ content: ""; display: block; clear: both; } 

#log_list .item-comment .co-footer .del			{ display: block; float: right; position: relative; width: 14px; height: 30px; line-height: 30px; overflow: hidden; text-indent: -999px; padding-left: 10px; }
#log_list .item-comment .co-footer .del:before	{ content: 'X'; 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-comment .co-footer .mod			{ display: block; float: right; position: relative; width: 14px; height: 30px; line-height: 30px; overflow: hidden; text-indent: -999px; padding-left: 10px; }
#log_list .item-comment .co-footer .mod:before	{ content: 'M'; 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-comment .co-footer .re			{ display: block; float: right; position: relative; width: 14px; height: 30px; line-height: 30px; overflow: hidden; text-indent: -999px; padding-left: 10px; }
#log_list .item-comment .co-footer .re:before	{ content: 'R'; 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-comment-form-box					{ padding: 10px 0 0; }
#log_list .bo_vc_w									{ position: relative; }
#log_list .bo_vc_w	> h4							{ display:none;padding:5px; opacity:0.7; font-weight:normal;}
#log_list .bo_vc_w	> h4:before						{content:":: ";}
#log_list .bo_vc_w .input-comment					{ position: relative; margin-bottom: 5px; }
#log_list .bo_vc_w .input-comment .file_box			{display:none;}
#log_list .bo_vc_w .input-comment .memo_box			{position:relative;padding-right:30px;}
#log_list .bo_vc_w .input-comment .memo_box a		{position:absolute;width:30px;height:100%;right:0;top:0;bottom:0;padding:0 5px;font-size:12px;}
#log_list .bo_vc_w .input-comment .memo_box a span	{display:inline-block;transform:scale(0.8);}
#log_list .bo_vc_w .input-comment textarea			{ display: block; width: 100%; height: 80px; box-sizing: border-box; margin: 0; background:inherit;}
#log_list .bo_vc_w .input-comment .form-input		{height:auto;min-height:24px;line-height:24px;padding-left:5px;padding-right: 70px;position:relative;border:0 none; background:inherit;}
#log_list .bo_vc_w .input-comment input, #log_list .bo_vc_w .input-comment select {background:inherit;}
#log_list .bo_vc_w .input-comment .form-input span	{display:inline-block;padding-right:8px;}		 

#log_list .bo_vc_w .btn_confirm						{ display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 70px; min-height:30px; }
#log_list .bo_vc_w .btn_confirm .ui-comment-submit	{ display: block; width: 100%; height: 100%; }

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

.controls{ padding:0 10px; }
.controls:after{content:"";display:block;clear:both;}

#load_log_board .searc-sub-box, .bo_fx {padding:20px 0;max-width:350px;float:left;/*overflow:hidden;*/}
.bo_fx li {display:inline-block;}

.bo_fx #chkall {display:inline-block;width:0;height:0;overflow:hidden;}
.bo_fx #chkall + label span{display:inline-block;font-size:12px;line-height:22px;} 
.bo_fx #chkall + label span:after {content:"\f0c8"; font-family: "Font Awesome 5 Free";}
.bo_fx #chkall + label span.on:after{ content:"\f14a"; font-family: "Font Awesome 5 Free";} 

.chk-id {display:inline-block;vertical-align:middle;padding-right:10px;}

#load_log_board {position:relative;}
#load_log_board .searc-sub-box {float:right;clear:none;}
#load_log_board .searc-sub-box .ui-search-box {margin-top: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; width: 85px; padding-top:5px; font-size: 12px; line-height:28px;text-align:center;}
#bo_w dt select	{ box-sizing: border-box; width:100%; font-size: 12px;padding:0 5px; }
#bo_w dd		{ padding-top:5px; min-height: 30px;  margin-left: 85px; }
#bo_w dd fieldset	{ display: inline-block; padding-right: 12px; }
#bo_w.chick .upload_box {position:relative;}
#bo_w.chick .upload_box dd	{margin-right:70px;}
#bo_w.chick .upload_box button	{position:absolute;right:0;top:6px;width:70px;}

#bo_w .option_box {font-size:12px;}
#bo_w .option_box select {height:25px;padding:0 5px;}

#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:before	{ content: "《 "; }
#board_category input:checked + label:after	{ content: " 》"; }

#board_action		{ padding-top: 15px; }

.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; text-align:left; } 
.guest-box input[type="text"],.guest-box input[type="password"] {max-width:40%;}


/************************************ 
        매복사랑니 CUSTOM START
************************************/
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PyeongChangPeace-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Ohsquare';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KIMM_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KCC-eunyoung';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KCC-eunyoung-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ROEHOE-CHAN';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/ROEHOE-CHAN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css');
@font-face {
    font-family: 'PFStardust';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/PFStardust.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root {
	/* 글자색깔 */
	--mr-text1: #000;
	--mr-text2: #FFF;
	/* 포인트색 */
	--mr-point1: #b3cafd; 
	--mr-point2: #3f74ed; 
	--mr-point3: #ffaa40; 
	/*   글꼴   */
	--mr-font1: 'Pretendard-Regular';
	--mr-font2: 'GongGothicLight';
	--mr-font3: 'Cafe24Ohsquare';
	--mr-font4: 'KIMM_Bold';
	--mr-font5: 'PFStardust';
	--mr-font6: 'InkLipquid';
	--mr-font7: 'KCC-eunyoung';
	--mr-font8: 'ROEHOE-CHAN';
}
#body {
	font-family: var(--mr-font1) !important;
}
.action-check a.new_win { color: var(--mr-point2) !important;}

/* selection */
::selection			{ background:var(--mr-point1)!important;color:var(--mr-text1)!important; }
::-moz-selection	{ background:var(--mr-point1)!important;color:var(--mr-text1)!important; }
::-webkit-selection	{ background:var(--mr-point1)!important;color:var(--mr-text1)!important; }

/* scroll */
*::-webkit-scrollbar-track			{ background-color: #FFF!important; }
*::-webkit-scrollbar-thumb			{ background: #3f74ed!important; }

/* highlight */
.mr-highlight {
	display: inline-block;
    line-height: 16px;
    padding: 0 5px;
    margin: 2px 0;
    border-radius: 4px;
    font-family: var(--mr-font2) !important;
    font-size: 12px;
    color: var(--mr-text1) !important;
    background-color: var(--mr-point1) !important;
}
.mr-highlight-outline {
	display: inline-block;
    line-height: 16px;
    padding: 0 5px;
    margin: 2px 0;
	border: 1px solid var(--mr-point1) !important;
    border-radius: 4px;
    font-family: var(--mr-font2) !important;
    font-size: 12px;
    color: var(--mr-point1) !important;
    background-color: var(--mr-text2) !important;
}
.mr-highlight2 {
	display: inline-block;
    line-height: 16px;
    padding: 0 5px;
    margin: 2px 0;
    border-radius: 4px;
    font-family: var(--mr-font2) !important;
    font-size: 12px;
    color: var(--mr-text2) !important;
    background-color: var(--mr-point2) !important;
}
.mr-highlight2-outline {
	display: inline-block;
    line-height: 16px;
    padding: 0 5px;
    margin: 2px 0;
	border: 1px solid var(--mr-point2) !important;
    border-radius: 4px;
    font-family: var(--mr-font2) !important;
    font-size: 12px;
    color: var(--mr-point2) !important;
    background-color: var(--mr-text2) !important;
}
.mr-highlight3 {
	display: inline-block;
    line-height: 16px;
    padding: 0 5px;
    margin: 2px 0;
    border-radius: 4px;
    font-family: var(--mr-font2) !important;
    font-size: 12px;
    color: var(--mr-text2) !important;
    background-color: var(--mr-point3) !important;
}
.mr-highlight3-outline {
	display: inline-block;
    line-height: 16px;
    padding: 0 5px;
    margin: 2px 0;
	border: 1px solid var(--mr-point3) !important;
    border-radius: 4px;
    font-family: var(--mr-font2) !important;
    font-size: 12px;
    color: var(--mr-point3) !important;
    background-color: var(--mr-text2) !important;
}
.mr-highlight4 {
	display:inline-block;
	padding: 0 2px;
    line-height: 12px;
	
    font-family: var(--mr-font2) !important;
	/*font-weight:bold;*/
	font-size:12px;

	background: linear-gradient(to right, #ffeebd 0%, #ffe2d7 100%);
	background-size:100% 40%;
	background-position: center 100%;
	background-repeat:no-repeat;
	color: var(--mr-point3) !important;
}
.mr-highlight5 {
	display:inline-block;
	padding: 0 2px;
    line-height: 12px;
	
    font-family: var(--mr-font2) !important;
	/*font-weight:bold;*/
	font-size:12px;

	background: linear-gradient(to right, #74c7f0a3 0%, #ffc1c18a 100%);
	background-size:100% 40%;
	background-position: center 100%;
	background-repeat:no-repeat;
	color: var(--mr-point2) !important;
}

/** Notice Box **/
.board-notice-mr	{ 
    display: inline-block;
    position: relative;
	box-sizing: border-box;

    padding: 15px;

    background: var(--mr-text2);
    border: 1px solid var(--mr-text1);

	line-height: 24px;
	font-size: 12px;
	font-family: 'galmuri9';
	text-align: center; 

	filter:drop-shadow(8px 5px 0px var(--mr-text1));
	transition-duration: .5s;
}
@media all and (min-width: 1002px) { 
	.board-notice-mr	{ 
		width: 36%; 
		margin-left: 32%;
	}
}
@media all and (max-width: 1001px) {
	.board-notice-mr	{ 
		width: 70%;
		margin-left: 15%;
	}
}
.board-notice-mr:hover {
	translate: 6px 3px;
	filter:drop-shadow(2px 2px 0px var(--mr-text1));
}
.board-notice-mr:before {
	content: '- X';
	font-size: 12px;
	width: calc(100% + 2px);
	height: 15px;
	line-height:9px;
	color: var(--mr-text1);
	text-align:right;
	padding: 2px;
	box-sizing:border-box;
	background: var(--mr-text2);
	border: 1px solid var(--mr-text1);
	position: absolute;
	top: -15px;
	left: -1px;
	transition-duration: .5s;
}
.board-notice-mr:hover:before {
	background: var(--mr-text1);
	color: var(--mr-text2);
}
.board-notice-mr:after {
	content:'';
	position:absolute;
	background: url(https://cdn.pixabay.com/photo/2012/04/01/12/38/cursor-23229_960_720.png) 100%; 
	width: 16px;
	height: 30px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	right: -10px;
	bottom: 8px;
}

/* 페이지 */
.pg_wrap .pg_page {
	height: 25px !important;
    line-height: 23px !important;
    min-width: 25px !important;

	color: var(--mr-point1) !important;
	background: var(--mr-text2) !important;
	border: 1px solid var(--mr-point1) !important;
	border-radius: 50px;
}
.pg_wrap .pg_page:hover {
	color: var(--mr-point2) !important;
	border: 1px solid var(--mr-point2) !important;
}
.pg_wrap .pg_page.pg_current {
	color: var(--mr-text1) !important;
	background: var(--mr-point1) !important;
	border-radius: 50px;
}
.pg_wrap .pg_page.pg_current:hover {
	border: 1px solid var(--mr-point1) !important;
}
.pg_wrap .pg_start, .pg_wrap .pg_end {
	min-width: 25px !important;
}
.pg_wrap .pg_start:before { content: "\f100" !important; }
.pg_wrap .pg_end:before   { content: "\f101" !important; }
.pg_wrap .pg_start:before, .pg_wrap .pg_end:before { 	
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	margin-left:2px;
}

/* 카테고리 */
#navi_category li {
    display: inline-block;
    padding: 5px 8px;
    margin: 0px 10px;
    border-radius: 50px;

    font-family: var(--mr-font1);
    color: var(--mr-point2) !important;
    background: var(--mr-text2) !important;
}
#navi_category li a { color: inherit !important; }

/* 버튼 */
a.close-comment { color: var(--mr-point2) !important; }
.pic-header .re:before, .pic-header .mod:before, .pic-header .del:before { color: var(--mr-point2) !important; }
.ui-comment .re:before, .ui-comment .mod:before, .ui-comment .del:before { color: var(--mr-point3) !important; }
.blind-btn { color: var(--mr-point2) !important; }

.ui-btn {
	color: var(--mr-text1);
    background: rgba(255,255,255,.7);
}
.ui-btn.mr-btn {
	width: 42px;
    padding: 2px !important;
    cursor: pointer !important;
}
.ui-btn:hover {
	color: var(--mr-point2);
    background: var(--mr-text2);
}
.ui-btn.point {
	color: var(--mr-text2) !important;
	background: var(--mr-point1) !important;
	border: 1px solid var(--mr-point1) !important;
}
.ui-btn.point:hover {
	color: var(--mr-point1) !important;
	background: var(--mr-text2) !important;
}
.ui-btn.admin {
	color: var(--mr-text2) !important;
	background: var(--mr-point2) !important;
}
.ui-btn.admin:hover {
	color: var(--mr-text2) !important;
	background: var(--mr-point3) !important;
}
.ui-btn.mr-btn i {
	color: inherit !important;
	font-size: 20px !important;
    line-height: 23px !important;
}

/* 글 작성 */
dl.dl-title dt label,
dl.dl-subtitle dt label,
dl.dl-memo dt label {
	display: block; width: 80%; height: 80%; margin: auto;
    background: rgba(255,255,255,.5);
    border-radius: 10px;
}

/* 카드 기본 */
#log_list .grid-item .item {
	color: var(--mr-text1);
	background: var(--mr-text2);
}

/* 공개범위 설정 */
.pic-header .co-member, 
.pic-header .co-secret,
.pic-header .co-blind 	{ font-size: 10px !important; }
.pic-header .co-blind 	{ border: 1px solid var(--mr-point2); }

#log_list .item .ui-pic .pic-data .ui-remove-blind span {
	font-size: 16px !important;
	font-family: var(--mr-font5);
}

/* 숨겨진 이미지 */
.imglock-box-mr{
	width: 100%;
	height: 200px;
	align-items: center;
	display: flex;
}
.imglock-mr{
	margin: 0 auto;
	padding: 5px 5px 5px 8px;

	font-family: var(--mr-font5);
	font-size: 16px;
	color: var(--mr-text2);
	text-shadow: var(--mr-text1) 1px -1px 0px, var(--mr-text1) 1px 1px 0px, var(--mr-text1) -1px -1px 0px, var(--mr-text1) -1px 0px 0px, var(--mr-text1) 0px -1px 0px, var(--mr-text1) 0px 1px 0px, var(--mr-text1) 1px 0px 0px, var(--mr-text1) -1px 1px 0px;

	background: var(--mr-text2);
	border: 1px solid var(--mr-text1);
	box-shadow: 3px 3px 0px var(--mr-point1);
}

/* 제목, 부제 */
.mr-titlebox {
	position: relative;
	margin-bottom: 5px;
}
.mr-title {
	display: inline-block;
	font-family: var(--mr-font3) !important;
    font-size: 32px;
    line-height: 1em;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    letter-spacing: -3px;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    text-stroke-width: 1px;
    -webkit-text-stroke-width: 1px;
    text-stroke-color: var(--mr-text1) !important;
    -webkit-text-stroke-color: var(--mr-text1) !important;
	text-shadow: 2px 2px var(--mr-point1) !important;
}
.mr-subtitle {
    font-size: 18px;
	font-family: var(--mr-font8) !important;
    color: var(--mr-point2) !important;
    position: absolute;
    left: 0;
    width: max-content;
    bottom: -3px;
	/* text-shadow: 1px 1px var(--mr-text2) !important; */
	text-shadow: var(--mr-text2) 1px -1px 0px, var(--mr-text2) 1px 1px 0px, var(--mr-text2) -1px -1px 0px, var(--mr-text2) -1px 0px 0px, var(--mr-text2) 0px -1px 0px, var(--mr-text2) 0px 1px 0px, var(--mr-text2) 1px 0px 0px, var(--mr-text2) -1px 1px 0px;
	z-index: 5;
}

/* 작성자명 */
#log_list .item .item-inner .co-header p.owner, #log_list .item .item-inner .co-header p.owner a {
	color: var(--mr-point2) !important;
}

/* DATE */
.co-footer .date {
	color: #bbb !important;
	font-size: 11px !important;
}

/* 코멘트 확인 버튼 */
.mr-bookmark {
    display: block;
    box-sizing: content-box;
    width: 30px;
    height: 11px;
    right: 10px;
    padding-bottom: 20px;
    position: absolute;
    font-family:var(--mr-font4) !important;
    font-size: 14px;
    text-align: center;
    z-index: 99;
}
.mr-bookmark:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
}
.mr-bookmark.front {
    background: var(--mr-point3) !important;
    color: var(--mr-text2) !important;
}
.mr-bookmark.front:after {
    border-left: 15px solid var(--mr-point3) !important;
    border-right: 15px solid var(--mr-point3) !important;
}
.mr-bookmark.back {
    background: #cdcdcd !important;
    color: var(--mr-text2) !important;
}
.mr-bookmark.back:after {
    border-left: 15px solid #cdcdcd !important;
    border-right: 15px solid #cdcdcd !important;
}
.mr-bookmark a {
    color: var(--mr-text2) !important;
}

/* 코멘트 영역 */
#log_list .form-input,
#log_list input[type="file"],
#log_list input[type="text"],
#log_list input[type="password"],
#log_list textarea,
#log_list select {
	color:var(--mr-text1)!important; 
}
#log_list .item .item-inner .item-comment { 
	background-color: #FFF!important;
	color: #000!important;
}

/* 외부링크 */
#log_list .item .item-inner .co-content .other-site-link	{
	display:inline-block;
	line-height: 16px;
	padding:0 5px;
	margin: 2px 0;
	border-radius:4px;

	font-family: var(--mr-font2) !important;
	font-size:11px;
	font-weight:bold;
	color: var(--mr-text2) !important;
	background-color: var(--mr-point2) !important;
}
#log_list .item .item-inner .co-content .other-site-link:after {
	content:"\f0c1"; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	margin-left:2px;
}
#log_list .item .item-inner .co-content .other-site-link:hover {
	color: var(--mr-point2) !important;
	background-color: var(--mr-text2) !important;
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.3)) !important;
}
/* 해시태그 */
#log_list .item .item-inner .co-content .link_hash_tag,
#log_list .item .item-inner .pic-footer	.link_hash_tag{
		display: inline-block;
		position: relative;
		line-height:16px;
		margin-left: 5px;
		padding: 0px 5px;

		font-family: var(--mr-font2) !important;
		font-size:11px;
		font-weight:bold;
		color: var(--mr-text2) !important;
		background-color: var(--mr-point2) !important;

		border-radius: 0px 3px 3px 0px;
		filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.3)) !important;
		transition-duration: 0.2s;
}
#log_list .item .item-inner .co-content .link_hash_tag:hover,
#log_list .item .item-inner .pic-footer	.link_hash_tag:hover{
	color: var(--mr-point2) !important;
	background-color: var(--mr-text2) !important;
}
#log_list .item .item-inner .co-content .link_hash_tag:before,
#log_list .item .item-inner .pic-footer	.link_hash_tag:before {
	content: "";
	width: 4px;
	position: absolute;
	height: 4px;
	left: -2px;
	top: 6px;

	color: var(--mr-point2) !important;
	background-color: var(--mr-text2) !important;

    border-radius: 50%;
    z-index: 4;
}
#log_list .item .item-inner .co-content .link_hash_tag:hover:before,
#log_list .item .item-inner .pic-footer	.link_hash_tag:hover:before {
	color: var(--mr-text2) !important;
	background-color: var(--mr-point2) !important;
}
#log_list .item .item-inner .co-content .link_hash_tag:after,
#log_list .item .item-inner .pic-footer	.link_hash_tag:after{
	content: "";
	position: absolute;
	left: -5px;
	top: 0;
	width: 0;
	height: 0;
	border-right: 5px solid var(--mr-point2) !important;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	transition-duration: 0.2s;
}
#log_list .item .item-inner .co-content .link_hash_tag:hover:after,
#log_list .item .item-inner .pic-footer	.link_hash_tag:hover:after{
	border-right: 5px solid var(--mr-text2) !important;
}
/* 로그앵커 */
#log_list .item .item-inner .co-content .log_link_tag	{
	display:inline-block;
	line-height: 16px;
	padding:0 5px;
	margin: 2px 0;
	border-radius:4px;

	font-family: var(--mr-font2) !important;
	font-size:11px;
	font-weight:bold;
	color: var(--mr-text2) !important;
	background-color: var(--mr-point2) !important;
}
#log_list .item .item-inner .co-content .log_link_tag:before {
	content:"\f0a4"; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	margin-right: 3px;
}
#log_list .item .item-inner .co-content .log_link_tag:hover {
	color: var(--mr-point2) !important;
	background-color: var(--mr-text2) !important;
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.3)) !important;
}

/* HINT.CSS CUSTOM */
.hint--mrpoint1:after 						{ background-color:   var(--mr-point1)!important; color: var(--mr-text1)!important; text-shadow: none!important; }
.hint--mrpoint1.hint--top-left:before 		{ border-top-color:   var(--mr-point1); }
.hint--mrpoint1.hint--top-right:before 		{ border-top-color:   var(--mr-point1); }
.hint--mrpoint1.hint--top:before 			{ border-top-color:   var(--mr-point1); }
.hint--mrpoint1.hint--bottom-left:before 	{ border-bottom-color:var(--mr-point1); }
.hint--mrpoint1.hint--bottom-right:before 	{ border-bottom-color:var(--mr-point1); }
.hint--mrpoint1.hint--bottom:before 		{ border-bottom-color:var(--mr-point1); }
.hint--mrpoint1.hint--left:before 			{ border-left-color:  var(--mr-point1); }
.hint--mrpoint1.hint--right:before 			{ border-right-color: var(--mr-point1); }

.hint--mrpoint2:after 						{ background-color:   var(--mr-point2)!important; color: var(--mr-text2); text-shadow: none!important; }
.hint--mrpoint2.hint--top-left:before 		{ border-top-color:   var(--mr-point2); }
.hint--mrpoint2.hint--top-right:before 		{ border-top-color:   var(--mr-point2); }
.hint--mrpoint2.hint--top:before 			{ border-top-color:   var(--mr-point2); }
.hint--mrpoint2.hint--bottom-left:before 	{ border-bottom-color:var(--mr-point2); }
.hint--mrpoint2.hint--bottom-right:before 	{ border-bottom-color:var(--mr-point2); }
.hint--mrpoint2.hint--bottom:before 		{ border-bottom-color:var(--mr-point2); }
.hint--mrpoint2.hint--left:before 			{ border-left-color:  var(--mr-point2); }
.hint--mrpoint2.hint--right:before 			{ border-right-color: var(--mr-point2); }

.hint--mrpoint3:after 						{ background-color:   var(--mr-point3)!important; color: var(--mr-text2); text-shadow: none!important; }
.hint--mrpoint3.hint--top-left:before 		{ border-top-color:   var(--mr-point3); }
.hint--mrpoint3.hint--top-right:before 		{ border-top-color:   var(--mr-point3); }
.hint--mrpoint3.hint--top:before 			{ border-top-color:   var(--mr-point3); }
.hint--mrpoint3.hint--bottom-left:before 	{ border-bottom-color:var(--mr-point3); }
.hint--mrpoint3.hint--bottom-right:before 	{ border-bottom-color:var(--mr-point3); }
.hint--mrpoint3.hint--bottom:before 		{ border-bottom-color:var(--mr-point3); }
.hint--mrpoint3.hint--left:before 			{ border-left-color:  var(--mr-point3); }
.hint--mrpoint3.hint--right:before 			{ border-right-color: var(--mr-point3); }

.hint--white:after 							{ background-color:   #fbfbfb!important; color: var(--mr-text1)!important; text-shadow: none!important; }
.hint--white.hint--top-left:before 			{ border-top-color:   #fbfbfb; }
.hint--white.hint--top-right:before 		{ border-top-color:   #fbfbfb; }
.hint--white.hint--top:before 				{ border-top-color:   #fbfbfb; }
.hint--white.hint--bottom-left:before 		{ border-bottom-color:#fbfbfb; }
.hint--white.hint--bottom-right:before 		{ border-bottom-color:#fbfbfb; }
.hint--white.hint--bottom:before 			{ border-bottom-color:#fbfbfb; }
.hint--white.hint--left:before 				{ border-left-color:  #fbfbfb; }
.hint--white.hint--right:before 			{ border-right-color: #fbfbfb; }

/************************************ 
        매복사랑니 CUSTOM END
************************************/


@media all and (max-width: 720px) {
	.grid-sizer,.grid-item {width:50%;}
	
}

@media all and (max-width: 520px) {
	.grid-sizer,.grid-item {width:100%;}
	.bo_fx,#load_log_board .searc-sub-box {padding:30px 0 10px;margin:0 auto;float:none;clear:both;text-align:center;}
	#load_log_board .searc-sub-box {padding:10px 0 30px;}
} 
@keyframes front{
	50% {transform:scaleX(0);}
	100% {transform: scaleX(1);}
}
@keyframes back{
	50% {transform:scaleX(0);}
	100% {transform: scaleX(1);}
}