:root {
	--font-primary-color: #2f2f33;
	--font-second-color: #666;
	--bg-color: #fafafb;
	--primary-color: #4e4e4e;
	--max-width: 800px;
	--sidebar-width: 29%;
	--main-width: 69%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
	-webkit-tap-highlight-color: transparent!important;
}

body {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100vh;
	margin: 0 auto;
 	background-color: var(--bg-color);
	color: var(--font-primary-color);
	font-family: 'Inter', 'Pretendard', sans-serif;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  font-size: 10px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
@media (max-width: 600px) {
	body {
		min-height:auto;
	}
}
@media (min-width: 1024px) {
	body {
		max-width: var(--max-width);
	}
}
body::-webkit-scrollbar {
	display: none;
}

/* clearfix */
.clearfix:before, .clearfix:after {
  display: block;
  content: '';
  line-height: 0;
}
.clearfix:after {
  clear:both;
}
.clearfix {
  *zoom: 1;
}

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

a {
  text-decoration: none;
  color: inherit;
}

button {
	line-height: 1;
	padding: 4px 20px;
	background-color: #fff;
	outline: none;
	border: 1px solid #cacaca;
	border-radius: 4px;
}
button:focus{ 	
	border: none!important;
	outline:none!important;
}

textarea {
	width: 100%;
	height: auto;
	border: none 0;
	background-color: #fff;
	border-radius: 4px;
	outline: none;
	resize: none;
	font-family: 'Inter', 'Pretendard', sans-serif;
  color: var(--font-second-color);
	font-size: 1em;
}

input[type=text], input[type=password] {
	width: 70%;
	height: 30px;
	font-size: 1.1em;
	font-family: 'Inter', 'Pretendard', sans-serif;
	color: var(--font-second-color);
	border-radius: 4px;
	outline: none;
	border: 1px solid #fff;
	padding: 0 4px;
}

input[type=text] + input[type=password] {
	margin-left: 6px;
}

input[type=submit] {
	float: right;
	outline: none;
	background: none;
	font-family: 'Inter', 'Pretendard', sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1;
	background-color: #fff;
	border-radius: 4px;
	color: var(--font-second-color);
	margin: 0;
	border: 1px solid #f3f3f3;
	padding: 4px 7px;
}

code {
	font-family: 'Inter', 'Pretendard', sans-serif;
}

/* box */
.wrap {
	position: relative;
	padding: 1em;
	padding-bottom: 5em;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	transition: 0.5s all ease-in-out;
}
@media (min-width: 1024px) {
	.wrap {
		max-width: var(--max-width);
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		align-items: flex-start;
	}
}

.main {
	width: 100%;
}
@media (min-width: 1024px) {
	.main {
		width: var(--main-width);
	}
}
#tt-body-index .main > div + div {
	margin-top: 10px;
}
#tt-body-index .main > section + section {
	margin-top: 10px;
}

#header {
	width: 100%;
}
@media (min-width: 1024px) {
	.sidebar {
		width: var(--sidebar-width);
    display: inline-block;
		vertical-align: top;
		margin-right: auto;
	}
}

/* list */
.articleList {
	padding: 1em;
	border-radius: 20px;
	background-color: #fff;
	z-index: 3;
}

.articleList, 
.articleList ol {
	width: 100%;
}

.articleList li {
	border-radius: 12px;
	overflow: hidden;
}

.articleList li a {
	display: flex;
}

.list {
	width: 100%;
	padding: 20px;
}

.list img {
	display: none;
}

.list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #f3f3f3;
}

.list a {
	font-size: 1.2em;
	padding: 16px 0;
	font-weight: 500;
}

.list .date {
	color: var(--font-second-color);
	text-align: right;
	font-size: 1em;
}

/* thumbnail */
.thumbnail {
	display: flex;
}

.thumbnail span {
	display: none;
}

.thumbnail a {
	object-fit: cover;
}

.thumbnail img {
	width: 100%;
	object-fit: cover;
}

.thumbnail ol{
	display: flex;
	flex-wrap: wrap;
}

.thumbnail li{
	margin: 1%;
}

.thumbnail.thumbx1 .listThumb, 
.thumbnail.thumbx1 a  {
	aspect-ratio: 16 / 9;
}
.thumbnail.thumbx1 li {
	width: 100%;
}

.thumbnail.thumbx2 .listThumb, 
.thumbnail.thumbx2 a  {
	aspect-ratio: 1 / 1;
}
.thumbnail.thumbx2 li {
	width: 48%;
}

.thumbnail.thumbx3 .listThumb, 
.thumbnail.thumbx3 a  {
	aspect-ratio: 1 / 1;
}
.thumbnail.thumbx3 li {
	width: 31.333%;
}

/* profile */
.profile {
	position: relative;
	background-color: #fff;
	padding: 20px;
	border-radius: 20px;
	margin-bottom: 10px;
}

.profile .img {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 20px;
	overflow: hidden;
}

.profile .img img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.profile .name {
	display: flex;
	align-items: center;
	margin-top: 16px;
}

.profile .name h4 {
	font-size: 1.400em;
	font-weight: 900;
	margin-right: 3px;
}

.profile .name svg {
	width: 16px;
	height: 16px;
	fill: var(--primary-color);
}

.profile .desc p {
	font-size: 1em;
	color: var(--font-second-color);
	line-height: 1.4;
	margin-top: 10px;
}

#tt-body-archive .profile,
#tt-body-media .profile,
#tt-body-page .profile {
	display: none;
}
@media (min-width: 1024px) {
	#tt-body-archive .profile,
	#tt-body-media .profile,
	#tt-body-page .profile {
		display: block;
	}
}

/* cover list */
.article_skin {
	padding: 10px;
	background-color: #fff;
	border-radius: 20px;
}

.list_content {
	width: 25%;
	padding: 1%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.list_content a {
	display: block;
}

.list_content img {
	width: 100%;
	border-radius: 10px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/* featured */
.featured {
	width: 100%;
}

.featured img {
	width: 100%;
	border-radius: 12px;
}

.featured-item {
	background-color: #fff;
	padding: 20px;
	border-radius: 20px;
}

.featured-item > div > * + * {
	margin-top: 10px;
}

.featured-item + .featured-item {
	margin-top: 10px;
}

/* quick */
#menudisplayoff {
	display: none;
}

#menudisplayon {
	display: block;
}

.quick {
	width: 100%;
	background-color: #fff;
	padding: 1em;
	border-radius: 20px;
}

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

.quickItem {
	position: relative;
	width: 48%;
	margin: 1%;
	border-radius: 12px;
	overflow: hidden;
}

.quickItem img{
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.quickItemTitle {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	padding: 16px;
	transition: .3s background-color ease-in-out;
}

.quickItem:hover .quickItemTitle{
	background-color: rgba(0,0,0,0);
}

.quickItemTitle h5 {
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 4px;
	padding: 4px 8px;
	font-size: 1em;
	font-weight: 500;
}

.quickWrap + .quickWrap {
	margin-top: 2%;
}

#tt-body-category .quick,
#tt-body-search .quick,
#tt-body-archive .quick,
#tt-body-tag .quick,
#tt-body-media .quick,
#tt-body-location .quick,
#tt-body-guestbook .quick,
#tt-body-page .quick {
	display: none;
}

/* category */
#gnb {
	background-color: var(--primary-color);
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	overflow: hidden;
  position: fixed;
	transition: all 0.7s ease-in-out;
	visibility: hidden;
  width: 100%;
	max-width: 500px;
	z-index: 1100;
}
@media (min-width: 1024px) {
	#gnb {
		position:initial;
		transform: initial;
		border-radius: 20px;
	}
}

#gnb.open {
	opacity: 1;
	visibility: visible;
}

.toggleMenu {
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: inline-block;
	float: right;
	height: 50px;
	outline: none;
	padding: 0;
	pointer-events: initial;
	position: relative;
	vertical-align: middle;
	width: 50px;
	z-index: 1110;
}

.toggleMenu span {
  background-color: #2f2f33;
  content: "";
  display: block;
  height: 0px;
  left: calc(50% - 13px );
  position: absolute;
  top: calc(50% - 1px );
  transform-origin: 50% 50%;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
  width: 26px;
}

.toggleMenu span:before, .toggleMenu span:after {
  background-color: var(--primary-color);
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  transform-origin: 50% 50%;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
  width: 26px;
}

.toggleMenu span:before {
  top: 5px;
}

.toggleMenu span:after {
  top: -5px;
}

.toggleMenu.active span {
  background-color: transparent;
  transition: background 0.2s ease-out;
}

.toggleMenu.active span:before, .toggleMenu.active span:after {
  transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
	background-color: #fff;
}
@media (min-width: 1024px) {
	.toggleMenu.active span:before, .toggleMenu.active span:after {
		background-color: var(--primary-color);
	}
}

.toggleMenu.active span:before {
  top: 0;
  transform: rotate3d(0, 0, 1, -45deg);
}

.toggleMenu.active span:after {
  top: 0;
  transform: rotate3d(0, 0, 1, 45deg);
}

.gnbMenu {
	padding: 32px;
	font-size: 2em;
}
@media (min-width: 1024px) {
	.gnbMenu {
		padding: 20px;
		font-size: 1.3em;
	}
}

.gnbMenu a {
	color: var(--font-primary-color);
}

.sub_category_list {
	display: none;
}

.ac-category.expanded .ac-toggle i {
	transform: rotate(0.5turn);
}

.ac-toggle {
	cursor: pointer;
}

.ac-toggle i {
	transition: .1s
}

.ac-category .ac-toggle i {
  float: right;
  padding: 4px;
}

.gnbMenu ul li a , 
.category_list li a {
	display: block;
	padding: 10px 0;
	color: #fff;
}

.link_item, 
.link_sub_item {
	overflow: hidden;
	text-overflow: ellipsis;
}

/* article */
figure.imageblock.alignCenter {
    margin: 5px auto 5px;
}

.articleWrap {
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	padding: 1em;
	border-radius: 20px;
}

.articleInfo {
	border-radius: 20px;
	margin-bottom: 10px;
	padding: 20px 10px;
	position: relative;
	overflow: hidden;
}

.articleInfo img {
	display: none;
	width: 100%;
	aspect-ratio: 5 / 7;
	object-fit: cover;
}

.articleCate {
	display: block;
	margin-top: 16px;
	opacity: .8;
	font-size: 1.2em;
}

.articleTitle {
	font-size: 2em;
}

.articleDate {
	margin-top: 10px;
	opacity: .6;
}

.contents_style {
	padding: 0!important;
}

#mArticle {
	display: flex;
	flex-wrap: wrap;
}

#mArticle h5 {
	width: 100%;
	padding: 0 8px;
}

.article {
	word-break: break-all;
	line-height: 1.5;
	font-size: 1.2em;
	padding: 0 10px;
}

/* comment */
.commentdisplayoff {
	display: none;
}

commentdisplayon {
	display: block;
}

.commentBtn {
	display: inline-block;
	width: 24px;
	height: 30px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-message-square'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
	background-position: center 62%!important;
	background-repeat: no-repeat!important;
	background-size: 12px 13px!important;
}

.commentWrite {
	background-color: #fff;
	margin-top: 10px;
	padding: 20px;
	border-radius: 20px;
}

.commentList {
	margin-top: 10px;
}

.commentList .message {
	font-size: 1.160em;
	margin-top: 16px;
	word-break: break-word;
}

.commentList ol > li {
	background-color: #fff;
	border-radius: 20px;
	padding: 30px;
}

.commentList ol > li + li {
	margin-top: 10px;
}

.commentList ol > li > div + ul {
	margin-top: 16px;
	padding-left: 8px;
}

.commentList ol > li > div + ul > li + li {
	margin-top: 16px;
}

.commentList .name {
	font-size: 1.200em;
	font-weight: bold;
}

.comment-ta {
	position: relative;
	padding: 10px;
}

.comment-ta .btn-submit {
	position: absolute;
	bottom: 6px;
	right: 0px;
}

.comment-ta input {
	width: 20px;
	height: 20px;
	border: none;
	background-color: var(--primary-color);
	border-radius: 12px;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-up'%3E%3Cline x1='12' y1='19' x2='12' y2='5'%3E%3C/line%3E%3Cpolyline points='5 12 12 5 19 12'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

/* guestWrite */
.guest {
	width: 100%;
}

.guest-wr {
	background-color: #fff;
	padding: 20px;
	border-radius: 20px;
}

.guest-ta textarea {
	background-color: #fff;
	border: 1px solid #f5f4f6;
	font-size: 1.1em;
}

.guest-fr {
	display: flex;
	margin-top: 10px;
	padding: 0 10px;
}

.guest-in {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width: 25%;
	text-align: left;
}

.guest-in div + div {
	margin-top: 8px;
}

.guest-in .guest-icon {
	font-size: 11px;
	font-weight: bold;
	margin-right: 4px;
}

.guest-in label svg {
	vertical-align: sub;
	stroke: #bebebe;
}

.guest-ta {
	position: relative;
	width: 75%;
	border-left: 1px solid #f5f4f6;
	overflow: hidden;
	padding: 10px;
}

.guest-ta .btn-submit {
	position: absolute;
	bottom: 6px;
	right: 0px;
}

.guest-ta textarea {
	border: none;
	padding: 0;
}

.guest-ta input {
	width: 20px;
	height: 20px;
	border: none;
	background-color: var(--primary-color);
	border-radius: 12px;
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-up'%3E%3Cline x1='12' y1='19' x2='12' y2='5'%3E%3C/line%3E%3Cpolyline points='5 12 12 5 19 12'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

/* guestList */
.guest-li {
	margin-top: 10px;
}

.guest-li .name {
	font-size: 1.200em;
	font-weight: bold;
}

.guest-li .message {
	font-size: 1.160em;
	margin-top: 12px;
	word-break: break-word;
}

.guest-li > ol > li {
	background-color: #fff;
	border-radius: 20px;
	padding: 30px;
}

.guest-li ol > li > div + ul {
	padding-left: 8px;
}

.guest-li ol > li > div + ul > li {
	margin-top: 16px;
}

.guest-li ol > li + li {
	margin-top: 10px;
}

/* tagLog */
.taglog {
	width: 100%;
	background-color: #fff;
	border-radius: 20px;
	padding: 20px;
}

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

.taglog ul li {
	margin: 0 10px 10px 0;
}

.taglog ul li a {
	font-size: 1.1em;
	display: inline-block;
	color: var(--font-second-color);
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 4px 7px;
	border-radius: 6px;
	transition: all .3s ease-in-out;
	background-color: #f7f7f7;
}

.taglog ul li a:hover {
	background-color: var(--primary-color);
	color: #fff;
}

/* tagTrail */
.tagTrail {
	width: 100%;
	display: flex; 
	flex-wrap: wrap;
	margin-top: 32px;
	font-size: 11px;	
}

.tagTrail #text {
	display: none;
}

.tagTrail a {
	display: inline-block;
	margin: 0 8px 0 0;
	transition: all .5s ease-in-out;
	background-color: #fff;
	font-weight: 400;
	opacity: .7;
}

.tagTrail a:hover {
	color: var(--primary-color);
}

.tagTrail:not a {
	display: none;
}



/* Notice */
.entryNotice {
	width: 100%;
	background-color: #fff;
	border-radius: 20px;
	padding: 10px 10px 30px;
}

.titleWrap {
	margin-bottom: 10px;
	padding: 20px 10px;
	overflow: hidden;
}

.titleWrap h2 {
	font-size: 2em;
}

.titleWrap .date {
	display: block;
	margin-top: 10px;
	opacity: .6;
}

/* postbtn */
.postbtn_ccl, 
.btn_share {
	display: none;
}
.container_postbtn .postbtn_like {
	border: none 0!important;
	padding: 0!important;
}
.uoc-icon {
	padding: 0 2px 0 0!important;
}
.container_postbtn .btn_post {
	outline: none;
}
.container_postbtn .btn_post .ico_etc {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-more-horizontal'%3E%3Ccircle cx='12' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='19' cy='12' r='1'%3E%3C/circle%3E%3Ccircle cx='5' cy='12' r='1'%3E%3C/circle%3E%3C/svg%3E");
	background-position: center!important;
	width: 16px!important;
	height: 16px!important;
	background-size: cover!important;
}
.container_postbtn .btn_post .ico_like {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4457 1.97011C10.1903 1.71918 9.8871 1.52012 9.55337 1.3843C9.21964 1.24849 8.86194 1.17859 8.5007 1.17859C8.13945 1.17859 7.78175 1.24849 7.44802 1.3843C7.11429 1.52012 6.81107 1.71918 6.55569 1.97011L6.02569 2.49065L5.49569 1.97011C4.97985 1.46348 4.28021 1.17885 3.55069 1.17885C2.82118 1.17885 2.12154 1.46348 1.60569 1.97011C1.08985 2.47675 0.800049 3.16389 0.800049 3.88038C0.800049 4.59687 1.08985 5.28401 1.60569 5.79065L2.13569 6.31118L6.02569 9.82145L9.91569 6.31118L10.4457 5.79065C10.7012 5.53983 10.9039 5.24203 11.0422 4.91426C11.1804 4.58649 11.2516 4.23517 11.2516 3.88038C11.2516 3.52559 11.1804 3.17427 11.0422 2.8465C10.9039 2.51873 10.7012 2.22093 10.4457 1.97011Z' fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
	background-size: auto!important;
	margin: 2px 4px 0 0!important;
}
.container_postbtn .btn_post .like_on .ico_like {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4457 1.97011C10.1903 1.71918 9.8871 1.52012 9.55337 1.3843C9.21964 1.24849 8.86194 1.17859 8.5007 1.17859C8.13945 1.17859 7.78175 1.24849 7.44802 1.3843C7.11429 1.52012 6.81107 1.71918 6.55569 1.97011L6.02569 2.49065L5.49569 1.97011C4.97985 1.46348 4.28021 1.17885 3.55069 1.17885C2.82118 1.17885 2.12154 1.46348 1.60569 1.97011C1.08985 2.47675 0.800049 3.16389 0.800049 3.88038C0.800049 4.59687 1.08985 5.28401 1.60569 5.79065L2.13569 6.31118L6.02569 9.82145L9.91569 6.31118L10.4457 5.79065C10.7012 5.53983 10.9039 5.24203 11.0422 4.91426C11.1804 4.58649 11.2516 4.23517 11.2516 3.88038C11.2516 3.52559 11.1804 3.17427 11.0422 2.8465C10.9039 2.51873 10.7012 2.22093 10.4457 1.97011Z' fill='%23f15757' stroke='%23666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

.article .container_postbtn .btn_post .txt_like {
	font-family: 'Inter', 'Pretendard', sans-serif!important;
	font-size: 11px!important;
	margin: 0!important;
	color: #666!important;
}


/* paging */
.paging {
	display: flex;
	width: 100%;
	text-align: center;
	align-items: center;
	justify-content: space-between;
	font-size: 1.1em;
	background-color: #fff;
	border-radius: 0 0 20px 20px;
	padding: 20px 10px 30px;
}

#tt-body-guestbook .paging {
	border-radius: 20px;
	margin-top: 10px;
	padding: 20px 10px;
}

.entryNotice ~ .paging {
	border-radius: 20px;
	margin-top: 10px;
}

.paging .numbox {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.paging .num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
}

.paging .selected {
	color: ffcade;
	font-weight: bolder;
}

.paging > a {
	width: 20px;
	display: flex;
	height: 20px;
	align-items: center;
	justify-content: center;
}

#tt-body-page .paging {
	display: none;
}

/* protect */
.protected {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: var(--primary-color);
	aspect-ratio: 1 / 1;
	color: #fff;
}

.protected::after {
	content: "Protected";
	font-size: 22px;
	font-weight: 600;
}

.protect {
	background-color: #fff;
	border-radius: 20px;
	padding: 100px 0;
}

.entryProtected {
	position: relative;
	width: 100px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 80px 0;
}

.entryProtected input {
	width: 100px;
	height: 28px;
	outline: none;
	border: none 0;
	border-radius: 4px;
	padding: 0 5px 0 20px;
	background: transparent;
	font-weight: normal;
	background-color: var(--primary-color);
	color: #fff;
}

.entryProtected::before {
	content: "";
	position: absolute;
	left: 5px;
	width: 10px;
	height: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-lock'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'%3E%3C/path%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
}

/* fileblock */
figure.fileblock a::after, #tt-body-page figure.fileblock a::after {
	content: '';
	background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%234E4E4E'/%3E%3Cpath d='M8 12L12 16L16 12' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8V16' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 24px;
	top: 19px;
}

figure.fileblock, #tt-body-page figure.fileblock {
	border-radius: 12px;
	font-size: 12px;
	width: 100%;
}
@media (min-width: 1024px) {
	figure.fileblock, #tt-body-page figure.fileblock {
		width: 50%;
	}
}

figure.fileblock .desc, #tt-body-page figure.fileblock .desc {
	left: 24px;
}

figure.fileblock .filename, #tt-body-page figure.fileblock .filename {
	font-size: 12px;
}

figure.fileblock .size, #tt-body-page figure.fileblock .size {
	font-size: 10px;
}

figure.fileblock .image, #tt-body-page figure.fileblock .image {
	display: none;
}

blockquote[data-ke-style='box'], #tt-body-page blockquote[data-ke-style='box'], blockquote[data-ke-style='style3'], #tt-body-page blockquote[data-ke-style='style3'] {
	border-radius: 12px;
	background-color: #fff;
}

/* moreless */
.btn-toggle-moreless {
	font-family: 'Inter', 'Pretendard', sans-serif!important;
  font-size: 11px!important;
}

.btn-toggle-moreless::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	background-size: cover;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23909090' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

.moreless-content {
	padding: 8px;
	border-left: 3px solid var(--primary-color);
}

/* switch */
.switch {
  background: #eeeeee;
  border-radius: 4px;
  overflow: hidden;
  width: 100px;
  text-align: center;
  font-size: 9px;
  letter-spacing: 1px;
  color: #fff;
  position: relative;
  padding-right: 50px;
}

.switch:before {
	content: "Private";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
	pointer-events: none;
}

.switch-button {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 2;
}

.switch-button:checked + .switch-label:before {
	transform: translateX(50px);
	transition: transform 300ms linear;
}

.switch-button + .switch-label {
	position: relative;
	padding: 5px 0;
	display: block;
	user-select: none;
	pointer-events: none;
}

.switch-button + .switch-label:before {
	content: "";
	background: var(--primary-color);
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0px;
	transform: translateX(0);
	transition: transform 300ms;
}

.switch-span {
	position: relative;
}

/* footer */
.footer {
	margin-top: auto;
	width: 100%;
	max-width: 500px;
	margin: auto auto 0;
	padding: 10px;
	color: var(--primary-color);
	padding-top: 2px;
}
@media (min-width: 1024px) {
	.footer {
		max-width: var(--max-width);
	}
}

.footerWrap {
	border-radius: 20px;
	padding: 20px 0;
}
@media (min-width: 1024px) {
	.footerWrap {
		background: none;
	}
}

.footer a {
	font-size: 1em;
}

.footer .searchBox {
	margin-left: 0;
}

.footer .search {
	height: 28px;
}

.footerdisplayoff .footer {
	display: none;
}

.footerdisplayoff .nav .searchBox {
	display: inline-block;
}

.footerdisplayoff .copyright {
	display: block;
}

.footerdisplayon .copyright {
	display: none;
}

.footerdisplayon .nav .searchBox {
	display: none;
}

.footerdisplayon .wrap {
	padding-bottom: 1em;
}

.footerdisplayon .search {
	margin-bottom: 16px;
}


/* search */
.searchBox {
	margin-left: 1%;
}
@media (min-width: 1024px) {
	.searchBox {
		margin-left: calc( var(--sidebar-width) + 3% );
	}
}

.search {
  position: relative;
	width: 100px;
	height: 50px;
	display: flex;
	align-items: center;
}

.search input {
  width: 100px!important;
  height: 28px;
  outline: none;
  border: none 0;
  border-radius: 4px;
  padding: 0 5px 0 20px;
  font-size: 1.1em;
	background: transparent;
	font-weight: normal;
	background-color: #fff;
	color: var(--font-primary-color);
}

.search::before {
	content: "";
	position: absolute;
	left: 5px;
	width: 10px;
	height: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23C4C6D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	opacity: .8;
}

/* copyright */
.copyright {
	font-size: 11px;
	color: var(--font-second-color);
	position: fixed;
	bottom: 6px;
	right: 6px;
	padding: 5px;
	opacity: .3;
	transition: .5s opacity ease-in-out;
}

.copyright:hover {
	opacity: .5;
}

.tistoryProfileLayerTrigger, .link_tit {
	display: none!important;
}