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

.article_skin {
	margin: 1.6rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	border-radius: 10px;
}

.thumbnail_post {
	display: flex;
}

.thumbnail_post img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

.listTitle {
	margin-top: 6px;
	letter-spacing: -0.6px;
	font-weight: 500;
	font-size: 11px;
}

html {
	font-size: 12px;
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: var(--font-family);
}

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

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

body {
	background-color: #fff;
  -ms-overflow-style: none;
}
body::-webkit-scrollbar {
  display: none;
}

.wrap {
	max-width: 700px;
	min-height: 100vh;
	margin: 0 auto;

}

.mainTitle {
	font-family: 'Pretendard', sans-serif;
	font-size: 1.5rem;
	letter-spacing: -1px;
	color: #000000;
}

.mainTitle span {
	font-style: italic;
}

.top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.6rem;
}

.menuOpen {
	display: flex;	
	font-family: 'Pretendard', sans-serif;
	font-size: 1.2rem;
	letter-spacing: -1px;
	color: #000000;
	font-weight: bolder;
	text-decoration: underline;
}


.blogMenu {
	display: flex;
	margin: 1.6rem ;
	margin-bottom: 3.2rem;
}

.blogMenu ul:first-child {
	display: flex;
}

.blogMenu > ul:first-child li {
	margin-right: 10px;
}

.blogMenu a {
	font-size: 0.9rem;
	letter-spacing: -0.6px;
	padding: 2px 6px;
	border: 1px solid transparent;
	border-radius: 100px;
}

#tt-body-index .blogMenu > ul:first-child li:first-child a, 
#tt-body-category .blogMenu > ul:first-child li:first-child a,
#tt-body-page .blogMenu > ul:first-child li:first-child a {
	font-weight: bold;
	border: 1px solid #666666;
	border-radius: 100px;
}

#tt-body-tag .blogMenu > ul:first-child li:nth-child(2) a {
	font-weight: bold;
	border: 1px solid #666666;
	border-radius: 100px;
}

#tt-body-guestbook .blogMenu > ul:first-child li:nth-child(3) a {
	font-weight: bold;
	border: 1px solid #666666;
	border-radius: 100px;
}

.covers {
	margin: 1.6rem;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.5rem;
}

.profileImg {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	align-self: flex-end;
}

.profileImg img {
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
	aspect-ratio: 1 / 1;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.profile {
	display: flex;
	flex-direction: column;
	border-radius: 10px;
}

.profileInfo {
	margin-top: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.profileInfo h3 {
	display: flex;
	align-items: center;
	letter-spacing: -1.4px;
	font-size: 1.2rem;
	margin-right: 2px;
}

.profileInfo svg {
	width: 12px;
	margin-top: 2px;
	margin-left: 2px;
	fill: rgba(29,155,240,1.00);
}

.profileInfo a {
	margin-top: 2px;
	font-size: 0.8rem;
	letter-spacing: -0.4px;
}

.coverTitle {
	margin: 1.6rem ;
	margin-top: 3.2rem;
	font-family: 'Pretendard', sans-serif;
	font-size: 1.2rem;
	letter-spacing: -1px;
	color: #000000;
}

.copyright {
	margin: 1.6rem;
	margin-top: -0.8rem;
	font-size: 0.8rem;
	letter-spacing: -0.6px;
	text-align: right;
}

.copyright a {
	font-weight: bolder;
	font-size: 0.9rem;
}

.list ol {
	margin: 1.6rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	border-radius: 10px;
}

figure.imageblock.alignCenter {
	margin: 0 auto 0px!important;
	text-align: center;
}

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

.listItem img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

.tt_box_namecard {
	display: none!important;
}

.articleInfo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1.6rem;
	padding-bottom: 0.4rem;
	margin-bottom: 3.2rem;
}

.articleTitle {
	font-size: 1.1rem;
	letter-spacing: -1px;
}

.articleDate {
	font-size: 0.9rem;
	letter-spacing: -0.6px;
}


#tt-body-guestbook .tt-comment-cont {
	margin: 0 1.6rem;
}


.tt-comment-cont {
		margin: 0 1.6rem 40px;
	}


.tt-box-total {
	display: none;
}

.tt-thumbnail {
	width: 35px!important;
	height: 35px!important;
}

.tt-box-textarea .tt-inner-g {
	padding:0!important;
	border: none 0!important;
	overflow-y: auto!important;
}

.tt-box-textarea .tt_txt_user,.tt_btn_prev_more {
	font-family: 'Inter', 'Pretendard', sans-serif!important;
	font-size: 12px!important;
	letter-spacing: -.7px;
	font-weight: 600;
}

.tt-box-textarea textarea, .tt-box-textarea div,
.tt-wrap-cmt .tt_desc,.tt-link-comment .tt_txt_g,.tt-wrap-cmt .tt_date {
	font-family: 'Inter', 'Pretendard', sans-serif!important;
	font-size: 12px!important;
	letter-spacing: -.7px;
}

.tt-link-comment .tt_txt_g,.tt-wrap-cmt .tt_date, 
.tt-area-write .tt-box-account input {
	font-family: 'Inter', 'Pretendard', sans-serif!important;
	font-size: 10px!important;
	letter-spacing: -.7px;
}

.tt-wrap-cmt .tt-link-user {
	font-family: 'Inter', 'Pretendard', sans-serif!important;
	font-size: 12px!important;
	letter-spacing: -.7px;
	font-weight: 600;
}

.tt-btn_register {
	font-family: 'Inter', 'Pretendard', sans-serif!important;
	font-size: 10px!important;
	width: 50px!important;
	height: 24px!important;
	padding: 4px 0;
}

.tt-box-write .tt-xe-label {
	margin-top: 0!important;
}

.tt-box-write .tt-xe-input-helper {
	margin-right: 7px!important;
}

.tt-btn_register:hover {
  background-color: #181818!important;
  border: 1px solid #181818!important;
}

.tt-btn_register:focus {
  background-color: #181818!important;
  border: 1px solid #181818!important;
}

.tt-link-comment .tt_txt_g {
	padding-top: 15px!important;
}

.tt-item-reply .tt-list-reply-comment,.tt-item-reply,.tt-list-reply {
	border:none 0!important;
}

.tt-area-write .tt-box-account input {
	border: none 0!important;
	padding: 0!important;
}

.tt-box-modify button {
	padding: 0;
}

/* postbtn */
.container_postbtn {
	padding: 35px 0em!important;
}
@media (min-width: 768px) {
	.container_postbtn {
		padding: 35px 0rem!important;
	}
}

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

.btn_subscription {
	display: none;
}

.tt_btn_prev_more {
	background: none!important;
}

.taglog {
	width: 100%;
}

.taglog ul {
	display: flex;
	flex-wrap: wrap;
	margin: 1.6rem;
}

.taglog li {
	margin: 0 15px 15px 0;
	font-weight: 500;
	letter-spacing: -0.6px;
}

.paging {
	margin: 1.6rem;
	margin-top: 3.2rem;
}

.numbox {
	display: flex;
	justify-content: space-between;
}

.num {
	display: block;
	font-size: 0.85rem;
}

.article {
	margin: 1.6rem;
}

.menuList {
	min-width: 65px;
	margin-top: 10px;
	left: 0;
  top: 4px;
  position: absolute;
	z-index: 4;
	transition: margin 0.3s, opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  opacity: 0;
  background: #f7f8fa;
	border: 1px solid#666666;
	background: #fff;
}

.link_tit {
	display: none!important;
}

.menuList.active {
  visibility: visible;
  opacity: 1;
  margin-top: 25px;
}

.menuTitle {
	color: #31302e;
	margin-bottom: 15px;
	font-size: 10px;
}

.tt_category {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: left;
}

.tt_category li {
	text-align: center;
  width: 100%;
}

.c_cnt {
	display: none;
}

.clearfix:before, .clearfix:after {
	display: block;
	content: '';
	line-height: 0;
}

.clearfix:after {
	clear:both;
}

.clearfix {
	*zoom: 1;
}

.search {
	margin: 1.6rem;
	margin-top: 3.2rem;
	display: flex;
	justify-content: flex-end;
}

.search svg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
	color: #666;
}

.search > div {
	width: 80px;
	position: relative;
	height: 24px;
}

.search input[type=text] {
	background-color: transparent;
	width: 100%;
	height: 100%;
	border: none 0;
	font-family: var(--font-family);
	font-size: 10px;
	background-color: #fff;
	color: #000;
	padding: 0 20px 0 5px;
	outline: none;
	border-bottom: 1px solid #666;
}

.search input[type=text]::placeholder {
	font-family: var(--font-family);
	font-size: 10px;
	font-weight: 500;
	color: #000;
}

.menuBtn {
	cursor: pointer;
}

.menuOpen svg {
	width: 1.2rem;
	height: 1.2rem;
}

.tt_category a {
	display: block;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: -.5px;
	padding: 9px 5px;
}

.menuBtn svg {
	vertical-align: middle;
	fill: #000;
	margin-left: -2px;
}

#tt-body-guestbook {
	scrollbar-width: auto;
}