/*
Theme Name: Alia Child
Template: alia
*/
@font-face {
	font-family: 'SDGothicNeo';
	font-style: normal;
	font-weight: 400;
	src: url('/font/SDGothicNeo-400.eot');
	src:
		local(※),
		url('/font/SDGothicNeo-400.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'SDGothicNeo';
	font-style: normal;
	font-weight: 700;
	src: url('/font/SDGothicNeo-700.eot');
	src:
		local(※),
		url('/font/SDGothicNeo-700.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'SDGothicNeo';
	font-style: normal;
	font-weight: 900;
	src: url('/font/SDGothicNeo-900.eot');
	src:
		local(※),
		url('/font/SDGothicNeo-900.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: 'TTHakgyoansimJiugaeR';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimJiugaeR.woff2')
		format('woff2');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'SDGothicNeo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
}

.hide {
	display: none;
}

.header_nav .text_logo {
	font-family: 'TTHakgyoansimJiugaeR';
	font-size: 20px;
	margin: 0;
	padding-top: 14px;
	padding-bottom: 12px;
	color: #222;
	font-weight: 600;
	letter-spacing: -1px;
}

ul.navbar > li.menu-item > a {
	padding: 13px 5px;
	display: block;
	font-size: 17px;
	font-weight: 400;
	color: #222;
	letter-spacing: -1px;
}

.grid_list .entry-summary {
	font-size: 15px;
}

.post_title a:hover,
.header_nav .text_logo > a:hover,
ul.navbar > li.menu-item > a:hover,
ul.navbar > li.menu-item .dropdown-menu > li > a:hover {
	color: #ff374a;
}

.grid_list .post_title {
	margin-bottom: 12px;
	font-size: 17px;
	position: relative;
	padding-bottom: 18px;
	line-height: 1.65em;
	font-weight: 400;
}

.full_width_post_single > div > .blog_post_container .post_title,
.post_title {
	margin-top: 0;
	margin-bottom: 14px;
	font-size: 25px;
	line-height: 1.45em;
	letter-spacing: -0.4px;
	font-weight: 400;
	padding: 0;
}
.entry-content {
	font-size: 15px;
	letter-spacing: 0;
	line-height: 1.5;
	letter-spacing: -0.4px;
}

.blog_post_container .post_body {
	margin-left: 0px;
	margin-right: 0px;
}

header .header_nav {
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header_nav .main_menu li.menu-item.dropdown > .dropdown-menu {
	left: 0;
	margin-left: 0;
	top: 40px;
}

.header_nav .main_menu li.menu-item.dropdown > .dropdown-menu:before {
	display: none;
	border: none;
	border-bottom-color: none;
	content: '';
	left: 0 !important;
	margin-left: 0;
	position: unset;
	top: 0;
	width: 0;
	height: 0;
}

.header_nav .main_menu li.menu-item .dropdown-menu {
	width: 881px;
	border-radius: 3px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 5px;
	list-style-type: none;
	padding: 10px;
	margin: 0;
	left: 0;
}

.header_nav .menu-item > .dropdown-menu {
	transform: scale(0.5);
}

.header_nav .container {
	position: relative;
}

ul.navbar > li {
	list-style: none;
	position: unset;
}

ul.navbar > li.menu-item .dropdown-menu > li > a {
	display: block;
	margin: 0 5px;
	padding: 5px 0;
	clear: both;
	font-weight: 400;
	line-height: 1.528571;
	font-size: 14px;
	letter-spacing: -1px;
	border-bottom: 1px dashed #e0e0e0;
	text-transform: initial;
}

ul.navbar > li.menu-item .dropdown-menu > li:last-child > a {
	border-bottom: 1px dashed #e0e0e0;
}

ul.navbar > li.menu-item .dropdown-menu > li.active > a {
	color: #ff374a;
	font-weight: 400;
	border-bottom: 1px dashed #ff374a;
}

ul.navbar > li.menu-item .dropdown-menu > li > a:hover,
ul.navbar > li.menu-item .dropdown-menu > li:last-child > a:hover {
	border-bottom: 1px dashed #ff374a;
}

.main_content_area {
	margin-top: 0;
}

.header_nav .main_menu {
	position: unset;
}

.expanded_search.header_search > form.search .search_text {
	width: 100px;
	padding-right: 22px;
	/* border: 1px solid #eaeaea; */
	background-color: #f1f1f1;
}

.header_search > form.search > .search_form_icon {
	position: absolute;
	right: 0;
	line-height: 19px;
	height: 100%;
	border: none;
	width: 24px;
	text-align: right;
	cursor: pointer;
	top: 50%;
	right: 5px;
	margin-top: -8px;
}
.blog_post_container .single_post_body {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 66px;
}

.grid_list .post_title {
	font-size: 17px;
	position: relative;
	line-height: 1.65em;
	font-weight: 400;
	white-space: nowrap; /* 한 줄로 표시 */
	overflow: hidden; /* 넘치는 텍스트 숨김 */
	text-overflow: ellipsis; /* 말줄임표(...) 추가 */
	width: 415px; /* 필요에 따라 너비 조정 */
	display: block; /* 블록 요소로 표시 */
	margin-bottom: 0;
	padding-bottom: 10px;
}

.grid_list .post_banner {
	position: relative;
	height: 220px !important;
	overflow: hidden;
	margin-bottom: 22px;
	border-radius: 7px;
}

.grid_list .post_banner img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /* 정중앙 정렬 */
	max-width: none; /* 기본 크기 유지 */
	height: 100%; /* figure의 높이에 맞춤 */
}

.grid_list .entry-summary {
	font-size: 15px;
	height: 140px;
	color: #333;
}

.grid_list .entry-summary p {
	display: -webkit-box;
	line-clamp: 3;
	-webkit-line-clamp: 3; /* 표시할 줄 수 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.widget_content ul li a.wp-block-latest-posts__post-title {
	white-space: nowrap; /* 한 줄로 표시 */
	overflow: hidden; /* 넘치는 텍스트 숨김 */
	text-overflow: ellipsis; /* 말줄임표(...) 추가 */
	width: 100%; /* 필요에 따라 너비 조정 */
	display: block; /* 블록 요소로 표시 */
}
.widget_content ul li .wp-block-latest-posts__post-excerpt {
	display: -webkit-box;
	line-clamp: 4;
	-webkit-line-clamp: 4; /* 표시할 줄 수 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: justify;
}

.site_footer {
	margin-top: 0;
}

main.site-content {
	margin-top: 0;
	margin-bottom: 0;
}

.post_share_container {
	margin: 30px 0;
}

#description {
	margin-top: 0;
	padding: 0;
	letter-spacing: -1px;
}

#description h2 {
	font-size: 19px;
	font-weight: 400;
}

#description h3 {
	font-size: 16px;
	font-weight: 400;
}

#description .item p {
	text-align: justify;
}

#description .item p,
#description .item li {
	color: #737373;
}

#description .item_header {
	padding: 0;
	position: relative;
	background: #00224d;
	width: 100%;
	height: 100%;
}

.archive_header {
	margin: 0;
}

.archive_header .h_line1 {
	padding: 15px 0;
	background-color: #eff1f4;
	border-top: 1px solid rgba(0, 0, 0, 0.03);
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.rank-math-breadcrumb {
	font-size: 13px;
	letter-spacing: -1px;
	margin-bottom: 5px;
}

.rank-math-breadcrumb .separator {
	margin: 0 5px;
	color: #999;
}

.rank-math-breadcrumb a {
	color: #666;
}

.rank-math-breadcrumb a:hover {
	color: #000;
	text-decoration: underline;
}

.archive_header .h_line1 h1.title {
	color: #000;
	font-weight: 500;
	font-size: 26px;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
}

.archive_header .h_line2 {
	padding: 25px 0;
	background-color: #f4f6f7;
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.archive_header .h_line2 figure {
	margin-bottom: 25px;
}

.archive_header .h_line2 figcaption {
	display: none;
}

.archive_header .h_line2 h2,
.archive_header .h_line2 h3 {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #111111;
	line-height: 1.7;
}

.archive_header .h_line2 h3 {
	font-size: 18px;
}

.archive_header .h_line2 p,
.archive_header .h_line3 p {
	font-weight: 400;
	font-size: 15px;
	letter-spacing: -1px;
	color: #222222;
	text-align: justify;
}

.archive_header .h_line3 p {
	margin-top: 0;
	padding-top: 0;
}

.archive_header .h_line2 p a {
	color: #ff374a;
}

.archive_header .h_line2 p a:hover {
	text-decoration: underline;
}

.archive_header .h_line2 ul,
.archive_header .h_line2 ol {
	padding: 0;
	margin-left: 20px;
	font-size: 15px;
	letter-spacing: -1px;
	color: #222222;
}

.archive_header .h_line2 ul li,
.archive_header .h_line2 ol li {
	line-height: 1.7;
}

.archive_header .h_line3 {
	background-color: #f9fafb;
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
	/* margin-bottom: 35px; */
}

.archive_header p.intro-text {
	margin-top: 20px;
}
/* 상단 이미지 스타일 */
.archive_header .header-img {
	width: 100%; /* 너비를 컨테이너에 맞춤 */
	height: auto;
	max-height: 350px; /* 이미지 높이 제한 */
	object-fit: cover; /* 이미지 비율 유지 및 꽉 채우기 */
	border-radius: 12px; /* 이미지 모서리 둥글게 */
	margin-top: 20px;
}

.list-title,
.archive_header .h_line3 h2 {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #222222;
	padding: 10px 0;
	margin-bottom: 0;
}

.list-title {
	margin: 0;
	padding: 30px 0 10px 0;
	font-size: 24px;
	display: flex;
	align-items: center;
}

.list-title img {
	width: 24px;
	margin-right: 3px;
}

.list-description {
	padding-bottom: 20px;
	letter-spacing: -1px;
	text-align: justify;
}

.list-description.md {
	padding-bottom: 0px;
}

.archive_header .h_line3 h3 {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #111111;
	line-height: 1.7;
}

.archive_header .h_line3 .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 24px;
	background: linear-gradient(90deg, #1890ff 0%, #40a9ff 100%); /* 주요 컬러에 그라데이션 적용 */
	color: #ffffff; /* 글자 색상 */
	font-size: 16px;
	font-weight: 400;
	border: none;
	border-radius: 6px; /* 버튼 둥글기 설정 */
	text-decoration: none;
	margin-bottom:20px;
	transition:
		background 0.3s ease,
		box-shadow 0.3s ease;
}

/* 호버 효과 */
.archive_header .h_line3 .btn:hover {
	background: linear-gradient(90deg, #40a9ff 0%, #69c0ff 100%); /* 밝은 블루 계열로 변화 */
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}

/* 클릭 효과 */
.archive_header .h_line3 .btn:active {
	background: linear-gradient(90deg, #096dd9 0%, #40a9ff 100%); /* 어두운 블루 계열로 변화 */
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

/* 아이콘 스타일 */
.archive_header .h_line3 .btn i {
	margin-right: 8px;
	font-size: 18px;
}

.archive_header .h_line3 .cta-box {
	padding-bottom: 10px;
}

.archive_header.page-footer {
	margin: 20px 0 0 0;
}

.archive_header.page-footer .h_line2 {
	padding: 5px 0;
	border: none;
	border-top: 1px solid rgba(0, 0, 0, 0.03);
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.archive_header.page-footer .h_line3 {
	border: none;
	/* border-top: 1px solid rgba(0, 0, 0, 0.03); */
	margin-bottom: 0;
}

.archive_header.page-footer .h_line3 .cta-box {
	padding: 20px 0;
}

.archive_header.page-footer .flex-box {
	display: flex;
	align-items: flex-start;
}
.archive_header.page-footer .list-container,
.archive_header.page-footer .photo-container {
	width: 50%;
}

.archive_header.page-footer .grid-container ul {
	padding: 0;
	margin: 0 10px 20px 20px;
}

.archive_header.page-footer .grid-container ul li {
	font-size: 14px;
	color: #666;
	letter-spacing: -1px;
}

.archive_header.page-footer .grid-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 35px;
	margin-bottom: 35px;
}

/* 개별 아이템 설정 */
.archive_header.page-footer .grid-item {
	background-color: #ffffff;
	padding: 10px 20px;
	border: 1px solid #ddd;
	border-radius: 8px;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.archive_header.page-footer .grid-item .sbtn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px 5px;
	background: linear-gradient(90deg, #28a745 0%, #43b66f 100%); /* 딥 그린 + 포레스트 그린 */
	letter-spacing: -1px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	border: none;
	border-radius: 6px;
	text-decoration: none;
	margin-bottom: 20px;
	transition:
		background 0.3s ease,
		box-shadow 0.3s ease;
}

/* 호버 효과 */
.archive_header.page-footer .grid-item .sbtn:hover {
	background: linear-gradient(90deg, #43b66f 0%, #6bcf8e 100%);
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}

/* 클릭 효과 */
.archive_header.page-footer .grid-item .sbtn:active {
	background: linear-gradient(90deg, #1f7a37 0%, #3da65c 100%);
	box-shadow: 0 3px 6px;
}

.archive_header.page-footer .grid-item .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
}

.archive_header.page-footer .grid-item .icon img {
	display: block;
	width: 70px;
}

.archive_header.page-footer .grid-item h3 {
	font-size: 20px;
	margin: 10px 0;
	color: #333;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
}

.archive_header.page-footer .grid-item p {
	font-size: 15px;
	line-height: 1.6;
	color: #666;
	text-align: justify;
}

/* 마우스 호버 효과 */
.archive_header.page-footer .grid-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
/* 호버 효과 */
.archive_header.page-footer .cta-box .btn:hover {
	background-color: #40a9ff; /* 밝은 블루 계열로 변화 */
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* 클릭 효과 */
.archive_header.page-footer .cta-box .btn:active {
	background-color: #096dd9; /* 눌렸을 때 색상 변경 */
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

/* 반응형 처리 */
@media (max-width: 1024px) {
	.archive_header.page-footer .grid-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.archive_header.page-footer .grid-container {
		grid-template-columns: 1fr;
	}
}

/* 반응형 설정 */
@media (max-width: 768px) {
	.archive_header .h_line3 .btn {
		padding: 15px 20px;
		font-size: 15px;
		width: 100%;
		justify-content: center;
	}
}

@media screen and (max-width: 900px) {
	.archive_header .h_line1 h1.title {
		font-size: 20px;
		letter-spacing: -1px;
	}

	.archive_header .h_line3 h2 {
		font-size: 18px;
	}
	.list-title {
		font-size: 18px;
		letter-spacing: -1px;
	}
}

#description .item_header .line1 {
	padding: 20px 0;
	background-color: #ff204e;
	color: #ffffff;
	font-weight: 400;
	font-size: 25px;
}

#description .item_header .line1 .container {
	position: relative;
}

#description .item_header .line2 {
	padding: 20px 0;
	background-color: #a0153e;
	color: #ffffff;
	font-weight: 400;
	font-size: 15px;
	text-align: justify;
}

#description .item_header .line3 {
	padding: 20px 0;
	background-color: #5d0e41;
	color: #ffffff;
	font-weight: 400;
	font-size: 21px;
	text-align: justify;
}

#description .item_header .line4 {
	padding: 20px 0;
	background-color: #00224d;
	color: #ffffff;
	font-weight: 400;
	font-size: 15px;
}

#description .item_header .line4 ol {
	margin: 0;
	padding: 15px 0;
	padding-left: 15px;
}

#description .grid-2set {
	width: 100%;
	border-radius: 3px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px;
	list-style-type: none;
	padding: 0px;
	margin: 0;
	margin: 20px 0;
}

#description .item h3 {
	font-size: 18px;
}

#description .item .images {
	display: block;
	border-radius: 7px;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

#description .item .images img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#description .item p {
	display: -webkit-box;
	line-clamp: 5;
	-webkit-line-clamp: 5; /* 표시할 줄 수 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.telegram-button {
	position: absolute;
	top: -2px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 60px;
	background-color: #5d0e41;
	color: #ffffff;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
	border-radius: 25px;
	transition: background-color 0.3s ease;
}

.telegram-button:hover {
	background: #00224d;
	color: #ffffff;
}
.telegram-button div span {
	margin-bottom: 5px;
}
.telegram-button div span,
.telegram-button div strong {
	display: block;
	line-height: 1;
}

.telegram-icon {
	width: 34px;
	height: 34px;
	margin-right: 10px;
}
.site_footer {
	background-color: #15191a;
}
#footer-menus {
	border-top: 1px solid #0c0e0f;
	background-color: #1f2324;
	padding: 5px 0;
}

#footer-menu {
	border-top: none;
	background-color: #1f2324;
}

#footer-menus ul.navbar > li.menu-item > a {
	color: #fff;
	padding: 13px 15px;
	display: block;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -1px;
}

#footer_credits {
	background-color: #0c0e0f;
	padding: 10px 0;
}

.DMCA {
	padding: 0 0 30px 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.DMCA a.dmca-badge img {
	display: inline-block;
	margin-left: -2px;
}

.DMCA a.cloudflare-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:13px;
	letter-spacing: -1px;
	color:#aaa;
}

.DMCA a.cloudflare-badge:hover {
	color: #ff374a;
}

.DMCA a.cloudflare-badge img {
	display: inline-block;
	width:110px;
	margin-left: 5px;
	margin-right: 3px;
	background-color: #272727;

}

.DMCA a.cloudflare-badge strong {
	letter-spacing: 0;
}

@media (max-width: 768px) {
	.DMCA {
		flex-direction: column;
		justify-content: center;
	}
	.DMCA a.cloudflare-badge {
		flex-direction: column;
	}
}

.footer_sns {
	padding: 10px 0 15px 0;
}

.footer_sns a {
	display: inline-flex;
	margin-right: 1px;
}
.footer_sns a img {
	width: 28px;
	opacity: 0.4;
	transition: all 0.3s ease;
}

.footer_sns a:hover img {
	opacity: 1;
}

#banner ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0;
}

#banner ul li .banner_item {
	position: relative;
	display: flex;
	height: 105px;
	background-color: #fafafa;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	text-align: center;
	color: #999999;
	cursor: pointer;
}
#banner ul li .banner_item img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#banner ul li .banner_item .telegram-button {
	position: relative;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 60px;
	background-color: #4a95cd;
	color: #ffffff;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
	border-radius: 25px;
	transition: background-color 0.3s ease;
}
#banner ul li .banner_item .telegram-button div {
	text-align: left;
}
#banner ul li .banner_item .telegram-button:hover {
	background: #3877a6;
	color: #ffffff;
}

#banner ul li .banner_item img.telegram-icon {
	position: relative;
	width: 34px;
	height: 34px;
	margin-right: 10px;
}
#banner ul li.row2 {
	grid-column: span 2;
}
#banner ul li.row4 {
	grid-row: span 2;
}

#banner ul li.row4 .banner_item {
	height: 210px;
}

@media screen and (max-width: 910px) {
	.header_nav .main_menu {
		position: relative;
	}
	ul.navbar > li {
		position: relative;
	}
	.expanded_search.header_search > form.search .search_text {
		width: 160px;
	}

	#description .grid-2set {
		grid-template-columns: repeat(1, 1fr);
	}

	.telegram-button {
		position: unset;
		top: 0;
		right: 0;
	}
}
@media screen and (max-width: 580px) {
	#banner ul {
		grid-template-columns: repeat(2, 1fr);
	}
	#top_banner .container {
		padding-top: 0;
	}
	#banner ul {
		padding: 0;
	}
	#banner ul li .banner_item {
		height: 71px;
	}

	#banner ul li.row4 .banner_item {
		height: 142px;
	}
	.header_nav .main_menu {
		position: relative;
	}
	ul.navbar > li {
		position: relative;
	}

	.footer_sns {
		padding-right: 80px;
	}

	.footer_sns a {
		padding-bottom: 5px;
	}
	.footer_sns a img {
		width: 32px;
	}
}

@font-face {
	font-family: sdgothicneo;
	font-style: normal;
	font-weight: 400;
	src: url(/font/SDGothicNeo-400.eot);
	src:
		local(※),
		url(/font/SDGothicNeo-400.woff) format('woff');
	font-display: swap;
}

@font-face {
	font-family: sdgothicneo;
	font-style: normal;
	font-weight: 700;
	src: url(/font/SDGothicNeo-700.eot);
	src:
		local(※),
		url(/font/SDGothicNeo-700.woff) format('woff');
	font-display: swap;
}

@font-face {
	font-family: sdgothicneo;
	font-style: normal;
	font-weight: 900;
	src: url(/font/SDGothicNeo-900.eot);
	src:
		local(※),
		url(/font/SDGothicNeo-900.woff) format('woff');
	font-display: swap;
}

@font-face {
	font-family: tthakgyoansimjiugaer;
	src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimJiugaeR.woff2)
		format('woff2');
	font-weight: 400;
	font-style: normal;
}

body {
	font-family:
		sdgothicneo,
		helvetica neue,
		Helvetica,
		Arial,
		sans-serif;
	font-size: 15px;
}

#reviewList {
	width: 880px;
	padding: 0;
	margin: 0 auto;
	font-family:
		sdgothicneo,
		helvetica neue,
		Helvetica,
		Arial,
		sans-serif;
}

.warp {
	width: 880px;
	padding: 0;
	margin: 0 auto;
}
#reviewList h2 {
	padding: 0;
	margin: 0;
	font-size: 24px;
}

#reviewList ol {
	padding: 20px 0;
	margin: 0;
	list-style: none;
}

#reviewList li {
	margin-bottom: 20px;
}

#reviewList li .siteCard {
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
}
#reviewList li .siteCard a > video,
#reviewList li .siteCard a > img {
	width: 230px;
	height: auto;
	display: block;
}

#reviewList li .siteCard .siteInfo {
	margin: 0 15px;
	flex: 1;
}

#reviewList li .siteCard .siteInfo strong {
	display: inline-flex;
	font-size: 22px;
	letter-spacing: -1px;
	font-weight: 400;
}

#reviewList li .siteCard .siteInfo span {
	display: inline-flex;
	margin-right: 5px;
}
#reviewList li .siteCard .siteInfo span img {
	width: 18px;
	margin-right: 2px;
}

#reviewList li .siteCard .siteInfo p {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 1.5;
	color: #777;
}

#reviewList li .siteCard .bonusButton {
	--primary-color: #111;
	--secondary-color: #fff;
	--hover-color: #e61515;
	--arrow-width: 10px;
	--arrow-stroke: 2px;
	box-sizing: border-box;
	border: 0;
	border-radius: 25px;
	color: var(--secondary-color);
	background: var(--primary-color);
	display: flex;
	transition: 0.2s background;
	align-items: center;
	justify-content: center;
	width: 125px;
	height: 60px;
	font-size: 16px;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: -1px;
}

#reviewList li .siteCard .bonusButton .arrow-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 5px;
}

#reviewList li .siteCard .bonusButton .arrow {
	margin-top: -1px;
	width: var(--arrow-width);
	background: var(--primary-color);
	height: var(--arrow-stroke);
	position: relative;
	transition: 0.2s;
}

#reviewList li .siteCard .bonusButton .arrow::before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	border: solid var(--secondary-color);
	border-width: 0 var(--arrow-stroke) var(--arrow-stroke) 0;
	display: inline-block;
	top: -3px;
	right: 3px;
	transition: 0.2s;
	padding: 3px;
	transform: rotate(-45deg);
}

#reviewList li .siteCard .bonusButton:hover {
	background-color: var(--hover-color);
}

#reviewList li .siteCard .bonusButton:hover .arrow {
	background: var(--secondary-color);
}

#reviewList li .siteCard .bonusButton:hover .arrow:before {
	right: 0;
}

@media screen and (max-width: 900px) {
	#reviewList {
		width: 100%;
	}

	#reviewList li .siteCard {
		padding: 25px;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	#reviewList li .siteCard a > video,
	#reviewList li .siteCard a > img {
		width: 100%;
		height: auto;
		display: block;
	}

	#reviewList li .siteCard .siteInfo {
		margin: 25px 0;
		flex: none;
	}

	#reviewList li .siteCard .bonusButton {
		width: 150px;
	}
}

/* 문서 테이블 설정 CSS */

table.table_casino79 {
	border-collapse: collapse;
}

table.table_casino79 tbody tr:nth-child(even) {
	background-color: #fbfbfb;
}

table.table_casino79.table_td_center thead tr th,
table.table_casino79.table_td_center tbody tr td,
table.table_casino79.table_td_center tfoot tr td {
	text-align: center;
	vertical-align: middle;
}

table.table_casino79.table_td_left thead tr th,
table.table_casino79.table_td_left tbody tr td,
table.table_casino79.table_td_left tfoot tr td {
	text-align: left;
	vertical-align: middle;
}

table.table_casino79 caption {
	caption-side: bottom;
	padding-top: 10px;
	border: none;
}

/* YARPP */
.yarpp-related {
	margin-bottom: 1em;
	margin-top: 1em;
}

.yarpp-related h3 {
	font-size: 130%;
	font-weight: 700;
	margin: 0;
	padding: 0;
	margin-bottom: 10px !important;
	text-transform: capitalize;
}

.yarpp-thumbnails-horizontal {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 5개의 동일한 너비의 컬럼 */
	gap: 10px; /* 그리드 아이템 사이 간격 */
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	display: flex !important;
	align-items: left;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	padding: 10px !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	border: 1px solid hsla(0, 0%, 50%, 0.2) !important;
	vertical-align: top;
}

.yarpp-thumbnail > img,
.yarpp-thumbnail-default {
	width: 100% !important;
	margin: 0 !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
	margin: 0 !important;
	margin-top: 10px !important;
	width: 100% !important;
}

@media screen and (max-width: 900px) {
	.yarpp-thumbnails-horizontal {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, 1fr); /* 5개의 동일한 너비의 컬럼 */
		gap: 10px; /* 그리드 아이템 사이 간격 */
	}
}

body.custom-background .site {
	background-color: #fff;
	max-width: 100%;
	margin: 0 auto;
}

.widget_content ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.widget_content {
	font-size: 14px;
	color: #eee;
	line-height: 1.6em;
}

.footer_credits,
.footer_credits_info {
	font-size: 12px;
	color: #ddd;
	letter-spacing: 0;
	padding: 12px 0;
}

.grid_list .blog_post_container {
	margin-bottom: 30px;
}

#top-menu .menu-item a {
	font-size: 16px;
}
#top-menu .menu-item.active a {
	color: #ff374a;
}

.blog_post_readmore a.more-link {
	display: inline-flex;
	align-items: center;
	padding: 8px 20px;
	background-color: #ff5c57; /* 최적화된 주요 컬러 설정 */
	color: #ffffff; /* 글자 색상 */
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -1px;
	border: none;
	border-radius: 6px;
	text-decoration: none;
	transition:
		background-color 0.3s ease,
		box-shadow 0.2s ease;
}

/* 호버 효과 */
.blog_post_readmore a.more-link:hover {
	background-color: #ff867d; /* 최적화된 밝은 빨강 계열 */
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* 클릭 효과 */
.blog_post_readmore a.more-link:active {
	background-color: #cc2e35; /* 눌렸을 때 색상 변경 */
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

/* 아이콘 스타일 */
.blog_post_readmore a.more-link i {
	margin-left: 8px;
	font-size: 14px;
}

.casino79-list,
.casino79-list li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.grid_list .post_title a:before,
.grid_list .post_title a::after {
	content: none;
	visibility: hidden;
}

/* FAQ 섹션 스타일 */
#faq-section {
	background-color: #ffffff;
}

#faq-section .header-line {
	padding: 5px 0;
	background-color: #f4f6f7;
	border-top: 1px solid rgba(0, 0, 0, 0.03);
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

#faq-section .header-line p {
	font-weight: 400;
	font-size: 15px;
	letter-spacing: -1px;
	color: #222222;
	text-align: justify;
}

/* FAQ 제목 스타일 */
#faq-section h2 {
	font-size: 20px;
	font-weight: 400;
	color: #111111;
}

#faq-section .body-line {
	padding: 40px 0;
	background-color: #f9fafb;
}

/* 개별 FAQ 항목 스타일 */
#faq-section .faq-item {
	margin-top: 20px;
	background-color: #ffffff;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 8px;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

#faq-section .faq-item:first-child {
	margin-top: 0;
}
/* 마우스 호버 효과 */
#faq-section .faq-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* 질문 스타일 */
#faq-section .faq-item h3 {
	font-size: 18px;
	font-weight: 400;
	color: #222222;
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-bottom: 12px;
	padding: 0;
	margin: 0;
	letter-spacing: -1px;
}

/* 이모지 간격 조정 */
#faq-section .faq-item h3::before {
	margin-right: 8px;
}

/* 답변 스타일 */
#faq-section .faq-item p {
	font-weight: 400;
	font-size: 15px;
	letter-spacing: -1px;
	color: #666;
	text-align: justify;
	margin: 10px 0 0 0;
}

#faq-section .item-box {
	display: flex;
	padding: 0 10px;
}

#faq-section .item-box .icon_f {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding-right: 25px;
	margin-right: 25px;
	border-right: 1px solid #eee;
}

#faq-section .item-box .icon_f img {
	width: 50px;
}

#faq-section .item-box .content_f {
	flex: 1;
}

/* 모바일 최적화 */
@media (max-width: 768px) {
	#faq-section h2 {
		font-size: 24px;
	}

	#faq-section .faq-item h3 {
		font-size: 18px;
	}

	#faq-section .faq-item p {
		font-size: 14px;
	}
}

.site_footer .title-flex {
	display: flex;
}

.site_footer .title-flex h2 {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
	padding: 0;
}

.site_footer .title-flex a {
	letter-spacing: -1px;
	margin-left: auto;
	color: #fff;
}

.site_footer .title-flex a:hover {
	color: #ff374a;
}

.wp-block-latest-posts__featured-image img {
	height: auto;
	max-width: 100% !important;
	width: 100% !important;
}

.widget_content ul li a {
	display: flex;
	width: 100%;
}

#review-section h2 {
    font-size: 16px;
    font-weight: 900;
    line-height: 36px;
    margin-top: 56px;
}

#review-section .review-summary {
	display: flex;
	align-items: center;
	background-color: #f6f6f6;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding: 25px 20px;
}

#review-section .review-summary > div:first-child {
	margin-right: 5px;
}

#review-section form {
	margin-top: 10px;
}

#review-section form select,
#review-section form button {
	height: 45px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

#review-section form select {
	width: 200px;
}

#review-section form button {
	margin-left: 7px;
	font-size: 15px;
	letter-spacing: -1px;
	padding: 0 20px;
	cursor: pointer;
	background-color: #ff5c57; /* 최적화된 주요 컬러 설정 */
	color: #ffffff; /* 글자 색상 */
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -1px;
	border: none;
	border-radius: 6px;
	text-decoration: none;
	transition:
		background-color 0.3s ease,
		box-shadow 0.2s ease;
}

/* 호버 효과 */
#review-section form button:hover {
	background-color: #ff867d; /* 최적화된 밝은 빨강 계열 */
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* 클릭 효과 */
#review-section form button:active {
	background-color: #cc2e35; /* 눌렸을 때 색상 변경 */
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.author-box {
	display: flex;
	align-items: flex-start;
	background: #f9f9f9;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	padding: 30px;
	margin-top: 40px;
	font-family: 'Pretendard', sans-serif;
	color: #333;
	gap: 30px;
	flex-wrap: wrap;
}

.author-box img {
	width: 100px;
	height: 100px;
	border-radius: 40px;
	object-fit: cover;
	flex-shrink: 0;
}

.author-info {
	flex: 1;
	min-width: 200px;
}

.author-info div.author-name {
	margin: 0 0 6px 0;
	font-size: 18px;
	font-weight: 600;
}

.author-info p {
	margin: 0;
	font-size: 15px;
	color: #666;
	line-height: 1.6;
	letter-spacing: -1px;
	text-align: justify;
}

.meta-info {
	margin-top: 10px;
	font-size: 13px;
	color: #888;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.meta-info .meta_separator {
	color: #ccc;
}

.post_banner.page_banner {
	margin-top: 25px;
}

.full_width_post_single > div > .blog_post_container .post_title:after,
.full_width_post_single > div > .blog_post_container .post_title:before {
	content: none;
	visibility: hidden;
}

.blog_post_container .single_post_body {
	margin: 0;
}

.full_width_post_single .post_banner {
	margin-top: 25px;
}

.full_width_post_single .thepost_row .post_banner {
	margin-top: 0;
}

/* ✅ 반응형 스타일 */
@media screen and (max-width: 500px) {
	.author-box {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.author-box img {
		margin-bottom: 10px;
	}

	.author-info h4 {
		font-size: 16px;
	}

	.author-info p {
		font-size: 13px;
	}

	.meta-info {
		justify-content: center;
		font-size: 12px;
	}
}

/* 메인 하단 색션**/

/* 메인 컨테이너 */
.main-section-content {
	padding: 30px 20px;
	background-color: #ffffff;
	border-radius: 12px;
}

.main-section-content.casino-trend-section {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.main-section-content.bgcolor {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	background-color: #f9fafb;
}

.main-section-content h2 {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #222222;
	padding: 0;
	margin: 0;
}

.main-section-content p {
	font-size: 15px;
	line-height: 1.6;
	color: #666;
	text-align: justify;
}

/* 리스트 */
.main-section-content ul.trend-list,
.main-section-content ul.verify-flow,
.main-section-content ul.checklist,
.main-section-content ol.safety-step-list {
	padding-left: 10px;
	margin: 10px 0 0 15px;
}

.main-section-content ul.checklist {
	margin-top: 20px;
}

.main-section-content ul.trend-list li,
.main-section-content ul.verify-flow li,
.main-section-content ul.checklist li,
.main-section-content ol.safety-step-list li {
	font-size: 15px;
	color: #666;
	letter-spacing: -1px;
	line-height: 1.5;
	margin-top: 10px;
}

.main-section-content ul li:first-child,
.main-section-content ol li:first-child {
	margin-top: 0;
}

/* 테이블 스타일 */
.main-section-content table.support-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 24px 0;
	font-size: 14px;
	border-radius: 8px; /* 전체 테이블 둥글게 */
	overflow: hidden; /* border-radius 적용 위해 필요 */
	border: none;
}

/* 헤더 스타일 */
.main-section-content .support-table thead {
	background: linear-gradient(90deg, #0052cc 0%, #2684ff 100%);
	color: #fff;
	text-align: center;
}

.main-section-content .support-table th {
	padding: 14px 12px;
	font-weight: 600;
	letter-spacing: -0.5px;
	white-space: nowrap;
	border: none;
	text-align: center;
}

/* 셀 스타일 - 가로줄만 있음 */
.main-section-content .support-table td {
	padding: 12px 10px;
	color: #333;
	text-align: center;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	background-color: #fff;
	border-left: none;
	border-right: none;
}

/* 사이트명 강조 */
.main-section-content .support-table td:first-child {
	font-weight: 600;
	color: #003366;
}

/* 마지막 행 하단선 제거 (선택사항) */
.main-section-content .support-table tr:last-child td {
	border-bottom: none;
}

/* 반응형 */
@media (max-width: 768px) {
	.support-table {
		display: block;
	}

	.support-table thead {
		display: none;
	}

	.support-table tbody {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
	}

	.support-table tr {
		display: block;
		width: calc(50% - 8px); /* 한 줄에 2개 */
		background: #ffffff;
		border-radius: 12px;
		padding: 0;
		box-sizing: border-box;
		overflow: hidden; /* 테두리 둥글게 적용 시 오버플로 제거 */
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04); /* 약간의 그림자 */
	}

	.support-table td {
		display: block;
		width: 100%;
		padding: 8px 10px;
		position: relative;
		font-size: 14px;
		line-height: 1.5;
		color: #333;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}

	/* 사이트 이름 스타일 (첫 번째 td) */
	.support-table td:first-child {
		background: linear-gradient(90deg, #0052cc 0%, #2684ff 100%);
		font-weight: 700;
		font-size: 15px;
		text-align: center;
		padding: 12px 10px;
	}

	.support-table td:first-child a {
		color: #ffffff;
	}

	/* data-label 레이블 (다른 항목만) */
	.support-table td:not(:first-child)::before {
		content: attr(data-label);
		display: block;
		font-weight: 600;
		color: #0070f3;
		margin-bottom: 4px;
		font-size: 13px;
	}

	.support-table td:last-child {
		border-bottom: none;
	}

	.main-section-content .support-table tr:last-child td {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}
}

/* 작은 화면에서는 한 줄에 1개 카드로 */
@media (max-width: 480px) {
	.support-table tbody {
		flex-direction: column;
	}

	.support-table tr {
		width: 100%;
	}
}

/* 출처 */
.main-section-content .source-note {
	font-size: 14px;
	color: #666;
	margin: 12px 0 0 0;
}

.main-section-content .source-note a {
	color: #007c5a;
	text-decoration: underline;
}

/* CTA 버튼 */
.main-section-content .sbtn {
	display: inline-block;
	background: linear-gradient(90deg, #28a745 0%, #43b66f 100%);
	color: #fff;
	padding: 12px 20px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	margin-top: 20px;
	transition:
		background 0.3s ease,
		box-shadow 0.3s ease;
}

.main-section-content .sbtn:hover {
	background: linear-gradient(90deg, #43b66f 0%, #6bcf8e 100%);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

/* CTA 버튼 - 파란 계열 */
.main-section-content .sbbtn {
	display: inline-block;
	background: linear-gradient(90deg, #1976d2 0%, #42a5f5 100%);
	color: #fff;
	padding: 12px 20px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	margin-top: 20px;
	transition:
		background 0.3s ease,
		box-shadow 0.3s ease;
}

.main-section-content .sbbtn:hover {
	background: linear-gradient(90deg, #42a5f5 0%, #90caf9 100%);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

/* CTA 버튼 - 빨강 계열 */
.main-section-content .srbtn {
	display: inline-block;
	background: linear-gradient(90deg, #e53935 0%, #f0625d 100%);
	color: #fff;
	padding: 12px 20px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	margin-top: 20px;
	transition:
		background 0.3s ease,
		box-shadow 0.3s ease;
}

.main-section-content .srbtn:hover {
	background: linear-gradient(90deg, #f0625d 0%, #ff8a80 100%);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

.main-section-content .trend-grid,
.main-section-content .checklist-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* 2열 그리드 */
	gap: 12px 24px; /* 세로, 가로 간격 */
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

.main-section-content .trend-grid li,
.main-section-content .checklist-grid li {
	background-color: #f8f8f8;
	border-left: 4px solid #52c41a; /* 강조 색 */
	padding: 12px 16px;
	border-radius: 4px;
	font-size: 14px;
	color: #666;
	letter-spacing: -1px;
}

.main-section-content .verify-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 데스크탑: 3열 */
	gap: 12px 24px; /* 세로, 가로 간격 */
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

.main-section-content .verify-grid li {
	background-color: #fdf6f6; /* 연한 붉은 배경 */
	border-left: 4px solid #e53935; /* 붉은 강조색 */
	padding: 12px 16px;
	border-radius: 4px;
	font-size: 14px;
	color: #444;
	letter-spacing: -0.5px;
	line-height: 1.6;
	font-weight: 400;
}

.main-section-content .verify-grid li strong {
	color: #e53935;
	font-weight: 700;
}

.safety-step-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 16px 24px;
	list-style: none;
	counter-reset: step-counter;
	padding: 0;
	margin: 24px 0;
}

/* 리스트 항목 스타일 */
.safety-step-grid li {
	position: relative;
	padding: 16px 16px 16px 42px;
	background-color: #f0f8ff; /* 옅은 파랑 배경 */
	border-left: 4px solid #1890ff; /* 파랑 계열 강조 */
	border-radius: 6px;
	font-size: 14px;
	color: #2c3e50;
	line-height: 1.6;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease,
		background-color 0.3s ease;
	opacity: 0;
	transform: translateY(20px);
	animation: fadeSlideUp 0.5s ease forwards;
}

/* 번호 자동 생성 */
.safety-step-grid li::before {
	content: counter(step-counter) '.';
	counter-increment: step-counter;
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
	color: #1890ff;
	font-size: 16px;
}

/* 호버 효과 (선택) */
.safety-step-grid li:hover {
	background-color: #e6f4ff;
	transform: translateY(-3px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
}

/* 애니메이션 정의 */
@keyframes fadeSlideUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 반응형 */
@media screen and (max-width: 768px) {
	.main-section-content h2 {
		font-size: 22px;
	}

	.main-section-content .sbtn {
		width: 100%;
		text-align: center;
	}

	.main-section-content table.support-table {
		font-size: 14px;
	}
	.main-section-content .trend-grid,
	.main-section-content .checklist-grid {
		grid-template-columns: 1fr;
	}

	.main-section-content .verify-grid {
		grid-template-columns: 1fr;
	}
}

/* 기사 버튼 */
a.wp-block-button__link {
	background-color: transparent !important;
	border: 2px solid #333;
}

/* 하단 링크 footer-featured-links */

.footer-featured-links {
	padding: 10px 0;
	background-color: #f9f9f9;
}

.footer-featured-links h2 {
	font-size: 21px;
	font-weight: 400;
	letter-spacing: -1px;
}

.footer-featured-links .grid-3set {
	margin-top: 10px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.footer-featured-links .item {
	background: #fff;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	padding-bottom: 20px;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.footer-featured-links .item:hover {
	transform: translateY(-4px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.footer-featured-links .item h3 {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -1px;
	margin: 16px;
	color: #333;
}

.footer-featured-links .images img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.footer-featured-links h3 {
	font-size: 1.2rem;
	margin: 16px;
	color: #1e1e1e;
}

.footer-featured-links h3 a {
	color: inherit;
	text-decoration: none;
}

.footer-featured-links p {
	font-size: 0.95rem;
	color: #555;
	margin: 0 20px 15px 20px;
	line-height: 1.6;
}

.footer-featured-links .blog_post_control_item {
	padding: 0 16px 20px;
}

.footer-featured-links .more-link {
	display: inline-flex;
	align-items: center;
	color: #0073e6;
	font-weight: bold;
	text-decoration: none;
}

.footer-featured-links .more-link:hover {
	text-decoration: underline;
}

.footer-featured-links .readmore_icon {
	margin-left: 6px;
	font-size: 0.9em;
}

.footer-featured-links .cta-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 15px;
	padding: 15px 18px;
	background: linear-gradient(90deg, #e53935 0%, #f0625d 100%);
	color: #fff;
	font-weight: bold;
	font-size: 0.95rem;
	border-radius: 8px;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.footer-featured-links .cta-btn:hover {
	background: linear-gradient(90deg, #f0625d 0%, #ff8a80 100%);
}

/* 모바일 대응 */
@media screen and (max-width: 768px) {
	.footer-featured-links .grid-3set {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

.post_related .post_title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.two_coloumns_list .post_title a {
	position: relative !important;
}

.two_coloumns_list .post_title a:before {
	bottom: -15px;
}

.two_coloumns_list .post_title a:after {
	bottom: -13px;
}

.bc-table-of-contents {
	background: #ffffff;
	border-bottom: 1px solid #eee;
	padding: 20px 25px;
}

.bc-table-of-contents .toc-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bc-table-of-contents .toc-title {
	font-size: 100%;
	font-weight: 500;
	margin: 0;
}

.bc-table-of-contents .toc-toggle {
	font-size: 0.9em;
	background: none;
	border: none;
	color: #ff6600;
	cursor: pointer;
	transition: color 0.2s;
}

.bc-table-of-contents .toc-toggle:hover {
	color: #cc5200;
}

.bc-table-of-contents .toc-list {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

.bc-table-of-contents .toc-list li {
	margin: 6px 0 0 6px;
	padding-left: 10px;
	position: relative;
}

.bc-table-of-contents .toc-list li::before {
	content: "•";
	color: #ff6600;
	position: absolute;
	left: 0;
}

.bc-table-of-contents .toc-list a {
	color: #333;
	text-decoration: none;
	transition: color 0.2s;
	letter-spacing: -1px;
}

.bc-table-of-contents .toc-list a:hover {
	color: #ff6600;
	text-decoration: underline;
}

/* 접힘 상태 */
.bc-table-of-contents .toc-list.hidden {
	display: none;
}


.footer-line {
	padding: 40px 0;
}

.footer-line .author-box {
	margin:0;
}