@charset "utf-8";

:root {
	--transition: all 0.5s;
}

/* reset inline style */
* {
	box-sizing: border-box;

}

[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,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: inherit;
	vertical-align: baseline;
}

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

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

img {
	vertical-align: middle;
}

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

/* tistory Editor */
/* 이미지 주석 */
: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: 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']) .btn-toggle-moreless {
	border-radius: 15px;
	padding: 4px 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: 4px 15px 4px 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;

	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: static;

	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: var(--content-background-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']) 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: 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[data-ke-type=opengraph] a,
:is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, 
#tt-body-category) figure[data-ke-type=opengraph] a,
:is(#tt-body-index, #tt-body-search, #tt-body-tag, #tt-body-page, 
#tt-body-category) .blogview_content figure[data-ke-type=opengraph]) div.og-image::before {
	content: none;
}

/* 파일 다운로드 */
: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: 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) a::before {
	content: "";

	width: 20px;
	height: 20px;
	background-size: 100px;
	--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 19H21V21H3V19ZM13 13.1716L19.0711 7.1005L20.4853 8.51472L12 17L3.51472 8.51472L4.92893 7.1005L11 13.1716V2H13V13.1716Z' %3E%3C/path%3E%3C/svg%3E");
	background-image: var(--svg);
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-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) .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
}


/* 지도 */
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;
}

/******************************************************/
/******************************************************/
/******************************************************/
.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;
}

/******************************************************/
/**********************HEADER**************************/
/******************************************************/
/* 관리자 버튼 */
.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;
	fill:#ccc;

	transition: 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 {
	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: var(--transition);
}

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

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

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

	transition: 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;
	fill: #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;
	fill:var(--point-color);	

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

/* 카테고리 */
.sitemap {
	display: none;

	position: absolute;
	z-index: 2;
	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: 0;
	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 li::before {
	content: "-";

	margin-left: 5px;

	color: #555;
}

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

.category .c_cnt {
	display: none;
}

/* 링크창 */
.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;

	transition: var(--transition);
}

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

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


/******************************************************/
/**********************COVER***************************/
/******************************************************/

.cover {
	display: flex;
	flex-wrap: wrap;
}

.cover-box {
	width: 100%;
}

.cover-headline {
	display: block;

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

/* 목록형 */
.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 :where(.cover-img, .empty-img) {
	width: 50px;
	height: 50px;
	aspect-ratio: 1/1;
	border: 1px solid #ddd;
	border-radius: 100%;
	padding: 4px;
	object-fit: cover;
}

.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 {
	width: 100%;
	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: 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 {
	position: relative;

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

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

	position: absolute;
	z-index: 1;
	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: 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-img {
	display: block;

	transform: scale(1.4) rotate(3deg);

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

	transition: all 1s;
}

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

/* 공지형 */
.cover-notice {
	width: 100%;
	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: "❤️";
}

/******************************************************/




/******************************************************/
/**************CATEGORY VIEW***************************/
/******************************************************/

.search-list {
	padding: 25px;
}

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

/**NORMAL**/
.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-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;
}


/* 목록형 */
.list-simple .list-item {
	padding: 10px 0;

	transition: 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;
	fill: #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 {
	position: relative;

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

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

	transform: scale(1.4) rotate(3deg);

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

	transition: all 1s;
}

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

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

	transition: var(--transition);
}

.list-gallery .secret-icon {
	width: 15px;
	height: 15px;
	fill: #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: 1;
	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: 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: var(--transition);
}

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

  position: absolute;

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

	transition: var(--transition);
}

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

.list-gallery2 .list-img {
  width: 100%;
  height: 100%;
	min-height: 100px;
	border-radius: 10px;

	transition: var(--transition);
}

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

	transition: var(--transition);
}

.list-gallery2 .secret-icon {
	width: 15px;
	height: 15px;
	fill: #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: 1;
	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: 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: 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: 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;

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

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

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

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

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

	padding: 0 10px;
}

.admin-btn {
	cursor: pointer;
}

.admin-btn-icon {
	width: 15px;
	height: 15px;
	fill:#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: var(--transition);
}

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

.article-content {
	padding: 20px;
}

.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;
	fill: var(--point-color);
}

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

	transition: 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: 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: var(--transition);
}

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

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

	transition: 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 {
	margin-right: 5px;
}

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

/* 포스트 버튼 */
.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;
	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;
}

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

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

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

	transition: var(--transition);
}

.like-btn>div { 
	display:flex;
	align-items: center;
}

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

.like-icon {
	width: 12px;
	height: 12px;
	fill: #000;

	transition: var(--transition);
}

.like_on .like-icon {
	fill: var(--point-color);
}

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

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

	margin: 0 2px;
}

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

.like_on .like-count { 
	color: var(--point-color);
}

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

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

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

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

	vertical-align: middle;
}

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

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

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

.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;
	fill:#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: 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: var(--transition);
}

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

	transition: 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: 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;
	fill:#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;
	fill: #aaa;
}

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

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

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

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

.tistoryProfileLayerTrigger {
	display: none;
}

/* 페이징 */
: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;
	fill:#000;

	transition: var(--transition);
}

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

.empty-paging .paging-icon {
	fill: #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: var(--transition);
}

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