/*
Theme Name: Nateview
Theme URI: https://fastviewkorea.com
Author: Fastview
Author URI: https://fastviewkorea.com
Description: 2025.08.21 생성
Version: 2025.09.08
Requires at least: 6.8.2
Tested up to: 6.8.2
Requires PHP: 8.1.14
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nateview
Domain Path: /languages
Tags: Nateview-only, blog, news, magazine, webzine, threaded-comments, translation-ready, accessibility-ready, responsive-layout, fixed-layout
*/

/* Normalize */
* {margin: 0; padding: 0; border: none; box-sizing: border-box;}
body {overflow-x: hidden; overflow-y: scroll; position: relative; height: auto; min-height: 100vh; padding-bottom: 370px;}
html {font-size: 100%; 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)
    * 수정 작업시 현 파일의 공통 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(assets/image/icon/sns-naver.svg);}
.i-face-book {background-image: url(assets/image/icon/sns-facebook.png);}
.i-twitter {background-image: url(assets/image/icon/sns-twitter.png);}
.i-n-band {background-image: url(assets/image/icon/sns-band.png);}
.i-kakao {background-image: url(assets/image/icon/sns-kakao.png);}
.i-line {background-image: url(assets/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('https://d3fpdiit4h0p2n.cloudfront.net/nate-view/2023/02/24154218/nateview_logo_mobile.svg'); 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: 7670px) {
	.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: 7670px) {
  /* 본문이미지넓이조절 */
  /* 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 아마 태블릿 호환 관련 사이즈인듯 */
  body {padding-bottom: 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: 1080px;}
.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(assets/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);}
.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; 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 {
  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: 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(assets/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: 370px;
  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;
}

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

.ad > a {display: block; border: none; width: 100%; height: 100%;}

.ad-top {position: relative; margin: 0 auto;}
.ad-top .ad-box {display: block; width: 100%; height: 100%;}
.ad-top p {position: absolute; top: 10px; right: 10px; font-size: 1.2rem; font-weight: 600;}
.ad-twin {display: flex; justify-content: center; flex: 0 0 auto; gap: 18px; max-width: 1068px; width: 100%;}
.ad-twin > * {aspect-ratio: 2/1;}
.ad-section-right {width: 100%; margin-left: 24px;}
.ad-section-right a {display: block; width: 100%; height: 100%;}
.ad-left {position: sticky; top: 20px; bottom: 10px; height: calc(100% + 20px); margin-left: -160px; padding-bottom: 20px;}
.ad-left a {display: block; width: 160px; height: 600px; float: right;}
.ad-right {position: sticky; top: 20px; bottom: 10px; height: fit-content; margin-right: -300px; padding-bottom: 20px;}
.ad-right .ad-r-top {  margin-bottom: 20px;}
.ad-alone {margin: 0 auto;}
.ad-full {width: 100%;}
.ad-twin-space {display: flex; justify-content: space-between;}
.ad-mg {width: 100%; margin-bottom: 20px;}
.ad-auto {margin: 0 auto;}
.ad300 {min-width: 300px; width: 300px; height: 250px;}
.ad336 {min-width: 336px; width: 336px; height: 280px;}
.ad480 {min-width: 480px; width: 480px; height: 320px; margin: 0 auto;}
.ad-height224 {height: 224px;}
.ad-height257 {height: 257px;}
.ad-video {margin-bottom: 20px;}
.footer-floating-ad {position: fixed; bottom: 0; width: 100vw; margin: 0 auto; margin-bottom: 0 !important; z-index: 999;}
.empty-box {width: 300px;}
.mobile-ad {display: none;}
.with-ad {display: flex; justify-content: space-between;}
.with-ad .ad300 {margin-left: 20px;}
.ad-with-txt {margin-top: 15px;}
.news-view .ad {padding-top: 24px; padding-bottom: 24px;}
.news-view .ad-twin {gap: 8px;}
.news-view-bt-ad-box .ad {margin-bottom: 20px;}

.page-numbers.dots {margin-left: 5px; line-height: 3;}

.alert {display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; opacity: 0; transition: opacity .25s ease, visibility .25s ease;}
.alert.active {display: block; opacity: 1;}
.alert .background {width: 100%; height: 100%; background-color: #1b1b1b82;} /* background: rgba(0,0,0,.5) */
.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: 460px;
  }
}

@media (max-width: 7670px) {
  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;
  }

  .mobile-ad {
    display: block;
    margin: 0 auto;
    margin-bottom: 18px;
  }

  .hot-news {
    padding: 0;
    margin-bottom: 44px;
    border: none;
  }
  .hot-news h3 {
    margin-bottom: 4px;
  }
  .hot-news .hot-news-lank li {
    width: 100%;
  }
  .hot-news .hot-news-lank li a {
    font-size: 1.7rem;
    line-height: 34px;
  }
  .hot-news .hot-news-lank li:nth-child(n+6) {
    display: none;
  }
}
@media (max-width: 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;
  }
}
@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: 7670px) {
	.post-from {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;}
	.right-sticky-wrap {display: none;}
	.category article {padding-bottom: 60px;}
	.emotion-top {padding: 24px 0 38px;}
	.emotion-btn-wrap {gap: unset; justify-content: space-between; width: 100%;}

  .card-type5 {
    margin-bottom: 0;
  }
  .card-type5 li {
    margin-bottom: 26px;
  }
  .card-type5 .thumnail-box {
    aspect-ratio: 1.8/1;
  }
  .card-type5 .title-box .title {
    margin-bottom: 8px;
    font-size: 2.2rem;
    line-height: 30px;
  }
  .card-type5 .title-box .date {
    display: block;
    font-size: 1.3rem;
    font-weight: 500;
  }
  .card-type5 .title-box .preview {
    font-weight: 400;
    line-height: 20px;
    -webkit-line-clamp: 3;
  }
  .card-type5 .pagenation {
    padding-top: 14px;
  }

  .news-view-wrap .with-ad {
    display: block;
  }
  .news-view-wrap .ad300,
.news-view-wrap .ad480 {
    min-width: 336px;
    width: 336px;
    height: 280px;
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .emotion-wrap .share-btn {
    height: 36px;
    margin: 20px 0 10px;
  }

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

  .card-type6 h2 {
    margin-bottom: 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-body .error-article {width: fit-content; padding: 60px 0 100px; margin: 0 auto;}
.error-body .error-article > * {width: fit-content;}
.error-body .error-article .brand-logo {width: 86.5px; height: 15px;}
.error-body .error-article h1 {padding: 30px 0 12px; color: #000; font-size: 2.2rem;}
.error-body .error-article p {color: #5e5e5e; font-size: 1.4rem; line-height: 19px;}
.error-body .error-article .link-btn {margin-top: 26px; margin-left: 0; color: #222; background: linear-gradient(180deg, #fdfdfd 38.95%, #ebebeb 100%); border: 1px solid #dfdfdf;}
body.dark .error-body .error-article .link-btn {color: #fff;}

@media (max-width: 7670px) {
	.error-body .card-type3 {padding: 25px 0 0; margin-bottom: 0;}
	.error-body .card-type3 ul {gap: 18px;}
	.error-body .card-type3 ul li {width: 100%;}
	.error-body .card-type3 .title-box.sm .title {min-height: unset; max-height: unset; font-size: 2.2rem;  font-weight: 600; line-height: 30px; letter-spacing: -0.01em;}
	.error-body .error-article {padding: 20px 15px 45px;}
	.error-body .error-article .brand-logo {width: 60px; height: 30px;}
	.error-body .error-article h1 {font-size: 2.4rem;}
	.error-body .error-article p {line-height: 21px; word-break: keep-all;}
	.error-body .error-article .link-btn {margin-top: 26px; margin-left: 0; color: #222; background: linear-gradient(180deg, #fdfdfd 38.95%, #ebebeb 100%); border: 1px solid #dfdfdf;}
	body.dark .error-body .error-article .link-btn {color: #fff;}
}
.weekly-best {position: relative;}
.weekly-best h2 {padding: 6px 0; margin-bottom: 4px; border-bottom: 1px solid; font-size: 2rem;}

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


/******************** 2023.12.01 : UI fix START *************************/
/* 검색결과 없을 때 하단 모듈 제거 */
.search-no-results .mobile-ad-box { display: none; } 

/* 하단 bnb 여백 조정 */
@media screen and (max-width: 7670px) {
	.news-view-wrap { margin-bottom:30px; display:block; } 
	.footer { bottom:unset; } 
 }

/* 금주 베스트 인기글 하단 여백 조정 */
.weekly-best { margin-bottom: 30px !important; } 
@media screen and (max-width: 7670px) {
	.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: 7670px) {
	.news-view-m-bt article { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; 
 } 
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: 7670px){
 .right-sticky-wrap { display:none !important; } 
 .right-ad-event { display:none !important; } 
 }

/* 회사소개 스톡이미지 사이즈 고정 */
.about-us-featured-img img { width: 600px; } 
@media screen and (max-width: 7670px){
 .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: 7670px){
 .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: 7670px){
 .footer .logo-default { height: 30px; } 
 }

/* 메인페이지에서 썸네일 마우스오버시 효과 삭제 */
.card-type1 a:hover ~ .img-box img {scale: none;} 

/* 로고파일이 svg일때 높이값 고정 */
.logo-default > a > img { height: auto; } 

/* 기사뷰 제목하단 작성자,날짜,조회수 영역의 폰트크기, 여백, 컬러 통일 */
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; } 

/* 카테고리가 많을 때 gnb 폰트 사이즈 조정 */
.gnb-wrap .menu li a { font-size: 1.6rem; } 

/* section.category에 적용되어야 할 내용이 body.category에도 적용 됨 */
body.category { padding-top: 0; } 

/* 발행사 영역의 여백 */
.post-from { padding: 0 18px; } 

@media screen and (max-width: 7670px) {
	/* 모바일 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: 7670px) { 
	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); 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: 7670px){
 .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: 7680px) {
	.container {width: 1080px;} 
	.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; } 
.post-from { 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: 7670px) {
	.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; padding: 0 18px; } 
 }

/* 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; }

/* Mobile GNB Only : Relocated to Active GNB */
.menu_gnb {width: 100vw; overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
.menu_gnb::-webkit-scrollbar {display: none;}  /* Chrome/Safari */
.menu_gnb #gnb {height: 100%; display: block !important; overflow: visible; margin: 0; border-top: none;} /* 스크롤 역할은 .menu_gnb가 담당 */
.menu_gnb #gnb #menu-main-menu {height: 100% !important; display: flex; align-items: stretch; white-space: nowrap; width: max-content;}
.menu_gnb #gnb #menu-main-menu > li {flex: 0 0 auto;}