/*
Theme Name: Island Insight
Theme URI: https://fastviewkorea.com
Author: Eunhong Choi
Author URI: https://fastviewglobal.com
Description: 2026.08.11~08.12 제작 및 배포 / Ref. Site : https://dailyview.tw/
Version: 2026.08.12.13
Requires at least: 6.9.4
Tested up to: 6.9.4
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: islandinsight
Domain Path: /languages
Tags: fastview-only, blog, news, islandinsight.tw, fastview theme, threaded-comments, translation-ready, accessibility-ready, responsive-layout, fixed-layout
*/
@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: 300px; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
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");}
.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);}
.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");}
.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: 767px) {
	.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;}
	/* 제공되는 광고 height값을 유동적으로 설정해도 되는 영역에서 height값 제거 */
	.ad-video {height: auto;}
	/* 자동차AD와 이시각인기뉴스 위젯 사이 여백 조정 */
	.news-view-bt-ad-box > div.ad-height257 {margin-bottom: 20px;}
	/* 2026-08-12 : 모바일에서는 .footer가 이미 bottom:unset 상태라 이 여백이 불필요한 공백만 만들어서 0으로 변경 */
	body {padding-bottom: 0;}
	/* 로고영역의 여백을 조금 확대함 */
	.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 {max-width: 122.2rem; width: 100%; margin: 0 auto;}
.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; 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 .container::after {content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #ebebeb;}
.header .menu-group {display: flex; align-items: center; width: -webkit-fill-available;}
/* 넓이/높이 값은 common.css SITE VALUE 블록에서 통합 관리 (여기서는 sizing 외 속성만 유지) */
.header .logo-default {padding-bottom: 10px; z-index: 999;}
.header .search-wrap {position: relative;}
.header .search-wrap .icon-btn {display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; border-radius: 50%; transition: 0.2s;}
.header .search-wrap .icon-btn:hover {background-color: #ebebeb;}
.gnb-wrap {width: -webkit-fill-available; display: flex; justify-content: flex-end; margin-right: 50px;}
.gnb-wrap .menu {display: flex; gap: 4rem;}
.gnb-wrap .menu li {position: relative; word-break: keep-all; white-space: nowrap;}
.gnb-wrap .menu li:hover a {color: #83151b;}
.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: #83151b;}
.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: #83151b;}
.gnb-wrap .menu li a {padding: 20px 0; font-size: 1.8rem; font-weight: 400; letter-spacing: 0.16rem; color: #1c1e25;}
.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(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);}
.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%;}
/* 2026-08-12 : body.tag/author/search 페이지에도 body_class에 "category"가 붙어서, 아래 규칙들이 <body>에 직접 걸리지 않도록 section.category로 한정함 (안그러면 body가 flex가 되면서 하단의 absolute .footer 위치가 깨짐) */
section.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;}
.category h1 span {font-size: 3rem; font-weight: 400;}
section.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 {border-top: 1px solid #eee;}
.bnb a {color: #353535 !important;}
.bnb .bnb-wrap {display: flex; align-items: center; margin: 0 auto;}
.bnb .bnb-wrap .title-txt {font-size: 2rem; font-weight: 700; letter-spacing: -0.03em;}
.bnb .bnb-wrap .menu {display: flex;}
.bnb .bnb-wrap .menu li {margin-left: 73px;}
.bnb .bnb-wrap .menu li:first-child {margin-left: 174px;}
.bnb .bnb-wrap .menu a {font-size: 1.5rem; font-weight: 700; letter-spacing: -0.03em;}
.news-view-wrap {display: flex; justify-content: space-between; gap: 0; margin: 0 auto; margin-top: 30px; margin-bottom: 60px;}
.news-view .title-box {padding-bottom: 14px; margin-bottom: 6px;}
.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(inc/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: 20px 0 !important;}
.footer {position: absolute; bottom: 0; width: 100%; height: auto; min-height: 100px; font-size: 1.3rem;}
.footer .footer-color {background-color: #ebebeb; color: #1c1e25;}
.footer .container {margin: 0 auto; padding: 30px 0;}
.footer a {color: #1c1e25; font-weight: 400;}
.footer .logo-default {width: 113px; height: 56px;}
.footer ul {display: flex; flex-wrap: wrap; align-items: center;}
/* 2026-08-11 푸터 디자인 개편 (SNS 아이콘 영역 제외) */
.footer .footer-links-wrap {padding: 4rem 0 2.4rem;}
.footer .footer-links-wrap .container {padding: 0; display: flex; flex-direction: column; align-items: center; gap: 2.4rem;}
.footer .footer-link-nav {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1.2rem 4rem; padding: 0;}
.footer .footer-link-nav li a {font-size: 1.4rem; font-weight: 400; color: #1c1e25;}
.footer .copy-right-wrap {margin-top: 0; background-color: #83151b; padding: 1.6rem 0; text-align: center;}
.footer .copy-right-wrap p {color: #fff; font-size: 1.2rem; font-weight: 400;}
.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(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;}
.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(inc/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(inc/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(inc/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 {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;}
.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;}
}
@media (max-width: 960px) {
	body {padding-bottom: 0;}
	.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;}
}
@media (max-width: 767px) {
	.header {padding-top: 0; margin-bottom: 0; padding-bottom: 0; border-bottom: 1px solid #ccc;}
	/* 검색버튼을 메뉴와 같은 줄(우측 끝)으로 배치 : grid로 1행(로고, 전체폭)/2행(메뉴+검색) 명시 배치, menu-group 박스는 해제해서 자식들을 grid 아이템으로 직접 참여시킴 */
	.header > .container {display: grid; grid-template-columns: 1fr auto; grid-template-areas: "logo logo" "nav search"; align-items: center; padding: 0;}
	.header .menu-group {display: contents;}
	.header .logo-default {grid-area: logo; justify-self: center;}
	/* object-fit은 common.css의 .header .logo-default > a > img에서 통합 관리 (기존 선택자는 실제 DOM(a>img)과 불일치해 동작하지 않던 dead code였음) */
	.header .gnb-wrap {grid-area: nav; min-width: 0; margin-right: 0; padding-top: 15px; margin-top: 6px; border-top: 1px solid #f2f2f2;}
	.header .search-wrap {grid-area: search; align-self: center;}
	.header .gnb-wrap ul {overflow-x: auto; gap: 6px;}
	.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;}
	.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;}
	.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;}
	.mobile-ad {display: block; margin: 0 auto; margin-bottom: 18px;}
}
@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) {
	section.category {margin: 0 auto;}
}
@media (max-width: 1068px) {
	.left-696 {min-width: unset;}
}
@media (max-width: 767px) {
	.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;}
	.category h1 span {font-size: 1.8rem;}
	.comment-list li {width: -webkit-fill-available; margin: 0 18px; border-bottom: 1px solid #e8ebf0;}
	.comment-list li.mobile-ad {margin: 0 auto;}
	.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;}
	.comment-list li.mobile-ad {height: 70px; padding: 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 .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;}
	.pagenation {display: flex; justify-content: center;}
	.pagenation a, .pagenation .current {width: 34px; height: 34px; margin-left: 8px; font-size: 1.4rem;}
}
.error-body {margin: 0 auto;}
.error-body .error-article {display: flex; flex-direction: column; align-items: center; gap: 4.8rem; padding: 6rem 0 10rem; text-align: center;}
.error-body .error-article img {width: 54rem; max-width: 100%; height: auto;}
.error-body .error-article h1 {margin: 0; color: #000; font-size: 2.4rem; font-weight: 700;}
.error-body .error-article p {margin: 0.8rem 0 0; color: #5e5e5e; font-size: 1.6rem; line-height: 2.4rem;}
@media (max-width: 767px) {
	.error-body .error-article {gap: 3.2rem; padding: 4rem 1.5rem 6rem;}
	.error-body .error-article h1 {font-size: 2.2rem;}
	.error-body .error-article p {position: relative; top: -30px; font-size: 1.4rem; line-height: 2.1rem; word-break: keep-all;}
}
.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; height: 105px; object-fit: cover;}
.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 .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;}
section.archive.category {padding-top: 0 !important;}
/******************** 2023.12.01 : UI fix START *************************/
/* 검색결과 없을 때 하단 모듈 제거 */
.search-no-results .mobile-ad-box {display: none;}
/* 하단 bnb 여백 조정 */
@media screen and (max-width: 767px) {
	.news-view-wrap {margin-bottom: 30px; display: block;}
	.footer {bottom: unset;}
}
/* 금주 베스트 인기글 하단 여백 조정 */
.weekly-best {margin-bottom: 30px !important;}
@media screen and (max-width: 767px) {
	.weekly-best {margin-bottom: 20px !important;}
}
.weekly-best ul.swiper-slide > li:nth-child(5), .weekly-best ul.swiper-slide > li:nth-child(6) {margin-bottom: 0;}
/* 하단모듈 여백 조정 */
@media screen and (max-width: 767px) {
	article.ad-m-post-bottom-01 {margin: 20px auto;}
	article.ad-m-post-bottom-02 {}
	article.ad-m-post-bottom-03 {margin-bottom: 20px;}
	article.ad-m-post-bottom-04 {}
	article.ad-m-post-bottom-05 {margin-bottom: 20px; margin-top: 20px;}
	article.news-rank {margin-bottom: 20px; margin-top: 5px;}
	article.taboola {margin-bottom: 10px;}
}
/* 제목이 짧은 post가 모듈에 노출 될 때 정렬 수정 */
.news-rank li > div {justify-content: flex-start;}
/* 사이드바 동작 오류 해결 */
.right-sticky-wrap {position: sticky; display: flex; bottom: 0.1rem; top: 20px;}
.right-ad-event {position: sticky; bottom: 0.1rem; top: unset; align-self: flex-end;}
@media screen and (max-width: 767px) {
	.right-sticky-wrap {display: none !important;}
	.right-ad-event {display: none !important;}
}
/* 회사소개 스톡이미지 사이즈 고정 */
.about-us-featured-img img {width: 600px;}
@media screen and (max-width: 767px) {
	.about-us-featured-img img {width: 100%;}
}
/* 본문에 태그로 감싸지지 않은 텍스트 대응 */
.news-article {font-size: 1.7rem !important; font-weight: 400 !important; line-height: 32px !important;}
@media screen and (max-width: 767px) {
	.news-article {line-height: 26px !important; letter-spacing: -0.03em;}
}
/* 자동차AD 제거로 생긴 '이시각 인기 뉴스'의 상단 여백 조정 */
body.single-post .hot-news {margin-top: 15px;}
/* 푸터로고 사이즈가 비율과 상관없이 노출, 정렬되도록 변경 */
.footer .logo-default {display: flex; align-items: center;}
.footer .logo-default > img {object-fit: contain;}
@media screen and (max-width: 767px) {
	.footer .logo-default {height: 30px;}
}
/* 2026-08-12 푸터 모바일 반응형 피드백 반영 */
@media screen and (max-width: 767px) {
	.footer .logo-default {max-width: 120px; height: unset; min-height: unset; width: 120px;}
	.footer .footer-links-wrap .container {gap: 0;}
	.footer .footer-link-nav {padding: 12px 0;}
	.footer .copy-right-wrap {padding: 0.6rem 0;}
}
/* 메인페이지에서 썸네일 마우스오버시 효과 삭제 */
.card-type1 a:hover ~ .img-box img {scale: none;}
/* 로고파일이 svg일때 높이값 고정 */
.logo-default > a > img {height: auto; max-height: 70px;}
/* 기사뷰 제목하단 작성자,날짜,조회수 영역의 폰트크기, 여백, 컬러 통일 */
div.line-txt-box > p > span.from, div.line-txt-box > p > time.time, div.line-txt-box > p > span.hit {line-height: 12px; font-size: 12px;}
.news-view .line-txt-box p span {font-size: 12px !important;}
.news-view .title-box .post-views span {color: #a3a3a3; line-height: 1 !important;}
.news-view .title-box .line-txt-box {align-items: baseline;}
.title-box .line-txt-box p > * {margin-left: 1px;}
/* 모바일 기사 하단 광고 wrapper 중 height 고정인 요소 수정 */
.ad-video {height: auto;}
/* section.category에 적용되어야 할 내용이 body.category에도 적용 됨 */
body.category {padding-top: 0;}
/* 발행사, 태그 그룹영역의 여백 */
.post-from, .tags-group {padding: 0 18px;}
/* 태그 정렬 */
.tags-group {flex-wrap: wrap;}
@media screen and (max-width: 767px) {
	/* 모바일 gnb 특수문자 포함될경우 줄바꿈 방지 */
	.header .gnb-wrap li {white-space: nowrap; display: flex; height: 50px; align-items: center; padding-bottom: 1px;}
	/* 모바일 gnb 왼쪽 정렬 (1st 카테고리부터 노출되게끔) */
	.header .gnb-wrap ul {justify-content: space-between; align-items: center;}
	/* gnb의 상단 여백 제거 */
	.header .gnb-wrap {padding-top: 0px;}
	/* 모바일 gnb 우측 여백 제거 */
	.gnb-wrap .menu li:last-child {margin-right: 18px; padding-right: 0 !important;}
}
/* home에서 title 강제 제거 */
body.home h1 {display: none;}
/* 본문이미지 100% in Mobile */
@media screen and (max-width: 767px) {
	body {overflow-x: hidden;}
	body.single-post div.news-article table {width: 100%;}
	body.single-post div.news-article img:not(.portrait):not(.comments-area img):not(.widget img):not(.yarpp img) {width: calc(100% + 36px)!important; margin-left: -18px !important; margin-right: -18px !important; max-width: none !important;}
}
/* 본문 h3 태그의 스타일 */
.news-view h3 {font-size: 1.7rem; padding: 0; margin: 20px 0; border: none;}
/* 보고 있는 글의 카테고리 스타일 강조 */
.gnb-wrap .menu li.current-post-parent::before {content: ""; display: block; position: absolute; width: 100%; height: 3px;}
@media screen and (max-width: 767px) {
	.gnb-wrap .menu li.current-post-parent::before {bottom: 0 !important;}
}
/* 모든 검색 페이지에서 하단 모듈 제거 */
.search .mobile-ad-box {display: none;}
/* video 태그 (연합뉴스TV) */
body.single-post .news-article video {width: 100%; height: auto;}
/* 캡션 스타일 수정 */
body.single-post article.news-view .wp-caption-text, body.single-post article.news-view figcaption, body.single-post article.news-view figcaption *, body.single-post article.news-view td.desc, body.single-post article.news-view td.photocaption {font-size: 12px !important; line-height: 1.5 !important; color: #a1a1a1 !important; letter-spacing: -0.6px !important;}
/* PC 버전 로딩시 본문이미지 확대 문제 */
body.single-post article.news-view img {max-width: 100%; height: auto; object-fit: contain;}
/* container fix + article width fix */
@media screen and (min-width: 768px) {
	.left-696 {min-width: 730px;}
}
/* 기사 하단 author info 영역 개선 */
.author-wrap {width: 100%; display: flex; flex-direction: row; gap: 10px; align-items: center; margin-top: 20px; padding: 16px 0; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.7);}
.author-info {display: flex; gap: 7px; flex-direction: row; align-items: center;}
.author-img > img {width: 50px; display: block; border-radius: 50%;}
.author-link {margin-left: auto;}
.author-name {font-size: 15px; font-weight: bold;}
.author-mail {font-size: 12px; color: #707070;}
.author-link {font-size: 13px; letter-spacing: -1px;}
.comment-chat {border-top: 0;}
.post-from, .tags-group {padding: 0;}
.author-link>a {position: relative;}
.author-link>a::after {width: 100%; height: 7px; content: ''; position: absolute; bottom: 0; left: 0; opacity: 0.2;}
@media screen and (max-width: 767px) {
	.author-wrap {padding: 10px 0;}
	.author-info {display: flex; gap: 2px; flex-direction: column; align-items: flex-start;}
	.comment-chat {padding-top: 20px;}
	.post-from {margin-bottom: 20px;}
	.tags-group {margin-bottom: 0;}
	.post-from, .tags-group {padding: 0 18px;}
}
/************************* 2023.12.01 : UI fix END *************************/
/* wp-content_plugins_cosmosfarm-share-buttons_layout_default_style.css?ver=1.9 */
.cosmosfarm-share-buttons-default {margin: 20px 0; overflow: hidden;}
.cosmosfarm-share-buttons-default.cosmosfarm-align-left {text-align: left;}
.cosmosfarm-share-buttons-default.cosmosfarm-align-center {text-align: center;}
.cosmosfarm-share-buttons-default.cosmosfarm-align-right {text-align: right;}
.cosmosfarm-share-buttons-default img {display: inline; margin: 0 !important; padding: 0; width: 32px !important; height: 32px !important; vertical-align: middle; max-width: 100%; border: 0;}
.cosmosfarm-share-buttons-default .cosmosfarm-share-button-title {display: inline-block; margin: 0 0 5px 0; vertical-align: middle;}
.cosmosfarm-share-buttons-default .cosmosfarm-share-button {transition-duration: .3s;}
.cosmosfarm-share-buttons-default .cosmosfarm-share-button, .cosmosfarm-share-buttons-default .cosmosfarm-share-button:link, .cosmosfarm-share-buttons-default .cosmosfarm-share-button:visited, .cosmosfarm-share-buttons-default .cosmosfarm-share-button:hover, .cosmosfarm-share-buttons-default .cosmosfarm-share-button:focus, .cosmosfarm-share-buttons-default .cosmosfarm-share-button:active {margin: 0 0 5px 0 !important; padding: 0 !important; font-size: 11px; font-weight: normal; line-height: 11px; text-align: left; border: 0; border-radius: 0; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none;}
.cosmosfarm-share-buttons-default .cosmosfarm-share-button:hover, .cosmosfarm-share-buttons-default .cosmosfarm-share-button:focus, .cosmosfarm-share-buttons-default .cosmosfarm-share-button:active {opacity: 0.8;}
.cosmosfarm-share-buttons-default .cosmosfarm-naver {background-color: #23b200; color: white;}
.cosmosfarm-share-buttons-default .cosmosfarm-facebook {background-color: #3b5998; color: white;}
.cosmosfarm-share-buttons-default .cosmosfarm-twitter {background-color: #1da1f2; color: white;}
.cosmosfarm-share-buttons-default .cosmosfarm-band {background-color: #11c373; color: white;}
.cosmosfarm-share-buttons-default .cosmosfarm-kakaostory {background-color: #fccb00; color: white;}
.cosmosfarm-share-buttons-default .cosmosfarm-kakaotalk {background-color: #f4e100; color: white;}
.cosmosfarm-share-buttons-default .cosmosfarm-google {background-color: #de5449; color: white;}
.cosmosfarm-share-naver-openmain .nv-openmain {display: inline-block;}