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

.articleWrap img {
	border: 1px solid rgb(234, 234, 234);
}

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, .wrap_btn {
  display: none;
}

.wrap {
	max-width: 900px;
	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;
}

/* menu */
.menu {
	display: flex;
	margin: 1.6rem ;
	margin-bottom: 3.2rem;
}

.link_tit, .c_cnt {
  display: none;
}

.menu .category_list > li, .sub_category_list {
	display: flex;
	gap: 4px;
	margin-bottom: 7px;
}

.menu .category_list > li > a {
	font-weight: bold;
	color: #fff;
	border-radius: 100px;
	text-align: center;
}

.category_list > li:nth-child(1) {
  float: left;
  margin-right: 3px;
}

.menu .category_list > li:nth-child(3) > a {
	background: #3F92FF;
}
.menu .category_list > li:nth-child(4) > a {
	background: #01D579;
}
.menu .category_list > li:nth-child(1) > a,
.menu .category_list > li:nth-child(2) > a {
	background: #343743;
}

.menu .sub_category_list > li > a {
	font-weight: 500;
	border: 1px solid #dcdcdc;
	border-radius: 100px;
}

.category_list > li > ul {
 padding-top: 1.8px;
}

.sub_category_list {
  margin: 0;
  padding: 0;
}

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

.menu img {
	display: none;
}

/* copyrights */

.notice_text {
	font-size: 0.9rem;
	letter-spacing: -0.6px;
	font-weight: bolder;
	margin-left: 1.6rem;
}
.copyright {
	text-align: right;
	font-size: 0.9rem;
	letter-spacing: -0.6px;
	margin: 1.6rem 1.6rem 3rem;
}

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

.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;
	display: none !important;
}

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


/* postbtn */
.container_postbtn {
	padding: 35px 0em!important;
	display: contents;
}
@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;
}

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

.article {
	margin: 1.6rem;
}

/* clear */
.c_cnt {
	display: none;
}

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

.clearfix:after {
	clear:both;
}

.clearfix {
	*zoom: 1;
}