/*
Theme Name: SeikeiFocus
Theme URI: 
Author: Eunhong Choi
Author URI: 
Description: Ref. Site : https://www.jiji.com/
Version: 2026.08.01.02
Requires at least: 6.7.1
Tested up to: 6.7.1
Requires PHP: 8.2.22
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seikeifocus
Tags: Fastview, SeikeiFocus, mobile-friendly

Fastview, Copyright 
This is Custom Theme.

*/

@charset "UTF-8";
/*Normalize*/
* {margin: 0; padding: 0; border: none; box-sizing: border-box;}
body {overflow-x: hidden; overflow-y: scroll; position: relative; height: auto; min-height: 100vh; /* padding-bottom: 370px; */ color: #1e1e17; line-height: 1.5; font-family: 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', Meiryo, メイリオ, 'MS Pgothic', 'ＭＳ Ｐゴシック', Osaka, sans-serif, Helvetica, 'Helvetica Neue', Arial, Verdana; -webkit-text-size-adjust: none;}
html {font-size: 62.5%; scroll-behavior: smooth;}
input:focus, textarea:focus {outline: none;}
/*1rem = 10px*/
a {text-decoration: none; color: #000;}
body.dark a {color: #fff;}
ol, ul, li {list-style: none;}
em {font-size: inherit;}
img {width: 100%;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
button {background-color: inherit; cursor: pointer;}
address {font-style: normal;}
/*icon*/
/*
    * font-size 미 적용 시 10px로 나오며, 1rem = 10px 입니다.
    * (ex:font-size 14px 적용 시 1.4rem)
    8 수정 작업 시 현 파일의 공통 css모음을 확인 해 주세요.
*/
/*공통 css 모음*/
.flex {display: flex !important;}
.flex-wrap {flex-wrap: wrap !important;}
.align-top {align-items: flex-start !important;}
.align-center {align-items: center !important;}
.align-left {align-items: flex-start !important;}
.align-right {align-items: flex-end !important;}
.justify-center {justify-content: center !important;}
.justify-left {justify-content: flex-start !important;}
.justify-right {justify-content: flex-end !important;}
.justify-around {justify-content: space-around !important;}
.justify-between {justify-content: space-between !important;}
.column {flex-direction: column !important;}
.text-align-center {text-align: center !important;}
.text-align-left {text-align: left !important;}
.text-align-right {text-align: right !important;}
.pdd-t20 {padding-top: 20px !important;}
.pdd-t30 {padding-top: 30px;}
.mg-auto {margin: 0 auto;}
.mg-r300 {margin-right: 300px !important;}
.mg-b20 {margin-bottom: 20px !important;}
.mg-b26 {margin-bottom: 26px !important;}
.mg-b28 {margin-bottom: 28px !important;}
.mg-b30 {margin-bottom: 30px !important;}
.mg-b46 {margin-bottom: 46px !important;}
.mg-b60 {margin-bottom: 60px !important;}
.ft-white {color: #fff !important;}
.ft-grey {color: #a3a3a3 !important;}
.w-per70 {width: 70% !important;}
.icon {position: relative; width: 34px; height: 34px; background-position: center center; background-repeat: no-repeat; background-size: 23px 22px; font-size: 0; vertical-align: middle;}
.icon-search {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' fill='none'%3E%3Cg stroke='%23222' stroke-miterlimit='10' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M10.29 19.08a8.79 8.79 0 1 0 0-17.58 8.79 8.79 0 0 0 0 17.58Z'/%3E%3Cpath stroke-linecap='round' d='m16.64 16.43 4.99 4.64'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h23v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.icon-back {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill='none'%3E%3Cpath stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 13-8 8m0 0 8 8m-8-8h16'/%3E%3C/svg%3E");}
.i-naver {background-image: url(inc/icon/sns-naver.svg);}
.i-face-book {background-image: url(inc/icon/sns-facebook.png);}
.i-twitter {background-image: url(inc/icon/sns-twitter.png);}
.i-n-band {background-image: url(inc/icon/sns-band.png);}
.i-kakao {background-image: url(inc/icon/sns-kakao.png);}
.i-line {background-image: url(inc/icon/sns-line.png);}
.brand-logo {display: block; background-image: url('https://cdn.seikeifocus.jp/seikeifocus/2026/07/14153510/seikeifocus-logo.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.img-box {overflow: hidden; position: relative; width: 100%; height: 100%;}
.img-box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: fit-content;}
.my-comment-color {background-color: #f3fcff !important;}
.ad-block {position: relative;}
.ad-block::after {content: "AD"; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 16px; background: rgba(0, 0, 0, 0.6); color: #fff; font-weight: 500; text-align: center; line-height: 1.7; z-index: 2;}
.pc-var {display: block;}
.m-var {display: none;}
@media (max-width: 840px) {
	.pc-var {display: none;}
	.m-var {display: block;}
}
/* 자동차AD와 이시각인기뉴스 위젯 사이 여백 조정 */
.news-view-bt-ad-box > div.ad-height257 {margin: 10px 0 30px 0 !important;}
/* 사이드바 위젯간 간격이 지나치게 넓은것같아 100px에서 50px로 축소 */
.right-sticky-wrap article {margin-bottom: 35px;}
/* 본문내삽입 광고의 여백조정 */
.article-insert-ad {padding: 15px 0;}
/* 기사 이미지가 아닌 div에 px 붙는 문제 : worldcon.kr/hot-click/article/19776 */
body.single-post .news-article div {max-width: 100%;}
/* 기사 이미지 : wp-admin css 제거 후 문제 보정 */
body.single-post .news-article img {height: auto;}
/* 첫번째 h2만 적용 : worldcon.kr/column/article/48667 */
.news-view h2:not(:first-of-type) {padding-left: 0 !important; border-left: none !important;}
@media screen and (max-width: 767px) {
	body.single-post .news-article img:not(.portrait):not(.comments-area img):not(.widget img) {width: calc(100% + 36px); margin: 0 -18px !important; max-width: none !important;} /* 본문이미지넓이조절 */
	.header .search-wrap {border-bottom: 0;} /* 헤더하단경계선삭제 */
	.news-view-m-bt article {width: 100%;} /* 함께볼만한뉴스 가로넓이 조절 */
	.ad-video {height: auto;} /* 제공되는 광고 height값을 유동적으로 설정해도 되는 영역에서 height값 제거 */
	.news-view-bt-ad-box > div.ad-height257 {margin-bottom: 20px;} /* 자동차AD와 이시각인기뉴스 위젯 사이 여백 조정 */
	body {padding-bottom: 0 !important;} /* 페이지 맨 하단 여백 520px → 460px 아마 태블릿 호환 관련 사이즈인듯 */
	.header .logo-default {margin: 10px 0 6px 0;} /* 로고 영역의 여백 조금 확대 */
	.header .gnb-wrap li:last-child {padding-right: 0 !important; margin-right: 0;}
	.header .gnb-wrap li:first-child {margin-left: 0px !important;}
	.footer .logo-default {height: unset;} /* 푸터 로고 사이즈 수정 */
	.footer .logo-default > img {object-fit: contain;}
	.footer .copy-right-wrap {padding-bottom: 60px;} /* 하단플로팅ad로 변경 후 푸터 하단 여백 확대 */
}
.container {width: 1102px;}
.body {display: flex; justify-content: center; position: relative; margin-top: 30px; padding-bottom: 200px;}
.main-body {margin: 0 20px;}
.skip-nav {position: relative; z-index: 9999;}
.skip-nav a {position: absolute; top: -200px; left: 0; width: 100%; line-height: 30px; border: 1px solid #dedede; background-color: #333; color: #fff; font-size: 1.2rem; text-align: center;}
.skip-nav a:focus, .skip-nav a:active {top: 0;}
.sf-header {width: 100%; background-color: #fff; color: #1e1e17;}
body.dark .sf-header {background-color: #303030; color: #fff;}
.sf-header-inner {width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.sf-header-top {height: 48px;}
.sf-header-top .sf-header-inner {height: 48px; border-bottom: 1px solid #ddd;}
.sf-header-logo img {display: block; width: 166px; height: auto;}
.sf-header-info {display: flex; align-items: center; gap: 20px;}
.sf-header-date {font-size: 1.4rem; font-weight: 600;}
.sf-header-weather {display: flex; align-items: center; gap: 4px; font-size: 1.2rem; font-weight: 600;}
.sf-header-weather svg {display: block; color: #1e1e17;}
body.dark .sf-header-weather svg {color: #fff;}
.sf-header-search-btn {display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; border: none; background: none; color: #1e1e17; cursor: pointer;}
body.dark .sf-header-search-btn {color: #fff;}
.sf-header-nav {height: 30px;}
.sf-header-nav .sf-header-inner {height: 30px;}
.sf-header-menu {display: flex; width: 100%; justify-content: space-around; list-style: none; border-bottom: 1px solid #ddd;}
.sf-header-menu li a {display: block; padding: 8px 0; font-size: 1.6rem; font-weight: 700; color: #1e1e17;}
body.dark .sf-header-menu li a {color: #fff;}
@media (max-width: 840px) {
	.sf-header-top {height: 60px;}
	.sf-header-top .sf-header-inner {height: 60px; width: 100%; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center;}
	.sf-header-top .sf-header-inner .sf-header-date,
	.sf-header-top .sf-header-inner .sf-header-weather {font-size: 1.1rem; font-weight: 500;}
	.sf-header-nav .sf-header-inner {width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
	.sf-header-nav .sf-header-inner::-webkit-scrollbar {display: none;}
	.sf-header-nav .sf-header-inner .sf-header-menu {display: flex; flex-wrap: nowrap; width: max-content; margin: 0; padding: 0;}
	.sf-header-nav .sf-header-inner .sf-header-menu li {flex: 0 0 auto; white-space: nowrap; padding: 0 15px;}
	.sf-header-nav .sf-header-inner .sf-header-menu li a {padding: 4px 0; font-size: 1.45rem;}
	.sf-header-inner {width: 100%;}
	.sf-header-inner .sf-search-form {width: 94%; margin: 0 auto;}
}
.sf-header-menu li:hover a, .sf-header-menu li.current-menu-item a {color: #d8050d;}
.sf-header-search-panel {display: none; width: 100%; border-bottom: 1px solid #ddd; background: #f8f8f8;}
.sf-header-search-panel.is-open {display: block;}
.sf-header-search-panel .sf-header-inner {justify-content: flex-start; padding: 12px 0;}
.sf-search-form {display: flex; align-items: center; gap: 8px; width: 100%;}
.sf-search-form input {flex: 1 1 auto; height: 36px; padding: 0 12px; border: 1px solid #ddd; border-radius: 2px; background-color: #fff; color: #1e1e17;}
.sf-search-submit {display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: none; background: none; color: #1e1e17; cursor: pointer;}
.title-box {z-index: 1;}
.title-box .title {overflow: hidden; display: -webkit-box; font-weight: 700; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.title-box .date, .title-box .from, .title-box .time, .title-box .hit {color: #a3a3a3; font-size: 1.1rem;}
.title-box .line-txt-box {display: inline-block; margin: 10px 0 22px;}
.title-box .line-txt-box p {padding: 0 !important;}
.title-box .line-txt-box p > * {position: relative; padding-left: 6px !important; margin-left: 6px; font-size: 1.2rem; font-family: "SpoqaSans", sans-serif !important;}
.title-box .line-txt-box p > *::before {content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background-color: #d9d9d9;}
.title-box .line-txt-box p > *:first-child {padding: 0; padding-left: 0 !important; margin: 0;}
.title-box .line-txt-box p > *:first-child::before {display: none;}
.title-box.big {padding: 0 20px 20px;}
.title-box.big .title {font-size: 2.7rem;}
.title-box.lg {padding: 0 20px 16px;}
.title-box.lg .title {font-size: 1.7rem;}
.title-box.md {padding: 0 15px 3px;}
.title-box.md .title {font-size: 1.6rem; line-height: 20px;}
.title-box.sm .title {margin-bottom: 6px; font-size: 1.5rem;}
.title-box.sm .date {font-size: 1.2rem;}
.title-box.xsm .title {margin-bottom: 6px; font-size: 1.4rem;}
.title-box.title-line1 .title {-webkit-line-clamp: 1;}
.title-box.title-line3 .title {-webkit-line-clamp: 3;}
h2 {width: 100%; padding-bottom: 10px; margin-bottom: 22px; border-bottom: 2px solid #000; border-color: #000; font-size: 2.2rem; font-weight: 700;}
body.dark h2 {border-color: #fff;}
.card {position: relative;}
.card a {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.album-card .title-box {position: absolute; bottom: 0;}
.album-card .title-box strong {margin-bottom: 9px; line-height: 34px;}
.album-card::after {content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 45%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 6.55%, rgba(0, 0, 0, 0.4) 44.14%);}
.album-card-sm {width: 100%; height: 220px; margin-bottom: 26px;}
.album-card-sm .title-box {position: absolute; bottom: 0;}
.album-card-sm .title-box strong {margin-bottom: 9px; line-height: 21px;}
.album-card-sm::after {content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 6.55%, rgba(0, 0, 0, 0.4) 44.14%);}
.side-card {display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 20px;}
.side-card:last-child {margin-bottom: 26px;}
.side-card .thumnail-box {min-width: 80px; width: 80px; height: 60px; margin-right: 20px;}
.side-card .title-box {width: -webkit-fill-available;}
.up-down-card {margin-bottom: 2px;}
.up-down-card .thumnail-box {height: 146px; margin-bottom: 10px;}
.more-view-btn {display: flex; align-items: center; justify-content: center; width: 222px; height: 34px; margin: 0 auto; border: 1px solid #ccc; border-radius: 4px; color: #4c4c4c; font-size: 1.4rem;}
.more-view-btn::after {content: ""; display: inline-block; margin-left: 4px; width: 16px; height: 16px; background-image: url(inc/icon/arrow.svg);}
.card-type1 {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 46px;}
.card-type1 .album-big {width: calc(100% / 2 - 2px); height: 400px;}
.card-type1 .card-wrap {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; width: calc(100% / 2 - 2px); height: 400px;}
.card-type1 .card-wrap li {width: calc(100% / 2 - 2px); height: calc(100% / 2 - 2px); margin-bottom: 4px; background-color: #e0e0e0;}
.card-type1 a:hover ~ .img-box::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000012; z-index: 1;}
.card-type1 a:hover ~ .img-box img {scale: 1.1;}
.card-type1 .img-box {transition: all ease 0.6s 0s;}
.card-type1 .img-box::after {transition: all ease 0.6s 0s;}
.card-type1 .img-box img {height: 100%; transition: all ease 0.6s 0s;}
.card-type2 {display: flex; flex-direction: column; margin-bottom: 30px;}
.card-type2 .card-box-wrap {display: flex; align-items: flex-start; flex-wrap: wrap; flex: 0 0 auto; gap: 30px;}
.card-type2 .card-box {width: calc(100% / 3 - 20px);}
.card-type2 .title-box .title {min-height: calc(40px * 0.8); max-height: calc(40px * 1);}
.card-type2 li:first-child .title-box .title {height: fit-content;}
.card-type3 {padding-top: 30px; margin-bottom: 60px;}
.card-type3 .title {font-weight: 600; line-height: 20px; letter-spacing: -0.03em;}
.card-type3 ul {display: flex; flex-wrap: wrap; flex: 0 0 auto; gap: 20px; width: 100%;}
.card-type3 ul li {width: calc(100% / 4 - 15px);}
.card-type3 .title-box .title {min-height: calc(40px * 0.8); max-height: calc(40px * 1);}
.card-type4 {margin-bottom: 60px;}
.card-type4 .title-box {padding: 0;}
.card-type4 .title-box .title {height: 48px; font-weight: 600; line-height: 24px; letter-spacing: -0.05em;}
.card-type4 .card-box-wrap {width: 100%;}
.card-type4 ul {flex-wrap: wrap; flex: 0 0 auto; width: 70%;}
.card-type4 ul li {display: flex; align-items: flex-start; justify-content: space-between; width: calc(100% / 2 - 8px); padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #eee;}
.card-type4 ul li .thumnail-box {max-width: 122px; width: 100%; height: 79px;}
.card-type4 ul li:nth-last-child(2), .card-type4 ul li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.card-type4 ul strong {font-size: 1.7rem; margin-bottom: 6px;}
.card-type5 {width: 100%; margin-bottom: 60px;}
.card-type5 li {margin-bottom: 46px;}
.card-type5 .thumnail-box {height: fit-content; aspect-ratio: 1.8/1;}
.card-type5 .title-box .title {margin-bottom: 8px; font-size: 3rem; font-weight: 600; line-height: 41px;}
.card-type5 .title-box .date {font-size: 1.1rem;}
.card-type5 .title-box .preview {display: -webkit-box; overflow: hidden; margin-top: 18px; color: #898989; font-size: 1.4rem; font-weight: 500; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.card-type6 {padding-top: 30px; margin-bottom: 30px;}
.card-type6 h2 {padding-bottom: 0; margin-bottom: 16px; border: none;}
.card-type6 .title {font-weight: 500; line-height: 20px; letter-spacing: -0.03em;}
.card-type6 ul {display: flex; flex-wrap: wrap; flex: 0 0 auto; gap: 8px; width: 100%;}
.card-type6 ul li {width: calc(100% / 3 - 6px);}
.card-type6 ul .thumnail-box {height: 136px; margin-bottom: 8px;}
.card-type6 .title-box .title {min-height: calc(40px * 0.8); max-height: calc(40px * 1);}
.card-type7 {padding-top: 30px; margin-bottom: 60px;}
.card-type7 h2 {margin-bottom: 0;}
.card-type7 .title {min-height: calc(50px * 1); max-height: calc(50px * 1); margin-bottom: 6px; font-size: 1.7rem; font-weight: 600; line-height: 25px; letter-spacing: -0.03em;}
.card-type7 ul {display: flex; flex-wrap: wrap; flex: 0 0 auto; gap: 12px; width: 100%; margin-bottom: 50px;}
.card-type7 ul li {width: calc(100% / 2 - 6px); margin-bottom: 0;}
.card-type7 .up-down-card .thumnail-box {height: 266px; margin-bottom: 0;}
.card-type7 .date {color: #9d9d9d; font-size: 1.2rem;}
.card-type7 .preview {display: -webkit-box; overflow: hidden; margin-top: 9px; color: #767676; font-size: 1.4rem; font-weight: 400; line-height: 20px; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.card-type7 .ad {margin: 0 auto; margin-top: -6px; margin-bottom: 8px;}
.card-type8 {width: 100%; padding-bottom: 100px;}
.card-type8 h2 {padding-bottom: 0; margin-bottom: 0; border-bottom: none; font-size: 1.7rem; font-weight: 500;}
.card-type8 h2 .bold {display: inline-block; font-weight: 700;}
.card-type8 .mobile-title {display: none;}
.card-type8 .search-result {display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 12px; margin-bottom: 28px; border-bottom: 1px solid #d6d6d6;}
.card-type8 .search-pick-btn {display: flex;}
.card-type8 .search-pick-btn button {margin-left: 8px; color: #000; font-weight: 400; word-break: keep-all;}
body.dark .card-type8 .search-pick-btn button {color: #fff;}
.card-type8 .search-pick-btn button.active {color: #4a7033 !important; font-weight: 500;}
.card-type8 .title-box {padding: 0;}
.card-type8 .title-box .title {color: #0521cf; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.06em; margin-bottom: 12px; line-height: 24px;}
.card-type8 .title-box .preview {display: -webkit-box; overflow: hidden; color: #767676; font-size: 1.4rem; line-height: 20px; color: #898989; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.card-type8 .title-box .line-txt-box {margin: 8px 0 0;}
.card-type8 .title-box .line-txt-box .time {padding-left: 4px !important;}
.card-type8 a:hover ~ .title-box .title {text-decoration: underline;}
.card-type8 .card-box-wrap {width: 100%;}
.card-type8 ul {flex-wrap: wrap; flex: 0 0 auto; width: fit-content; margin-bottom: 50px;}
.card-type8 ul li {width: 100%; margin-bottom: 28px;}
.card-type8 ul li .card-article-box {display: flex; align-items: flex-start; justify-content: space-between;}
.card-type8 ul li .thumnail-box {max-width: 170px; width: 100%; height: auto; aspect-ratio: 1.6/1;}
.card-type8 ul strong {font-size: 1.7rem; margin-bottom: 6px;}
.no-result .no-result-info {margin-top: 24px; margin-bottom: 0;}
.no-result .no-result-info li {margin-bottom: 4px; padding-bottom: 0; border-bottom: none; color: #767676; font-size: 1.3rem;}
.no-result .no-result-info li::before {content: ""; display: inline-block; width: 4px; height: 4px; margin: 0 9px 0 8px; border-radius: 25px; background-color: #767676; line-height: 1.5;}
.pagenation {display: flex; justify-content: center;}
.pagenation a, .pagenation .current {width: 30px; height: 30px; padding: 5px 6px; margin-left: 5px; border: 1px solid #dcdcdc; font-size: 1.5rem; font-weight: 500; text-align: center;}
.pagenation a:first-child, .pagenation .current:first-child {margin-left: 0;}
.pagenation a.current, .pagenation .current.current {color: #4a7033; border-color: #4a7033;}
.left-696 {min-width: 696px; width: 100%;}
section.category {display: flex; justify-content: center; padding-top: 20px;}
section.category .content-body {display: flex; position: relative; gap: 48px; margin: 0 20px;}
@media screen and (max-width: 840px) {
	section.category .content-body {margin: 0 !important; padding: 0 !important;}
	.card-type7 ul li {width: calc(100% / 2 - 6px) !important;}
	.card-type7 .title {font-size: 1.4rem !important; margin-top: 8px; font-weight: 500; line-height: 20px; margin-bottom: 0;}
	.card-type7 .preview {display: none !important;}
}
section.category h1 {margin-bottom: 12px; font-size: 3.2rem; line-height: 1.2;}
.archive.category.category-breaking {padding-top: 0;}
.right-sticky-wrap {position: relative; width: 100%; height: auto; padding-bottom: 20px; transition: 0.2s;}
.right-sticky-wrap article {margin-bottom: 30px;}
.right-ad-event {position: static; top: 20px; bottom: 10px; max-width: 324px; width: 100%; height: fit-content;}
.news-rank.first-article li {padding: 12px 0 12px 5px;}
.news-rank.first-article li .title-box .line-txt-box time {margin-left: 6px !important;}
.news-rank h2 {padding-bottom: 10px; margin-bottom: 0; border-bottom: none; font-size: 2rem;}
.news-rank li {padding: 10px 5px; border-bottom: 1px solid #eee;}
.news-rank li > div {justify-content: space-between;}
.news-rank li .title-box .line-txt-box {margin: 0;}
.news-rank li:first-child {background-color: #f5f5f5;}
.news-rank li:last-child {border-bottom: none;}
.news-rank ul:hover li:hover {background-color: #f5f5f5;}
.news-rank span {margin-right: 10px; font-size: 1.6rem; font-weight: 400;}
.news-rank .title {margin-bottom: 4px; font-size: 1.6rem; font-weight: 500; line-height: 24px;}
.news-rank p {color: #898989; font-size: 1.4rem;}
.news-rank .news-left {display: flex; width: calc(100% - 88px); padding-right: 18px;}
.news-rank .news-right {overflow: hidden; min-width: 88px; width: 88px; height: 70px;}
.news-rank .news-right img {object-fit: cover; aspect-ratio: 1/0.8;}
.news-rank .title-box .line-txt-box time {margin-left: 0; padding-left: 6px;}
.news-rank .title-box .line-txt-box time {position: relative;}
.news-rank .title-box .line-txt-box time::before {content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background-color: #d9d9d9;}
.news-view-wrap {display: flex; justify-content: space-between; gap: 48px; margin: 0 auto; margin-bottom: 100px;}
/* .container(1102px)는 author/page/search/tag/404 같은 미개편 레거시 템플릿과 공유되는 클래스라
   전역으로 바꿀 수 없음. 기사 페이지만 홈/카테고리(.sf-home-wrap)와 동일한 1200px로 맞추기 위해
   더 구체적인 선택자로 오버라이드(모바일 폭 100% 규칙과 충돌하지 않도록 동일한 840px 이상 조건에서만 적용). */
@media screen and (min-width: 840px) {
	.left-696 {width: 100%; padding: 0;}
	.news-view-wrap.container {width: 1200px;}
}
.news-view h2 {padding: 0 !important; margin: 20px 0 !important; border-bottom: none !important; border-color: #000; font-size: 1.7rem !important;}
body.dark .news-view h2 {border-color: #fff;}
.news-view h2:first-child {padding-left: 15px !important; border-left: 3px solid !important;}
.news-view figure {padding: 24px 0 !important;}
.news-view p {padding: 15px 0 !important; font-size: 1.7rem !important; font-weight: 400 !important; line-height: 32px !important;}
.footer {position: absolute; bottom: 0; width: 100%; height: auto; min-height: 150px; font-size: 1.3rem;}
.sf-footer-inner {width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; padding: 30px 0; border-top: 1px solid #ddd;}
.sf-footer-logo img {display: block; width: 166px; height: auto;}
.sf-footer-right {display: flex; flex-direction: column; align-items: flex-end;}
.sf-footer-menu {display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 0;}
.sf-footer-menu li {display: flex; align-items: center;}
.sf-footer-menu li a {padding: 0 8px; color: #898989; font-size: 1.3rem; font-weight: 500;}
.sf-footer-menu li:not(:last-child)::after {content: ""; display: block; width: 1px; height: 11px; background-color: #e2e2e2;}
.sf-footer-copyright {margin-top: 16px; color: #ababab; font-size: 1.2rem;}
body.dark .sf-footer-menu li a {color: #fff;}
body.dark .sf-footer-copyright {color: #ccc;}
.link-btn {display: inline-block; margin-left: 8px; border: 1px solid #d3d3d3; border-radius: 2px; background-color: #fff; padding: 10px 12px; color: #000; font-size: 1.5rem; font-weight: 500; line-height: 1;}
body.dark .link-btn {background-color: #303030;}
.link-btn:first-child {margin-left: 0;}
.emotion-top {display: flex; justify-content: center; align-items: center; width: 100%; padding: 10px 0 27px;}
.emotion-top p {min-width: 234px; margin: 0 17px; font-size: 1.4rem; font-weight: 700; text-align: center; word-break: keep-all;}
.emotion-top .line {width: 100%; height: 1px; background-color: #ededed;}
.emotion-btn-wrap {display: flex; justify-content: center; align-items: center; gap: 78px;}
.emotion-btn-wrap .emotion-btn-box {display: flex; flex-direction: column; align-items: center; width: 67px;}
.emotion-btn-wrap .emotion-btn-box button {width: 36px; height: 36px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.emotion-btn-wrap .emotion-btn-box button.like {background-image: url(inc/icon/emoji-like.svg);}
.emotion-btn-wrap .emotion-btn-box button.interest {background-image: url(inc/icon/emoji-interest.svg);}
.emotion-btn-wrap .emotion-btn-box button.ridiculous {background-image: url(inc/icon/emoji-ridiculous.svg);}
.emotion-btn-wrap .emotion-btn-box button.angry {background-image: url(inc/icon/emoji-angry.svg);}
.emotion-btn-wrap .emotion-btn-box button.sed {background-image: url(inc/icon/emoji-sed.svg);}
.emotion-btn-wrap .emotion-btn-box p {margin-top: 7px; color: #757575; font-size: 1.2rem; font-weight: 500;}
.emotion-btn-wrap .emotion-btn-box span {color: #000; font-size: 1.6rem; font-weight: 500;}
.emotion-wrap {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.emotion-wrap .share-btn {display: flex; height: 43px; align-items: center; padding: 0px 23px; margin: 16px 0 12px; border: 1px solid #e0e3e8; border-radius: 2px; color: #3e3e40; font-size: 1.6rem;}
.emotion-wrap .share-btn::after {content: ""; display: inline-block; width: 27px; height: 27px; margin-left: 10px; background-image: url(inc/icon/comment-share.svg);}
.ad > a {display: block; border: none; width: 100%; height: 100%;}
.ad-top {position: relative; margin: 0 auto;}
.ad-top .ad-box {display: block; width: 100%; height: 100%;}
.ad-top p {position: absolute; top: 10px; right: 10px; font-size: 1.2rem; font-weight: 600;}
.ad-twin {display: flex; justify-content: center; flex: 0 0 auto; gap: 18px; max-width: 1068px; width: 100%;}
.ad-twin > * {aspect-ratio: 2/1;}
.ad-section-right {width: 100%; margin-left: 24px;}
.ad-section-right a {display: block; width: 100%; height: 100%;}
.ad-left {position: sticky; top: 20px; bottom: 10px; height: calc(100% + 20px); margin-left: -160px; padding-bottom: 20px;}
.ad-left a {display: block; width: 160px; height: 600px; float: right;}
.ad-right {position: sticky; top: 20px; bottom: 10px; height: fit-content; margin-right: -300px; padding-bottom: 20px;}
.ad-right .ad-r-top {margin-bottom: 20px;}
.ad-alone {margin: 0 auto;}
.ad-full {width: 100%;}
.ad-twin-space {display: flex; justify-content: space-between;}
.ad-mg {width: 100%; margin-bottom: 20px;}
.ad-auto {margin: 0 auto;}
.ad300 {min-width: 300px; width: 300px; height: 250px;}
.ad336 {min-width: 336px; width: 336px; height: 280px;}
.ad480 {min-width: 480px; width: 480px; height: 320px; margin: 0 auto;}
.ad-height224 {height: 224px;}
.ad-height257 {height: 257px;}
.ad-video {margin-bottom: 20px;}
.footer-floating-ad {position: fixed; bottom: 0; width: 100vw; margin: 0 auto; margin-bottom: 0 !important; z-index: 999;}
.empty-box {width: 300px;}
.mobile-ad {display: none;}
.with-ad {display: flex; justify-content: space-between;}
.with-ad .ad300 {margin-left: 20px;}
.ad-with-txt {margin-top: 15px;}
.news-view .ad {padding-top: 24px; padding-bottom: 24px;}
.news-view .ad-twin {gap: 8px;}
.news-view-bt-ad-box .ad {margin-bottom: 20px;}
.page-numbers.dots {margin-left: 5px; line-height: 3;}
@media (max-width: 1700px) {
	.card-type4 {width: 65%;}
}
@media (max-width: 1110px) {
	.header {padding: 12px 0;}
}
@media (max-width: 1068px) {
	.footer .container {padding: 30px 18px;}
}
@media (max-width: 960px) {
	body {padding-bottom: 460px;}
	.bnb {padding: 10px 0 18px; margin-bottom: 20px; border-top: none;}
	.bnb .bnb-wrap {flex-direction: column; align-items: flex-start; width: 100%; padding: 0 18px;}
	.bnb .bnb-wrap p {padding: 0 18px;}
	.bnb .bnb-wrap .title-txt {width: 100%; padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid #393939; font-size: 1.8rem;}
	.bnb .bnb-wrap .menu {flex-wrap: wrap; width: 100%;}
	.bnb .bnb-wrap .menu li {width: calc(100% / 3); height: 46px; margin-left: 0; text-align: center;}
	.bnb .bnb-wrap .menu li:first-child {margin-left: 0;}
	.bnb .bnb-wrap .menu a {display: inline-block; font-size: 1.6rem; font-weight: 500; line-height: 46px; letter-spacing: 0.02em;}
}
.hot-news {width: 100%; padding: 20px 50px; margin-bottom: 30px; border: 1px solid #e4e4e4;}
.hot-news h3 {margin-bottom: 10px; border: none; font-size: 1.8rem; color: #353535;}
body.dark .hot-news h3 {color: #fff;}
.hot-news .hot-news-lank {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%;}
.hot-news .hot-news-lank li {width: calc(100% / 2 - 8px);}
.hot-news .hot-news-lank li a {overflow: hidden; display: -webkit-box; color: #222; font-size: 1.5rem; line-height: 30px; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
body.dark .hot-news .hot-news-lank li a {color: #fff;}
.hot-news .hot-news-lank li a::before {content: ""; display: inline-block; width: 4px; height: 4px; margin-bottom: 4px; margin-right: 10px; border-radius: 50px; background-color: #d7d7d7;}
@media (max-width: 840px) {
	.header {padding-top: 0; margin-bottom: 0; padding-bottom: 0; border-bottom: 1px solid #ccc;}
	.header > .container {display: block; padding: 0;}
	.header .menu-group {flex-direction: column;}
	.header .gnb-wrap {padding-top: 15px; margin-top: 6px; border-top: 1px solid #f2f2f2;}
	.header .gnb-wrap ul {overflow-x: auto; gap: 20px;}
	.header .gnb-wrap ul.long-menu {gap: 8px;}
	.header .gnb-wrap ul::-webkit-scrollbar {width: 0; height: 0;}
	.header .gnb-wrap ul.active::before {bottom: 0;}
	.header .gnb-wrap ul::-webkit-scrollbar-thumb {background-color: inherit;}
	.header .gnb-wrap ul::-webkit-scrollbar-track {background-color: inherit;}
	.header .gnb-wrap li {width: fit-content; height: 40px; margin-left: 0 !important; word-break: keep-all;}
	.header .gnb-wrap li:first-child {margin-left: 8px !important;}
	.header .gnb-wrap li.active::before, .header .gnb-wrap li.current-menu-item::before {bottom: 0 !important;}
	.header .gnb-wrap li a {padding: 14px 12px !important; font-size: 1.7rem !important;}
	.header .gnb-wrap li a.active::before {bottom: -15px !important;}
	.search-btn.pc-var .icon-search {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' fill='none'%3E%3Cg stroke='%23222' stroke-miterlimit='10' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M10.29 19.08a8.79 8.79 0 1 0 0-17.58 8.79 8.79 0 0 0 0 17.58Z'/%3E%3Cpath stroke-linecap='round' d='m16.64 16.43 4.99 4.64'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h23v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
	.header .search-wrap {position: absolute; top: -7px; right: 0; width: 100vw; height: 60px;}
	.header .search-wrap input {display: none;}
	.header .search-wrap .search-btn {top: 50%; right: 20px;}
	.header .search-wrap .icon-btn.icon-search {position: absolute; top: 12px; right: 15px;}
	.header .search-wrap.active {padding: 0 5%; z-index: 999;}
	.header .search-wrap.active input {display: block; width: 100%; height: 100px; border: none; border-bottom: 1px solid; border-color: #000; font-size: 2rem;}
	body.dark .header .search-wrap.active input {border-color: #fff;}
	.header .search-wrap.active .icon-btn.mobile-back {display: block; left: 12px;}
	.header .search-wrap.active .icon-btn.mobile-back i {background-size: auto;}
	.ad-left, .ad-right, .ad-section-right {display: none;}
	.card-type2 .card-box-wrap {gap: 10px;}
	.card-type3 ul {justify-content: space-between; gap: 10px;}
	.card-type4 {width: 100%;}
	.card-type4 ul {width: 100%;}
	.container {width: 100%; padding: 0 18px;}
	.header .search-wrap.active {padding: 0; border-bottom: none;}
	.header .search-wrap.active input {padding: 0 52px 0 50px;}
	.body {padding-top: 0; padding-bottom: 200px; margin-top: 10px;}
	.main-body {padding: 0; margin: 0;}
	.title-box .date, .title-box .from, .title-box .time, .title-box .hit {font-size: 1.2rem;}
	.card-type1 {margin-bottom: 0;}
	.card-type1 .album-big {width: 100%; height: 356px;}
	.card-type1 .album-big .title-box .title {font-size: 2.2rem;}
	.card-type1 .card-wrap {flex-wrap: unset; width: 100%; height: fit-content; padding-left: 0; overflow-y: hidden; overflow-x: scroll;}
	.card-type1 .card-wrap li {min-width: 330px; width: 330px; height: 168px; margin-top: 4px; margin-right: 4px; background-color: #e0e0e0;}
	.card-type1 .card-wrap li:last-child {margin-right: 0;}
	.card-type1 .card-wrap::-webkit-scrollbar {width: 0; height: 0;}
	.card-type1 .card-wrap::-webkit-scrollbar-thumb {background-color: inherit;}
	.card-type1 .card-wrap::-webkit-scrollbar-track {background-color: inherit;}
	.card-type1 .title-box .title {font-size: 1.8rem; line-height: 28px;}
	.card-type1 .title-box .date {font-size: 1.3rem; font-weight: 500;}
	.card-type2 {padding: 0 18px; margin-bottom: 25px;}
	.card-type2 .card-box {width: 100%; margin-top: 26px;}
	.card-type2 .card-box-wrap {flex-direction: column; gap: 0;}
	.card-type2 .album-card-sm {margin-bottom: 18px;}
	.card-type2 .album-card-sm strong {margin-bottom: 4px; font-size: 1.7rem;}
	.card-type2 .album-card-sm .date {font-size: 1.3rem; font-weight: 500;}
	.card-type2 .more-view-btn {margin-top: 20px;}
	.card-type3 {padding: 25px 18px 0; margin-bottom: 50px;}
	.card-type3 ul li {width: calc(100% / 2 - 5px);}
	.card-type4 {padding: 0 18px; margin-bottom: 50px;}
	.card-type4 ul {flex-wrap: nowrap; flex-direction: column; gap: 0;}
	.card-type4 ul li {width: 100%; padding-bottom: 12px; margin-bottom: 14px;}
	.card-type4 ul li:nth-last-child(2) {padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid #ccc;}
	.card-type4 ul li .thumnail-box {max-width: 116px; height: fit-content; aspect-ratio: 1.6/1;}
	.card-type4 ul strong {margin-bottom: 4px;}
	.side-card {margin-bottom: 18px;}
	.side-card:last-child {margin-bottom: 0;}
	.side-card .thumnail-box {width: 100px; height: 62px; margin-right: 18px;}
	.side-card .title-box.xsm .title {margin-bottom: 2px; font-size: 1.5rem;}
	.side-card .title-box .date {font-size: 1.2rem;}
	.main-body h2 {margin-bottom: 16px; border-bottom: 3px solid #000;}
	.up-down-card {margin-bottom: 12px;}
	.up-down-card .thumnail-box {height: fit-content; aspect-ratio: 1.65/1;}
	.title-box.sm .title {margin-bottom: 0; font-size: 1.6rem; line-height: 21px; letter-spacing: -0.01em;}
	.title-box.sm p {display: none;}
	.title-box.lg .title {font-size: 1.6rem; line-height: 22px;}

	footer a {color: #898989; font-weight: 500;}
	footer .sf-footer-inner {width: 100%; flex-direction: column; padding: 30px 20px;}
	footer .sf-footer-inner .sf-footer-logo {margin-bottom: 15px;}
	footer .sf-footer-right {align-items: flex-start;}
	footer .sf-footer-right .sf-footer-menu li:first-child a {padding-left: 0;}

	.pc-ad {display: none;}
	.ad-section-right {display: none;}
	.mobile-ad {display: block; margin: 0 auto; margin-bottom: 18px;}
	.hot-news {padding: 0; margin-bottom: 44px; border: none;}
	.hot-news h3 {margin-bottom: 4px;}
	.hot-news .hot-news-lank li {width: 100%;}
	.hot-news .hot-news-lank li a {font-size: 1.7rem; line-height: 34px;}
	.hot-news .hot-news-lank li:nth-child(n/**/+6) {display: none;}
}
@media (max-width: 1280px) {
	.category {margin: 0 auto;}
}
@media (max-width: 1068px) {
	.left-696 {min-width: unset;}
}
@media (max-width: 840px) {
	.news-view-wrap.container {padding: 0; padding-top: 0;}
	.category .content-body {padding-top: 10px; padding-bottom: 0; margin: 0;}
	.category h1 {font-size: 2.4rem;}
	.right-sticky-wrap {display: none;}
	.category article {padding-bottom: 60px;}
	.emotion-top {padding: 24px 0 38px;}
	.emotion-btn-wrap {gap: unset; justify-content: space-between; width: 100%;}
	.card-type5 {margin-bottom: 0;}
	.card-type5 li {margin-bottom: 26px;}
	.card-type5 .thumnail-box {aspect-ratio: 1.8/1;}
	.card-type5 .title-box .title {margin-bottom: 8px; font-size: 2.2rem; line-height: 30px;}
	.card-type5 .title-box .date {display: block; font-size: 1.3rem; font-weight: 500;}
	.card-type5 .title-box .preview {font-weight: 400; line-height: 20px; -webkit-line-clamp: 3;}
	.card-type5 .pagenation {padding-top: 14px;}
	.news-view-wrap .with-ad {display: block;}
	.news-view-wrap .ad300, .news-view-wrap .ad480 {min-width: 336px; width: 336px; height: 280px; margin: 0 auto; margin-top: 24px; margin-bottom: 24px;}
	.emotion-wrap .share-btn {height: 36px; margin: 20px 0 10px;}
	.ad-video {width: 336px; height: 280px; margin: 0 auto;}
	.card-type6 h2 {margin-bottom: 0; font-size: 1.8rem;}
	.card-type6 ul li {width: calc(100% / 2 - 4px);}
	.card-type6 .up-down-card {margin-bottom: 2px;}
	.card-type7 {padding-top: 0;}
	.card-type7 h2 {margin-bottom: 16px;}
	.card-type7 h2 span {font-weight: 600;}
	.card-type7 ul {margin-bottom: 40px;}
	.card-type7 ul li {width: 100%; margin-bottom: 14px;}
	.card-type7 .up-down-card .thumnail-box {height: auto !important; aspect-ratio: 1.8/1;}
	.card-type7 .title {margin-bottom: 8px; font-size: 2.2rem;}
	.card-type7 .date {font-size: 1.3rem;}
	.card-type7 .preview {margin-top: 18px;}
	.card-type7 .ad {margin-top: 0px; margin-bottom: 14px;}
	.pagenation {display: flex; justify-content: center;}
	.pagenation a, .pagenation .current {width: 34px; height: 34px; margin-left: 8px; font-size: 1.4rem;}
	.search {padding-top: 0;}
	.search .content-body {padding-top: 7px;}
	.card-type8 .search-result {width: 100vw; padding: 0 18px 6px; margin-left: -18px; margin-bottom: 30px; border-color: #ccc;}
	.card-type8 .search-result h2 {font-size: 1.6rem;}
	.card-type8 .search-result h2 .bold {display: none;}
	.card-type8 .search-result .search-pick-btn {display: none;}
	.card-type8 .mobile-title {display: block; margin-bottom: 12px;}
	.card-type8 .title-box .title {margin-bottom: 0; font-size: 1.7rem; font-weight: 500; line-height: 23px;}
	.card-type8 .title-box .pc-title {display: none;}
	.card-type8 .title-box .preview {padding-right: 20px; font-size: 1.5rem; -webkit-line-clamp: 3;}
	.card-type8 .title-box .line-txt-box {margin: 12px 0 8px;}
	.card-type8 ul {flex-wrap: wrap; flex: 0 0 auto; width: 100%; margin-bottom: 50px;}
	.card-type8 ul li {display: block; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #dedede;}
	.card-type8 ul li .card-article-box {flex-direction: row-reverse; align-items: flex-star;}
	.card-type8 ul li .thumnail-box {max-width: 96px; margin-right: 0; aspect-ratio: 1/1;}
	.card-type8 ul li .thumnail-box img {aspect-ratio: 1/1;}
	.card-type8 ul strong {font-size: 1.7rem; margin-bottom: 6px;}
}
.error-body {margin: 0 auto;}
.error-body .title-box.sm .title {max-height: unset; font-weight: 500; line-height: 25px;}
.error-body .error-article {width: fit-content; padding: 60px 0 100px; margin: 0 auto;}
.error-body .error-article > * {width: fit-content;}
.error-body .error-article .brand-logo {width: 56px; height: 28px;}
.error-body .error-article h1 {padding: 30px 0 12px; color: #000; font-size: 2.2rem;}
.error-body .error-article p {color: #5e5e5e; font-size: 1.4rem; line-height: 19px;}
.error-body .error-article .link-btn {margin-top: 26px; margin-left: 0; color: #222; background: linear-gradient(180deg, #fdfdfd 38.95%, #ebebeb 100%); border: 1px solid #dfdfdf;}
body.dark .error-body .error-article .link-btn {color: #fff;}
@media (max-width: 840px) {
	.error-body .card-type3 {padding: 25px 0 0; margin-bottom: 0;}
	.error-body .card-type3 ul {gap: 18px;}
	.error-body .card-type3 ul li {width: 100%;}
	.error-body .card-type3 .title-box.sm .title {min-height: unset; max-height: unset; font-size: 2.2rem; font-weight: 600; line-height: 30px; letter-spacing: -0.01em;}
	.error-body .error-article {padding: 20px 15px 45px;}
	.error-body .error-article .brand-logo {width: 60px; height: 30px;}
	.error-body .error-article h1 {font-size: 2.4rem;}
	.error-body .error-article p {line-height: 21px; word-break: keep-all;}
	.error-body .error-article .link-btn {margin-top: 26px; margin-left: 0; color: #222; background: linear-gradient(180deg, #fdfdfd 38.95%, #ebebeb 100%); border: 1px solid #dfdfdf;}
	body.dark .error-body .error-article .link-btn {color: #fff;}
}
.weekly-best {position: relative;}
.weekly-best h2 {padding: 6px 0; margin-bottom: 4px; border-bottom: 1px solid; font-size: 2rem;}
.weekly-best .mySwiper {position: unset;}
.weekly-best .swiper-wrapper {position: unset; flex-direction: unset !important;}
.weekly-best .swiper-wrapper li {margin-top: 0 !important; margin-bottom: 18px; padding: 3px 0 0; cursor: pointer;}
.weekly-best .swiper-wrapper li span {display: inline-block; overflow: hidden; height: 46px; padding-top: 5px; color: #000; font-size: 1.5rem; line-height: 1.33; letter-spacing: -0.99px;}
body.dark .weekly-best .swiper-wrapper li span {color: #fff;}
.weekly-best .swiper-wrapper li img {min-height: 105px;}
.weekly-best .swiper-btn-box {display: flex; align-items: flex-end; position: absolute; top: 10px; right: 0;}
.weekly-best .swiper-btn-box .swiper-pagination {position: relative; top: unset; left: unset; right: unset; bottom: unset; margin-right: 12px; color: #999; font-size: 1.4rem; line-height: 24px;}
.weekly-best .swiper-btn-box .swiper-pagination span:first-child {color: #000;}
body.dark .weekly-best .swiper-btn-box .swiper-pagination span:first-child {color: #fff;}
.weekly-best .swiper-btn-box button {position: unset; top: unset; left: unset; right: unset; width: 26px; height: 26px; border: 1px solid #e0e3e8;}
.weekly-best .swiper-btn-box button::after {width: 26px; height: 26px; color: #3e3e40; font-size: 16px; text-align: center; line-height: 26px;}
.dark {background-color: #303030; color: #fff;}
.dark .more-view-btn, .dark .emotion-wrap .share-btn {color: #fff;}
.dark .footer-color {background-color: #303030;}
.dark .news-rank li:first-child span {color: #000;}
.dark .news-rank li:first-child .title {color: #000;}
.dark .news-rank li:hover span {color: #000;}
.dark .news-rank li:hover .title {color: #000;}
.dark .emotion-btn-wrap .emotion-btn-box p, .dark .emotion-btn-wrap .emotion-btn-box span {color: #fff;}
.dark .icon-search {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' fill='none'%3E%3Cg stroke='%23fff' stroke-miterlimit='10' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M10.29 19.08a8.79 8.79 0 1 0 0-17.58 8.79 8.79 0 0 0 0 17.58Z'/%3E%3Cpath stroke-linecap='round' d='m16.64 16.43 4.99 4.64'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h23v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;}
.dark .icon-back {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 13-8 8m0 0 8 8m-8-8h16'/%3E%3C/svg%3E");}
.dark .weekly-best .swiper-btn-box button::after {color: #e0e0e0;}
.wp-caption {max-width: 100%;}
.scroll-end {position: absolute; top: auto; bottom: 20px;}
.scroll-up {position: absolute !important; bottom: unset;}
.scroll-top {position: static;}
.scroll-bottom {position: fixed; top: auto; bottom: 0;}
.last-empty {height: 20px;}
.scroll-absolute {position: absolute; top: calc(leftHeight - rightHeight);}
.scroll-end {position: absolute; top: auto; bottom: 20px;}
.scroll-see-first {position: sticky; top: 20px;}
.wp-recent-posts {margin: 20px 0;}
.wp-recent-posts li {display: flex; align-items: center; line-height: inherit; margin-bottom: 10px;}
.wp-recent-posts li::before {content: ""; display: block; width: 4px; height: 4px; margin-right: 4px; border-radius: 40px; background-color: #000;}
.wp-recent-posts li a {color: #3b4890; font-size: 1.5rem;}
.wp-recent-posts li a:hover {text-decoration: underline;}
.archive.category {padding-top: 0 !important;}
@media (max-width: 840px) {
	body.category .sf-breadcrumb {padding: 0 20px;}
	body.category .sf-cat-title {padding: 4px 0 4px 20px;}
	body.category .sf-cat-title h1 {font-size: 1.8rem;}
}

/* ===================================================================
   shared 2-column content layout + reusable card components
   (used by front-page.php AND archive.php — jiji.com reference)
=================================================================== */
.sf-home-wrap {width: 1200px; margin: 0 auto; display: flex; align-items: flex-start; gap: 40px; padding-bottom: 100px;}
.sf-home-main {flex: 1 1 auto; min-width: 0; margin-bottom: 50px;}
.sf-home-wrap .right-sticky-wrap {flex: 0 0 300px; width: 300px;}

.sf-home-main section {margin-bottom: 40px;}
.sf-home-main a {color: #1e1e17;}
.sf-home-main img {display: block;}
/* neutralize the sitewide generic "h2 {width:100%; border-bottom:2px solid #000; ...}" rule — it was fighting our flex layouts and double-bordering every title. */
.sf-home-main h2 {width: auto; padding-bottom: 0; margin-bottom: 0; border-bottom: none; font-size: 1.6rem; font-weight: 700; color: #1e1e17;}

/* section title row shared by most sections (title + optional pill nav) */
.sf-section-title {display: flex; align-items: baseline; justify-content: space-between; padding-bottom: 0; margin-bottom: 12px; border-bottom: 1px solid #ddd;}

/* トップニュース-style hero — lead photo + headline stack */
.sf-home-main h2.sf-hero-title {padding-bottom: 0; margin-bottom: 16px; border-bottom: 1px solid #ddd;}
.sf-hero-body {display: flex; gap: 20px;}
.sf-hero-photo {flex: 0 0 320px; width: 320px;}
.sf-hero-photo a {position: relative; display: block;}
.sf-hero-photo img {width: 100%; height: auto; object-fit: cover;}
.sf-hero-photo span {display: block; margin-top: 8px; font-size: 18px; font-weight: 700; line-height: 1.2em;}
.sf-hero-list {flex: 0 0 520px; width: 520px;}
.sf-hero-list li {border-bottom: 1px solid #ddd;}
.sf-hero-list li a {display: block; padding: 10px 0; font-size: 1.92rem; font-weight: 700; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sf-hero-list li:last-child {border-bottom: none;}

/* thumb + caption grid (特集・新着 / 旬のトピックス) */
.sf-thumb-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px 10px;}
.sf-feature-grid--sm .sf-thumb-grid {grid-template-columns: repeat(5, 1fr);}
.sf-thumb-img {aspect-ratio: 218 / 140; overflow: hidden; background: #eee;}
.sf-feature-grid--sm .sf-thumb-img {aspect-ratio: 161 / 103;}
.sf-thumb-img img {width: 100%; height: 100%; object-fit: cover;}
.sf-thumb-text {margin-top: 8px; font-size: 1.3rem; line-height: 1.4;}
.sf-feature-grid--sm .sf-thumb-text {font-size: 1.2rem;}

/* 2-column analysis/series card grid (解説 on home, tail grid on category archives) */
.sf-kaisetsu-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 24px;}
.sf-kaisetsu-item {display: flex; gap: 10px;}
.sf-kaisetsu-item .sf-thumb-img {flex: 0 0 161px; width: 161px;}
.sf-kaisetsu-item .sf-kaisetsu-text {flex: 1 1 auto; min-width: 0;}
.sf-kaisetsu-series {margin-bottom: 4px; font-size: 1.28rem; font-weight: 700; color: #8e8e8b;}
.sf-kaisetsu-title {font-size: 1.6rem; font-weight: 700; line-height: 1.3;}
.sf-kaisetsu-date {display: block; margin-top: 6px; font-size: 1.2rem; color: #8e8e8b;}

/* genre pattern (category sections on home) — title + curated hashtags, one lead photo + headline list */
.sf-section-title--genre {flex-wrap: wrap;}
.sf-genre-tags {display: flex; flex-wrap: wrap; gap: 6px;}
.sf-genre-tags li {margin: 0 5px;}
.sf-genre-tags li:first-child {margin-left: 0;}
.sf-genre-tags li:last-child {margin-right: 0;}
.sf-genre-tags li a {display: inline-block; font-size: 1.12rem; color: #8e8e8b; letter-spacing: -0.2px;}
.sf-genre-tags li a:hover {color: #d8050d;}
.sf-genre-body {display: flex; gap: 25px;}
.sf-genre-photo {flex: 0 0 250px; width: 250px;}
.sf-genre-photo a {position: relative; display: block;}
.sf-genre-photo img {width: 100%; height: auto; aspect-ratio: 450 / 300; object-fit: cover;}
.sf-genre-photo span {display: block; margin-top: 8px; font-size: 1.3rem; font-weight: 700; line-height: 1.4;}
.sf-genre-list {flex: 0 0 585px; width: 585px;}
.sf-genre-list li {border-bottom: 1px solid #ddd;}
.sf-genre-list li:last-child {border-bottom: none;}
.sf-genre-list li a {display: block; padding: 10px 0; font-size: 1.6rem; line-height: 1.4;}

/* responsive — home/archive shared components (jiji.com refs render desktop-only; 840px matches this theme's own existing mobile switch). */
@media (max-width: 840px) {
	.sf-home-wrap {width: 100%; padding: 0 0 60px; gap: 0;}
	.sf-home-main {margin-bottom: 50px;}
	.sf-home-main section {padding: 0 20px;}
	.sf-home-main section.sf-genre {margin-bottom: 20px;}

	.sf-hero-body {flex-direction: column; gap: 12px;}
	.sf-hero-photo, .sf-hero-list {flex: unset; width: 100%;}
	.sf-hero-photo span {font-size: 16.5px; letter-spacing: -0.4px;}
	.sf-hero-list {flex: unset; width: unset;}
	.sf-hero-list li a {padding: 6px 0; font-size: 1.5rem; letter-spacing: -0.4px;}

	.sf-thumb-grid {grid-template-columns: repeat(2, 1fr);}
	.sf-feature-grid--sm .sf-thumb-grid {grid-template-columns: repeat(2, 1fr);}

	.sf-kaisetsu-grid {grid-template-columns: repeat(2, 1fr); gap: 15px 10px;}
	.sf-kaisetsu-grid .sf-kaisetsu-series {font-size: 1rem;}
	.sf-kaisetsu-grid .sf-kaisetsu-item {gap: 5px; flex-direction: column;}
	.sf-kaisetsu-grid .sf-kaisetsu-item .sf-kaisetsu-series {font-size: 1rem;}
	.sf-kaisetsu-grid .sf-kaisetsu-item .sf-kaisetsu-title {font-size: 1.5rem; letter-spacing: -0.4px;}

	.sf-cat-tail-list .sf-kaisetsu-item {gap: 15px;}
	.sf-kaisetsu-item .sf-thumb-img {flex: 0 0 30%;}
	.sf-kaisetsu-item .sf-kaisetsu-text {flex: 0 0 70%;}
	
	.sf-genre-body {flex-direction: column; gap: 5px;}
	.sf-genre-photo, .sf-genre-list {flex: unset; width: 100%;}
	
	.sf-genre-photo span {font-size: 1.5rem; letter-spacing: -0.4px;}
	.sf-genre-list li a {font-size: 1.5rem; letter-spacing: -0.4px; padding: 6px 0;}

	.sf-genre-tags {display: none; gap: 4px;}
	.sf-genre-tags li a {font-size: 1rem;}
}

/* ===================================================================
   sidebar (sidebar.php) — Google preferred-search badge / アクセスランキ
   ング / 人気記事, jiji.com-style additions alongside the existing 話題
=================================================================== */
.right-sticky-wrap .sf-aside-box {margin-bottom: 30px;}
.sf-aside-title {margin-bottom: 12px;}
.sf-aside-title h3 {font-size: 1.6rem; font-weight: 700; color: #1e1e17;}

/* Google 検索で優先表示 */
.sf-google-pref img {display: block; width: fit-content; height: auto;}

/* アクセスランキング */
.sf-aside-inner-box {padding: 15px 15px 0; border: 1px solid #ddd;}
.sf-side-ranking-list li {overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
.sf-side-ranking-list li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.sf-side-ranking-num {display: block; float: left; width: 14px; margin-right: 10px; font-size: 1.8rem; font-weight: 700; color: #1e1e17;}
.sf-side-ranking-body {display: flex; align-items: center; justify-content: space-between; gap: 10px; overflow: hidden; color: #1e1e17;}
.sf-side-ranking-text {flex: 1 1 auto; font-size: 1.4rem; line-height: 1.5;}
.sf-side-ranking-thumb {flex: 0 0 60px; width: 60px; height: 60px; overflow: hidden; background: #eee;}
.sf-side-ranking-thumb img {width: 100%; height: 100%; object-fit: cover;}

/* 人気記事 */
.sf-side-popular-list {display: flex; flex-wrap: wrap; gap: 10px 15px; padding-bottom: 15px;}
.sf-side-popular-list li {flex: 0 0 calc(50% - 8px); width: calc(50% - 8px);}
.sf-side-popular-img {aspect-ratio: 1 / 1; overflow: hidden; background: #eee;}
.sf-side-popular-img img {width: 100%; height: 100%; object-fit: cover;}
.sf-side-popular-title {display: -webkit-box; overflow: hidden; margin-top: 8px; font-size: 1.3rem; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* 話題 — lead item (photo on top, title + meta below), reworked from the
   original 첨부 screenshot rather than the news-left/news-right side-thumb
   pattern used elsewhere. */
.news-rank li.sf-topics-lead {height: auto; padding: 0; background-color: transparent;}
.news-rank ul:hover li.sf-topics-lead:hover {background-color: transparent;}
.sf-topics-lead {padding-bottom: 12px; border-bottom: 1px solid #eee;}
.sf-topics-lead-img {aspect-ratio: 218 / 140; overflow: hidden; margin-bottom: 8px; background: #eee;}
.sf-topics-lead-img img {width: 100%; height: 100%; object-fit: cover;}
.sf-topics-lead .title {display: block; margin-bottom: 4px;}
.sf-topics-lead .line-txt-box {color: #898989;}

/* ===================================================================
   記事ページ (single.php) — jiji.com article page
   Ref: https://www.jiji.com/jc/article?k=...
=================================================================== */

@media (max-width: 840px) {
	.left-wrap {width: 100%; padding: 0 20px;}
	.left-wrap .news-view-m-bt {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0;}
	.left-wrap .news-view-m-bt article {margin-top: 10px;}
	.left-wrap .news-view p {line-height: 26px !important; letter-spacing: -0.03em;}
}

/* パンくず (archive.php의 카테고리 페이지와 공유) */
.sf-breadcrumb {margin-bottom: 10px; font-size: 1.2rem; color: #8e8e8b;}
.sf-breadcrumb a {color: #8e8e8b;}
.sf-breadcrumb a:hover {color: #d8050d;}
.sf-breadcrumb-sep {margin: 0 6px;}
.sf-breadcrumb-current {font-weight: 700; color: #1e1e17;}

/* 섹션1: 카테고리 해시태그 */
.sf-article-hashtags {margin-bottom: 10px;}

/* 섹션3: SNS 공유 + Googleニュースでフォロー + 小中大 */
.sf-article-share-bar {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; margin-bottom: 10px; border-bottom: 3px solid #d8050d;}
.sf-article-share-left {display: flex; flex-wrap: wrap; align-items: center; gap: 10px;}
.sf-share-icons {display: flex; gap: 5px;}
.sf-share-icons li a {display: flex; align-items: center; justify-content: center; width: 80px; height: 22px; font-size: 1.2rem; font-weight: 700; color: #fff; letter-spacing: 0.5px;}
.sf-share-icons .sf-share-x {background-color: #000;}
.sf-share-icons .sf-share-fb {background-color: #1877f2;}
.sf-share-icons .sf-share-line {background-color: #06c755;}
.sf-google-follow {display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid #ddd; font-size: 1.12rem; font-weight: 700; color: #1e1e17;}
.sf-google-follow:hover {border-color: #d8050d; color: #d8050d;}
.sf-fontsize-btns {display: flex; gap: 4px;}
.sf-fontsize-btns li {display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border: 1px solid #d8050d; font-size: 1.3rem; color: #d8050d; background-color: #fff; cursor: pointer;}
.sf-fontsize-btns li.current {background-color: #d8050d; color: #fff; border-color: #d8050d;}

/* 섹션4: 타이틀 */
.sf-article-title {margin: 13.5px 0; font-size: 2.2rem; font-weight: 700; line-height: 1.2em; color: #1e1e17;}

/* 섹션5: 작성자(좌) / 작성일(우) */
.sf-article-byline {display: flex; justify-content: space-between; align-items: center; padding-bottom: 4px; margin-bottom: 20px; border-bottom: 1px solid #ddd; font-size: 1.2rem; color: #8e8e8b;}
.sf-article-byline a {color: #8e8e8b;}
.sf-article-byline a:hover {color: #d8050d;}

/* 섹션7: 해시태그 리스트 (기사 하단, 카테고리 페이지 注目ワード와 동일한 박스형 태그) */
.sf-article-tags {display: flex; flex-wrap: wrap; align-content: flex-start; margin-top: 20px;}
.sf-article-tags li {display: inline-block; margin: 0 10px 10px 0; border: 1px solid #1e1e17; border-radius: 2px; background-color: #fff;}
.sf-article-tags li a {display: block; padding: 4px 10px; font-size: 1.2rem; color: #1e1e17;}
.sf-article-tags li a:hover {border-color: #d8050d; color: #d8050d;}

/* 섹션8: 최종 업데이트 일시 */
.sf-article-updated {margin-top: 15px; font-size: 1.2rem; color: #8e8e8b; text-align: right;}

/* 小/中/大 — jiji.com 실측 배율(0.75 / 1 / 1.25)을 사이트 기존 폰트 사이즈(rem, !important)에 적용.
   .news-view h1/p가 rem + !important이므로 jiji처럼 부모에 em을 거는 방식 대신
   body 클래스 토글 + 동일 배율의 rem 값을 직접 지정하는 방식으로 구현. */
body.sf-fontsize-small .sf-article-title {font-size: 1.65rem !important;}
body.sf-fontsize-small .news-view p {font-size: 1.3rem !important; line-height: 24px !important;}
body.sf-fontsize-large .sf-article-title {font-size: 2.75rem !important;}
body.sf-fontsize-large .news-view p {font-size: 2.1rem !important; line-height: 40px !important;}

/* 注目 — trending tags row (front-page.php + single.php 공용, sf_home_trending_tags()) */
/* 注目 — trending tags row */
/* .sf-trending-list을 display:contents로 박스트리에서 제거해서 라벨+태그 pill이
   전부 .sf-trending 하나의 flex 컨테이너에 평평하게(flat) 속하게 한다. 중첩 flex에서
   자식 컨테이너가 0에 가깝게 shrink되어 내부 pill(nowrap)이 사이드바 쪽으로 넘쳐
   보이던 문제(고정폭이 아닌 하위 flex 컨테이너의 shrink 계산 이슈)를 근본적으로 방지. */
.sf-trending {display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding-bottom: 10px;}
.sf-trending-label {display: flex; align-items: center; gap: 6px; flex: 0 0 auto; width: auto; padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.sf-trending-icon {display: inline-block; width: 14px; height: 14px; background-color: #d8050d; -webkit-mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQ4MCA5NmMxNy43IDAgMzIgMTQuMyAzMiAzMnMtMTQuMyAzMi0zMiAzMmwtMjA4IDAgMC02NCAyMDggMHpNMzIwIDI4OGMxNy43IDAgMzIgMTQuMyAzMiAzMnMtMTQuMyAzMi0zMiAzMmwtNjQgMGMtMTcuNyAwLTMyLTE0LjMtMzItMzJzMTQuMy0zMiAzMi0zMmw2NCAwem02NC02NGMwIDE3LjctMTQuMyAzMi0zMiAzMmwtNDggMGMtMTcuNyAwLTMyLTE0LjMtMzItMzJzMTQuMy0zMiAzMi0zMmw0OCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMyek0yODggMzg0YzE3LjcgMCAzMiAxNC4zIDMyIDMycy0xNC4zIDMyLTMyIDMybC02NCAwYy0xNy43IDAtMzItMTQuMy0zMi0zMnMxNC4zLTMyIDMyLTMybDY0IDB6bS04OC05NmwuNiAwYy01LjQgOS40LTguNiAyMC4zLTguNiAzMmMwIDEzLjIgNCAyNS40IDEwLjggMzUuNkMxNzcuOSAzNjQuMyAxNjAgMzg4LjEgMTYwIDQxNmMwIDExLjcgMy4xIDIyLjYgOC42IDMybC04LjYgMEM3MS42IDQ0OCAwIDM3Ni40IDAgMjg4bDAtNjEuN2MwLTQyLjQgMTYuOS04My4xIDQ2LjktMTEzLjFsMTEuNi0xMS42QzgyLjUgNzcuNSAxMTUuMSA2NCAxNDkgNjRsMjcgMGMzNS4zIDAgNjQgMjguNyA2NCA2NGwwIDg4YzAgMjIuMS0xNy45IDQwLTQwIDQwcy00MC0xNy45LTQwLTQwbDAtNTZjMC04LjgtNy4yLTE2LTE2LTE2cy0xNiA3LjItMTYgMTZsMCA1NmMwIDM5LjggMzIuMiA3MiA3MiA3MnoiLz48L3N2Zz4=") no-repeat center / contain; mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQ4MCA5NmMxNy43IDAgMzIgMTQuMyAzMiAzMnMtMTQuMyAzMi0zMiAzMmwtMjA4IDAgMC02NCAyMDggMHpNMzIwIDI4OGMxNy43IDAgMzIgMTQuMyAzMiAzMnMtMTQuMyAzMi0zMiAzMmwtNjQgMGMtMTcuNyAwLTMyLTE0LjMtMzItMzJzMTQuMy0zMiAzMi0zMmw2NCAwem02NC02NGMwIDE3LjctMTQuMyAzMi0zMiAzMmwtNDggMGMtMTcuNyAwLTMyLTE0LjMtMzItMzJzMTQuMy0zMiAzMi0zMmw0OCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMyek0yODggMzg0YzE3LjcgMCAzMiAxNC4zIDMyIDMycy0xNC4zIDMyLTMyIDMybC02NCAwYy0xNy43IDAtMzItMTQuMy0zMi0zMnMxNC4zLTMyIDMyLTMybDY0IDB6bS04OC05NmwuNiAwYy01LjQgOS40LTguNiAyMC4zLTguNiAzMmMwIDEzLjIgNCAyNS40IDEwLjggMzUuNkMxNzcuOSAzNjQuMyAxNjAgMzg4LjEgMTYwIDQxNmMwIDExLjcgMy4xIDIyLjYgOC42IDMybC04LjYgMEM3MS42IDQ0OCAwIDM3Ni40IDAgMjg4bDAtNjEuN2MwLTQyLjQgMTYuOS04My4xIDQ2LjktMTEzLjFsMTEuNi0xMS42QzgyLjUgNzcuNSAxMTUuMSA2NCAxNDkgNjRsMjcgMGMzNS4zIDAgNjQgMjguNyA2NCA2NGwwIDg4YzAgMjIuMS0xNy45IDQwLTQwIDQwcy00MC0xNy45LTQwLTQwbDAtNTZjMC04LjgtNy4yLTE2LTE2LTE2cy0xNiA3LjItMTYgMTZsMCA1NmMwIDM5LjggMzIuMiA3MiA3MiA3MnoiLz48L3N2Zz4=") no-repeat center / contain;}
.sf-trending-list {display: contents;}
.sf-trending-list li {flex: 0 0 auto;}
.sf-trending-list li a {display: inline-block; padding: 3px 10px; font-size: 1.2rem; font-weight: 700; color: #d8050d; border: 1px solid #d8050d; border-radius: 3px; white-space: nowrap;}
.sf-trending-list li a:hover {background: #d8050d; color: #fff;}
@media (max-width: 840px) {
	.sf-trending {gap: 2px 12px; margin-bottom: 20px !important;}
	.sf-trending-list li a {font-size: 1rem; padding: 3px 6px;}
}


/* 섹션9: 注目ニュース — jiji.com처럼 별도 박스 없이 자연스럽게 이어지는 가벼운 소제목 +
   2열 텍스트 링크 리스트. 사이트 전역 bare h2{border-bottom:2px solid #000} 규칙을
   맞지 않게(neutralize) 별도 클래스로 스타일링. */
.sf-article-attention {margin-top: 30px;}
.sf-attention-title {width: auto; padding-bottom: 0; margin-bottom: 12px; border-bottom: none; font-size: 1.6rem; font-weight: 700; color: #1e1e17;}
.sf-attention-list li a {display: block; padding: 6px 0; font-size: 1.75rem; line-height: 1.2; color: #1a5dab; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sf-attention-list li a::before {content: "\00B7"; margin-right: 6px; color: #1a5dab;}
.sf-attention-list li a:hover {text-decoration: underline;}

/* 섹션9: こんな記事も — 特集・新着과 동일한 카드 컴포넌트를 2열로 재사용.
   제목 밑은 회색 선(.sf-section-title)만 남기고, 전역 bare h2의 검은 border는 제거. */
.sf-feature-grid--article {margin: 30px 0;}
.sf-feature-grid--article .sf-section-title h2 {width: auto; padding-bottom: 0; margin-bottom: 0; border-bottom: none; font-size: 1.6rem; font-weight: 700; color: #1e1e17;}
.sf-feature-grid--article .sf-thumb-grid {grid-template-columns: repeat(2, 1fr); gap: 16px;}

/* 검색결과 페이지 — jiji.com처럼 상단 검색창 + "約N件（X秒）" 텍스트 */
.sf-search-box {display: flex; align-items: center; gap: 12px; margin: 20px auto 30px; padding: 14px 20px; border: 1px solid #ddd; border-radius: 8px; background-color: #fff;}
.sf-search-box .icon-search {flex: 0 0 auto; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.sf-search-box .search-form {flex: 1 1 auto;}
.sf-search-box .search-field {width: 100%; border: none; outline: none; background: transparent; font-size: 1.6rem; color: #1e1e17;}