/*
Theme Name: Retroactive
Theme URI: 
Author: Eunhong Choi
Author URI: 
Description: Ref. Site : https://www.engadget.com/
Version: 2026.07.24.36
Requires at least: 6.6.1
Tested up to: 6.6.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: retroactive
Tags: Fastview, Retroactive, mobile-friendly

Fastview, Copyright 
This is Custom Theme.

*/

@charset "UTF-8";
/*색상 설정*/
/*Normalize*/
* {margin: 0; padding: 0; border: none; box-sizing: border-box;}

/* padding-bottom: 370px removed — it existed only to reserve screen space
   for the fixed-position .footer-floating-ad bar (see footer.php), which is
   an empty/unused ad slot being deleted entirely this round. This was the
   actual, always-on source of the persistent bottom whitespace; the two
   conditional 460px copies removed in the previous round were narrower
   breakpoint-specific overrides of this same rule, not the root cause. */
body {overflow-x: hidden; overflow-y: scroll; position: relative; height: auto; min-height: 100vh;}

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(image/icon/sns-naver.svg);}

.i-face-book {background-image: url(image/icon/sns-facebook.png);}

.i-twitter {background-image: url(image/icon/sns-twitter.png);}

.i-n-band {background-image: url(image/icon/sns-band.png);}

.i-kakao {background-image: url(image/icon/sns-kakao.png);}

.i-line {background-image: url(image/icon/sns-line.png);}

.i-exit {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none'%3E%3Cpath stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round' d='M26 8.65 8 27.382M8 8.65l18 18.732'/%3E%3C/svg%3E");}

.brand-logo {display: block; background-image: url(image/img/gookbangk_logo_280x139.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;}

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

/* 이모지 기능 구현 전에는 댓글 상단 border 삭제 */
.comment-chat {border-top: none;}

/* 사이드바 위젯간 간격이 지나치게 넓은것같아 100px에서 50px로 축소 */
.right-sticky-wrap article {margin-bottom: 35px;}

/* 본문내삽입 광고의 여백조정 */
.article-insert-ad {padding: 15px 0;}

/* 조회수 숫자 크기 조절 10px → 12px */
.news-view .title-box .post-views span {font-size: 12px;}

/* 공유하기 url box text길이 */
.alert.share-alert .alert-link-box .link p {word-break: break-all;}

/* 기사 이미지가 아닌 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%;}

	/* 제공되는 광고 height값을 유동적으로 설정해도 되는 영역에서 height값 제거 */
	.ad-video {height: auto;}

	/* 자동차AD와 이시각인기뉴스 위젯 사이 여백 조정 */
	.news-view-bt-ad-box > div.ad-height257 {margin-bottom: 20px;}

	/* 페이지 맨 하단 여백 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;}

	/* 하단플로팅ad로 변경 후 푸터 하단 여백 확대 */
	.footer .copy-right-wrap {padding-bottom: 60px;}
}
.container {width: 1068px;}

.body {display: flex; justify-content: center; position: relative; padding-top: 20px; padding-bottom: 36px;}

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

.header {display: flex; justify-content: center; width: 100%; padding: 12px 0; margin-bottom: 30px; border-bottom: 1px solid #ccc; background-color: #fff; color: #000;}
body.dark .header {background-color: #303030;}

body.dark .header {color: #fff;}

.header .container {display: flex; position: relative; align-items: center; justify-content: space-between;}
.header .menu-group {display: flex; align-items: center; width: -webkit-fill-available;}
.header .logo-default {max-width: 88px; min-width: 88px; max-height: 44px; z-index: 999;}
.header .search-wrap {position: relative; width: fit-content;}
.header .search-wrap input {width: 200px; height: 38px; padding: 0 35px 0 10px; border: 1px solid; border-radius: 2px; background-color: #fff; color: #000; border-color: #000; color: #000;}
body.dark .header .search-wrap input {background-color: #303030;}

body.dark .header .search-wrap input {color: #fff;}

body.dark .header .search-wrap input {border-color: #fff;}

.header .search-wrap input::placeholder {color: #d2d1d6;}
.header .search-wrap .search-btn {right: 2px;}
.header .search-wrap .icon-btn {position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px;}
.header .search-wrap .icon-btn.mobile-back {display: none; left: 2px;}
.header .search-wrap .icon-btn.mobile-back i {background-size: cover;}
.header .search-wrap .icon-btn i {display: inline-block; position: absolute; top: 0; right: 0;}

.gnb-wrap {width: -webkit-fill-available;}
.gnb-wrap .menu {display: flex; gap: 50px;}
.gnb-wrap .menu li {position: relative; word-break: keep-all; white-space: nowrap;}
.gnb-wrap .menu li:hover a {color: #4a7033;}
.gnb-wrap .menu li:first-child {margin-left: 40px;}
.gnb-wrap .menu li:last-child {margin-right: 40px;}
.gnb-wrap .menu li:checked a, .gnb-wrap .menu li.current-menu-item a {color: #4a7033;}
.gnb-wrap .menu li:checked::before, .gnb-wrap .menu li.current-menu-item::before {content: ""; display: block; position: absolute; bottom: -20px; width: 100%; height: 3px; background-color: #4a7033;}
.gnb-wrap .menu li a {padding: 20px 0; font-size: 1.8rem; font-weight: 700;}
.gnb-wrap .menu.long-menu {justify-content: space-between; gap: 0;}
.gnb-wrap .menu.long-menu li:first-child {margin-left: 40px;}
.gnb-wrap .menu.long-menu li:last-child {margin-right: 16px;}

.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(image/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.2);}
.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: 20px;}
.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: 22px;}
.card-type7 .up-down-card .thumnail-box {height: 206px; margin-bottom: 18px;}
.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-input {position: relative; width: -webkit-fill-available; margin-right: 24px;}
.no-result .no-result-input input {width: 100%; height: 32px; padding: 7px 10px; border: 1px solid #e1e1e1; background-color: #fff; color: #000;}
body.dark .no-result .no-result-input input {background-color: #303030;}

body.dark .no-result .no-result-input input {color: #fff;}

.no-result .no-result-input .re-search-btn {position: absolute; top: 0; right: 0; width: 56px; height: 32px; background-color: #222; color: #fff; color: #fff; font-size: 1.4rem; font-weight: 500;}
body.dark .no-result .no-result-input .re-search-btn {background-color: #fff;}

body.dark .no-result .no-result-input .re-search-btn {color: #303030;}

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

.category {display: flex; justify-content: center; padding-top: 20px;}
.category .content-body {display: flex; position: relative; gap: 48px; margin: 0 20px;}
.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 {height: 95px; padding: 12px 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;}

/* .bnb / #bnb — 하단 카테고리 바 마크업 자체가 어떤 템플릿에도 없어서
   완전히 죽은 코드였음 (footer.php는 Engadget 스타일로 이미 해당 블록을
   제거한 상태) — 관련 규칙 전부 삭제 */

.news-view-wrap {display: flex; justify-content: space-between; gap: 48px; margin: 0 auto; margin-top: 30px; margin-bottom: 60px;}

.news-view h1 {font-size: 2.4rem !important; font-weight: 600 !important; line-height: 33px !important;}
.news-view .title-box {padding-bottom: 14px; margin-bottom: 6px; border-bottom: 1px solid #e2e2e2;}
.news-view .title-box .line-txt-box {display: flex; align-items: center;}
.news-view .title-box .post-views span {padding-top: 2px;}
.news-view .btn-group {display: flex; align-items: center;}
.news-view .btn-group button {display: flex; align-items: center; justify-content: center; height: 36px; padding: 0 10px; margin-right: 8px; border: 1px solid #e8ebf0; border-radius: 1px; color: #3e3e40; font-size: 1.4rem;}
.news-view .btn-group button::before {content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 6px; background-repeat: no-repeat; background-position: center; background-size: 20px; margin-right: 6px;}
.news-view .btn-group button.sympathy::before {background-image: url(image/icon/sympathy.svg);}
.news-view .btn-group button.comment::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%233E3E40' d='M3.003 19.29a.68.68 0 0 1-.31-1.301l1.466-.769a9.288 9.288 0 1 1 15.13-7.213c0 4.939-4.167 9.103-9.29 9.284H3.003Zm1.346-1.02h5.633c4.484-.156 8.288-3.943 8.288-8.263a8.261 8.261 0 0 0-8.795-8.248 8.264 8.264 0 0 0-4.317 14.958.696.696 0 0 1-.085 1.187l-.724.367Z'/%3E%3Cpath fill='%233E3E40' d='M7.155 10.823c.468 0 .847-.366.847-.816 0-.45-.38-.816-.847-.816-.467 0-.846.365-.846.816 0 .45.379.816.846.816ZM10.003 10.823c.467 0 .846-.366.846-.816 0-.45-.379-.816-.846-.816-.468 0-.847.365-.847.816 0 .45.38.816.847.816ZM12.85 10.823c.468 0 .847-.366.847-.816 0-.45-.38-.816-.847-.816-.467 0-.846.365-.846.816 0 .45.379.816.846.816Z'/%3E%3C/svg%3E");}
.news-view .btn-group button.share::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' fill='none'%3E%3Cg fill='%233E3E40' clip-path='url(%23a)'%3E%3Cpath d='M15.093 19.286H2.537a1.739 1.739 0 0 1-1.74-1.74V6.06a1.74 1.74 0 0 1 1.74-1.734h2.099a.538.538 0 0 1 0 1.076h-2.1a.664.664 0 0 0-.663.658v11.486a.663.663 0 0 0 .664.663h12.556a.664.664 0 0 0 .658-.663v-1.794a.538.538 0 1 1 1.076 0v1.794a1.735 1.735 0 0 1-1.734 1.74Z'/%3E%3Cpath d='M14.734 13.133a.538.538 0 0 1-.538-.538V9.414h-3.91c-2.673 0-4.15 2.81-4.186 2.834a.544.544 0 0 1-.598.281.539.539 0 0 1-.412-.526c0-7.384 5.118-7.564 5.166-7.564h3.922V1.26a.538.538 0 0 1 .335-.503.532.532 0 0 1 .598.12l5.668 5.668c.103.101.16.239.162.383a.531.531 0 0 1-.162.376l-5.668 5.675c-.1.099-.236.155-.377.155ZM10.286 8.35h4.448a.538.538 0 0 1 .538.538v2.427l4.371-4.37-4.37-4.371v2.421a.538.538 0 0 1-.539.538h-4.448c-.138 0-3.3.156-3.976 4.676a5.46 5.46 0 0 1 3.976-1.86Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.785.714h20.156v18.571H.785z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}

.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 .from a {color: #222;}
body.dark .news-view .from a {color: #fff;}

.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: 100px; font-size: 1.3rem;}
.footer .footer-color {background-color: #f5f6f9; color: #898989;}
.footer .container {margin: 0 auto; padding: 30px 0;}
.footer .footer-top {display: flex; justify-content: space-between; align-items: center;}
.footer .footer-line-txt {display: flex; align-items: center; margin-right: 8px; margin-bottom: 4px;}
.footer .footer-line-txt::after {content: ""; display: block; width: 1px; height: 11px; margin-left: 8px; background-color: #e2e2e2;}
.footer .footer-line-txt:last-child::after, .footer .footer-line-txt:nth-child(3)::after {display: none;}
.footer .footer-line-txt:hover {background: #dcdcdc;}
.footer .pc-var {width: -webkit-fill-available;}
.footer a {color: #898989; font-weight: 500;}
.footer .logo-default {width: 113px; height: 56px;}
.footer ul {display: flex; flex-wrap: wrap; align-items: center;}
.footer .footer-link-nav {display: flex; align-items: center; padding: 24px 0 25px;}
.footer .copy-right-wrap {margin-top: 24px;}
.footer .copy-right-wrap p {color: #ababab; font-size: 1.1rem;}

.post-from {margin-bottom: 12px;}
.post-from p {color: #222; font-size: 1.4rem;}
body.dark .post-from p {color: #fff;}

.post-from p a {position: relative; margin-right: 8px; color: #4a7033;}
.post-from p a:hover {text-decoration: underline;}
.post-from p a::after {content: ""; display: block; position: absolute; top: 50%; right: -4px; transform: translateY(-50%); width: 1px; height: 14px; background-color: #000;}
body.dark .post-from p a::after {background-color: #fff;}

.tags-group {display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.tags-group li {font-size: 1.2rem; margin-right: 8px; color: #353535;}
body.dark .tags-group li {color: #fff;}

.tags-group li::before {content: "#";}

.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(image/icon/emoji-like.svg);}
.emotion-btn-wrap .emotion-btn-box button.interest {background-image: url(image/icon/emoji-interest.svg);}
.emotion-btn-wrap .emotion-btn-box button.ridiculous {background-image: url(image/icon/emoji-ridiculous.svg);}
.emotion-btn-wrap .emotion-btn-box button.angry {background-image: url(image/icon/emoji-angry.svg);}
.emotion-btn-wrap .emotion-btn-box button.sed {background-image: url(image/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;}

.comment-chat {padding-top: 32px; border-top: 1px solid #ededed;}

.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(image/icon/comment-share.svg);}

.comment-box .total-count {font-size: 2rem; font-weight: 700;}
.comment-box .total-count span {margin-left: 4px; font-size: 1.8rem; font-weight: 600;}
.comment-box .name-input {width: 100%; height: 40px; padding: 12px 10px 8px; margin-top: 12px; border: 1px solid #ddd; border-bottom: none; border-radius: 2px 2px 0 0; background-color: #fff; color: #000;}
body.dark .comment-box .name-input {background-color: #303030;}

body.dark .comment-box .name-input {color: #fff;}

.comment-box textarea {width: 100%; height: 120px; margin-bottom: 16px; padding: 16px 8px 52px; border: 1px solid #ddd; border-radius: 0 0 2px 2px; background-color: #fff; color: #222; font-family: "SpoqaSans", sans-serif; resize: none;}
body.dark .comment-box textarea {background-color: #303030;}

body.dark .comment-box textarea {color: #fff;}

.comment-box textarea::-webkit-scrollbar {width: 4px;}
.comment-box textarea::-webkit-scrollbar-thumb {height: 10%; border-radius: 10px; background-color: #3939394e;}
.comment-box .write-comment {position: relative;}
.comment-box .write-comment .absolute-box {display: flex; justify-content: space-between; align-items: flex-end; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); width: calc(100% - 2px); padding: 10px 9px; background-color: #fff;}
body.dark .comment-box .write-comment .absolute-box {background-color: #303030;}

.comment-box .write-comment .absolute-box span {color: #3e3e40; font-size: 1.4rem; font-weight: 500;}
.comment-box .write-comment .absolute-box button {width: 56px; height: 32px; border-radius: 2px; background-color: #de2e31; color: #fff; font-size: 1.4rem; font-weight: 700;}
.comment-box .pick-btn-group {display: flex; margin-bottom: 2px;}
.comment-box .pick-btn-group .pick-btn {margin-right: 12px; color: #999; font-size: 1.5rem; font-weight: 500;}
.comment-box .pick-btn-group .pick-btn::before {content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px; margin-bottom: 2px; border-radius: 50%; background-color: #e0e3e8;}
.comment-box .pick-btn-group .pick-btn:last-child {margin-right: 0;}
.comment-box .pick-btn-group .pick-btn.active {color: #3e3e40; font-weight: 700;}
.comment-box .pick-btn-group .pick-btn.active::before {background-color: #de2e31;}
.comment-box .more-view-btn {margin-top: 16px; margin-bottom: 30px;}

.comment-list li {width: 100%; border-bottom: 1px solid #e8ebf0;}
.comment-list li.recommend {background-color: #f7f8fa;}
.comment-list li.recommend .user::before {content: "추천"; display: inline-block; width: 30px; height: 20px; margin-right: 8px; border-radius: 2px; background-color: #de2e31; color: #fff; font-size: 1.2rem; font-weight: 400; line-height: 20px; text-align: center;}
.comment-list li.my-comment > .comment-group {background-color: #f3fcff;}
.comment-list li.my-comment > .comment-group.active .top-wrap, .comment-list li.my-comment > .comment-group.active .comment, .comment-list li.my-comment > .comment-group.active .communicate {display: none;}
.comment-list li.my-comment > .comment-group.active .name-input {display: block;}
.comment-list li.my-comment > .comment-group.active .name-input::placeholder {color: #222;}
body.dark .comment-list li.my-comment > .comment-group.active .name-input::placeholder {color: #fff;}

.comment-list li.my-comment > .comment-group.active .write-comment {display: block; padding: 0;}
.comment-list li.my-comment > .comment-group.active .write-comment .absolute-box {bottom: 20px;}
.comment-list li.my-comment .top-wrap {display: flex; position: relative;}
.comment-list li.my-comment .edit-btn {display: flex; gap: 3px; justify-content: flex-end; align-items: flex-end; width: 26px; height: 26px; margin-right: 8px; cursor: pointer;}
.comment-list li.my-comment .edit-btn li {width: 3px; height: 3px; padding: 0; margin-bottom: 5px; border: none; border-radius: 25px; background-color: #7e7e7e;}
.comment-list li.my-comment .edit-group {display: none; flex-direction: column; position: absolute; top: 38px; right: 0; z-index: 1;}
.comment-list li.my-comment .edit-group button {width: 80px; height: 35px; border: 1px solid #a0a0a0; background-color: #fff; font-size: 1.4rem;}
.comment-list li.my-comment .edit-group button:first-child {border-bottom: none;}
.comment-list li.my-comment .edit-group.active {display: flex;}
.comment-list li.my-comment .write-comment {display: none; padding: 0 8px;}
.comment-list li.my-comment .write-comment.active {display: block;}
.comment-list li.my-comment .write-comment .name-input.read-only {display: block;}
.comment-list li.my-comment .write-comment .name-input.read-only::placeholder {color: #222;}
body.dark .comment-list li.my-comment .write-comment .name-input.read-only::placeholder {color: #fff;}

.comment-list li.my-comment .write-comment .absolute-box {display: flex; left: 50%; bottom: 20px; transform: translateX(-50%); width: calc(100% - 1px); padding: 0; border-top: 1px solid #ddd;}
.comment-list li.my-comment .write-comment .edit-btn-group {display: flex;}
.comment-list li.my-comment .write-comment .edit-btn-group button {width: 62px; height: 41px;}
.comment-list li.my-comment .write-comment .edit-btn-group button:first-child {border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-radius: 0; background-color: #fff; color: #222; font-weight: 500;}
body.dark .comment-list li.my-comment .write-comment .edit-btn-group button:first-child {color: #fff;}

.comment-list li.my-comment .write-comment .edit-btn-group button:last-child {border-radius: 0px 2px 2px 0px;}
.comment-list li.my-comment .write-comment span {display: inline-block; padding-left: 12px; line-height: 40px;}
.comment-list li.my-comment .write-comment textarea {height: 160px; padding: 10px 12px 45px; border-radius: 2px 2px 0 0;}
.comment-list li.my-comment.active .top-wrap, .comment-list li.my-comment.active p.comment {display: none;}
.comment-list li.my-comment.active .write-comment {display: block;}
.comment-list li.my-comment.active .communicate {display: none;}
.comment-list li .comment-group {padding: 14px 18px 14px;}
.comment-list li .from {display: flex; align-items: flex-end;}
.comment-list li .date, .comment-list li .time {color: #999; font-size: 1.3rem; font-weight: 500;}
.comment-list li .user {margin-right: 8px; color: #000; font-size: 1.3rem; font-weight: 600;}
body.dark .comment-list li .user {color: #fff;}

.comment-list li .comment {margin: 14px 0; color: #222; font-size: 1.5rem; font-weight: 500; word-break: break-all;}
body.dark .comment-list li .comment {color: #fff;}

.comment-list li .communicate {display: flex; justify-content: space-between; align-items: center;}
.comment-list li .communicate .re-comment {min-height: 32px; padding: 4px 10px; border: 1px solid #ddd; background-color: #fff; color: #222; font-size: 1.4rem;}
body.dark .comment-list li .communicate .re-comment {background-color: #303030;}

body.dark .comment-list li .communicate .re-comment {color: #fff;}

.comment-list li .communicate .re-comment span {padding-left: 4px;}
.comment-list li .communicate .like-btn-group {display: flex;}
.comment-list li .communicate .like-btn-group > * {display: flex; align-items: center; position: relative;}
.comment-list li .communicate .like-btn-group input[type=radio] {position: absolute; top: 0; left: 0; opacity: 0; width: 20px; height: 20px; cursor: pointer; z-index: 1;}
.comment-list li .communicate .like-btn-group input[type=radio] + label {width: 20px; height: 20px;}
.comment-list li .communicate .like-btn-group i {display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-image: url(image/icon/thumb.svg); background-size: 20px; background-repeat: no-repeat; background-position: center;}
.comment-list li .communicate .like-btn-group span {margin-left: 8px; font-size: 1.4rem; font-weight: 500;}
.comment-list li .communicate .like-btn-group .like {margin-right: 27px;}
.comment-list li .communicate .like-btn-group .like span {color: #de2e31;}
.comment-list li .communicate .like-btn-group .like input[type=radio]:checked + label i {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)'%3E%3Cg clip-path='url(%23c)'%3E%3Cpath fill='%23E84346' d='M18.604 8.774a1.5 1.5 0 0 0-1.5-1.5H12.83c.489-1.11.726-2.75-.678-3.803a2.177 2.177 0 0 0-2.34-.243.439.439 0 0 0-.225.254L8.74 5.916l-1.17 2.99v-.22a.565.565 0 0 0-.564-.562H3.818a1.834 1.834 0 0 0-1.834 1.834v5.482a1.834 1.834 0 0 0 1.834 1.834h1.92a1.83 1.83 0 0 0 1.573-.898 3 3 0 0 0 2.106.71h6.394a43.057 43.057 0 0 1 2.167-3.612v-.058c0-.274-.074-.542-.216-.775a1.503 1.503 0 0 0 .842-1.349v-.196a1.5 1.5 0 0 0-.441-1.062 1.497 1.497 0 0 0 .441-1.061v-.2Z'/%3E%3Cpath fill='%23E84346' d='M15.827 17.094H9.434c-2.112 0-2.616-1.395-2.633-1.463a.474.474 0 0 1-.024-.143v-5.46a.442.442 0 0 1 .14-.321l.565-.524 1.264-3.26.846-2.437a.433.433 0 0 1 .225-.251 2.183 2.183 0 0 1 2.341.242c1.404 1.048 1.17 2.69.679 3.804h4.271a1.504 1.504 0 0 1 1.501 1.504v.193a1.486 1.486 0 0 1-.441 1.062 1.489 1.489 0 0 1 .441 1.062v.196a1.5 1.5 0 0 1-.842 1.35c.142.233.217.501.216.774v.056a1.506 1.506 0 0 1-.877 1.36c.139.23.212.495.21.764a1.5 1.5 0 0 1-1.489 1.492Zm-8.175-1.688c.097.187.515.81 1.782.81h6.393a.623.623 0 0 0 0-1.246.44.44 0 0 1 0-.878h.652a.623.623 0 0 0 .624-.623v-.055a.623.623 0 0 0-.624-.624.439.439 0 1 1 0-.877h.627a.623.623 0 0 0 .623-.623v-.197a.623.623 0 0 0-.623-.623.44.44 0 0 1 0-.878.623.623 0 0 0 .623-.623v-.193a.624.624 0 0 0-.623-.626h-5.007a.439.439 0 0 1-.365-.679c.058-.088 1.404-2.174-.114-3.297l-.033-.027a1.3 1.3 0 0 0-1.234-.187l-.784 2.265-1.305 3.367a.465.465 0 0 1-.112.164l-.5.463v5.187Z'/%3E%3Cpath fill='%23E84346' d='M5.743 17.284h-1.92a1.834 1.834 0 0 1-1.83-1.835V9.966a1.835 1.835 0 0 1 1.83-1.834h3.193a.562.562 0 0 1 .562.562v6.755a1.835 1.835 0 0 1-1.835 1.835ZM3.823 9.01a.954.954 0 0 0-.953.956v5.483a.957.957 0 0 0 .954.957h1.92a.96.96 0 0 0 .956-.957V9.013L3.824 9.01Z'/%3E%3Cpath fill='%23fff' d='M7.029 8.13h-.31v7.313a.36.36 0 0 1 0 .059v1.5a1.828 1.828 0 0 0 .877-1.559v-6.75a.564.564 0 0 0-.567-.562Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M2 3h16.61v14.281H2z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath fill='%23fff' d='M2 3h16.605v14.28H2z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.comment-list li .communicate .like-btn-group .un-like i {transform: rotate(180deg);}
.comment-list li .communicate .like-btn-group .un-like span {color: #5a84df;}
.comment-list li .communicate .like-btn-group input[type=radio]:checked + label i {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)'%3E%3Cg clip-path='url(%23c)'%3E%3Cpath fill='%235A84DF' d='M18.604 8.774a1.5 1.5 0 0 0-1.5-1.5H12.83c.489-1.11.726-2.75-.678-3.803a2.177 2.177 0 0 0-2.34-.243.439.439 0 0 0-.225.254L8.74 5.916l-1.17 2.99v-.22a.565.565 0 0 0-.564-.562H3.818a1.834 1.834 0 0 0-1.834 1.834v5.482a1.834 1.834 0 0 0 1.834 1.834h1.92a1.83 1.83 0 0 0 1.573-.898 3 3 0 0 0 2.106.71h6.394a43.057 43.057 0 0 1 2.167-3.612v-.058c0-.274-.074-.542-.216-.775a1.503 1.503 0 0 0 .842-1.349v-.196a1.5 1.5 0 0 0-.441-1.062 1.497 1.497 0 0 0 .441-1.061v-.2Z'/%3E%3Cpath fill='%235A84DF' d='M15.827 17.094H9.434c-2.112 0-2.616-1.395-2.633-1.463a.474.474 0 0 1-.024-.143v-5.46a.442.442 0 0 1 .14-.321l.565-.524 1.264-3.26.846-2.437a.433.433 0 0 1 .225-.251 2.183 2.183 0 0 1 2.341.242c1.404 1.048 1.17 2.69.679 3.804h4.271a1.504 1.504 0 0 1 1.501 1.504v.193a1.486 1.486 0 0 1-.441 1.062 1.489 1.489 0 0 1 .441 1.062v.196a1.5 1.5 0 0 1-.842 1.35c.142.233.217.501.216.774v.056a1.506 1.506 0 0 1-.877 1.36c.139.23.212.495.21.764a1.5 1.5 0 0 1-1.489 1.492Zm-8.175-1.688c.097.187.515.81 1.782.81h6.393a.623.623 0 0 0 0-1.246.44.44 0 0 1 0-.878h.652a.623.623 0 0 0 .624-.623v-.055a.623.623 0 0 0-.624-.624.439.439 0 1 1 0-.877h.627a.623.623 0 0 0 .623-.623v-.197a.623.623 0 0 0-.623-.623.44.44 0 0 1 0-.878.623.623 0 0 0 .623-.623v-.193a.624.624 0 0 0-.623-.626h-5.007a.439.439 0 0 1-.365-.679c.058-.088 1.404-2.174-.114-3.297l-.033-.027a1.3 1.3 0 0 0-1.234-.187l-.784 2.265-1.305 3.367a.465.465 0 0 1-.112.164l-.5.463v5.187Z'/%3E%3Cpath fill='%235A84DF' d='M5.743 17.284h-1.92a1.834 1.834 0 0 1-1.83-1.835V9.966a1.835 1.835 0 0 1 1.83-1.834h3.193a.562.562 0 0 1 .562.562v6.755a1.835 1.835 0 0 1-1.835 1.835ZM3.823 9.01a.954.954 0 0 0-.953.956v5.483a.957.957 0 0 0 .954.957h1.92a.96.96 0 0 0 .956-.957V9.013L3.824 9.01Z'/%3E%3Cpath fill='%23fff' d='M7.029 8.13h-.31v7.313a.36.36 0 0 1 0 .059v1.5a1.828 1.828 0 0 0 .877-1.559v-6.75a.564.564 0 0 0-.567-.562Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M2 3h16.61v14.281H2z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath fill='%23fff' d='M2 3h16.605v14.28H2z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.comment-list li .re-comment-group {padding: 0; background-color: #f3f3f3;}
.comment-list li .re-comment-group .re-comment-border {margin: 0 18px; padding: 14px 0; border-top: 1px solid #e8ebf0;}
.comment-list li .re-comment-group .re-comment-border .re-comment-left {padding-left: 28px;}
.comment-list li .re-comment-group .re-comment-border .re-comment-left.active {padding-left: 0;}
.comment-list li .re-comment-group .re-comment-border .re-comment-left.active .comment {display: none;}
.comment-list li .re-comment-group .re-comment-border .re-comment-left.active .top-wrap {display: none;}
.comment-list li .re-comment-group .re-comment-border .re-comment-left.active .write-comment {display: block;}
.comment-list li .re-comment-group .re-comment-border .re-comment-left.active .write-comment .absolute-box {bottom: 4px; width: calc(100% - 18px);}
.comment-list li .re-comment-group .re-comment-border .re-comment-left.active .communicate {display: none;}
.comment-list li .re-comment-group .from {position: relative;}
.comment-list li .re-comment-group .from::before {content: ""; display: block; position: absolute; top: 1px; left: -15px; width: 1px; height: 9px; background-color: #afafaf;}
.comment-list li .re-comment-group .from::after {content: ""; display: block; position: absolute; top: 10px; left: -15px; width: 9px; height: 1px; background-color: #afafaf;}
.comment-list li .re-comment-wrap {display: none; padding-bottom: 0; background-color: #fff;}
.comment-list li .re-comment-wrap.active {display: block;}
.comment-list li .re-comment-wrap .re-comment-box {margin: 0 18px; border-top: 1px solid #e8ebf0;}
.comment-list li .re-comment-wrap .re-write-comment {display: block; padding: 0; margin: 10px 0;}
.comment-list li .re-comment-wrap .re-write-comment .absolute-box {bottom: 4px; padding: 0; border-top: 1px solid #ddd;}
.comment-list li .re-comment-wrap .re-write-comment .absolute-box button {width: 62px; height: 41px; border-radius: 0px 0px 2px 2px;}
.comment-list li .re-comment-wrap .re-write-comment .absolute-box span {padding-left: 12px; line-height: 40px;}
.comment-list li .re-comment-wrap .name-input {display: block;}
.comment-list li .re-comment-wrap textarea {height: 160px; padding: 10px 12px 45px; border-radius: 2px 2px 0 0; margin-bottom: 0;}
.comment-list li .re-comment-wrap .close-re-comment {display: flex; justify-content: center; align-items: center; width: 100%; height: 46px; border-top: 1px solid #ddd; background-color: #f0f0f0; color: #222; font-size: 1.5rem;}
body.dark .comment-list li .re-comment-wrap .close-re-comment {color: #fff;}

.comment-list li .re-comment-wrap .close-re-comment::after {content: ""; display: block; width: 16px; height: 16px; margin-left: 3px; background-image: url(image/icon/arrow.svg); transform: rotate(180deg);}
.comment-list .top-wrap {display: flex; justify-content: space-between; align-items: flex-end;}

.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 / .mobile-ad / .ad-close-btn — 하단 플로팅 광고 슬롯
   자체를 footer.php에서 삭제했으므로 관련 규칙도 전부 제거 (빈 광고 슬롯이
   fixed로 항상 떠서 닫기 버튼만 보이던 문제의 원인) */

.empty-box {width: 300px;}

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

.alert {display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999;}
.alert.active {display: block;}
.alert .background {width: 100%; height: 100%; background-color: #1b1b1b82;}
.alert .alert-box {display: flex; flex-direction: column; justify-content: flex-end; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 346px; width: fit-content; min-height: 209px; height: fit-content; padding: 34px 26px; border-radius: 10px; background-color: #fff;}
.alert p {color: #131313; font-size: 1.6rem; font-weight: 700; text-align: center;}
.alert .alert-btn-group {display: flex; justify-content: space-between; align-items: center;}
.alert .alert-btn-group button {width: 143px; height: 46px; margin-top: 34px; border-radius: 2px; font-size: 1.6rem; font-weight: 500;}
.alert .alert-btn-group button.border {border: 1px solid #de2e31; color: #de2e31;}
.alert .alert-btn-group button.block {background-color: #de2e31; color: #fff;}
.alert.share-alert p {font-size: 1.7rem;}
.alert.share-alert .alert-box {justify-content: space-between; max-width: 300px; min-width: 300px; gap: 20px; padding: 18px;}
.alert.share-alert .i-exit {position: absolute; top: 8px; right: 18px; width: 28px; height: 28px; background-size: 22px; background-position: center; background-repeat: no-repeat;}
.alert.share-alert .share-btn {position: relative; width: 48px; height: 48px; margin: 16px; border-radius: 6px; background-size: cover; background-repeat: no-repeat;}
.alert.share-alert .share-btn::after {position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 80px; color: #3e3e40; font-size: 1.3rem; text-align: center;}
.alert.share-alert .share-btn.i-naver::after {content: "네이버";}
.alert.share-alert .share-btn.i-face-book::after {content: "페이스북";}
.alert.share-alert .share-btn.i-twitter::after {content: "트위터";}
.alert.share-alert .share-btn.i-n-band::after {content: "네이버밴드";}
.alert.share-alert .share-btn.i-kakao::after {content: "카카오톡";}
.alert.share-alert .share-btn.i-line::after {content: "라인";}
.alert.share-alert .alert-link-box {display: flex; width: 100%; height: 40px;}
.alert.share-alert .alert-link-box .link {width: calc(100% - 40px); height: 40px; padding: 10px 8px; border-radius: 4px 0 0 4px; background-color: #f4f5f8; letter-spacing: -0.4px;}
.alert.share-alert .alert-link-box .link p {overflow: hidden; display: -webkit-box; font-size: 1.3rem; font-weight: 400; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.alert.share-alert .alert-link-box .link-btn {width: 40px; height: 40px; margin-left: 0; padding: 10px; border-radius: 0 4px 4px 0; background-color: #7d8084; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23fff' d='M5.779 7.945a.283.283 0 0 1-.114-.022 3.204 3.204 0 0 1-.94-5.184L6.529.936a3.211 3.211 0 0 1 4.533 0 3.206 3.206 0 0 1 0 4.533L9.465 7.065a.269.269 0 0 1-.386 0 .269.269 0 0 1 0-.385l1.596-1.596a2.645 2.645 0 0 0 .782-1.884c0-.711-.277-1.379-.782-1.884A2.645 2.645 0 0 0 8.792.535c-.712 0-1.38.277-1.884.781L5.106 3.12a2.664 2.664 0 0 0 .781 4.305c.136.06.196.222.136.358a.275.275 0 0 1-.25.157l.006.006Z'/%3E%3Cpath fill='%23fff' d='M3.2 12A3.204 3.204 0 0 1 .936 6.533l1.596-1.596a.269.269 0 0 1 .386 0 .269.269 0 0 1 0 .386L1.322 6.919a2.664 2.664 0 0 0 0 3.762 2.664 2.664 0 0 0 3.762 0l1.802-1.802a2.664 2.664 0 0 0-.781-4.305.273.273 0 0 1-.136-.359c.065-.135.222-.195.358-.135a3.204 3.204 0 0 1 .94 5.179L5.463 11.06A3.194 3.194 0 0 1 3.2 12Z'/%3E%3C/svg%3E"); background-size: 19px; background-repeat: no-repeat; background-position: center;}

@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;}
}
.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: 60px; 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;}

	.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 .container {padding: 18px 18px 0; margin-top: -20px;}
	.footer .footer-line-txt:nth-child(3)::after {display: block;}
	.footer a {color: #898989; font-weight: 500;}
	.footer .logo-default {width: 93px; height: 46px;}

	.pc-ad {display: none;}

	.ad-section-right {display: none;}

	.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: 480px) {
	.footer .footer-top {justify-content: flex-start;}
	.footer .footer-top .link-btn-wrap {display: flex; margin-left: 10%;}
	.footer .footer-link-nav {padding: 24px 0 25px;}

	.comment-list li.my-comment > .comment-group.active .write-comment .absolute-box {bottom: 17px;}
}
@media (max-width: 410px) {
	.footer .footer-top {justify-content: space-between;}
	.footer .footer-top .link-btn-wrap {margin-left: 0;}
	.footer .footer-top .link-btn-wrap a {padding: 10px 8px;}
	.footer .footer-link-nav {flex-wrap: wrap;}
}
@media (max-width: 1280px) {
	.category {margin: 0 auto;}
}
@media (max-width: 1068px) {
	.left-696 {min-width: unset;}
}
@media (max-width: 840px) {
	.post-from, .tags-group {padding: 0 18px;}

	.news-view-wrap.container {padding: 0; padding-top: 0;}
	.news-view-wrap.container .news-view, .news-view-wrap.container .news-view-bt-ad-box, .news-view-wrap.container .emotion-wrap {padding: 0 18px;}
	.news-view-wrap.container .pick-btn-group {padding: 0 18px 10px; border-bottom: 1px solid #e8ebf0;}

	.category .content-body {padding-top: 10px; padding-bottom: 0; margin: 0;}
	.category h1 {font-size: 2.4rem;}

	.comment-list li {width: -webkit-fill-available; margin: 0 18px; border-bottom: 1px solid #e8ebf0;}
	.comment-list li .comment-group {padding: 14px 0;}

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

	.comment-box .pick-btn-group {justify-content: space-between;}
	.comment-box .pick-btn-group .pick-btn {font-size: 1.4rem;}
	.comment-box .pick-btn-group .pick-btn.active {color: #de2e31;}
	.comment-box textarea {height: 41px; padding: 10px 12px; margin: 0 0 13px; border-radius: 2px;}
	.comment-box .top-comment .absolute-box {display: flex; bottom: 17px; right: 0; left: unset; transform: unset; width: fit-content; padding: 0;}
	.comment-box .top-comment .absolute-box button {width: 62px; height: 41px; border-radius: 0 2px 2px 0;}
	.comment-box .top-comment .absolute-box span {display: none;}
	.comment-box .top-comment.active .name-input {display: block;}
	.comment-box .top-comment.active .absolute-box {display: flex; left: 50%; bottom: 17px; transform: translateX(-50%); width: calc(100% - 2px); border-top: 1px solid #ddd;}
	.comment-box .top-comment.active span {display: inline-block; padding-left: 12px; line-height: 40px;}
	.comment-box .top-comment.active textarea {height: 160px; padding: 10px 12px 45px; border-radius: 2px 2px 0 0;}
	.comment-box .name-input {display: none;}
	.comment-box .total-count {font-size: 1.6rem; font-weight: 500;}
	.comment-box .total-count span {color: #de2e31; font-size: 1.6rem; font-weight: 600;}
	.comment-box .more-view-btn {margin-top: 20px;}

	.comment-list li .from {align-items: center;}
	.comment-list li .user, .comment-list li .date, .comment-list li .time {font-size: 1.2rem;}
	.comment-list li .user {margin-right: 6px;}
	.comment-list li.recommend .user::before {margin-right: 6px;}
	.comment-list li .comment {margin: 10px 0;}

	.ad-video {width: 336px; height: 280px; margin: 0 auto;}

	.card-type6 h2 {margin-bottom: 16px; font-size: 1.8rem;}
	.card-type6 ul li {width: calc(100% / 2 - 4px);}
	.card-type6 .up-down-card {margin-bottom: 2px;}

	.news-view-m-bt {display: flex; flex-direction: column; justify-content: center; align-items: center;}
	.news-view-m-bt article {margin-top: 30px;}

	.news-view h1 {font-size: 2.6rem !important; font-weight: 500 !important;}
	.news-view p {line-height: 26px !important; letter-spacing: -0.03em;}
	.news-view .line-txt-box {display: flex; align-items: center; margin: 2px 0 18px;}
	.news-view .line-txt-box p {padding-top: 0 !important; padding-bottom: 0 !important;}
	.news-view .line-txt-box p:first-child {padding-left: 0 !important;}
	.news-view .line-txt-box p span {font-size: 1.3rem !important;}
	.news-view .title-box {padding-bottom: 12px;}

	.comment-chat {padding: 0 18px; padding-top: 44px; border-top: 1px solid #dedede;}

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

	.no-result .no-result-input {margin-right: 0;}
}
.error-body {margin: 0 auto;}
.error-body .title-box.sm .title {max-height: unset; font-weight: 500; line-height: 25px;}
/* .error-article/.brand-logo/.link-btn rules removed — 404.php's error
   message block was rewritten to use .rt-404-message/.rt-404-title/
   .rt-404-text (styled in css/retroactive-custom.css) to match Engadget's
   own 404 page. This is the "Latest Stories" grid's own container, whose
   styling (.error-body, .title-box.sm .title, .card-type3) is unchanged. */

@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;}
	/* mobile .error-article/.brand-logo/.link-btn rules removed along with
     their desktop counterparts above — see .rt-404-message and friends
     in css/retroactive-custom.css for the current 404 message styling. */
}
@media (max-width: 840px) {
	.error-body .rt-404-message {padding: 20px 0;}
	.error-body .card-type3 ul {gap: 8px; flex-direction: row; flex-wrap: wrap;} /* 추가 */
	.error-body .card-type3 ul li {width: calc(50% - 6px);}
	.error-body .card-type3 .title-box.sm .title {font-size: 1.4rem; line-height: 18px; -webkit-line-clamp: 3;}
}
.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 .news-view .btn-group button, .dark .news-view .from a, .dark .comment-box .write-comment .absolute-box span, .dark .comment-box .pick-btn-group .pick-btn.active, .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 .news-view .btn-group button.comment::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23fff' d='M3.003 19.29a.68.68 0 0 1-.31-1.301l1.466-.769a9.288 9.288 0 1 1 15.13-7.213c0 4.939-4.167 9.103-9.29 9.284H3.003Zm1.346-1.02h5.633c4.484-.156 8.288-3.943 8.288-8.263a8.261 8.261 0 0 0-8.795-8.248 8.264 8.264 0 0 0-4.317 14.958.696.696 0 0 1-.085 1.187l-.724.367Z'/%3E%3Cpath fill='%23fff' d='M7.155 10.823c.468 0 .847-.366.847-.816 0-.45-.38-.816-.847-.816-.467 0-.846.365-.846.816 0 .45.379.816.846.816ZM10.003 10.823c.467 0 .846-.366.846-.816 0-.45-.379-.816-.846-.816-.468 0-.847.365-.847.816 0 .45.38.816.847.816ZM12.85 10.823c.468 0 .847-.366.847-.816 0-.45-.38-.816-.847-.816-.467 0-.846.365-.846.816 0 .45.379.816.846.816Z'/%3E%3C/svg%3E");}
.dark .news-view .btn-group button.share::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' fill='none'%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='M15.093 19.286H2.537a1.739 1.739 0 0 1-1.74-1.74V6.06a1.74 1.74 0 0 1 1.74-1.734h2.099a.538.538 0 0 1 0 1.076h-2.1a.664.664 0 0 0-.663.658v11.486a.663.663 0 0 0 .664.663h12.556a.664.664 0 0 0 .658-.663v-1.794a.538.538 0 1 1 1.076 0v1.794a1.735 1.735 0 0 1-1.734 1.74Z'/%3E%3Cpath d='M14.734 13.133a.538.538 0 0 1-.538-.538V9.414h-3.91c-2.673 0-4.15 2.81-4.186 2.834a.544.544 0 0 1-.598.281.539.539 0 0 1-.412-.526c0-7.384 5.118-7.564 5.166-7.564h3.922V1.26a.538.538 0 0 1 .335-.503.532.532 0 0 1 .598.12l5.668 5.668c.103.101.16.239.162.383a.531.531 0 0 1-.162.376l-5.668 5.675c-.1.099-.236.155-.377.155ZM10.286 8.35h4.448a.538.538 0 0 1 .538.538v2.427l4.371-4.37-4.37-4.371v2.421a.538.538 0 0 1-.539.538h-4.448c-.138 0-3.3.156-3.976 4.676a5.46 5.46 0 0 1 3.976-1.86Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.785.714h20.156v18.571H.785z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.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;}