@charset "utf-8";

:root {
	--transition: 0.5s;
}

/*
────────────────────────────────────────────────────
apricot skin #2
Edited by salgu
────────────────────────────────────────────────────

01 RESET
02 레이아웃
03 헤더
04 커버 (공통, 리스트, 슬라이드, 갤러리, 공지, 태그 클라우드)
05 카테고리 화면 (공통, 심플, 갤러리1, 갤러리2, 웹진)
06 본문 (공통, 에디터, 관련글, 본문 태그)
07 비밀글
08 공지사항
09 포스트 버튼
10 태그 클라우드
11 댓글 & 방명록
12 페이징
13 스크롤바
14 드래그
15 반응형 (태블릿, 모바일)

────────────────────────────────────────────────────
*/



/* ───────────────────────────────────────────────────────── */
/* reset inline style */
/* ───────────────────────────────────────────────────────── */

* {
	box-sizing: border-box;

	margin: 0;
	padding: 0;
}

[hidden] {
	display: none;
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,u,ul,var,video {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: inherit;
	vertical-align: baseline;
}

table,tbody,td,tfoot,th,thead,time,tr,tt {
	font-size: inherit;
	vertical-align: baseline;	
}

a {
	color: inherit;
	transition: all var(--transition);
}

a:where(:link, :visited, :hover, :active) {
	text-decoration: none;
}

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

button {  
	appearance: none;
	border:0;
	outline: none;
	background: none;

	font-size:inherit;
	font-family: inherit;
	line-height: inherit;

	cursor: pointer;  
}

input,
textarea {
	border:0;
	outline: none;
	background: none;

	font-size:inherit;
	font-family: inherit;

	resize: none;
}

input[type="submit"] {
	cursor: pointer;
}

/* ───────────────────────────────────────────────────────── */
/* Start */
/* ───────────────────────────────────────────────────────── */

body {
	overflow-y: scroll;
	margin: 0;
	background-color: #fcfcfc;
	background-size: cover;

	font-size: var(--font-size);
	font-family: "open sans", "pretendard";
	line-height: 1.7;
	word-wrap: break-word;
	color: #000;
}




/* ───────────────────────────────────────────────────────── */
/* 레이아웃 */
/* ───────────────────────────────────────────────────────── */

.wrap {
	opacity: 0;

	position: relative;

	width: var(--skin-width);
	margin: 120px auto;

	transition: all 1.5s;
}

.container {
	position: relative;

	width: 100%;
	border: 1px solid #eee;
	background-color: #fff;
}

.content {
	height: var(--skin-height);
	overflow-y: auto;
}




/* ───────────────────────────────────────────────────────── */
/* 헤더 */
/* ───────────────────────────────────────────────────────── */


/* 관리자 버튼 */

.admin-tap {
	display: flex;
	opacity: 0;
	visibility: hidden;
	flex-wrap: wrap;
	justify-content: center;

	position: absolute;
	top: 0;
	left: calc(100%);
	
	gap: 0px;
	padding-left: 20px;

	transition: all 1s;
}

.profile-box:hover .admin-tap {
	opacity: 1;
	visibility: visible;
}

.tap-line {
	width: 1px;
	height: 15px;
	background-color: #eaeaea;
	text-align: center;
}

.tap-item { 
	display: flex;
	border: 1px solid #ddd;
	padding: 2px;
	background-color: #f9f9f9;
}

.tap-icon {
	width: 16px;
	height: 16px;
	color:#ccc;

	transition: all var(--transition);
}


/* 프로필 영역 */

.profile-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

	gap:5px;
	padding: 30px 20px 20px 20px;
	background-color: #fff;

	text-align: center;
}

.profile-img-wrap {
	display: inline-flex;
	
	border: 3px solid transparent;
	border-radius: 100%;
	background-image: linear-gradient(to right, var(--gradient-color1) 20%, var(--gradient-color2) 100%);
	background-origin: border-box;
}

.profile-img {
	width: 85px !important;
	height: 85px;
	border: 4px solid #fff;
	border-radius: 100%;
	object-fit: cover;

	cursor: pointer;
}

.profile-img.rotate {
	animation: spin 2s infinite linear;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.profile-info {
	flex-grow: 1;
	flex-basis: min-content;

	margin: 0 20px;
	text-align: center;
}

.profile-title {
	font-size: calc(var(--font-size) + 1px);
	font-weight: 600;
}

.profile-desc {
	font-family: "poppins", "pretendard";
	line-height: 1.3;
}


/* 검색창 */

.profile-search {
	display: inline-flex;
	align-items: center;

	margin-top: 10px;
	border: 1px solid #bbb;
	border-radius: 20px;
	padding: 4px 10px;

	transition: all var(--transition);
}

.profile-search:focus-within  {
	border-color: #777;
}

.profile-search:focus-within .search-icon {
	color: #777;
}

.search-icon {
	width: 14px;
	height: 14px;
	color:#bbb; 

	transition: all var(--transition);
	cursor: pointer;
}

.search-input {
	width: 100px;
	padding-left: 10px;

	font-size: calc(var(--font-size) - 1px);
}


/* 메뉴바 */

.menubar-box {
	display: flex;
	justify-content: center;
	align-items: center;

	position: relative;
	z-index: 2;

	gap: 20px;
	padding: 12px 0;
	box-shadow: 0px 2px 3px #ddd;
	background-color: #f9f9f9;

	text-align: center;
}

.menubar-type {
	font-size: calc(var(--font-size) - 2px);
	font-family: "poppins", "pretendard";
	text-transform: uppercase;
	letter-spacing: 2px;

	color: #555;

	cursor: pointer;
}

.menubar-icon {
	width: 14px;
	height: 14px;
	color: #555;

	vertical-align: middle;
}

.category-btn {
	position: relative;
}

.heart-btn {
	display: inline-flex;

	margin-left:20px;

	font-size: calc(var(--font-size) + 2px);

	cursor: pointer;
}

.heart-icon {
	width: 12px;
	height: 12px;
	color:var(--point-color);	

	filter: drop-shadow(0px 0px 10px var(--point-color));
}


/* 카테고리 */

.sitemap {
	display: none;

	position: absolute;
	z-index: 100;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0px);

	width: max-content;
	border-radius: 5px;
	padding: 10px 15px;
	box-shadow: 0px 2px 2px #ddd;
	background-color: #fff;

	text-align: left;
}

.category {
	display: inline-block;

	position: relative;
}

.category :where(.link_tit, .link_item, .link_sub_item), .other-link {
	font-size: calc(var(--font-size) - 2px);
	font-family: "poppins", "pretendard";
	text-transform: uppercase;
	letter-spacing: 1;
	color: #555;
}

.category .sub_category_list {
	border-radius: 5px;
	padding: 5px 10px;
	background-color: #fafafa;

	font-size: calc(var(--font-size) - 2px);
	font-weight: 600;
}

.category .sub_category_list a::before {
	content: "-";

	margin-left: 5px;

	color: #555;
}

.category .link_sub_item {
	margin-left: 5px;
}

.category .c_cnt {
	display: none;
}

.category .new-icon::before {
	content: "N";

	display: inline-flex;
	justify-content: center;
	align-items: center;

	margin-left: 4px;

	color: #bbb;
}

/* 링크창 */

.link-box {
	display: none;

	width: 100%;
	padding-top: 10px;
	overflow: hidden;
	background-color: #fff;

	font-size: calc(var(--font-size) - 1px);
	font-family: "poppins", "pretendard";
	text-align: justify;
}

.link-type {
	display: inline-block;

	margin-right: 5px;

	font-weight: bold;
}

.slide-box {
	visibility: hidden;
	opacity: 0;

	position: absolute;
	z-index: -1;
	top: 50%;
	left: 0px;
	transform: translate(0px, -50%);

	padding: 10px;
	background-color: #f4f4f4;

	line-height: 1;

	transition: all var(--transition);
}

.slide-img {
	width: 330px !important;
	height: 500px;
	object-fit: cover;
}

.slide-box.background-position {
	visibility: visible;
	opacity: 1;
	
	left: -300px;
}




/* ───────────────────────────────────────────────────────── */
/* 커버 */
/* ───────────────────────────────────────────────────────── */

/* 커버 - 공통 */

.cover {
	display: flex;
	flex-direction: column;
}

.cover-headline {
	display: block;

	font-size: calc(var(--font-size) + 1px);
	font-family: "Poppins", "Pretendard";
	font-weight: 600;
}

.cover-noimg {
	display: none;
}


/* 커버 - 리스트 */

.cover-list .cover-headline {
	padding: 20px 20px 0 20px;
}

.cover-list .cover-item {
	display: flex;

	gap: 15px;
	width: 100%;
	padding: 20px;
}

.cover-list .cover-item:not(:first-child) {
	border-top: 1px solid #ddd;
}

.cover-list .cover-thumb {
	flex-shrink: 0;

	position: relative;

	width: 50px;
	height: 50px;
	aspect-ratio: 1/1;
	border: 1px solid #ddd;
	border-radius: 100%;
	padding: 4px;
	overflow: hidden;
}

.cover-list .empty-item .cover-thumb {
	display: none;
}

.cover-list :where(.cover-img, .empty-img) {
	position: relative;
	z-index: 2;

	width: 100%;
	height: 100%;
	border-radius: 100%;
	object-fit: cover;
}

.cover-list .cover-noimg {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;
	border-radius: 100%;

	background-color: #f5f5f5;
}

.cover-list .cover-noimg .cover-icon {
	display: block;
	width: 13px;
	height: 13px;
	color: var(--point-color);
}

.cover-list .cover-img + .cover-noimg {
	position: absolute;
	z-index: 1;
	top: 0;
}

.cover-list .cover-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.cover-list .cover-title {
	width: 100%;

	font-size: calc(var(--font-size) + 1px);
	font-weight: 600;
}

.cover-list .cover-date {
	display:inline-flex;
	align-items: center;

	font-family: "poppins", "pretendard";
	color: #bbb;
}

.cover-list .cover-cate {
	display:inline-flex;
	align-items: center;

	margin-left:10px;

	color: #bbb;
}

.cover-list .cover-cate::before {
	content: "";
	display: block;

	width: 4px;
	height: 4px;
	margin-right:10px;
	border-radius: 3px;
	background-color: #bbb;
}

.cover-list .cover-sum {
	display: -webkit-box;

	width: 100%;
	overflow: hidden;

	line-height: 1.5;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


/* 커버 - 슬라이드 */

.cover-slide {
	padding: 20px;
	overflow: hidden;
}

.cover-slide .cover-headline {
	margin-bottom: 15px;
}

.cover-slide .cover-container {
	display: flex;

	height: 300px;
}

.cover-slide .cover-item {
	position: relative;

	width: 100%;

	transition: all var(--transition);
}

.cover-slide .cover-item:hover {
	flex: 1 0 100%;
}

.cover-slide .cover-img {
	width: 100%;
	height: 100%;
	
	filter: grayscale(1);
	image-rendering: -webkit-optimize-contrast;
}

.cover-slide .cover-item:hover .cover-img {
	filter: none;
}

.cover-slide .cover-info {
	visibility: hidden;
	opacity: 0;

	position: absolute;
	bottom: 0;
	transform: translateZ(1px);

	padding: 20px;

	line-height: 1;
}

.cover-slide .cover-item:hover .cover-info {
	visibility: visible;
	opacity: 1;
	
	transition: all 1s 0.4s;
}

.cover-slide .cover-title {
	display: block;

	width: -moz-fit-content;
	width: fit-content;
	border-radius: 5px 5px 5px 0;
	padding: 3px 4px;
	background-color: #fff;

	font-weight: 600;
	line-height: 1.2;
}

.cover-slide .cover-date {
	display: inline-block;

	margin-top: -2px;
	border-radius: 0px 5px 5px 5px;
	padding: 4px;
	background-color: #fff;

	font-size: calc(var(--font-size) - 2px);
	line-height: 1.2;
}


/* 커버 - 갤러리 */

.cover-gallery {
	padding: 20px;
	overflow: hidden;
}

.cover-gallery .cover-headline {
	margin-bottom: 15px;
}

.cover-gallery .cover-container {
	display: grid;
	grid-template-columns: repeat(var(--gallery-thumb), minmax(0, 1fr));
	
	gap: 10px;
}

.cover-gallery .cover-item {
	opacity: 0.99;

	position: relative;

	aspect-ratio: var(--gallery-ratio);
	border: 0;
	border-radius: 10px;
	padding: 0;
	background-color: #f5f5f5;
	overflow: hidden;
}

.cover-gallery .cover-info {
	display:flex;
	visibility: hidden;
	opacity: 0;
	justify-content: center;
	align-items: center;

	position: absolute;
	z-index: 3;
	top: 0;

	width: 100%;
	height: 100%;
	padding: 12px;
	background-color: transparent;

	font-weight: 700;
	text-align: center;
	text-shadow: 0px 0px 3px #000;
	line-height: 1.3;

	transition: all var(--transition);
}

.cover-gallery .cover-item:hover .cover-info {
	visibility: visible;
	opacity: 1;
}

.cover-gallery .cover-title {
	display: -webkit-box;

	position: relative;
	bottom: 100%;

	width: 100%;
	overflow: hidden;

	font-family: "poppins", "pretendard";
	text-overflow: ellipsis;
	white-space: normal;
	color: #fff;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;

	transition: all 0.3s 0.2s;
}

.cover-gallery .cover-item:hover .cover-title {
	bottom: 0;
}

.cover-gallery .cover-item:nth-child(2n) .cover-title {
	bottom: 0;
	right: 100%;
}

.cover-gallery .cover-item:nth-child(2n):hover .cover-title {
	right: 0;
}

.cover-gallery .cover-item:nth-child(4n) .cover-title {
	bottom: 0;
	left: 100%;
}

.cover-gallery .cover-item:nth-child(4n):hover .cover-title {
	left: 0;
}

.cover-gallery .cover-thumb {
	position: relative;

	width: 100%;
	height: 100%;
}

.cover-gallery .cover-img {
	display: block;

	position: relative;
	z-index: 2;
	transform: scale(1.4) rotate(3deg) translateZ(0);

	width: 100%;
	height: 100%;
	object-fit: cover;

	transition: all 1s;
}

.cover-gallery .cover-item:hover .cover-img {
  transform: scale(1.1) rotate(0deg) translateZ(0);
}

.cover-gallery .cover-noimg {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	background-color: #f5f5f5;
}

.cover-gallery .cover-noimg .cover-icon {
	display: block;
	width: 20px;
	height: 20px;
	color: var(--point-color);
}

.cover-gallery .cover-img + .cover-noimg {
	position: absolute;
	z-index: 1;
	top: 0;
}


/* 커버 - 공지 */

.cover-notice {
	padding: 20px;
	background-color: #fafafa;
}

.cover-notice .cover-headline {
	margin-bottom: 15px;
}

.cover-notice .cover-item + .cover-item {
	margin-top: 30px;
}

.cover-notice .cover-img {
	max-width: 100%;
}

.cover-notice .cover-img+.cover-sum {
	margin-top: 10px;
}

.cover-notice .cover-title {
	display: block;

	margin-bottom: 10px;

	font-family: "poppins", "pretendard";
	font-weight: 600;
}

.cover-notice .cover-sum a {
	margin-right: 5px;
}

.cover-notice .cover-sum a::before {
	content: "🔗";
}


/* 커버 - 태그 클라우드 */

.cover-tag {
	padding: 20px;
}

.cover-tag .cover-headline {
	margin-bottom: 15px;
}

.cover-tag .cover-container {
	display: flex;
	flex-wrap: wrap;
	
	gap: 7px;
}

.cover-tag .cover-item {
	display: inline-flex;
	align-items: center;

	border: 1px solid #ddd;
	border-radius: 15px;
	padding: 3px 10px;

	color: #777;
}

.cover-tag .cover-item:hover {
	border-color: var(--point-color);
	color: var(--point-color);
}

.cover-tag .cover-item::after {
  content: "🤍";
	display: inline-block;

	margin-left: 4px;

	font-size: calc(var(--font-size) - 1px);
}

.cover-tag .cover-item.tag-more::after {
  content: none;
}

.cover-tag .cloud1 {
	font-weight: 600;
	color: var(--point-color);
}

.cover-tag .cloud1::after {
	content: "❤️";
}




/* ───────────────────────────────────────────────────────── */
/* 카테고리 화면 */
/* ───────────────────────────────────────────────────────── */


/* 카테고리 - 공통 */

.search-list {
	padding: 25px;
}

.list-empty {
	margin-top: 15px;
}

.list-category {
	margin-bottom: 15px;

	font-size: calc(var(--font-size) + 2px);
	font-weight: 700;
	text-transform: capitalize;
}

#tt-body-search .list-category::before {
	content: "🔍 ‘";
}

#tt-body-search .list-category::after {
	content: "’ 검색 결과";
}

#tt-body-tag .list-category {
	display: inline-block;

	border: 1px solid #ddd;
	border-radius: 15px;
	padding: 4px 15px;
}

#tt-body-tag .list-category::before {
	content: "#";

	margin-right: 2px;
}

.list-item { 
	display: block;
}

.list-noimg {
	display: none;
}

.list-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.title-content {
	font-weight: 600;
}

.user-name {
	overflow: hidden;
	
	text-overflow: ellipsis;
	white-space: nowrap;
}

.user-wrap {
	display: inline-flex;
	align-items: center;
}

.user-img {
	aspect-ratio: 1/1;
}

.user-name {
	padding-top: 0 !important;
}

.search-list .new-icon::before {
	content: "N";

	display: inline-flex;
	justify-content: center;
	align-items: center;
	
	flex-shrink: 0;

	margin-left: 6px;

	font-size: calc(var(--font-size) - 2px);
	color: #bbb;
}

/* 카테고리 - 심플 */

.list-simple .list-item {
	padding: 10px 0;

	transition: all var(--transition);
}

.list-simple .list-item:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.list-simple .list-info {
	display: flex;
	justify-content: space-between;
	align-items: center;

	gap: 10px;
}

.list-simple .list-title {
	display: flex;
	align-items: center;

	flex-grow: 1;
	min-width: 0;
}

.list-simple .title-content {
	font-weight: 500;
}

.list-simple .secret-icon {
	width: 12px;
	height: 12px;
	margin-right: 4px;
	color: #000;
}

.list-simple .list-date {
	display: none; /* simple list 날짜 표시하려면 제거*/

	font-size: calc(var(--font-size) - 2px);
	font-family: "poppins";
	color: #aaa;
}

.list-simple :where(.list-img, .user-wrap, .list-sum) {
	display: none;
}


/* 카테고리 - 갤러리 */

.list-gallery .list-container {
	display: grid;
	grid-template-columns: repeat(var(--gallery-thumb), minmax(0, 1fr));
	
	gap: var(--gallery-gutter);
}

.list-gallery .list-item {
	opacity: 0.99;

	position: relative;

	aspect-ratio: var(--gallery-ratio);
	border: 0;
	border-radius: 10px;
	padding: 0;
	overflow: hidden;
}

.list-gallery .list-thumb {
	width: 100%;
	height: 100%;
}

.list-gallery .list-img {
	display: block;

	position: relative;
	z-index: 2;
	transform: scale(1.4) rotate(3deg) translateZ(0);

	width: 100%;
	height: 100%;
	object-fit: cover;

	transition: all 1s;
}

.list-gallery .list-item:hover .list-img {
  transform: scale(1.1) rotate(0deg) translateZ(0);
}

.list-gallery .list-secret {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;

	transition: all var(--transition);
}

.list-gallery .list-noimg {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	background-color: #f5f5f5;
}

.list-gallery .list-noimg .list-icon {
	display: block;
	width: 20px;
	height: 20px;
	color: var(--point-color);
}

.list-gallery .list-img + .list-noimg {
	position: absolute;
	z-index: 1;
	top: 0;
}

.list-gallery .secret-icon {
	width: 15px;
	height: 15px;
	color: #fff;
}

.list-gallery .list-item:hover .list-secret {
	opacity: 0;
}

.list-gallery .list-info {
	display:flex;
	visibility: hidden;
	opacity: 0;
	justify-content: center;
	align-items: center;

	position: absolute;
	z-index: 4;
	top: 0;

	width: 100%;
	height: 100%;
	padding: 12px;
	background-color: transparent;

	font-weight: 700;
	text-align: center;
	text-shadow: 0px 0px 3px #000;
	line-height: 1.3;

	transition: all var(--transition);
}

.list-gallery .list-item:hover .list-info {
	visibility: visible;
	opacity: 1;
}

.list-gallery .list-title {
	display: -webkit-box;

	position: relative;
	bottom: 100%;

	width: 100%;
	overflow: hidden;

	font-family: "poppins", "pretendard";
	text-overflow: ellipsis;
	white-space: normal;
	color: #fff;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;

	transition: all 0.3s 0.2s;
}

.list-gallery .list-item:hover .list-title {
	bottom: 0;
}

.list-gallery .list-item:nth-child(2n) .list-title {
	bottom: 0;
	right: 100%;
}

.list-gallery .list-item:nth-child(2n):hover .list-title {
	right: 0;
}

.list-gallery .list-item:nth-child(4n) .list-title {
	bottom: 0;
	left: 100%;
}

.list-gallery .list-item:nth-child(4n):hover .list-title {
	left: 0;
}

.list-gallery :where(.list-date, .list-sum, .user-wrap) { 
	display: none;
}


/* 카테고리 - 갤러리2 */

.list-gallery2 .list-container {
	position: relative;

	margin:calc(var(--gallery-gutter2) / 2 * -1);
	overflow: hidden;

	transition: all var(--transition);
}

.list-gallery2 .list-item {
	display: flex;
  opacity: 0.99;

  position: absolute;

	width: calc(100% / var(--gallery-thumb2));
	border: calc( var(--gallery-gutter2) / 2) solid transparent;
	overflow: hidden;

	transition: all var(--transition);
}

.list-gallery2 .list-item:not(.active) {
  opacity: 0;
}

.list-gallery2 .list-thumb {
	position: relative;

	min-height: 100px;
	border-radius: 10px;
	overflow: hidden;
}

.list-gallery2 .list-img {
	position: relative;
	z-index: 1;

  width: 100%;
  height: 100%;

	transition: all var(--transition);
}

.list-gallery2 .list-noimg {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	background-color: #f5f5f5;
}

.list-gallery2 .list-noimg .list-icon {
	display: block;
	width: 20px;
	height: 20px;
	color: var(--point-color);
}

.list-gallery2 .list-img + .list-noimg {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}

.list-gallery2 .list-secret {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;

	transition: all var(--transition);
}

.list-gallery2 .secret-icon {
	width: 15px;
	height: 15px;
	color: #fff;
}

.list-gallery2 .list-item:hover .list-secret {
	opacity: 0;
}

.list-gallery2 .list-info {
	display:flex;
	visibility: hidden;
	opacity: 0;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: center;

	position: absolute;
	z-index: 3;
	top: 0px;

	gap: 7px 10px;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	padding: 12px;
	background-color: #0003;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	overflow: hidden;

	font-weight: 700;
	text-align: center;
	line-height: 1.3;

	transition: all var(--transition);
}

.list-gallery2 .list-item:hover .list-info {
	visibility: visible;
	opacity: 1;
}

.list-gallery2 .user-wrap {
	order: -1;
	transform: translateY(30px);

	gap: 10px;
	width: 100%;
	padding: 3px;
	overflow: hidden;

	transition: all var(--transition);
}

.list-gallery2 .list-item:hover .user-wrap {
	transform: translateY(0%);
}

.list-gallery2 .user-wrap::before {
	content: "";

	position: absolute;

	width: 23px;
	height: 23px;
	left:4px;
	border: 2px solid #fff7;
	border-radius: 100%;
	animation: shadow 0.9s linear infinite reverse both;
}

@keyframes shadow {
	0% {
		box-shadow: 0px 0px 0px 0px #fff7;
	}
	100% {
		box-shadow: 0px 0px 0px 5px #fff1;
	}
}

.list-gallery2 .user-img {
	width: 30px;
	border-radius: 100%;
	padding: 3px;
}

.list-gallery2 .user-name {
	flex-grow: 1;

	text-align: left;
	color: #fff;
}

.list-gallery2 .list-title {
	opacity: 0;

	transform: translateY(30px);

	border: 1px solid #fff;
	border-radius: 15px;
	padding: 3px 10px;

	text-align: left;
	color: #fff;

	transition: all var(--transition);
}

.list-gallery2 .list-item:hover .list-title {
	opacity: 1;

	transform: translateY(0%);

	transition: all 0.5s 0.2s;
}

.list-gallery2 :where(.list-date, .list-sum) { 
	display: none;
}


/* 카테고리 - 웹진 */

.list-webzine .list-category {
	margin-bottom: 0;
}

.list-webzine .list-item {
	display: flex;
	align-items: flex-start;
	opacity: 0.99;

	gap: 20px;
	padding: 20px 0;
}

.list-webzine .list-item:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.list-webzine .empty-item .list-thumb {
	display: none;
}

.list-webzine .list-thumb {
	flex-shrink: 0;
	position: relative;

	width: 115px;
	aspect-ratio: 1/1;
	border: 1px solid #eee;
	border-radius: 10px;
	box-shadow: 3px 3px #eee;
	overflow: hidden;
}

.list-webzine .list-img {
	display: block;

	position: relative;
	z-index: 2;

	width: 100%;
	height: 100%;
	object-fit: cover;
}

.list-webzine .list-noimg {
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	background-color: #f5f5f5;
}

.list-webzine .list-noimg .list-icon {
	display: block;
	width: 20px;
	height: 20px;
	color: var(--point-color);
}

.list-webzine .list-img + .list-noimg {
	display: inline-flex;

	position: absolute;
	z-index: 1;
	top: 0;
}

.list-webzine .list-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	gap: 5px 0;
	flex-grow: 1;
	min-width: 0;
}

.list-webzine .list-title {
	display: flex;
	align-items: center;
	
	width: 100%;

	font-size: calc(var(--font-size) + 1px);
	font-weight: 600;
}

.list-webzine .secret-icon {
	width: 12px;
	height: 12px;
	margin-right: 4px;
	color: #000;
}

.list-webzine .list-date {
	display: inline-flex;
	align-items: center;

	margin-left: 10px;

	font-size: calc(var(--font-size) - 2px);
	font-family: "poppins", "pretendard";
	color: #aaa;
}

.list-webzine .list-date::before {
	content: "";
	display: inline-block;

	width: 4px;
	height: 4px;
	margin-right: 10px;
	border-radius: 4px;
	background-color: #aaa;
}

.list-webzine .list-sum {
	display: -webkit-box;

	width: 100%;
	overflow: hidden;

	text-overflow: ellipsis;
	color: #777;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.list-webzine .list-sum:empty {
	margin-top: 5px;
}

.list-webzine .list-sum:empty::before {
	content: "…";

}

.list-webzine .user-wrap {
	gap: 2px;
}

.list-webzine .user-img {
	width: 20px;
	border: 1px solid #ddd;
	border-radius: 100%;
	padding: 2px;
}

.list-webzine .user-name {
	margin-left: 4px; 

	font-size: calc(var(--font-size) - 1px);
	font-family: "poppins", "pretendard";
	color: #aaa;
}




/* ───────────────────────────────────────────────────────── */
/* 본문 */
/* ───────────────────────────────────────────────────────── */

.article {
	color: #000;
}

.article-info {
	display: flex;
	align-items: center;

	gap: 10px;
	border-bottom: 1px solid #ddd;
	padding: 20px;
}

.article-img {
	width: 48px;
	height: 48px;
	border: 1px solid #ddd;
	border-radius: 100%;
	padding: 4px;
}

.info-box {
	display: flex;
	flex-wrap: wrap;

	flex-grow: 1;
	min-width: 0;

	line-height: 1.4;
}

.article-title {
	width: 100%;

	font-size: calc(var(--font-size) + 1px);
	font-weight: bold;
	color: #000
}

.article-date {
	display: inline-flex;

	font-size: calc(var(--font-size) - 1px);
	font-family: "poppins", "pretendard";
	color: #777;
}

.article-cate {
	display: inline-flex;
	align-items: center;

	margin-left: 8px;

	font-size: calc(var(--font-size) - 1px);
	color: #777;
}

.article-cate::before {
	content: "";

	width: 4px;
	height: 4px;
	margin-right: 8px;
	border-radius: 100%;
	background-color: #777;
}

.info-more {
	position: relative;
}

.admin-btn {
	cursor: pointer;
}

.admin-btn-icon {
	width: 15px;
	height: 15px;
	color:#aaa;
}

.article-admin {
	position: absolute;
	z-index: 1;
	left: 50%;
	transform: translate(-50%, 0px);
	
	width: max-content;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 10px;
	background-color: #fff;
	overflow: hidden;
}

.article-admin:not(.active) {
	display: none;
}

.admin-item {
	display: block;

	transition: all var(--transition);
}

.admin-item:hover {
	opacity: 0.5;
}

.article-content {
	padding: 20px;
}


/* 에디터 */


/* 이미지 주석 */

:is(figure.imageslideblock div.image-container) {
	min-width: 100%;
}

article :is(figure figcaption, figure.imageslideblock figcaption) {
	padding-top: 5px;

	font-size: var(--font-size);
	color: #aaa;
}


/* 리스트 */

:is(ol, ul)[data-ke-list-type] {
	padding-left: 15px;
}


/* 인용 */

:is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) :is(blockquote, blockquote p) {
	margin: 20px auto 0;
	
	font-size: inherit;
}


/* 인용1 */

:is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) blockquote[data-ke-style='style1'] {
	padding: 15px 0 0 0;
	background: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/blockquote-style1.svg) no-repeat 50% 0;
	background-size: 15px;

	font-size: inherit;
	text-align: center;
	line-height: inherit;
}


/* 인용2 */

:is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) blockquote[data-ke-style='style2'] {
	border-left: 3px solid var(--point-color);
	padding-left: 15px;

	font-size: inherit;
}


/* 인용3 */

blockquote[data-ke-style='box'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) blockquote[data-ke-style='box'], blockquote[data-ke-style='style3'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) blockquote[data-ke-style='style3'] {
	border-radius: 5px;

	font-size: inherit;

	transition: all var(--transition);
}

:is(blockquote[data-ke-style='box'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) blockquote[data-ke-style='box'], blockquote[data-ke-style='style3'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) blockquote[data-ke-style='style3']):hover {
	border-top: 1px solid var(--gradient-color1);
	border-right: 1px solid var(--gradient-color2);
	border-bottom: 1px solid var(--gradient-color2);
	border-left: 1px solid var(--gradient-color1);
}


/* 더보기 */

:is(div[data-ke-type='moreLess'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) div[data-ke-type='moreLess']) {
	display: flex;
	flex-direction: column;
}

:is(div[data-ke-type='moreLess'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) div[data-ke-type='moreLess']) .btn-toggle-moreless {
	width: -moz-fit-content;
	width: fit-content;
	border-radius: 15px;
	padding: 2px 10px;
	background-color: var(--point-color);

	font-size: inherit;
	font-weight: bold;
	color: #fff;

	transition: none;
}

:is(div[data-ke-type='moreLess'].open, :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) div[data-ke-type='moreLess'].open) .btn-toggle-moreless {
	border-radius: 0px 14px 0 0;
	padding: 2px 15px 2px 10px;
}

.btn-toggle-moreless::before {
	content: "+";
	margin-right: 4px;
}

.open .btn-toggle-moreless::before {
	content: "-";
}

:is(figure[data-ke-type='opengraph'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure[data-ke-type='opengraph']) {
	margin-top: 5px;
}

:is(div[data-ke-type='moreLess'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) div[data-ke-type='moreLess']).open .moreless-content {
	margin-top: -1px;
	border: 1px solid #ddd;
	border-top: 2px solid var(--point-color);
	padding: 20px;
}


/* 링크 열기 */

:is(figure[data-ke-type='opengraph'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure[data-ke-type='opengraph']):hover :is(figure[data-ke-type='opengraph'] div.og-text p.og-title, :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure[data-ke-type='opengraph'] div.og-text p.og-title) {
	color: var(--point-color);
}

:is(figure[data-ke-type='opengraph'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure[data-ke-type='opengraph']) a {
	display: flex;
	justify-content: space-between;
	align-items: center;

	position: relative;
	z-index: 0;

	height: auto;
	border: 1px solid #ddd;
	overflow: hidden;	
}

:is(figure[data-ke-type='opengraph'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure[data-ke-type='opengraph']) div.og-image {
	position: relative;

	flex-shrink: 0;

	width: 100px;
	height: 100%;
	aspect-ratio: 1/1;
	border-right: 1px solid #ddd;
}

:is(figure[data-ke-type='opengraph'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure[data-ke-type='opengraph']) div.og-text {
	display: flex;
	flex-wrap: wrap;
	align-content: center;

	position: static;

	flex: 1;
	width: -moz-fit-content;
	width: fit-content;
	height: auto;
	padding: 0px 20px !important;
	background-color: #fff;
	overflow: hidden;
}

:is(figure[data-ke-type='opengraph'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure[data-ke-type='opengraph']) div.og-text p.og-title {
	width: 100%;
	margin: 0 !important;

	font-size: calc(var(--font-size) + 3px);
	font-family: "pretendard";
	font-weight: 600;

	transition: all var(--transition);
}

:is(figure[data-ke-type='opengraph'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure[data-ke-type='opengraph']) div.og-text p.og-desc {
	width: 100%;

	font-size: inherit;
	font-family: "pretendard";
}

:is(figure[data-ke-type='opengraph'], :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure[data-ke-type='opengraph']) div.og-text p.og-host {
	display: flex;

	position: static;

	width: 100%;

	font-size: inherit;
	font-family: "poppins", "pretendard";
}


/* 파일 다운로드 */

:is(figure.fileblock, :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure.fileblock) {
	width: -moz-fit-content;
	width: fit-content;
	height: auto;
	border: 1px solid #ddd;
	border-radius: 35px;
	background-color: #fafafa;

	transition: all var(--transition);
}

:is(figure.fileblock, :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure.fileblock):hover {
	border-color: var(--point-color);
}

:is(figure.fileblock, :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure.fileblock) a {
	display: flex;
	align-items: center;

	gap: 15px;
	height: auto;
	padding: 8px 20px;
	overflow: hidden;
}

:is(figure.fileblock, :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure.fileblock) .image {
	display: none;
}

:is(figure.fileblock, :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure.fileblock) .desc {
	position: static;

	flex: 1;
	overflow: hidden;

	text-overflow: ellipsis;
	white-space: nowrap;
}

:is(figure.fileblock, :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure.fileblock) .filename {
	height: auto;
	margin: 0;

	font-size: inherit;
	font-weight: 500;
	color: var(--point-color);
}

:is(figure.fileblock, :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure.fileblock) .size {
	height: auto;
	margin: 0;

	font-size: calc(var(--font-size) - 1px);
	font-family: inherit;
}

:is(figure.fileblock, :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure.fileblock) a::after {
	content: none
}

:is(figure.fileblock, :is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, #tt-body-category) figure.fileblock) .fileblock-icon {
	flex-shrink: 0;

	width: 23px;
	height: 23px;
	color: var(--point-color);
}

/* 글감 */

figure[data-ke-type='contentSearch'] {
	border: 1px solid #ddd;
	box-shadow: none;
}

figure[data-ke-type='contentSearch'] div.cs-info-wrap {
	width: 100%;
}


/* 지도 */

figure[data-ke-type='map'] {
	max-width: 100%;
}


/* 반응형 동영상 */

iframe:not(.instagram-media) {
	width: 100%;
	height: 100%;
}


/* 본문 */

h2, h2[data-ke-size], h3, h3[data-ke-size] {
	font-weight: normal;
}


/* a태그 */

.article-content p>a {
	font-style: italic;
}

.article-content p>a::before {
	content:"→";

	padding-right: 4px;

	font-style: normal;
}


/* 본문 - 관련글 */

.article-related {
	padding: 20px;
}

.related-headline {
	display: block;

	margin-bottom: 10px;
}

.related-more {
	margin-left: 5px;

	font-size: calc(var(--font-size) - 1px);
	font-weight: 500;
	text-transform: uppercase;
	color: #777;
}

.related-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: 10px;
}

.related-item {
	border-radius: 5px;
	padding: calc( var(--skin-width) * 0.035);
	background-color: #f5f5f5;
	overflow: hidden;
}

:where(.related-item.text_type, .related-item.type_secret) .related-img-box {
	display: flex;
	justify-content: center;
	align-items: center;

	aspect-ratio: 3/2;
	border-radius: 5px;
	background-color: #fff;
}

.related-item.thumb_type:not(.type_secret) .related-icon {
	display: none;
}

.related-icon { 
	width: 22px;
	height: 22px;
	color: var(--point-color);
}

.related-img {
	transform: translateZ(0);

	width: 100%;
	aspect-ratio: 3/2;
	border-radius: 5px;
	object-fit: cover;
	filter: grayscale(1);

	transition: all var(--transition);
}

.related-item:hover .related-img {
	filter: none;
}

.related-info {
	padding-top: 5px;
}

.related-title {
	width: 100%;
	overflow: hidden;

	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;

	transition: all var(--transition);
}

.related-item:hover .related-title {
	color: var(--point-color);
}

.related-date {
	font-size: calc(var(--font-size) - 2px);
	font-family: "pretendard";
	color: #777;
}


/* 본문 - 태그 */

.article-tag {
	padding: 0 20px;

	color: #777;
}

.article-tag a {
	color: #777;
}

.article-tag a:not(:first-child) {
	margin-left: 4px;
}

.article-tag a:hover {
	color: var(--point-color);
}

.article-tag a::before {
	content: "#";
}




/* ───────────────────────────────────────────────────────── */
/* 비밀글 */
/* ───────────────────────────────────────────────────────── */

.protected {
	padding: 60px;
	overflow: hidden;

	text-align: center;
}

.protected-title {
	font-size: calc(var(--font-size) + 2px);
	font-weight: bold;
}

.protected-alert {
	display: block;
}

.password-box {
	display: inline-flex;
	justify-content: center;
	align-items: stretch;

	margin-top: 20px;
	border: 1px solid #ddd;
	border-radius: 20px;
	padding: 5px;
	background-color: #fff;
	overflow: hidden;

	font-size: calc(var(--font-size) - 1px);

	transition: all var(--transition);
}

.password-box:focus-within {
	border-color: var(--point-color);
}

.protected-input {
	width: 100%;
	height: 25px;
	padding: 0px 10px;

	transition: all var(--transition);
}

.protected-submit {
	display: inline-flex;
	justify-content: center;
	align-items: center;

	width: 25px;
	border-radius: 20px;
	background-color: var(--point-color);

	font-weight: 700;
}




/* ───────────────────────────────────────────────────────── */
/* 공지사항 */
/* ───────────────────────────────────────────────────────── */

.notice:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.notice-info {
	display: flex;
	align-items: center;

	gap: 10px;
	border-bottom: 1px solid #ddd;
	padding: 20px;
}

.notice-img {
	width: 48px;
	height: 48px;
	border: 1px solid #ddd;
	border-radius: 100%;
	padding: 4px;
}

.notice-title {
	width: 100%;

	font-size: calc(var(--font-size) + 1px);
	font-weight: bold;
}

.notice-date {
	display: inline-flex;

	font-size: calc(var(--font-size) - 1px);
	font-family: "poppins", "pretendard";
	color: #777;
}

.notice-cate {
	display: inline-flex;
	align-items: center;

	margin-left: 8px;

	font-size: calc(var(--font-size) - 1px);
	color: #777;
}

.notice-cate::before {
	content: "";

	width: 4px;
	height: 4px;
	margin-right: 8px;
	border-radius: 100%;
	background-color: #777;
}

.notice-content {
	padding: 20px;
}

.notice-content a:not(.btn-toggle-moreless) {
	margin-right: 5px;
}

.notice-content a:not(.btn-toggle-moreless)::before {
	content: "🔗";
}

.notice-content .contents_style figure a {
	display: flex;

	position: unset;

	margin: unset;
	border: unset;
	border-radius: unset;
	padding: unset;

	font-weight: unset;
}

.notice-content .contents_style figure a::before {
	content: none;
}


/* ───────────────────────────────────────────────────────── */
/* 포스트 버튼 */
/* ───────────────────────────────────────────────────────── */

.article-post-btn {
	display: flex;
	align-items: stretch;

	gap: 10px;
	padding: 20px;
}

.notice-post-btn {
	display: flex;
	align-items: stretch;

	gap: 10px;
	padding: 0 20px 20px 20px;
}

.article-report, .notice-report {
	margin-left: auto;
}

.rp-btn, .like-btn, .report-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;

	gap: 3px;
	height: 100%;
	border: 1px solid #ddd;
	border-radius: 15px;
	padding: 2px 10px;

	font-family: "pretendard";
	font-weight: 500;
}

.rp-btn-icon {
	transform: rotateY(180deg);

	width: 12px;
	height: 12px;
}

.report-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;

	width: 30px;
	aspect-ratio: 1/1;
	border: 1px solid #ddd;
	border-radius: 15px;
	padding:2px 7px;

	font-family: "pretendard";
	font-weight: 500;
}

.report-btn-icon {
	width: 13px;
	height: 13px;
	color: #000;

	vertical-align: middle;
}

/* RESET */

.container_postbtn {
	display: flex;
	
	padding: unset;
}

.container_postbtn::after {
	content: none;
}

.container_postbtn .postbtn_like {
	display: flex;
	align-items: stretch;

	float: unset;

	padding: unset;

	font-size: inherit !important;
}

.container_postbtn .postbtn_like .wrap_btn {
	display: flex;
	align-items: stretch;

	float: unset;
}

.container_postbtn .btn_post {
	height: unset;
	border: unset;
	border-radius: unset;
	padding: unset;

	font-size: inherit !important;
	font-family: inherit !important;
	line-height: inherit !important;
}

.container_postbtn .btn_post.uoc-icon .uoc-icon {
	display: flex;
	align-items: center;

	position: relative;
}

.container_postbtn .btn_post .ico_like {
	display: none;

	max-width: unset;
	width: unset;
	height: unset;
	margin: unset;
	background: none;

	text-indent: unset;
}

.container_postbtn .btn_post .txt_like {
	margin: unset;
    
	font-size: inherit !important;
	font-family: inherit !important;
	line-height: inherit !important;
}

.container_postbtn .btn_post .ico_share {
	display: none;

	margin: unset;
	background: none;

	font-size: inherit !important;
	font-family: inherit !important;
	line-height: inherit !important;
}

.container_postbtn .layer_post {
	border: unset;
	box-shadow: unset;
	padding: unset;
	background: unset;
}

.container_postbtn .layer_post .ico_arrbt {
	display: none;
}

.container_postbtn .layer_post .btn_mark {
	padding: unset;

	font-size: inherit !important;
	font-family: inherit !important;
	line-height: inherit !important;
	color: inherit;
}

.container_postbtn .btn_post .ico_statistics {
	display: none;

	width: unset;
	height: unset;
	margin: unset;
	background: none;

	text-indent: unset;
}

.btn_post, .btn_menu_toolbar {
	outline: none !important;
}

.btn_post, .btn_menu_toolbar:focus-visible {
	outline: 2px !important;
}

.container_postbtn .postbtn_ccl {
	display: none;
}

.container_postbtn .ico_postbtn.ico_etc {
	display: none;
}

.container_postbtn .btn_menu_toolbar, .container_postbtn button.tt-btn-support {
	width: -moz-fit-content;
	width: fit-content;
	height: unset;
	margin: unset;
	border: unset;
	border-radius: unset;

	font-size: inherit !important;
	font-family: inherit !important;
	line-height: inherit !important;
}

.container_postbtn .btn_menu_toolbar .txt_state {
	display: none;
}

.container_postbtn .btn_menu_toolbar.following .ico_check_type1 {
	display: none;
}


/* 메인 박스 */
.container_postbtn {
	justify-content: space-between;

	gap: 10px;
}

.container_postbtn .postbtn_like { 
	gap: 15px;
	border: 0;
}

/* 공유 */
.container_postbtn .wrap_btn_share {
	display: none !important;
}

/* 통계 */
.container_postbtn .wrap_btn:nth-of-type(3):not(.wrap_btn_etc) {
	display: none !important;
}

/* 더보기 */
.container_postbtn .wrap_btn_etc {
	display: none !important;
}

/* 구독 버튼 */

.container_postbtn .postbtn_like + .btn_menu_toolbar.btn_subscription {
	display: none;
}

/* 공감 버튼 */
.ico_postbtn.ico_like {
	display: none;
}

button.btn_post.uoc-icon {
	display: inline-flex;
	align-items: stretch;
}

.container_postbtn .btn_post.uoc-icon .uoc-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;

	height: 100%;
	border: 1px solid #ddd;
	border-radius: 15px;
	padding: 2px 10px;

	font-family: "pretendard";
	font-weight: 500;

	transition: all var(--transition);
}

.like-iconbox {
	display: inline-flex;
	align-items: center;
}

.like-icon {
	width: 12px;
	height: 12px;
	stroke: #000;
	stroke-width: 2.5px;
	color: transparent;

	transition: all var(--transition);
}

.like_on .like-icon {
	stroke-width: 0;
	color: var(--point-color);
}

.like-count {
	transition: all 1.25s;
}

.like-count::before {
	content: "+";

	margin: 0 2px;
}

.like-count:empty::before {
	content: "";
}

.container_postbtn .btn_post .like_on .txt_like.like-count { 
	color: var(--point-color) !important;
}

.article-like, .notice-like {
	display: none;
}

/* 응원하기 */
.article-support {
	display: none;
}

div[data-tistory-react-app="SupportButton"] {
	display: flex;
	align-items: center;
}

.container_postbtn button.tt-btn-support {
	display: inline-flex;
	justify-content: center;
	align-items: center;

	gap: 6px;
	height: 100%;
	border: 1px solid #ddd;
	border-radius: 15px;
	padding: 2px 10px;
	background-color: transparent;

	font-size: var(--font-size) !important;
	font-weight: 500;
	color: #000;

	transition: all var(--transition);
}

.notice .container_postbtn .btn_menu_toolbar {
	display: none !important;
}

.notice div[data-tistory-react-app="SupportButton"] {
	display: none;
}

div[data-tistory-react-app="SupportButton"]:empty {
	display: none;
}

.support-icon {
	width: var(--font-size);
	height: var(--font-size);
	color: #000;
	stroke-width: 1.5px;
}

/* ───────────────────────────────────────────────────────── */



/* ───────────────────────────────────────────────────────── */
/* 태그 클라우드 */
/* ───────────────────────────────────────────────────────── */

.taglog {
	display: flex;
	flex-wrap: wrap;

	gap: 10px;
	padding: 25px;
}

.tag-category {
	width: 100%;
	margin-bottom: 15px;

	font-size: calc(var(--font-size) + 2px);
	font-weight: bold;
	text-transform: capitalize;
}

.tag-item {
	border:1px solid #ddd;
	border-radius: 15px;
	padding: 4px 12px;

	color: #777;
}

.tag-item:hover {
	border-color: var(--point-color);

	color: var(--point-color);
}

.tag-item::before {
	content: "#";
}

.taglog .cloud1 {
	border-color: var(--point-color);

	font-weight: bold;
	color: var(--point-color);
}

.taglog .cloud2 {
	border-color: var(--point-color);

	color: var(--point-color);
}

.taglog .cloud3 {
	font-weight: bold;
}


/* ───────────────────────────────────────────────────────── */
/* 리플 & 방명록 */
/* ───────────────────────────────────────────────────────── */

.rp-entry {
	transition: all var(--transition);
}

.rp-entry.hidden {
	visibility: hidden;
	opacity: 0;
	transition: all 1s ease;
}

.rp-entry:not(.active) {
	display: none;
}

/* 리플 && 방명록 */
.rp-write, .guest-write {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;

	gap: 10px;
	padding: 20px 10px;
	background-color: #fafafa;
}

:where(.rp-item, .guest-item):not(:first-child) {
	border-top: 1px solid #eaeaea;
}

.rp-rep, .guest-rep {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	position: relative;

	gap: 15px;
	padding: 25px;
}

.rp-reply-item .rp-rep, .guest-reply-item .guest-rep {
	position: relative;

	border-top: 1px dashed #ddd;
	background-color: #fafafa;
}

.reply-icon {
	transform: rotate(180deg);
	
	width: 15px;
	height: 15px;
	color: #aaa;
}

.rp-img-wrap, .guest-img-wrap {
	position: relative;

	margin: 0;
}

.rp-img, .guest-img {
	width: 40px !important;
	height: 40px;
	border: 3px double #bbb;
	border-radius: 100%;
	padding: 2px;
}

:where(.rp_admin .rp-img-wrap, .guest_admin .guest-img-wrap)::before {
  content: "";

  position: absolute;
  top: -2px;
  left: -2px;

  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  border-radius: 100%;
  background-image: linear-gradient(to right, var(--gradient-color1) 20%, var(--gradient-color2) 100%);
  background-origin: border-box;
}

.rp_admin .rp-img, .guest_admin .guest-img {
	position: relative;

	border:2px solid #fff;
	padding: 0;
}

.rp-info, .guest-info {
	margin-right: auto;
}

.rp-name, .guest-name {
	margin-right: 7px;

	font-weight: 600;
}

.rp-date, .guest-date {
	font-size: calc(var(--font-size) - 1px);
	font-family: "poppins", "pretendard";
	color: #bbb;
}

.rp-desc, .guest-desc {
	width: 100%;
}

.rp-reply-item .rp-desc, .guest-reply-item .guest-desc {
	padding-left: 30px;
}

.rp-more-btn, .guest-more-btn {

	cursor: pointer;
}

.rp-more-icon, .guest-more-icon {
	width: 14px;
	height: 14px;
	color:#bbb;
}

.rp-control, .guest-control {
	position: absolute;
	z-index: 1;
	left: 50%;
	transform: translate(-50%, 0px);

	width: max-content;
	margin-top: 5px;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 5px 10px;
	background-color: #fff;
	overflow: hidden;

	font-size: calc(var(--font-size) - 1px);
}

:where(.rp-control, .guest-control):not(.active) {
	display: none;
}

.control-item {
	display: block;

	color: #bbb;
}

.textarea-box {
	display: flex;
	align-items: stretch;

	flex-grow: 1;
	border: 1px solid #ddd;
	border-radius: 20px;
	padding: 5px;
	background-color: #fff;
	overflow: hidden;

	font-size: calc(var(--font-size) - 1px);

	transition: all var(--transition);
}

.textarea-box:focus-within  {
	border-color: var(--point-color);
}

.writer-info {
	width: 100%;

	text-align: center;
}

.rp-input, .guest-input {
	width: 100px;

	font-family: "poppins", "pretendard";

	transition: all var(--transition);
}

:where(.rp-input, .guest-input)::placeholder {
	color: #bbb;

	transition: all var(--transition);
}

:where(.rp-input, .guest-input):focus {
	width: 120px;
}

:where(.rp-input, .guest-input):focus::placeholder {
	font-weight: bold;
	color: var(--point-color)
}

.rp-textarea, .guest-textarea {
	width: 100%;
	height: 29px;
	max-height: 120px;
	padding: 7px 10px;

	transition: all var(--transition);
	scrollbar-width: none;
}

:where(.rp-textarea, .guest-textarea)::-webkit-scrollbar {
	display: none;
}

.rp-submit, .guest-submit {
	display:inline-flex;
	justify-content: center;
	align-items: center;

	width: 29px;
	border-radius: 20px;
	background-color: var(--point-color);
}

.submit-btn {
	width:14px;
	height: 14px;
	color:#fff;
}

/* 체크박스 */
.secret-label {
	display: inline-flex;
	justify-content: center;
	align-items: center;

	width: 20px;
	height: 40px;

	cursor: pointer
}

.secret-checkbox {
	display: none
}

.secret-checkbox + .secret-label .unlock-icon {
	display: block;

	width: 13px;
	height: 13px;
	color: #aaa;
}

.secret-checkbox:checked + .secret-label .unlock-icon {
	display: none;
}

.secret-checkbox + .secret-label .lock-icon {
	display: none;

	width: 13px;
	height: 13px;
	color: var(--point-color);
}

.secret-checkbox:checked + .secret-label .lock-icon {
	display: block;
}

.tistoryProfileLayerTrigger {
	display: none;
}

.tt_box_cheers {
	display: none !important;
}

.tt_cheers_msg {
	margin-top: 0 !important;
}


/* ───────────────────────────────────────────────────────── */
/* 페이징 */
/* ───────────────────────────────────────────────────────── */

:is(#tt-body-index, #tt-body-search, #tt-body-category, #tt-body-tag) .article-paging {
	display: none;
}

.paging, .article-paging {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	position: absolute;
	bottom: 0;
	left: calc(100% + 20px);
	
	gap: 0px;
}

.paging-link { 
	display: flex;
	border: 1px solid #ddd;
	padding: 2px;
	background-color: #f9f9f9;
}

.paging-line {
	width: 1px;
	height: 15px;
	background-color: #eaeaea;
	text-align: center;
}

.paging-num + .paging-line {
	display: none;
}

/*페이징 넘버*/
.paging-num {
	margin: 10px 0;

	font-weight: bold;
	text-align: center;
	color: #aaa;
}

.num-item {
	display: block;
}

.paging .selected {
	color: var(--point-color)
}

.paging-icon {
	width: 16px;
	height: 16px;
	color:#000;

	transition: all var(--transition);
}

:where(.no-more-prev.paging-link, .no-more-next.paging-link) .paging-icon {
	color: #ccc;
}

.empty-paging .paging-icon {
	color: #ccc;
}

.paging-icon:hover {
	opacity: 0.4;
}




/* ───────────────────────────────────────────────────────── */
/* 스크롤바 */
/* ───────────────────────────────────────────────────────── */

::-webkit-scrollbar {
	width: 2px;
}

::-webkit-scrollbar-track {
	-webkit-border-radius: 0;
	border-radius: 0;
	background: none;
}

::-webkit-scrollbar-thumb {
	background-color: #ddd;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #ddd;
}




/* ───────────────────────────────────────────────────────── */
/* 드래그 */
/* ───────────────────────────────────────────────────────── */

::selection {
	background: var(--point-color);
	color: #FFF;
}




/* ───────────────────────────────────────────────────────── */
/* 반응형 */
/* ───────────────────────────────────────────────────────── */


/* 태블릿 */

@media only screen and (max-width : 1024px) {
	body {
		font-family:"pretendard" !important;
	}
	.wrap {
		width: 100%;
		margin: 0px auto;
	}

	.container {
		width: 100%;
		height: auto;
		margin: 0;
		border: 0;
	}

	.header {
		position: sticky;
		top: 0;
		z-index: 1;
	}

	.content {
		height: auto;
		min-height: 150px;

		overflow-y: unset;
	}

	.slide-box {
		position: relative;
		z-index: 0;
		left: 0;
		top: 0;
		transform: translate(0, 0);

		width: 100%;
		box-shadow: none;
	}

	.slide-box:not(.background-position) {
		height: 0;
		padding: 0px;
	}

	.slide-box.background-position {
		opacity: 1;

		left: 0px;
		top: 0px;

		height: auto;
	}

	.slide-img {
		width: 100% !important;
		height: auto;
	}

	.cover-slide .cover-container {
		flex-wrap:wrap;
		
		height: auto;
	}

	.cover-slide .cover-item {
		height: 150px;
	}

	.cover-slide .cover-img {
		object-fit: cover;
	}

	.cover-slide .cover-info {
		opacity: 1;
	}

	* {
		-webkit-tap-highlight-color: transparent
	}

	.article-paging {
  	display: grid;
    justify-items: center;

		position: fixed;
    bottom: 20px;
    left: calc(100% - 40px);

    gap: 10px;
	}

	.article-paging .paging-line {
		width: 1px;
		height: 15px;
	}

	.admin-tap {
		display: none;
	}

	.paging {
		align-items: center;

		position: relative;
		left: 0;

		gap: 10px;
		margin-top: 10px;
	}

	.paging-line {
		width: 20px;
		height: 1px;
	}

	.num-item {
		display: inline-block;
	}

	.num-item:not(:last-child) {
		margin-right: 8px;
	}
}


/* 모바일 */

@media only screen and (max-width : 600px) {
	.copyright {
		display: none;
	}
	
	.profile-info {
		margin: 0;
	}

	.heart-btn {
		margin-left:0;
	}

	.list-gallery2 .list-item {
		width: calc(100%/ 2);
	}

	.list-webzine .list-img {
		width: 60px;
	}

	:is(.article-cate, .notice-cate, .cover-list .cover-cate, .list-webzine .list-date)::before {
		width: 3px;
		height: 3px;
	}

	.profile-search {
		padding: 0px 10px;
	}

	.search-input {
		transform: scale(0.75);

		font-size: calc(var(--font-size) + 4px);
	}
}

@media only screen and (max-width : 400px) {
	.menubar-box {
		gap: 15px;
	}
}


/* 카피라이트 */
.copyright-btn path {
	fill: #bbb;
	transition: all var(--transition);
}

.copyright:hover path { 
	fill: var(--point-color);
}