@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');


@font-face {
    font-family: 'YUniverse-B';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_yuniverse@1.0/YUniverse-B.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif JP', serif;
    src: url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap') format('woff2');
    font-weight: normal;
    font-style: normal;
}



ol, ul, li {
	list-style: none; padding: 0; margin: 0;
}

a {
	font-family: 'YUniverse-B'; color: black; text-decoration: none;
	cursor: url(images/mec91.cur), auto
}

html {cursor: url(images/mec91.cur), auto}

’
input:focus, textarea:focus {
	outline: none;
}

body {
	background: black;
	font-family: 'Noto Serif JP', 'YUniverse-B';
}


.write {
	border: 1px solid black;
	width: 38px;
	color: grey;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right:100px;
}

.guestbook {
	border: 1px solid black;
	width: 78px;
	color: grey;
	margin-right: 60px;
}



/*사이드바*/

.sidebar {
	width: 155px;
	height: 720px;
	background: white;
	margin-top: 20px;
	font-size: 10pt;
	margin-right: 590px;
}

.information {
	font-family: 'Noto Serif JP';
	padding-top: 25px;
}

.category > ul > li > a {
	display: none;
}

.category {
	margin-top: 90px;
	padding-bottom: 10px;
}

.category ul li ul li {
	font-family: 'YUniverse-B';
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 8px;
	margin-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 8pt;
	border: 1px solid black;
}

ul.tt_category ul.category_list a.link_item span.c_cnt {
    display: none !important;
}

.guestbook {
	color: black;
}


/*컨테이너*/

.container {
	display: inline-block;
	width: 650px;
	border-radius: 0px 20px 20px 0px;
	vertical-align: top;
	margin-left: 210px;
}

.wrap {
	background: white;
	height: 660px;
	padding: 30px;
	margin-top: -720px; /*위치조절 이거*/
}



/*검색창*/

.search {
	border: 1px solid black;
	width: 138px;
	color: grey;
	margin-top: 20px;
	margin-bottom: 20px;
}

.search input {
	font-family: 'Noto Serif JP';
	width: 120px;
	height: 30px;
	border: none;
	font-size: 10pt; color: grey;
}

.search .submit {
	display: none;
}

input::placeholder {
  color:black;
}



.list-gallery li {
	float: left;
	width: 30%;
	height: 170px;
	display: inline-block;
	margin-left: 10px; margin-bottom: 13px;

}

.list-gallery li:nth-child(3n+1) {
	margin-right: 0;
}

.list-gallery {
	font-size: 0;
	overflow: hidden;
}

.list-gallery li .thumbnail {
	width: 100%; height: 100%;
	overflow: hidden;
}

.list-gallery li .thumbnail img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: 0.5s;
}

.list-gallery li .thumbnail img:hover {
	opacity: 0.5;
}


/*글 내용*/

.article-title {
	font-family: 'Noto Serif JP', 'YUniverse-B';
	color: black;
	text-align: left;
	margin-bottom: 20px;
	margin-left: -20px;
}

.article-title span {
	font-family: 'Noto Serif JP', 'YUniverse-B';
	color: black;
	margin-right: 20px;
	font-size: 8pt;
}

.article-content {
	font-family: 'Noto Serif JP', 'YUniverse-B';
	font-size: 10pt;
	color: black;
	text-align: left;
	font-size: 9pt;
}

.entryProtected {
	font-family: 'YUniverse-B';
	font-size: 8pt;
	color: black;
}

.entryProtected input {
	background: white;
	color:white;
	font-family: 'YUniverse-B';
	width: 100px;
	font-size: 8pt;
	border: none;
}


.another_category th a { color: black; !important; }

.another_category table th,
.another_category table td { color: black; !important; }

div .another_category th a.current { border-color: black; !important; }

div .another_category th span { color: black; !important; }

div .another_category h4 { color: black; !important;}

div .another_category h4 a { color: black; !important; }




/*공감*/

.container_postbtn .btn_post .ico_like,.container_postbtn .btn_post .empathy_up_without_ani .ico_like,.container_postbtn .btn_post .ico_like:hover {
	background:none!important;
}

.container_postbtn .btn_post .ico_like {
	width:25px!important;
	max-width:24px!important;
	padding-bottom: 5px; !important;
}

.ico_like:before { 
    content: "🤍"; 
    font-size: 13px;
    display: block;
    padding-top: 7px;
    text-indent: 0px;
    color: red;
    font-weight: bold;
	animation: gelatine 1s infinite; 
}
div[id*=reaction\-]:hover .ico_like:before, .empathy_up_without_ani .ico_like:before {
	content:"💙"; 
	animation:none; 
}

@keyframes gelatine {
	from,
	to {
		transform: scale(1, 1)
	}
	25% {		transform: scale(0.9, 1.15)
	}
	50% {
		transform: scale(1.15, 0.9)
	}
	75% {
		transform: scale(0.98, 1.03)
	}
}

/*댓글*/


#comment .rp-title {
	background: white;
	color: black;
	padding: 10px 20px;
	font-size: 8pt;
	margin-top: 30px;
	border-radius: 5px 5px 5px 5px;
	border-color: black;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}

#comment .rp-write {
	padding: 20px;
	border-radius: 5px 5px 5px 5px;
	border: none;
}

#comment .guest-info {
	box-sizing: border-box;
	border: none;
	max-width: 100%; }

#comment .guest-info input {
	font-family: 'YUniverse-B';
	color: black;;
	box-sizing: border-box;
	width: 100%;
	font-size: 8pt;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
	text-indent: 10px; }

#comment .rp-secret {
	font-size: 8pt;
	margin-bottom: 5px;
	padding: 5px;
} 

#comment .rp-secret label {
	cursor: pointer; }

#comment .rp-secret input {
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	vertical-align: bottom; }

#comment textarea {
	font-family: 'YUniverse-B';
	color: black;;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	font-size: 8pt;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
	text-indent: 10px;
	overflow-x: hidden; }

#comment .submit input {
	box-sizing: border-box;
	width: 100%;
	font-size: 1.25rem;
	margin-left: 320px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
	cursor: pointer; }

#comment .submit input:hover {
	background: skyblue; }


#comment .comment-list {
	padding: 20px; padding-top: 0; background: #fff; }

#comment .comment-list > ul { border-bottom: 1px solid black;; }

#comment .comment-list li { box-sizing: border-box; list-style: none; border-top: 1px solid black;; padding: 10px; padding-bottom: 5px; }

#comment .comment-list li:after { display: block; clear: both; content: ''; }

#comment .comment-content { width: calc(100% - 62px); position: relative; }

#comment .comment-content li { border: 0; padding: 0; }

#comment .comment-content-info { float: left; }

#comment .comment-content-info li { display: inline-block; }

#comment .comment-content-info .name { font-size: 9pt; color: black;; }

#comment .comment-content-info .date { font-size: 7pt; color: black;; }

#comment .comment-content-info .date a { font-size: 1rem; color: black;;}

#comment .comment-content-text { clear: both; padding-top: 20px; text-indent 10px; }

#comment .comment-content-control { float: right; }

#comment .comment-content-control li { display: inline-block; }

#comment .comment-content-control .link { font-size: 1rem; color: black;; margin-right: 10px; display: none; }

#comment .comment-content-control .modify { font-size: 1rem; color: black;; margin-right: 10px; }

#comment .comment-content-control .reply { font-size: 1rem; color: black;; margin-right: 10px; }

#comment .comment-list .re-comment { margin-left: 10%; }

#comment .comment-list a { text-decoration: none; }

#comment .comment-list a:hover { text-decoration: underline; }

#comment .comment-list .rp_admin .name a { color: black;; }

#comment .comment-list .rp_secret p { color: #ddd }

.paging {
	font-family: 'YUniverse-B';
	display: inline-block;
	font-size: 8pt;
	width: 100%;
	margin-top: -5px;
}

.paging  i {
	margin-right: 10px;
}

.paging .num {
	margin-right: 7px;
}

.paging .selected {
	border-bottom: 1px solid;
}

/*방명록*/


#guestbook .guest-info {
	font-family: 'YUniverse-B';
}


#guestbook .guest-info input {
	font-family: 'YUniverse-B';
	}

#guestbook textarea {
	background: black;
	border: none;
	font-family: 'YUniverse-B';
	color: white;
	width: 450px;
	height: 100px;
	border-radius: 10px 10px 10px 10px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

#guestbook textarea::placeholder {
	font-family: 'YUniverse-B';
  color: white;
}


.guestwrite input {
	display: inline-block;
	background: black;
	color: white;
	font-family: 'YUniverse-B';
	width: 250px;
	font-size: 7pt;
	border: none;
}

.guest-list > ul > li {
	font-family: 'YUniverse-B';
	font-size: 10pt;
	color: white;
	padding-top: 20px;
}


/*copyright*/

.copyright {
	font-size: 9pt;
	margin-left: 850px;
	margin-top: -10px;
}

.with {
	font-size: 12pt;
	margin-top: 120px;
	margin-right: 310px;
}

@media (max-width: 1000px) {
	
	* { max-width: 100%; }
	
	.whole {
		 font-family: 'YUniverse-B';
		width: 100%;
		margin-top: 400px; margin-bottom: 40px;
	}



div[data-ke-type='moreLess'] a.btn-toggle-moreless, #tt-body-page div[data-ke-type='moreLess'] a.btn-toggle-moreless{
	color:transparent; /*또는 font-size:0*/
}
div[data-ke-type="moreLess"].open>a.btn-toggle-moreless:before {
    content: 'x'; /* 닫기 대신 쓸 문구 */
    color: #909090; /*또는 font-size:16px (원래 크기)*/
}
div[data-ke-type="moreLess"]>a.btn-toggle-moreless:before {
    content: '★'; /* 더보기 대신 쓸 문구 */
    color: #909090; /*또는 font-size:16px (원래 크기)*/
}