@charset "utf-8";

::selection {
	background: var(--load-point);
	-webkit-text-fill-color: white;
}

::-moz-selection {
	background: var(--load-point);
	-webkit-text-fill-color: white;
}

::-webkit-selection {
	background: var(--load-point);
	-webkit-text-fill-color: white;
}

.grid-sizer,
.grid-item {
	min-width: 200px;
	box-sizing: border-box;
}

/* 각 게시글 너비 설정 */
.grid-item {
	padding: 3px;
	display: flex;
	max-width: 250px;
}

/* 각 게시글 여백 */

#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 {
	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;
}


.form-input,
input[type="text"].full,
input[type="password"].full,
input[type="file"].full,
select.full {
	box-shadow: 0px 4px 4px -4px var(--load-pic-shadow);
}

details {
	margin: 5px 0 10px;
}

details>summary {
	background: #fff;
	padding: 0px 20px;
	outline: 0;
	border-radius: 5px;
	cursor: pointer;
	transition: background 0.5s;
	text-align: left;
	text-shadow: -1px -1px 0 var(--load-point2), 1px -1px 0 var(--load-point2), -1px 1px 0 var(--load-point2), 1px 1px 0 var(--load-point2);
	font-weight: 600;
	color: #555;
}

details summary::-webkit-details-marker,
details summary::marker {
	display: none;
	content: "― 답글 보기";
}

details[open]>summary::marker {
	display: none;
	content: "― 답글 숨기기";
}


details[open]>summary {
	background: #fff;
}

details[open]>summary~* {
	animation: reveal 0.5s;
}

.tpt {
	background: #fff;
	color: #b2b1ff;
	margin: 5px 0 10px;
	padding: 5px 10px;
	line-height: 25px;
}

@keyframes reveal {
	from {
		opacity: 0;
		transform: translate3d(0, -30px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


:root {
	/*아보카도 관리자 설정과의 색상충돌 방지*/
	--list-color: transparent;
	--list-item-color: transparent;

	/*색상 설정*/
	--load-text: #1d1c1f;
	/*글자색*/
	--load-text2: #fff;
	/*배경 있는 텍스트 글자색*/
	--load-base: #fff;
	/*그림 위아래, 리플 배경색*/
	--load-base2: #f7f7f79c;
	/*리리플 배경색*/
	--load-point: #b2b1ff;
	/*포인트 컬러*/
	--load-point-trans: #b2b1ffad;
	--load-point2: transparent;
	/*그 외 강조색*/
	--load-point2-trans: #ffdaf77e;
	--load-shadow: rgba(36, 32, 32, 0.32);
	--load-pic-shadow: rgba(0, 0, 0, 0.1);
	/*로그 그림자*/
	--load-reply-shadow: rgba(0, 0, 0, 0.041);
	/*답글 그림자*/
	--load-gra: linear-gradient(to right, #b2b1ff, #ffb1ee);
	/*배경 설정-밑줄에 들어가는 색상*/

	/*해시태그 설정*/
	--load-hash: black;
	--load-hash-bg: var(--load-point);
	--hash-font: 'GongGothicLight';

	/*폰트 설정*/
	--page-font-size: 12px;
	/*페이징 폰트 크기*/
	--text-font: 'Chosunilbo_myungjo';
	/*텍스트 업로드 시 폰트*/
	--point-font: 'GmarketSansLight';
	/*강조 폰트*/

}

/*아보카도 디자인 설정 덮어쓰기*/
body #log_list {
	background-color: var(--list-color);
	display: flex;
	justify-items: center;
}

body #log_list .item {
	background-color: var(--list-item-color);
}

body #log_list .item .item-inner .item-comment.item-reply {
	opacity: 1;
}

body #log_list .item .item-inner .item-comment.parent,
#log_list .item .item-inner .ui-comment .item-comment.item-reply {
	margin-bottom: 0px !important;
}

body #log_list .item .item-inner .ui-comment {
	padding: 0px;
}

body #log_list .item .item-inner .item-comment {
	color: var(--load-text);
}

/*-아보카도 디자인 설정 덮어쓰기*/

/*페이지 버튼 스타일*/
body .pg_wrap {
	display: block;
	position: relative;
	text-align: center;
	padding: 16px 0 0;
}

body .pg_wrap .pg_page {
	display: inline-block;
	position: relative;
	min-width: 20px;
	height: 20px;
	width: 20px;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #010101;
	border-radius: 20px;
	color: #010101;
	background: #fff;
	padding: 0;
	line-height: 18px;
}

body .pg_wrap .pg_page:hover {
	background: #e9e9e9;
}

body .pg_wrap .pg_control {
	overflow: hidden;
	text-align: left;
	text-indent: -999px;
}

body .pg_wrap .pg_control:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-indent: 0;
	text-align: center;
	font-size: var(--page-font-size);
}

body .pg_wrap .pg_start,
body .pg_wrap .pg_end,
body .pg_wrap .pg_prev,
body .pg_wrap .pg_next {
	min-width: 42px;
	width: 38px;
}

body .pg_wrap .pg_start:before {
	content: "FIRST";
}

body .pg_wrap .pg_end:before {
	content: "LAST";
}

body .pg_wrap .pg_prev:before {
	content: "PREV";
}

body .pg_wrap .pg_next:before {
	content: "NEXT";
}

body .pg_wrap .pg_current,
body .pg_wrap .pg_current:hover {
	color: #fff;
	background: #010101;
}

body .pg_wrap .pg_current:hover {
	transform: translateY(0px) !important;
}

/*-페이지 버튼 스타일*/

.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-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-list-category a.on:before {
	/* content: "\ea10"; font-family: 'icon'; padding-right: 5px; */
}

.cat_tit {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cat_tit h3 {
	font-size: 24px;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	font-weight: 800;
}

.ui-mmb-button {
	text-align: center;
}

.help.ui-btn {
	width: 100%;
	padding: 2px;
	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: 20px;
	margin: 20px auto;
	text-align: center;
	box-sizing: border-box;
	filter: drop-shadow(1px 1px 3px var(--load-shadow));
}

/** Category List **/
#navi_category {
	text-align: center;
	vertical-align: middle;
	padding: 10px 5px 0px 0px;
}

#navi_category li {
	display: inline-block;
	padding: 0 20px;
}


#log_list {
	position: relative;
	margin-top: 10px;
}

#log_list .empty_list {
	text-align: center;
	line-height: 100px;
}

#log_list .item {
	clear: both;
	margin: 0 0 35px 0;
}

#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: 0px 0px 0px 0px;
	overflow: hidden;
	width: 100%;
}

#log_list .item-comment-box {
	overflow: hidden;
	background: white;
}

/* 스크롤 만들기 { overflow:auto; max-height:1500px; } */

#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;
	width: 100% !important;
}

#log_list .item.ui-wrap .ui-pic {
	max-width: 100% !important;
}

#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 .ui-pic {
	position: relative;
	min-width: 100%;
}

#log_list .item .ui-pic .pic-header {
	position: relative;
	height: 29px;
	padding: 4px 8px 0 8px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: -33px;
}

.pic-footer {
	position: relative;
	line-height: 43px;
	padding: 0 8px;
	z-index: 3;
	height: 35px;
	margin-top: -35px;
}

.pic-footer .footer-memo {
	top: -7px;
	right: 8px;
	position: absolute;
}

.pic-footer .material-icons {
	padding: 0px 4px;
}

.pic-data .theme-box {
	border-radius: 0px;
}

.pic-data .theme-box2 {
	border-radius: 0px;
}

#log_list .item .ui-pic .pic-header .no {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #010101;
}

#log_list .item .ui-pic .pic-header span.date {
	font-weight: normal;
	font-size: 12px;
	opacity: 0.7;
	padding: 0 5px;
}

#log_list .item-comment .co-header .date {
	float: right;
	font-size: 10px;
	font-weight: normal;
	color: #888;
	font-family: gulim;
}

#log_list .item-inner {
	border-radius: 15px;
	overflow: hidden;
	border: 1px solid #010101;
	background-color: #f2f2f2;
}

.animate__animated.animate__bounce {
	--animate-duration: 2s;
}

.smooth-box {
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
}

#log_list .item-inner .combox {
	border-radius: 0px;
	padding: 5px 0px;
	margin: 0;
	position: relative;
	display: block;
}

#log_list .item-inner .ui-btn {
	border-radius: 0px;
}

#log_list .item .ui-pic .pic-header .del,
#log_list .item .ui-pic .pic-header .mod {
	display: inline-block;
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-indent: -999px;
	background: #000;
	color: white;
	border-radius: 10px;
	position: relative;
}

#log_list .item .ui-pic .pic-header .del:hover {
	color: black;
	background: white;
}

#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: 19px;
	text-indent: 0;
	text-align: center;
	font-size: 11px;
}

#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: 19px;
	text-indent: 0;
	text-align: center;
	font-size: 11px;
}

#log_list .item .ui-pic .pic-header .mod:hover {
	color: black;
	background: white;
}

#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: 'N';
	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 .ch-tags {
	padding: 5px 10px;
}

#log_list .item .ui-pic .ch-tags a {
	display: inline-block;
	margin-left: 2px;
}

#log_list .item .ui-pic .ch-tags .ui-btn.small {
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	padding: 0 8px;
	opacity: 0.8;
}

#log_list .item .ui-pic .ch-tags>span {
	margin-left: 2px;
	cursor: default;
}

/* 카테고리 */
#log_list .item .ui-pic .ico-category {
	font-size: 11px;
	font-family: var(--point-font);
	font-weight: 400;
	margin-left: 7px;
}

#log_list .item .ui-pic .pic-data {
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
	width: 230px;
	height: 230px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
}

#log_list .item .ui-pic .pic-data:hover {
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-name: flow;
}

#log_list .item .ui-pic .pic-data.ui-blind {
	overflow: hidden;
	height: 250px;
}

#log_list .item .ui-pic .pic-data.ui-slide>div {
	display: none;
}

#log_list .item .ui-pic .pic-data.ui-slide>.ui-open-log {
	display: block;
	height: 25px;
	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: 12px;
}

#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 0;
}

#log_list .item .ui-pic .pic-data .theme-box div {
	font-family: var(--text-font);
	font-weight: bold;
	padding: 0 15px;
	text-align: left;
	letter-spacing: -0.3px;
	font-size: 12px;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
	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 .pic-data .theme-box2 {
	padding: 15px 0;
}

#log_list .item .ui-pic .pic-data .theme-box2 div {
	font-family: var(--text-font);
	font-weight: bold;
	padding: 0 15px;
	text-align: left;
	letter-spacing: -0.3px;
	font-size: 12px;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
	line-height: 160%;
	word-break: break-all;
	color: var(--load-text);
}

/** 텍스트 타입 스타일 설정 **/
#log_list .item .ui-pic .pic-data .theme-box2.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%;
}

/*#log_list .item .ui-pic .img-data:hover .frm_info {position:absolute;bottom:0;width:100%;}*/

/** Comment */

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

#log_list .item-comment .co-header {
	position: relative;
	line-height: 100%;
	padding: 16px 35px 3px 35px;
	font-weight: bold;
}

#log_list .item .item-inner .item-comment {
	border-radius: 0px !important;
}

#log_list .item .item-inner .item-comment.item-reply {
	background-color: var(--load-base2) !important;
	margin-top: 0px !important;
	z-index: 1;
}

#log_list .item .item-inner .item-comment.item-reply .co-header {
	line-height: px;
}

#log_list .item.ui-wrap .ui-comment,
#log_list .item.both .ui-comment {
	padding-top: 0px !important;
}

#log_list .item .item-inner .item-comment.item-reply .co-header:before {
	content: "";
	font-weight: bold;
	position: absolute;
	left: -1px;
}

#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 .item-inner .parent {
	box-shadow: 0px 2px 3px var(--load-reply-shadow);
	z-index: 2;
}

#log_list .item .item-inner .last {
	box-shadow: inset 0px -2px 3px var(--load-reply-shadow);
}

#log_list .item-comment .co-content {
	padding: 3px 35px;
}

#log_list .item .item-inner .item-comment.item-reply .co-content {
	padding: 3px 35px;
}

#log_list .item-comment .co-content .original_comment_area {
	word-break: break-all;
}

#log_list .item-comment .co-content .log_link_tag:before {
	/*content: "\e936"; font-family: 'icon'; padding-right: 5px; */
}

#log_list .item-comment .co-content .member_call {
	padding: 0 5px;
}

#log_list .item-comment .co-content .member_call:before {
	/*content: "\e951"; font-family: 'icon'; padding-right: 3px; */
}

#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 .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: 7px;
}

#log_list .item-comment .dice img {
	border-radius: 5px;
	overflow: hidden;
}

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

#log_list .item-comment .co-footer {
	line-height: 20px;
	padding-right: 17px;
	padding-bottom: 7px;
}

#log_list .item-comment .co-footer:after {
	content: "";
	display: block;
	clear: both;
}

#log_list .item-comment .co-footer .date {}

#log_list .item-comment .co-footer .re,
#log_list .item-comment .co-footer .del,
#log_list .item-comment .co-footer .mod {
	background: var(--load-point);
	color: var(--load-base);
}

#log_list .item-comment .co-footer .re:hover,
#log_list .item-comment .co-footer .del:hover,
#log_list .item-comment .co-footer .mod:hover {
	background: var(--load-base);
	color: var(--load-point);
}

#log_list .item-comment .co-footer .del {
	display: inline-block;
	float: right;
	vertical-align: middle;
	position: relative;
	width: 14px;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	text-indent: -999px;
	margin-left: 7px;
	margin-bottom: 8px;
	transform: rotate(45deg);
}

#log_list .item-comment .co-footer .del:before {
	content: 'X';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 15px;
	text-indent: 0;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	transform: rotate(-45deg);
}

#log_list .item-comment .co-footer .mod {
	display: inline-block;
	float: right;
	vertical-align: middle;
	position: relative;
	width: 14px;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	text-indent: -999px;
	margin-left: 7px;
	margin-bottom: 8px;
	transform: rotate(45deg);
}

#log_list .item-comment .co-footer .mod:before {
	content: 'M';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 15px;
	text-indent: 0;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	transform: rotate(-45deg);
}

#log_list .item-comment .co-footer .re {
	display: inline-block;
	float: right;
	vertical-align: middle;
	position: relative;
	width: 14px;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	text-indent: -999px;
	margin-left: 7px;
	margin-bottom: 8px;
	transform: rotate(45deg);
}

#log_list .item-comment .co-footer .re:before {
	content: 'R';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 15px;
	text-indent: 0;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	transform: rotate(-45deg);
}

#log_list .item-comment-form-box {
	padding: 10px 0 0;
	background-color: white;
}

.formbox {
	transition-duration: 0.5s;
	background-color: white;
	height: 0px;
}

#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;
}

#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;
}

#log_list .bo_vc_w .input-comment .form-input {
	height: auto;
	min-height: 28px;
	padding-top: 3px;
	padding-right: 70px;
	position: relative;
}

#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;
}

#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;
}


.log-item-box {
	position: relative;
	padding-left: 70px;
	min-height: 60px;
	margin-bottom: 10px;

}

.log-item-box em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	overflow: hidden;
	top: 0;
	left: 0;
}

.log-item-box p {
	padding: 10px 0;
}

.log-item-box p span {
	display: block;
}



/***************************************
	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: 20px;
	text-align: center;
}

#bo_w dt select {
	box-sizing: border-box;
	font-size: 12px;
	padding: 0 5px;
}

#bo_w dd {
	padding-top: 5px;
	min-height: 22px;
	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 {
	padding: 0 5px;
}

#view_image+dl dt {
	width: 100px;
}

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

#bo_w .frm_input {
	width: 100%;
	height: 25px;
}

#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;
	text-align: left;
}

.guest-box input[type="text"],
.guest-box input[type="password"] {
	max-width: 40%;
}

/** 아래는 추가 **/

.blur-off {
	filter: blur(0px) !important;
}

.nightstars {
	background: url(./img/nightstars.gif) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 100%;
}

.nightstars .theme-box2 div {
	color: var(--load-text2) !important;
	text-shadow: 0px 0px 3px var(--load-text2) !important;
}

.backgr {
	background: url(./img/back.jpg) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.backgr .theme-box2 div {
	color: var(--load-text2) !important;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9) !important;
}

.backgr2 {
	background: url(./img/back2.jpg) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.backgr2 .theme-box2 div {
	color: var(--load-text2) !important;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9) !important;
}

.backgr3 {
	background: url(./img/back3.jpg) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.backgr3 .theme-box2 div {
	color: var(--load-text2) !important;
	text-shadow: 0px 0px 3px var(--load-text2) !important;
}

.backgr4 {
	background: url(./img/back4.jpg) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.backgr4 .theme-box2 div {
	color: var(--load-text2) !important;
	text-shadow: 0px 0px 3px var(--load-text2) !important;
}

.theme-box2 u {
	text-decoration: none;
	color: var(--load-text);
	position: relative;
	background-image: var(--load-gra);
	background-size: 100% 100%;
	background-position: center 100%;
	background-repeat: no-repeat;
	font-weight: bold;
}

.theme-box2 u:hover::before {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.ui-pic .backpic:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	z-index: -1;
	filter: blur(5px) opacity(0.8);
	-webkit-filter: blur(5px) opacity(0.8);
	-moz-filter: blur(5px) opacity(0.8);
	-o-filter: blur(5px) opacity(0.8);
	-ms-filter: blur(5px) opacity(0.8);
}


@keyframes fluid {
	from {
		background-position: top;
	}

	to {
		background-position: bottom;
	}
}

.highlight3 {
	color: var(--load-point);
	text-shadow:
		-1px -1px 0 var(--load-point2),
		1px -1px 0 var(--load-point2),
		-1px 1px 0 var(--load-point2),
		1px 1px 0 var(--load-point2);
	font-weight: bold;
	font-family: var(--point-font);
}

.highlight5 {
	color: var(--load-text);
	font-family: var(--point-font);
	font-weight: bold;
	font-size: 12px;
	background: var(--load-gra);
	background-size: 100% 40%;
	background-position: center 100%;
	background-repeat: no-repeat;
	letter-spacing: -0.8px;
}

.sub2 {
	display: inline-block;
	position: relative;
	font-weight: bold;
	font-size: 15px;
	line-height: 100%;
	overflow: hidden;
	font-family: var(--point-font);
	margin: 3px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}

.sub2:before {
	display: inline-block;
	content: '';
	background: var(--load-point);
	width: 11px;
	height: 16px;
	vertical-align: middle;
	margin: 0px 3px 0px 0px;
}


/*해시태그 디자인*/

body #log_list .item .item-inner .co-content .link_hash_tag,
.pic-footer .link_hash_tag {
	font-size: 11px;
	position: relative;
	font-weight: bold;
	margin-left: 6px;
	padding: 3px 6px;
	color: #fff;
	background-color: #010101;
	border-radius: 14px;
}

@media all and (max-width: 1000px) {
	body #log_list {
		grid-auto-flow: inherit;
		grid-template-columns: 1fr !important;
	}
}