:root {
	--black: #000;
	--white: #fff;
	--bg-color: #FAFAFB;
	--font-size: 10px;
	--font-family: 'Inter', 'Pretendard', sans-serif;
}

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

/* body */
body {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
 	background-color: var(--white);
	color: var(--black);
	font-family: var(--font-family);
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  font-size: var(--font-size);
	-ms-overflow-style: none;
	scrollbar-width: none;
	letter-spacing: -0.6px;
	animation: fadein 1s;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

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;
	background:none;
	outline: none;
	border: none;
}
button:focus{ 	
	border: none!important;
	outline:none!important;
}

textarea {
	outline: none;
	resize: none;
	font-family: var(--font-family);
	font-size: 12px;
}

input[type=text], input[type=password] {
	font-family: var(--font-family);
	outline: none;
}

input[type=submit] {
	outline: none;
	background: none;
	font-family: var(--font-family);
	line-height: 1;
}

code {
	font-family: var(--font-family);
}

h1, h2, h3, h4, h5, h6, p, span {
	transform:rotate(-0.03deg);
}

span {
	display: inline-block;
}

hr {
	border: none;
	width: 100%;
	height: 2px;
	background-color: var(--black);
	margin-bottom: 40px;
}
.left hr {
	height: 1px;
	margin: 24px 0;
}

.bundle_ccl, .tistoryProfileLayerTrigger, .btn_subscription {
	display: none!important;
}

.layout {
	width: 100%;
	max-width: 800px;
	margin: 0px auto;
	padding: 20px;
}
@media (max-width: 768px) {
	.layout {
		padding: 20px;
	}
}

/* header */
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'Jomolhari';
	font-size: 23px;
	font-weight: normal;
	text-align: left;
	color: var(--font-primary-color);
	border-bottom: 1px solid var(--black);
}

.header span:first-child {
	vertical-align: middle;
}

.box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;

}
@media (max-width: 768px) {
	.box {
		flex-wrap: wrap;
	}
}

.left {
	width: 22%;
}
@media (max-width: 768px) {
	.left {
		width: 100%;
		display: flex;
		margin-bottom: 50px;
	}
	.left > div {
		width: 50%;
	}
	.left > div:last-child {
		padding-left: 5%;
	}
	#tt-body-page .left,
	#tt-body-tag .left,
	#tt-body-guestbook .left {
		display: none;
	}
}

.right {
	width: 78%;
	margin-left: 9%;
}
@media (max-width: 768px) {
	.right {
		width: 100%;
		margin-left: 0%;
	}
}

.right .title {
	position: relative;
	font-family: 'EB Garamond','Pretendard', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	height: 90px;
	width: 80%;
	margin: 0 auto 55px;
}

.right .title > span {
	margin-left: 4px;
}

.right .title::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "✦";
	line-height: 1;
	font-size: 16px;
}

#tt-body-page .right > .title,
#tt-body-guestbook .right > .title,
#tt-body-tag .right > .title,
#tt-body-category .right > .title {
	display: none;
}

#tt-body-index .contents > .title {
	display: none;
}

#tt-body-search  .right > .title {
	display: none;
}

#tt-body-page .contents,
#tt-body-guestbook .contents,
#tt-body-tag .contents,
#tt-body-category .contents,
#tt-body-search .contents  {
	margin-top: 0;
}

.contents {
	margin-top: 55px;
	position: relative;
}

/* list */
.thumbnail-type ol {
	display: flex;
	flex-wrap: wrap;
}

.thumbnail-type ol li {
	width: 100%;
	border-top: 1px solid ;
	padding: 16px 0;
}

.thumbnail-type {
	border-top: 1px solid;
}

.thumbnail-type .listItem {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.thumbnail-type .listItem div {
	width: 50%;
}

.thumbnail-type .listThumb {
	width: 45%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	float: left;
}

.thumbnail-type .listTitle {
	font-size: 12px;
	font-weight: 400;
}

.thumbnail-type .listInfo {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	padding: 4px 0;
}

.thumbnail-type .listSummary {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.listDate {
	font-family: 'EB Garamond','Pretendard', sans-serif;
	font-weight: normal;
	font-size: 11px;
}

.list-type {
	border-top: 1px solid;
}

.list-type img {
	display: none;
}

.list-type ol {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.list-type ol li {
	width: 100%;
}

.list-type a div {
	display: flex;
	border-top: 1px solid black;
	padding: 16px 0;
	align-items: center;
	justify-content: space-between;
}

.list-type .listTitle {
	font-size: 12px;
	text-align: right;
	font-weight: 400;
}

.summary {
	display: none;
}

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

.thumbnail-type_3x1 ol li {
	width: 30.666666%;
	margin-bottom: 5%;
}
@media (max-width: 768px) {
	.thumbnail-type_3x1 ol li {
		width: 48%;
		margin-bottom: 6%;
	}
}

.thumbnail-type_3x1 ol li:not(:nth-child(3n)) {
	margin-right: 4%;
}
@media (max-width: 768px) {
	.thumbnail-type_3x1 ol li:not(:nth-child(3n)) {
		margin-right: 0%;
	}
	.thumbnail-type_3x1 ol li:not(:nth-child(2n)) {
		margin-right: 4%;
	}
}

.thumbnail-type_3x1 .listDate {
	display: none;
}

.thumbnail-type_3x1 .listItem {
	display: flex;
	flex-direction: column;
}

.thumbnail-type_3x1 .listItem div {
	width: 100%;
}

.thumbnail-type_3x1 .listThumb {
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	float: left;
}

.thumbnail-type_3x1 .listTitle {
	font-size: 11px;
	font-weight: 400;
	margin-top: 4px;
	text-align: center;
}

.thumbnail-type_3x1 .listInfo {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	padding: 4px 0;
}

.thumbnail-type_3x1 .listSummary {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.protectThumb {
	display: none;
	width: 45%;
	aspect-ratio: 16 / 9;
	background-color: var(--black);
	color: var(--white);
	align-items: center;
	justify-content: center;
	font-family: 'EB Garamond','Pretendard', sans-serif;
	font-size: 16px;
}

.thumbnail-type_3x1 .protectThumb {
	width: 100%;
	aspect-ratio: 3 / 4;
}

.protected .protectThumb {
	display: flex;
}
.protected > img {
	display: none;
}

.list-type .protectThumb {
	display: none;
}

/* protect */
.entryProtected {
	display: flex;
	position: relative;
	margin: 10px auto 0;
	justify-content: center;
}

.protect {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 200px 0 250px;
}

.protect svg {
	width: 13px;
	height: 17px;
}

.entryProtected::before {
    content: ":";
}

.entryProtected input {
	width: 50px!important;
	padding-left: 4px;
	line-height: 1;
	text-align: left;
	font-size: var(--font-size);
	font-weight: normal;
	background: transparent;
	border: none 0;
	outline: none;
}

.entryProtected input::before {
	content: "〔";
}

/* article */
.relateddisplayoff {
	display: none;
}
.relateddisplayon {
	display: block;
}
.article_info {
	margin-bottom: 55px;
}

.article_content {
	word-break: break-all;
	line-height: 1.7;
	font-size: 1.05em;
	padding: 0 10px;
}
@media (max-width: 768px) {
	.article_content {
		padding: 0px;
	}
}

/* related */
.area_related {
	margin-bottom: 40px;
	padding: 0 10px;
}

.list_related {
	display: flex;
	flex-wrap: wrap;
	padding-top: 10px;
}

.list_related li {
	width: 49%;
	padding-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid;
}

.list_related li a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	align-items: flex-start;
}

.list_related li:nth-child(2n) {
	margin-left: 2%;
}

.thumb_related {
	display: block;
	margin-top: 15px;
}

.thumb_related img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.another_category {
	display: none;
}

.txt_related {
	font-size: 11px;
	font-weight: 500;
}

.tit_related {
	padding-top: 5px;
	margin-bottom: 40px;
	font-family: 'EB Garamond','Pretendard', sans-serif;
	font-weight: 500;
}

/* category */
.category a {
	line-height: 1;
	font-size: 10px;
}

.link_tit, .c_cnt {
	display: none;
}

.sub_category_list {
	display: none;
}

.category_list li a {
	display: block;
	padding: 16px 10px;
}

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

.sub_category_list {
	width: 100%!important;
	padding-left: 16px!important;
}

.ac-toggle {
	font-weight: 600;
	cursor: pointer;
}

.ac-toggle::before {
	content: "+";
	display: inline-block;
	width: 7px;
	margin-right: 7px;
	vertical-align: text-top;
	float: left;
}

.expanded .ac-toggle::before {
	content: "-";
}

/* util */
.util {
	text-align: right;
	padding: 0 4px;
}

.util a {
	display: inline-block;
	margin-left: 4px;
	padding: 16px 0;
	border-radius: 20px;
	line-height: 1;
	font-size: 10px;
	font-family: var(--font-family);
}
.util a::before {
	content:"□";
	display: inline-block;
	margin-right: 6px;
}

#tt-body-index .util .btnHome::before {
	content:"▣";
}
#tt-body-guestbook .util .btnGuest::before {
	content:"▣";
}
#tt-body-tag .util .btnTag::before {
	content:"▣";
}

/* profile */
.profile {
	margin-bottom: 32px;
	text-align: center;
}
@media (max-width: 768px) {
	.profile {
		margin-bottom: 0px;
	}
}

.profile a{
	display: block;
}

.profile a {
	cursor: pointer;
	position: relative;
}

.profile a::after {
	display: none;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 150%;
	aspect-ratio: 3 / 4;
	background-image: url(./images/doodle.png);
	background-size: cover;
	transition: 0.3s transform ease-in-out;
	z-index: -1;
}

.profile a img {
	position: relative;
	z-index: -2;
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
}

.profile .name {
	font-size: 13px;
	font-weight: 600;
	line-height: 2;
	margin-top: 4px;
	margin-bottom: 1px;
	text-align: center;
	letter-spacing: -0.2;
	padding:0 8px;
	font-family: 'EB Garamond','Pretendard', sans-serif;
}

.profile .desc {
	text-align: center;
	letter-spacing: 0;
}

/* guestbook */
.guestbook {
	position: relative;
}

.open_guestWrite {
	display: inline-block;
	position: absolute;
	top: 110px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}

.guestWrite {
	display: none;
	width: 100% !important;
	height: auto;
	margin-bottom: 10px ;
	padding: 0 20px!important;
}

.guestWriteBox {
	display: flex;
	flex-direction: column;
	align-items: center;
}


.guestWrite input[type=text],  
.guestWrite input[type=password] {
	width: 100px;
	padding: 5px;
	border-radius: 0;
	font-size: 10px;
	border: none 0;
	text-align: center;
}

.guestWrite input[type=password] {
	border-left: none;
	border-right: none;
}

.guestWrite textarea {
	width: 100%;
	min-height: 140px;
	padding: 10px;
	border-radius: 0;
	resize: none;
	background: none;
	border: 1px solid var(--black);
	border-width:1px 0 1px 0;
}
textarea.auto {
	overflow-y: hidden;
}

.guestForm {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 2px 0;
	border: 2px solid var(--black);
	border-width: 2px 0 2px 0;
}

.guestWriteInfo {
	display: flex;
	padding: 15px 0;
}

.guestWriteInfo span {
	padding: 5px;
}

.guestWrite input[type=submit] {
	padding: 1px;
	color: var(--black);
	font-weight: normal;
	border: none;
	cursor: pointer;
	font-size: 10px;
	border-radius: none 0!important;
}

.guestWriteSend {
	width: 100%;
	text-align: center;
	padding: 15px;
}

.guestList {
	position: relative;
}

.guestList ol {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.guestList li {
	width:100%;
	word-break: break-all;
}

.guestList ol > li {
	padding: 30px 0px;
	margin: 0px 20px;
}
.guestList ol > li:not(:first-child) {
	border-top: 1px solid;
}
@media (max-width: 768px) {
	.guestList ol > li {
		margin: 0px;
	}
}

.guestList ol > li > ul {
	margin-top: 20px;
}

.guestList ol > li > ul > li {
	width: 100%;
	padding-left: 10px;
	border-left: 2px solid var(--black);
	border-bottom: 0;
}

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

.guestList .message {
	margin-top: 10px;
	line-height: 1.4;
	font-size: 11px;
	letter-spacing: 0;
}

.guestList .name {
	margin-right: 5px;
	font-weight: bolder;
}

.guestList .control {
	display: inline-block;
	vertical-align: text-bottom;
	float: right;
}

.guestList .control a {
	display: inline-block;
	padding: 4px 4px;
	line-height: 1;
}

.guestList .control a:first-child {
	vertical-align: super;
}

.guestList ol > li > div > .name {
	border: 1px solid var(--black);
  padding: 4px 5px 4px 4px;
	border-radius: 3px;
	line-height: 1;
}
.guestSecret {
	position: relative;
	transition: 0.3 ease-in-out;
}
.guestSecret label {
	cursor: pointer;
}

#guestsecret {
	display: none;
}
#guestsecret:checked ~ label::before {
	content: "√";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
	font-size: 18px;
}

/* comment */
.comment {
	padding: 0 10px;
	margin-bottom: 40px;
}
.commentdisplayon {
	display: block;
}
.commentdisplayoff {
	display: none;
}
.comment h3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 5px;
	margin-bottom: 30px;
	font-family: 'EB Garamond','Pretendard', sans-serif;
	font-weight: 500;
}
.comment h3 > span {
	font-family: var(--font-family);
	font-size: 10px;
	font-weight: normal;
}
.commentList ol > li > div > .name {
	border-radius: 3px;
	line-height: 1;
}
.commentList .name {
	margin-right: 5px;
	font-weight: bolder;
}
.commentList .control {
	display: inline-block;
	vertical-align: text-bottom;
	float: right;
}
.commentList .control a {
	display: inline-block;
	padding: 4px 4px;
	line-height: 1;
}
.commentList .control a:first-child {
    vertical-align: super;
}
.commentList .message {
	margin-top: 10px;
	line-height: 1.4;
	font-size: 11px;
	letter-spacing: 0;
}
.commentList ol {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.commentList ol > li {
	padding: 20px 0px;
}
.commentList ol > li:not(:first-child) {
	border-top: 1px solid;
}
.commentList li {
	width: 100%;

	word-break: break-all;
}
.commentList ol > li > ul {
    margin-top: 20px;
}
.commentList ol > li > ul > li {
	width: 100%;
	padding-left: 10px;
	border-left: 2px solid var(--black);
	border-bottom: 0;
}
.commentList ol > li > ul > li + li {
    margin-top: 10px;
}

.commentWrite input[type=submit] {
	color: var(--black);
	font-weight: normal;
	border: none;
	cursor: pointer;
	font-size: 10px;
	border-radius: none 0!important;
	padding: 15px;
}

.commentWrite textarea {
	width: 100%;
	min-height: 35px;
	padding: 10px;
	border-radius: 0;
	resize: none;
	background: none;
	border: 1px solid var(--black);
	border-width: 0px 0 1px 0;
}
.commentWrite {
	margin: 30px 0;
	display: none;
	width: 100% !important;
	height: auto;
}
.commentWriteBox {
		display: flex;
	flex-direction: column;
	align-items: center;
}

.commentForm {
	display: flex;
	align-items: center;
	width: 100%;
}

.commentWriteInfo {
	display: flex;
	padding: 0px 0 10px;
}

.commentWriteInfo span {
	padding: 5px;
}

.commentWrite input[type=text],  
.commentWrite input[type=password] {
	width: 100px;
	padding: 5px;
	border-radius: 0;
	font-size: 10px;
	border: none 0;
	text-align: center;
}

.commentWrite input[type=password] {
	border-left: none;
	border-right: none;
}

.open_commentWrite {
	cursor: pointer;
}

.secretWrap {
	padding: 10px 0;
	position: relative;
	transition: 0.3 ease-in-out;
}
.secretWrap label {
	cursor: pointer;
}

#secret {
	display: none;
}
#secret:checked ~ label::before {
	content: "√";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
	font-size: 18px;
}

/* paging */
.paging {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 40px 0;
	font-size: 16px;
}

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

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

/* search */
.search {
	display: flex;
	align-items: center;
	width: 55%;
}
.searchBox {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: 32px;
	padding: 0 10px;
}
.searchBox span {
	margin-right: 7px;
}
.search input {
  width: 100%!important;
	padding: 0 4px;
	line-height: 1;
	text-align: center;
  font-size: var(--font-size);
	font-weight: normal;
	background: transparent;
	border: none 0;
	outline: none;
}
.search::before {
	content: "〔";
}
.search::after {
	content: "〕";
}

/* taglog */
.taglog {
	min-height: 75vh;
	margin-bottom: 40px;
	font-size: 11px;
}
.taglog ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 55px;
}
.taglog li {
	width: 20%;
	text-align: center;
}
.taglog li a {
	display: inline-block;
	padding: 10px 0;
	line-height: 1;
}
.taglog li a::before {
	content:"";
	margin-right: 2px;
}
.taglog li a::after {
	content:"";
	margin-left: 2px;
}

/* footer */
footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.copyright {
	width: 100%;
	padding-top: 5px;
	text-align: right;
}
.copyright a {
	font-weight: 800;
}
@media (max-width: 768px) {
	.copyright {
		font-size: 9px!important;
	}
}

/* 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' stroke='black' 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='none'/%3E%3Cpath d='M8 12L12 16L16 12' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8V16' stroke='black' 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: 0;
	font-size: 12px;
	width: 50%;
	border: none 0;
}
@media (max-width: 768px) {
	figure.fileblock, #tt-body-page figure.fileblock {
		width: 60%;
	}
}

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

/* 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='%23000' 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='%23000' 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='%23000' 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: #000!important;
}

/* TagTrail */ 
.tagTrail {
	padding: 0 10px;
	margin-bottom: 40px;
}

.tagTrail h3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 5px;
	margin-bottom: 30px;
	font-family: 'EB Garamond','Pretendard', sans-serif;
	font-weight: 500;
}

.tagTrail a {
	font-size: 12px;
	margin-right: 4px;
}


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

/* cover list */
.article_skin {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.list_content {
	width: 30.666%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	margin-bottom: 5%;
}

@media (max-width: 768px) {
	.list_content {
		width: 48%;
		margin-bottom: 6%;
	}
}

.list_content:not(:nth-child(3n)) {
	margin-right: 4%;
}
@media (max-width: 768px) {
	.list_content:not(:nth-child(3n)) {
		margin-right: 0%;
	}
	.list_content:not(:nth-child(2n)) {
		margin-right: 4%;
	}
}

.list_content a {
	display: block;
}

.list_content img {
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
}

.list_content p {
	margin-top: 4px;
	text-align: center;
	font-size: 11px;
}

/* featured */
.featured {
	width: 100%;
	margin-bottom: 40px;
}

.featured img {
	width: 100%;
}

.featured-item {
	position: relative;
}

.coverTitle {
	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;
}

.coverTitle h5 {
	background-color: var(--black);
	color: var(--white);
	padding: 4px 8px;
	font-weight: 500;
	font-size: 11px;
}

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

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

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

#menudisplayon {
	display: block;
}

.menu {
	width: 100%;
	margin-bottom: 40px;
}

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

.menuItem {
	position: relative;
	width: 48%;
	overflow: hidden;
}

.menuItem:nth-child(3n),
.menuItem:nth-child(4n) {
	margin-top: 4%;
}

.menuItem:not(:nth-child(2n)) {
	margin-right: 4%;
}

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

.menuItemTitle {
	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;
}

.menuItemTitle h5 {
	background-color: var(--black);
	color: var(--white);
	padding: 4px 8px;
	font-weight: 500;
	font-size: 11px;
}

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

/* Notice */
.entryNotice {
	width: 100%;
	padding:0 10px;
	margin-bottom: 40px;
}

.entryNotice + .entryNotice .titleWrap {
	border-top: 1px solid;
	padding-top: 40px;
}

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

.titleWrap h2 {
	font-size: 14px;
}

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

.notice .menu {
	display: none!important;
}

.entryNotice .container_postbtn {
	display: none;
}
