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

body {
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  height: auto;
  min-height: 100vh;
  padding-bottom: 370px;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

input:focus,
textarea:focus {
  outline: none;
}

/*1rem = 10px*/
a {
  text-decoration: none;
  color: #000;
}
body.dark a {
  color: #fff;
}

ol,
ul,
li {
  list-style: none;
}

em {
  font-size: inherit;
}

img {
  width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

button {
  background-color: inherit;
  cursor: pointer;
}

address {
  font-style: normal;
}

/*icon*/
/*
    * font-size 미 적용 시 10px로 나오며, 1rem = 10px 입니다.
    * (ex:font-size 14px 적용 시 1.4rem)
    8 수정 작업 시 현 파일의 공통 css모음을 확인 해 주세요.
*/
/*공통 css 모음*/
.flex {
  display: flex !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.align-top {
  align-items: flex-start !important;
}

.align-center {
  align-items: center !important;
}

.align-left {
  align-items: flex-start !important;
}

.align-right {
  align-items: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-left {
  justify-content: flex-start !important;
}

.justify-right {
  justify-content: flex-end !important;
}

.justify-around {
  justify-content: space-around !important;
}

.justify-between {
  justify-content: space-between !important;
}

.column {
  flex-direction: column !important;
}

.text-align-center {
  text-align: center !important;
}

.text-align-left {
  text-align: left !important;
}

.text-align-right {
  text-align: right !important;
}

.pdd-t20 {
  padding-top: 20px !important;
}

.pdd-t30 {
  padding-top: 30px;
}

.mg-auto {
  margin: 0 auto;
}

.mg-r300 {
  margin-right: 300px !important;
}

.mg-b20 {
  margin-bottom: 20px !important;
}

.mg-b26 {
  margin-bottom: 26px !important;
}

.mg-b28 {
  margin-bottom: 28px !important;
}

.mg-b30 {
  margin-bottom: 30px !important;
}

.mg-b46 {
  margin-bottom: 46px !important;
}

.mg-b60 {
  margin-bottom: 60px !important;
}

.ft-white {
  color: #fff !important;
}

.ft-grey {
  color: #a3a3a3 !important;
}

.w-per70 {
  width: 70% !important;
}

.icon {
  position: relative;
  width: 34px;
  height: 34px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 23px 22px;
  font-size: 0;
  vertical-align: middle;
}

.icon-search {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' fill='none'%3E%3Cg stroke='%23222' stroke-miterlimit='10' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M10.29 19.08a8.79 8.79 0 1 0 0-17.58 8.79 8.79 0 0 0 0 17.58Z'/%3E%3Cpath stroke-linecap='round' d='m16.64 16.43 4.99 4.64'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h23v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon-back {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill='none'%3E%3Cpath stroke='%234C4C4C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 13-8 8m0 0 8 8m-8-8h16'/%3E%3C/svg%3E");
}

.i-naver {
  background-image: url(../../image/icon/sns-naver.svg);
}

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

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

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

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

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

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

.brand-logo {
  display: block;
  background-image: url(../../image/img/gookbangk_logo_280x139.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.img-box {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.my-comment-color {
  background-color: #f3fcff !important;
}

.ad-block {
  position: relative;
}
.ad-block::after {
  content: "AD";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 16px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-weight: 500;
  text-align: center;
  line-height: 1.7;
  z-index: 2;
}

.pc-var {
  display: block;
}

.m-var {
  display: none;
}

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

  /* 함께볼만한뉴스 가로넓이 조절 */
  .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: 1068px;
}

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

.main-body {
  margin: 0 20px;
}

.skip-nav {
  position: relative;
  z-index: 9999;
}
.skip-nav a {
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  line-height: 30px;
  border: 1px solid #dedede;
  background-color: #333;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}
.skip-nav a:focus, .skip-nav a:active {
  top: 0;
}

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

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

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

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

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

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

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

.title-box {
  z-index: 1;
}
.title-box .title {
  overflow: hidden;
  display: -webkit-box;
  font-weight: 700;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.title-box .date,
.title-box .from,
.title-box .time,
.title-box .hit {
  color: #a3a3a3;
  font-size: 1.1rem;
}
.title-box .line-txt-box {
  display: inline-block;
  margin: 10px 0 22px;
}
.title-box .line-txt-box p {
  padding: 0 !important;
}
.title-box .line-txt-box p > * {
  position: relative;
  padding-left: 6px !important;
  margin-left: 6px;
  font-size: 1.2rem;
  font-family: "SpoqaSans", sans-serif !important;
}
.title-box .line-txt-box p > *::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: #d9d9d9;
}
.title-box .line-txt-box p > *:first-child {
  padding: 0;
  padding-left: 0 !important;
  margin: 0;
}
.title-box .line-txt-box p > *:first-child::before {
  display: none;
}
.title-box.big {
  padding: 0 20px 20px;
}
.title-box.big .title {
  font-size: 2.7rem;
}
.title-box.lg {
  padding: 0 20px 16px;
}
.title-box.lg .title {
  font-size: 1.7rem;
}
.title-box.md {
  padding: 0 15px 3px;
}
.title-box.md .title {
  font-size: 1.6rem;
  line-height: 20px;
}
.title-box.sm .title {
  margin-bottom: 6px;
  font-size: 1.5rem;
}
.title-box.sm .date {
  font-size: 1.2rem;
}
.title-box.xsm .title {
  margin-bottom: 6px;
  font-size: 1.4rem;
}
.title-box.title-line1 .title {
  -webkit-line-clamp: 1;
}
.title-box.title-line3 .title {
  -webkit-line-clamp: 3;
}

h2 {
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 22px;
  border-bottom: 2px solid #000;
  border-color: #000;
  font-size: 2.2rem;
  font-weight: 700;
}
body.dark h2 {
  border-color: #fff;
}

.card {
  position: relative;
}
.card a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.album-card .title-box {
  position: absolute;
  bottom: 0;
}
.album-card .title-box strong {
  margin-bottom: 9px;
  line-height: 34px;
}
.album-card::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 45%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 6.55%, rgba(0, 0, 0, 0.4) 44.14%);
}

.album-card-sm {
  width: 100%;
  height: 220px;
  margin-bottom: 26px;
}
.album-card-sm .title-box {
  position: absolute;
  bottom: 0;
}
.album-card-sm .title-box strong {
  margin-bottom: 9px;
  line-height: 21px;
}
.album-card-sm::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 6.55%, rgba(0, 0, 0, 0.4) 44.14%);
}

.side-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
}
.side-card:last-child {
  margin-bottom: 26px;
}
.side-card .thumnail-box {
  min-width: 80px;
  width: 80px;
  height: 60px;
  margin-right: 20px;
}
.side-card .title-box {
  width: -webkit-fill-available;
}

.up-down-card {
  margin-bottom: 2px;
}
.up-down-card .thumnail-box {
  height: 146px;
  margin-bottom: 10px;
}

.more-view-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 222px;
  height: 34px;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #4c4c4c;
  font-size: 1.4rem;
}
.more-view-btn::after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 16px;
  height: 16px;
  background-image: url(../../image/icon/arrow.svg);
}

.card-type1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 46px;
}
.card-type1 .album-big {
  width: calc(100% / 2 - 2px);
  height: 400px;
}
.card-type1 .card-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  width: calc(100% / 2 - 2px);
  height: 400px;
}
.card-type1 .card-wrap li {
  width: calc(100% / 2 - 2px);
  height: calc(100% / 2 - 2px);
  margin-bottom: 4px;
  background-color: #e0e0e0;
}
.card-type1 a:hover ~ .img-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000012;
  z-index: 1;
}
.card-type1 a:hover ~ .img-box img {
  scale: 1.1;
}
.card-type1 .img-box {
  transition: all ease 0.6s 0s;
}
.card-type1 .img-box::after {
  transition: all ease 0.6s 0s;
}
.card-type1 .img-box img {
  height: 100%;
  transition: all ease 0.6s 0s;
}

.card-type2 {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.card-type2 .card-box-wrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex: 0 0 auto;
  gap: 30px;
}
.card-type2 .card-box {
  width: calc(100% / 3 - 20px);
}
.card-type2 .title-box .title {
  min-height: calc(40px * 0.8);
  max-height: calc(40px * 1);
}
.card-type2 li:first-child .title-box .title {
  height: fit-content;
}

.card-type3 {
  padding-top: 30px;
  margin-bottom: 60px;
}
.card-type3 .title {
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.03em;
}
.card-type3 ul {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 auto;
  gap: 20px;
  width: 100%;
}
.card-type3 ul li {
  width: calc(100% / 4 - 15px);
}
.card-type3 .title-box .title {
  min-height: calc(40px * 0.8);
  max-height: calc(40px * 1);
}

.card-type4 {
  margin-bottom: 60px;
}
.card-type4 .title-box {
  padding: 0;
}
.card-type4 .title-box .title {
  height: 48px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.05em;
}
.card-type4 .card-box-wrap {
  width: 100%;
}
.card-type4 ul {
  flex-wrap: wrap;
  flex: 0 0 auto;
  width: 70%;
}
.card-type4 ul li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: calc(100% / 2 - 8px);
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.card-type4 ul li .thumnail-box {
  max-width: 122px;
  width: 100%;
  height: 79px;
}
.card-type4 ul li:nth-last-child(2), .card-type4 ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.card-type4 ul strong {
  font-size: 1.7rem;
  margin-bottom: 6px;
}

.card-type5 {
  width: 100%;
  margin-bottom: 60px;
}
.card-type5 li {
  margin-bottom: 46px;
}
.card-type5 .thumnail-box {
  height: fit-content;
  aspect-ratio: 1.8/1;
}
.card-type5 .title-box .title {
  margin-bottom: 8px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 41px;
}
.card-type5 .title-box .date {
  font-size: 1.1rem;
}
.card-type5 .title-box .preview {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 18px;
  color: #898989;
  font-size: 1.4rem;
  font-weight: 500;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card-type6 {
  padding-top: 30px;
  margin-bottom: 30px;
}
.card-type6 h2 {
  padding-bottom: 0;
  margin-bottom: 16px;
  border: none;
}
.card-type6 .title {
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.03em;
}
.card-type6 ul {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 auto;
  gap: 8px;
  width: 100%;
}
.card-type6 ul li {
  width: calc(100% / 3 - 6px);
}
.card-type6 ul .thumnail-box {
  height: 136px;
  margin-bottom: 8px;
}
.card-type6 .title-box .title {
  min-height: calc(40px * 0.8);
  max-height: calc(40px * 1);
}

.card-type7 {
  padding-top: 30px;
  margin-bottom: 60px;
}
.card-type7 h2 {
  margin-bottom: 20px;
}
.card-type7 .title {
  min-height: calc(50px * 1);
  max-height: calc(50px * 1);
  margin-bottom: 6px;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: -0.03em;
}
.card-type7 ul {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 auto;
  gap: 12px;
  width: 100%;
  margin-bottom: 50px;
}
.card-type7 ul li {
  width: calc(100% / 2 - 6px);
  margin-bottom: 22px;
}
.card-type7 .up-down-card .thumnail-box {
  height: 206px;
  margin-bottom: 18px;
}
.card-type7 .date {
  color: #9d9d9d;
  font-size: 1.2rem;
}
.card-type7 .preview {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 9px;
  color: #767676;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 20px;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card-type7 .ad {
  margin: 0 auto;
  margin-top: -6px;
  margin-bottom: 8px;
}

.card-type8 {
  width: 100%;
  padding-bottom: 100px;
}
.card-type8 h2 {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
  font-size: 1.7rem;
  font-weight: 500;
}
.card-type8 h2 .bold {
  display: inline-block;
  font-weight: 700;
}
.card-type8 .mobile-title {
  display: none;
}
.card-type8 .search-result {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 28px;
  border-bottom: 1px solid #d6d6d6;
}
.card-type8 .search-pick-btn {
  display: flex;
}
.card-type8 .search-pick-btn button {
  margin-left: 8px;
  color: #000;
  font-weight: 400;
  word-break: keep-all;
}
body.dark .card-type8 .search-pick-btn button {
  color: #fff;
}

.card-type8 .search-pick-btn button.active {
  color: #4a7033 !important;
  font-weight: 500;
}
.card-type8 .title-box {
  padding: 0;
}
.card-type8 .title-box .title {
  color: #0521cf;
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: -0.06em;
  margin-bottom: 12px;
  line-height: 24px;
}
.card-type8 .title-box .preview {
  display: -webkit-box;
  overflow: hidden;
  color: #767676;
  font-size: 1.4rem;
  line-height: 20px;
  color: #898989;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.card-type8 .title-box .line-txt-box {
  margin: 8px 0 0;
}
.card-type8 .title-box .line-txt-box .time {
  padding-left: 4px !important;
}
.card-type8 a:hover ~ .title-box .title {
  text-decoration: underline;
}
.card-type8 .card-box-wrap {
  width: 100%;
}
.card-type8 ul {
  flex-wrap: wrap;
  flex: 0 0 auto;
  width: fit-content;
  margin-bottom: 50px;
}
.card-type8 ul li {
  width: 100%;
  margin-bottom: 28px;
}
.card-type8 ul li .card-article-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.card-type8 ul li .thumnail-box {
  max-width: 170px;
  width: 100%;
  height: auto;
  aspect-ratio: 1.6/1;
}
.card-type8 ul strong {
  font-size: 1.7rem;
  margin-bottom: 6px;
}

.no-result .no-result-input {
  position: relative;
  width: -webkit-fill-available;
  margin-right: 24px;
}
.no-result .no-result-input input {
  width: 100%;
  height: 32px;
  padding: 7px 10px;
  border: 1px solid #e1e1e1;
  background-color: #fff;
  color: #000;
}
body.dark .no-result .no-result-input input {
  background-color: #303030;
}

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

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

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

.no-result .no-result-info {
  margin-top: 24px;
  margin-bottom: 0;
}
.no-result .no-result-info li {
  margin-bottom: 4px;
  padding-bottom: 0;
  border-bottom: none;
  color: #767676;
  font-size: 1.3rem;
}
.no-result .no-result-info li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 9px 0 8px;
  border-radius: 25px;
  background-color: #767676;
  line-height: 1.5;
}

.pagenation {
  display: flex;
  justify-content: center;
}
.pagenation a,
.pagenation .current {
  width: 30px;
  height: 30px;
  padding: 5px 6px;
  margin-left: 5px;
  border: 1px solid #dcdcdc;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
}
.pagenation a:first-child,
.pagenation .current:first-child {
  margin-left: 0;
}
.pagenation a.current,
.pagenation .current.current {
  color: #4a7033;
  border-color: #4a7033;
}

.left-696 {
  min-width: 696px;
  width: 100%;
}

.category {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.category .content-body {
  display: flex;
  position: relative;
  gap: 48px;
  margin: 0 20px;
}
.category h1 {
  margin-bottom: 12px;
  font-size: 3.2rem;
  line-height: 1.2;
}

.archive.category.category-breaking {
  padding-top: 0;
}

.right-sticky-wrap {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  transition: 0.2s;
}
.right-sticky-wrap article {
  margin-bottom: 30px;
}

.right-ad-event {
  position: static;
  top: 20px;
  bottom: 10px;
  max-width: 324px;
  width: 100%;
  height: fit-content;
}

.news-rank.first-article li {
  padding: 12px 0 12px 5px;
}
.news-rank.first-article li .title-box .line-txt-box time {
  margin-left: 6px !important;
}
.news-rank h2 {
  padding-bottom: 10px;
  margin-bottom: 0;
  border-bottom: none;
  font-size: 2rem;
}
.news-rank li {
  height: 95px;
  padding: 12px 5px;
  border-bottom: 1px solid #eee;
}
.news-rank li > div {
  justify-content: space-between;
}
.news-rank li .title-box .line-txt-box {
  margin: 0;
}
.news-rank li:first-child {
  background-color: #f5f5f5;
}
.news-rank li:last-child {
  border-bottom: none;
}
.news-rank ul:hover li:hover {
  background-color: #f5f5f5;
}
.news-rank span {
  margin-right: 10px;
  font-size: 1.6rem;
  font-weight: 400;
}
.news-rank .title {
  margin-bottom: 4px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 24px;
}
.news-rank p {
  color: #898989;
  font-size: 1.4rem;
}
.news-rank .news-left {
  display: flex;
  width: calc(100% - 88px);
  padding-right: 18px;
}
.news-rank .news-right {
  overflow: hidden;
  min-width: 88px;
  width: 88px;
  height: 70px;
}
.news-rank .news-right img {
  object-fit: cover;
  aspect-ratio: 1/0.8;
}
.news-rank .title-box .line-txt-box time {
  margin-left: 0;
  padding-left: 6px;
}
.news-rank .title-box .line-txt-box time {
  position: relative;
}
.news-rank .title-box .line-txt-box time::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: #d9d9d9;
}

.bnb {
  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(../../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;
	text-align: justify;
}

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

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

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

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

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

.link-btn {
  display: inline-block;
  margin-left: 8px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  background-color: #fff;
  padding: 10px 12px;
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}
body.dark .link-btn {
  background-color: #303030;
}

.link-btn:first-child {
  margin-left: 0;
}

.emotion-top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 0 27px;
}
.emotion-top p {
  min-width: 234px;
  margin: 0 17px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  word-break: keep-all;
}
.emotion-top .line {
  width: 100%;
  height: 1px;
  background-color: #ededed;
}

.emotion-btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 78px;
}
.emotion-btn-wrap .emotion-btn-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 67px;
}
.emotion-btn-wrap .emotion-btn-box button {
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.emotion-btn-wrap .emotion-btn-box button.like {
  background-image: url(../../image/icon/emoji-like.svg);
}
.emotion-btn-wrap .emotion-btn-box button.interest {
  background-image: url(../../image/icon/emoji-interest.svg);
}
.emotion-btn-wrap .emotion-btn-box button.ridiculous {
  background-image: url(../../image/icon/emoji-ridiculous.svg);
}
.emotion-btn-wrap .emotion-btn-box button.angry {
  background-image: url(../../image/icon/emoji-angry.svg);
}
.emotion-btn-wrap .emotion-btn-box button.sed {
  background-image: url(../../image/icon/emoji-sed.svg);
}
.emotion-btn-wrap .emotion-btn-box p {
  margin-top: 7px;
  color: #757575;
  font-size: 1.2rem;
  font-weight: 500;
}
.emotion-btn-wrap .emotion-btn-box span {
  color: #000;
  font-size: 1.6rem;
  font-weight: 500;
}

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

.emotion-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.emotion-wrap .share-btn {
  display: flex;
  height: 43px;
  align-items: center;
  padding: 0px 23px;
  margin: 16px 0 12px;
  border: 1px solid #e0e3e8;
  border-radius: 2px;
  color: #3e3e40;
  font-size: 1.6rem;
}
.emotion-wrap .share-btn::after {
  content: "";
  display: inline-block;
  width: 27px;
  height: 27px;
  margin-left: 10px;
  background-image: url(../../image/icon/comment-share.svg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ad-top {
  position: relative;
  margin: 0 auto;
}
.ad-top .ad-box {
  display: block;
  width: 100%;
  height: 100%;
}
.ad-top p {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.2rem;
  font-weight: 600;
}

.ad-twin {
  display: flex;
  justify-content: center;
  flex: 0 0 auto;
  gap: 18px;
  max-width: 1068px;
  width: 100%;
}
.ad-twin > * {
  aspect-ratio: 2/1;
}

.ad-section-right {
  width: 100%;
  margin-left: 24px;
}
.ad-section-right a {
  display: block;
  width: 100%;
  height: 100%;
}

.ad-left {
  position: sticky;
  top: 20px;
  bottom: 10px;
  height: calc(100% + 20px);
  margin-left: -160px;
  padding-bottom: 20px;
}
.ad-left a {
  display: block;
  width: 160px;
  height: 600px;
  float: right;
}

.ad-right {
  position: sticky;
  top: 20px;
  bottom: 10px;
  height: fit-content;
  margin-right: -300px;
  padding-bottom: 20px;
}
.ad-right .ad-r-top {
  margin-bottom: 20px;
}

.ad-alone {
  margin: 0 auto;
}

.ad-full {
  width: 100%;
}

.ad-twin-space {
  display: flex;
  justify-content: space-between;
}

.ad-mg {
  width: 100%;
  margin-bottom: 20px;
}

.ad-auto {
  margin: 0 auto;
}

.ad300 {
  min-width: 300px;
  width: 300px;
  height: 250px;
}

.ad336 {
  min-width: 336px;
  width: 336px;
  height: 280px;
}

.ad480 {
  min-width: 480px;
  width: 480px;
  height: 320px;
  margin: 0 auto;
}

.ad-height224 {
  height: 224px;
}

.ad-height257 {
  height: 257px;
}

.ad-video {
  margin-bottom: 20px;
}

.footer-floating-ad {
  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: 460px;
  }

  .bnb {
    padding: 10px 0 18px;
    margin-bottom: 20px;
    border-top: none;
  }
  .bnb .bnb-wrap {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0 18px;
  }
  .bnb .bnb-wrap p {
    padding: 0 18px;
  }
  .bnb .bnb-wrap .title-txt {
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #393939;
    font-size: 1.8rem;
  }
  .bnb .bnb-wrap .menu {
    flex-wrap: wrap;
    width: 100%;
  }
  .bnb .bnb-wrap .menu li {
    width: calc(100% / 3);
    height: 46px;
    margin-left: 0;
    text-align: center;
  }
  .bnb .bnb-wrap .menu li:first-child {
    margin-left: 0;
  }
  .bnb .bnb-wrap .menu a {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 0.02em;
  }
}
.hot-news {
  width: 100%;
  padding: 20px 50px;
  margin-bottom: 30px;
  border: 1px solid #e4e4e4;
}
.hot-news h3 {
  margin-bottom: 10px;
  border: none;
  font-size: 1.8rem;
  color: #353535;
}
body.dark .hot-news h3 {
  color: #fff;
}

.hot-news .hot-news-lank {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.hot-news .hot-news-lank li {
  width: calc(100% / 2 - 8px);
}
.hot-news .hot-news-lank li a {
  overflow: hidden;
  display: -webkit-box;
  color: #222;
  font-size: 1.5rem;
  line-height: 30px;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
body.dark .hot-news .hot-news-lank li a {
  color: #fff;
}

.hot-news .hot-news-lank li a::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-bottom: 4px;
  margin-right: 10px;
  border-radius: 50px;
  background-color: #d7d7d7;
}

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

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

  .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-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: 56px;
  height: 28px;
}
.error-body .error-article h1 {
  padding: 30px 0 12px;
  color: #000;
  font-size: 2.2rem;
}
.error-body .error-article p {
  color: #5e5e5e;
  font-size: 1.4rem;
  line-height: 19px;
}
.error-body .error-article .link-btn {
  margin-top: 26px;
  margin-left: 0;
  color: #222;
  background: linear-gradient(180deg, #fdfdfd 38.95%, #ebebeb 100%);
  border: 1px solid #dfdfdf;
}
body.dark .error-body .error-article .link-btn {
  color: #fff;
}

@media (max-width: 767px) {
  .error-body .card-type3 {
    padding: 25px 0 0;
    margin-bottom: 0;
  }
  .error-body .card-type3 ul {
    gap: 18px;
  }
  .error-body .card-type3 ul li {
    width: 100%;
  }
  .error-body .card-type3 .title-box.sm .title {
    min-height: unset;
    max-height: unset;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.01em;
  }
  .error-body .error-article {
    padding: 20px 15px 45px;
  }
  .error-body .error-article .brand-logo {
    width: 60px;
    height: 30px;
  }
  .error-body .error-article h1 {
    font-size: 2.4rem;
  }
  .error-body .error-article p {
    line-height: 21px;
    word-break: keep-all;
  }
  .error-body .error-article .link-btn {
    margin-top: 26px;
    margin-left: 0;
    color: #222;
    background: linear-gradient(180deg, #fdfdfd 38.95%, #ebebeb 100%);
    border: 1px solid #dfdfdf;
  }
  body.dark .error-body .error-article .link-btn {
    color: #fff;
  }
}
.weekly-best {position: relative;}
.weekly-best h2 {padding: 6px 0; margin-bottom: 4px; border-bottom: 1px solid; font-size: 2rem;}
.weekly-best .mySwiper {position: unset;}
.weekly-best .swiper-wrapper {position: unset; flex-direction: unset !important;}
.weekly-best .swiper-wrapper li {margin-top: 0 !important; margin-bottom: 18px; padding: 3px 0 0; cursor: pointer;}
.weekly-best .swiper-wrapper li span {display: inline-block; overflow: hidden; height: 46px; padding-top: 5px; color: #000; font-size: 1.5rem; line-height: 1.33; letter-spacing: -0.99px;}
body.dark .weekly-best .swiper-wrapper li span {color: #fff;}
.weekly-best .swiper-wrapper li img {min-height: 105px; 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 .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: 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) {
	.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: 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; } 
 }

/* 메인페이지에서 썸네일 마우스오버시 효과 삭제 */
.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,.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) { 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: 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) {.container { width: 1102px; } 
.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; } 
 }

/* 댓글모듈 */
.comments-rank-wrap { width: 100%; margin-bottom: 20px; margin-top: 10px; } 
.right-sticky-wrap .comments-rank-wrap { margin-bottom: 40px; } 
.comments-rank-wrap h2 { font-size: 20px; border-bottom: none; margin-bottom: 0; padding-bottom: 0; } 
.comments-rank { margin-top: 10px; } 
.comments-rank ul li { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; margin-bottom: 4px; } 
.comments-rank ul li span.rank-num { font-size: 21px; font-weight: bold; color: red; margin-right: 8px; line-height: 1; } 
.comments-rank ul li a.title { font-size: 16px; /* font-weight: bold; */color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 89%; margin-right: 5px; } 
.comments-rank ul li .comments-count-box { background-image: url("https://static.viewus.co.kr/image/bubble.png"); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; width: 33px; height: 26px; position: relative; display: flex; justify-content: center; align-items: center; } 
.comments-rank ul li .comments-count-box strong.comments-count { font-size: 12px; font-weight: bold; color: red; position: absolute; top: 2px; } 
/************************* 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; }