@charset "UTF-8";
/* 기사뷰 PC
 * 2026 개편 */
/* Common */
.data--loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.data--loading>.spinner {
  width: 50px;
}
/* indicator dots */
.indicator-dots--slick {
  display: flex;
  align-items: center;
  justify-content: center;
}
.indicator-dots--slick ul {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.indicator-dots--slick li {
  width: 6px;
  height: 6px;
}
.indicator-dots--slick li button {
  display: block;
  width: 6px;
  height: 6px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #ddd;
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
}
.indicator-dots--slick li.slick-active button {
  background: #121212;
}
/* icon */
/* 회원전용 */
.icon-membersonly {
  display: inline-block;
  margin-right: 6px;
  padding: 2px 5px;
  border-radius: 4px;
  background: #00bbb4;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: -0.075em;
  vertical-align: 2px;
}
a.icon-membersonly {
  color: #fff !important;
}
.icon-membersonly2 {
  display: inline-block;
  width: 10px;
  height: 13px;
  margin: 0 0 0 6px;
  background: url('https://hkstatic.hankyung.com/img/www/w/common/icon/icon-lock.svg') no-repeat center center/contain;
  color: transparent;
  overflow: hidden;
  text-indent: -999px;
  vertical-align: -1px;
}
/* tooltip */
.hk__tooltip {
  display: inline-block;
  position: relative;
  padding: 4px 9px;
  border-radius: 3px;
  background-color: #121212;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  box-sizing: border-box;
}
.hk__tooltip::before {
  content: '';
  display: inline-block;
  position: absolute;
  pointer-events: none;
}
.hk__tooltip.top::before {
  bottom: -5px;
  left: 50%;
  border-top: 5px solid #121212;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transform: translateX(-50%);
}
.hk__tooltip.bottom::before {
  top: -5px;
  left: 50%;
  border-bottom: 5px solid #121212;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transform: translateX(-50%);
}
.hk__tooltip.left::before {
  top: 50%;
  left: -9px;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #121212;
  transform: translateY(-50%);
}
.hk__tooltip.right::before {
  top: 50%;
  right: -9px;
  border-top: 5px solid transparent;
  border-left: 5px solid #121212;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  transform: translateY(-50%);
}
.hk__tooltip .tooltip__btn-close {
  position: relative;
  top: -2px;
  width: 11px;
  height: 11px;
  margin-left: 5px;
}
.hk__tooltip .tooltip__btn-close::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%);
  background-size: 100% 1px, 1px 100%;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(45deg);
}
/* toast */
.hk__toast {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  padding: 25px 55px 25px 19px;
  border: 1px solid #e3e3e3;
  border-radius: 0 20px 0 0;
  background: #fff;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, .05);
  visibility: hidden;
  opacity: 0;
  transform: translateY(100%);
  transition: all ease-in .25s;
}
.hk__toast .toast__body {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.hk__toast .toast__body>.toast__icon {
  flex: 0 0 auto;
  margin-right: 11px;
}
.hk__toast .toast__body .msg-primary {
  color: #ff761b;
}
.hk__toast .toast__btn-close {
  position: absolute;
  top: 19px;
  right: 19px;
}
.hk__toast.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
/* -------------------- ## ------------------ */
.ellip {
  display: block;
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.overflow-hidden {
  height: 100vh;
  overflow: hidden;
}
.overflow--hidden {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100vh;
  overflow: hidden;
  touch-action: none;
}
/* 스크롤 위치 상단 */
/* ad */
.ad-top {
  padding: 20px 0;
  background: #f7f7f7;
  text-align: center;
}
.ad-bottom {
  margin: 20px auto;
  padding: 20px 0;
  background: #f7f7f7;
  text-align: center;
}
.ad-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 25px -10px;
  text-align: center;
  clear: both;
}
.ad-wrap>.ad-box {
  margin: 5px;
}
.ad-wrap>.ad-box:only-child {
  flex: 1 1 auto;
  margin: 0;
}
.ad-wrap.col2-20-300 {
  margin-left: -20px;
  margin-right: -20px;
}
.ad-wrap.col2-20-300>.ad-box {
  margin: 10px;
}
.ad-wrap.col2-20-336 {
  margin: 40px -56px;
}
.ad-wrap.col2-20-336>.ad-box {
  margin: 10px;
}
.article-contents>.content:has(.ad-area-wrap)>.article {
  width: 620px;
}
.ad-area-wrap {
  clear: both;
}
.ad-area-wrap .ad-label {
  margin-bottom: 10px;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
}
.ad-area-wrap>.ad-wrap {
  margin: 0;
}
.ad-area-wrap>.ad-wrap>.ad-box {
  margin: 0 10px;
  padding: 0;
}
.ad-area-wrap>.ad-wrap+.ad-wrap {
  margin-top: 20px;
}
.ad-area-wrap>.ad-wrap * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.ad-area-wrap.bg {
  margin: 25px -20px;
  padding: 20px 0;
  background: #f7f7f7;
  text-align: center;
}
.ad-area-wrap.aside-ad {
  padding: 20px 0 0;
  background: #f7f7f7;
}
.ad-area-wrap.ad-top,
.ad-area-wrap.ad-bottom {
  margin: 0;
}
.ad-area-wrap iframe {
  margin: 0 !important;
}
.ad-area-wrap .teads-player iframe {
  max-width: 620px !important;
}
/* 광고 텍스트 리스트(iframe) */
.ad-list>li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 28px;
}
.ad-list>li a {
  color: #121212;
}
/* icon */
.svg-icon {
  vertical-align: top;
}
.aside-list-thumb .icon-premium2 {
  vertical-align: -4px;
}
.aside .icon-premium-txt {
  margin-right: 4px;
  padding: 2px 4px 3px 5px;
  line-height: 1;
}
/* button */
/* .btn-star-toggle > svg { transform:scale(1.2) } */
.btn-star-toggle .svg-icon {
  fill: #fff;
  stroke: #121212;
  stroke-width: 2px;
  transform: scale(.9);
  transform-origin: center center;
}
.btn-star-toggle.on>svg {
  transform: none;
}
.btn-star-toggle.on .svg-icon {
  fill: #ff761b !important;
  stroke: #ff761b !important;
  stroke-width: unset;
  transform: none;
}
.btn-star-toggle .svg-star-fill {
  display: none;
}
.btn-star-toggle.on .svg-star-fill {
  display: block;
  fill: #ff761b;
  stroke: none;
}
.btn-star-toggle.on .svg-star {
  display: none;
}
/* form */
.input-txt {
  display: block;
  width: 100%;
  padding: 0 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
  outline: none;
  font-size: 16px;
}
input.input-txt {
  height: 40px;
  line-height: 38px;
}
textarea.input-txt {
  padding: 14px;
}
.input-txt::placeholder {
  color: #888;
}
.input-txt:-ms-input-placeholder {
  color: #888;
}
.input-txt::-ms-input-placeholder {
  color: #888;
}
.input-txt:disabled {
  background: #eee;
  cursor: not-allowed;
}
.radio-style .inp-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  overflow: hidden;
  clip: rect(0 0 0 0);
  color: transparent;
}
.radio-style {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}
.radio-style label {
  cursor: pointer;
}
.radio-style .label-txt {
  display: inline-flex;
  align-items: center;
}
.radio-style .label-txt::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: radial-gradient(circle, rgba(221, 221, 221, 1) 4px, rgba(255, 255, 255, 1) 4px);
  box-sizing: border-box;
}
.radio-style .inp-radio:checked+.label-txt::before {
  border: none;
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 4px, rgba(34, 34, 34, 1) 4px);
}
.radio-style .inp-radio:disabled+.label-txt::before,
.radio-style .inp-radio[readonly]+.label-txt::before {
  background: radial-gradient(circle, rgba(211, 211, 211, 1) 4px, rgba(238, 238, 238, 1) 4px);
  cursor: not-allowed;
}
.radio-style .inp-radio:checked:disabled+.label-txt::before,
.radio-style .inp-radio:checked[readonly]+.label-txt::before {
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 4px, rgba(238, 238, 238, 1) 4px);
}
.radio-style:last-child {
  margin-right: 0;
}
/* modal */
.hk-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .5);
}
.hk-modal.show {
  display: flex;
}
.hk-modal-inner {
  position: relative;
  padding: 40px 30px 30px;
  border-radius: 10px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, .05);
  background: #fff;
  box-sizing: border-box;
}
.modal-btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.modal-btn-confirm {
  background-color: #ff761b;
  color: #fff;
}
.modal-btn-cancel {
  background-color: #666;
  color: #fff;
}
.modal-btn-outline {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
  min-width: 70px;
  padding: 0 10px;
  margin: 0 3px;
  border: 1px solid #ddd;
  border-radius: 5px;
  line-height: 30px;
  font-size: 14px;
}
.modal-btn-outline.color-primary {
  color: #ff761b;
}
.hk-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 25px;
  text-align: center;
}
.hk-modal-footer [class^="modal-btn-"] {
  flex: 0 0 auto;
  width: calc(50% - 5px);
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
  height: 40px;
  border-radius: 8px;
  font-size: 16px;
  text-decoration: none;
}
.hk-modal-footer [class^="modal-btn-"]:only-child {
  width: 100%;
}
.modal-photoviewer {
  display: flex;
  overflow: hidden;
  background: #111;
  visibility: hidden;
  transform: scale(.8);
  opacity: 0;
  transition: all ease .2s;
}
.modal-photoviewer .hk-modal-inner {
  position: static;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
.modal-photoviewer .article-figure {
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
}
.modal-photoviewer .article-figure .figure-img {
  border-radius: 0;
}
.modal-photoviewer .article-figure .figure-caption {
  font-size: 14px;
}
.modal-photoviewer .modal-btn-close {
  top: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #1d1d1d;
}
.modal-photoviewer .hk__icon-x {
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%);
}
.modal-photoviewer.show {
  visibility: visible;
  z-index: 10000000;
  transform: scale(1);
  opacity: 1;
}
.modal-font .hk-modal-inner {
  padding-bottom: 10px;
}
.modal-font .font-control {
  width: 290px;
}
.modal-font .font-control+.font-control {
  margin: 20px 0 0;
}
.modal-font .font-control dt {
  margin-bottom: 15px;
  font-size: 16px;
  text-align: center;
}
.modal-font .font-control dd {
  position: relative;
}
.modal-font .font-control-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 -8px;
  pointer-events: none;
}
.modal-font .font-control-list li {
  flex: 0 0 auto;
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #ddd;
}
.modal-font .ui-widget.ui-widget-content {
  background: none;
}
.modal-font .ui-state-default {
  background: #121212;
}
.modal-font .ui-slider {
  position: relative;
  text-align: left;
}
.modal-font .ui-slider::before {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 8px;
  right: 8px;
  height: 4px;
  background: #ddd;
}
.modal-font .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 3;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  border-radius: 8px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  outline: none;
  box-sizing: border-box;
  cursor: pointer;
}
.modal-font .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: none;
}
.modal-font .ui-slider-horizontal {
  height: 50px;
}
.modal-font .ui-slider-horizontal::after {
  content: '';
  display: block;
  margin: 0 -8px;
  height: 100%;
  cursor: pointer;
}
.modal-scrap .hk-modal-inner {
  width: 380px;
}
.modal-alert .hk-modal-inner {
  width: 380px;
}
.modal-alert .msg {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
}
.modal-alert2 .hk-modal-inner {
  min-width: 300px;
  padding: 30px;
}
.modal-alert2 .msg {
  font-size: 14px;
  text-align: center;
}
.modal-share .hk-modal-inner {
  width: 380px;
}
.modal-share .view-share-list {
  display: flex;
  flex-wrap: wrap;
  margin: -10px auto;
}
.modal-share .view-share-list li {
  flex: 0 0 auto;
  width: 80px;
  margin: 10px 0;
  text-align: center;
}
.modal-share [class^="btn-share-"]::before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
.modal-share [class^="btn-share-"] .txt {
  display: block;
  margin-top: 5px;
  color: #888;
  font-size: 11px;
  white-space: nowrap;
}
.modal-share .btn-share-kakao::before {
  background-image: url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-kakaotalk.svg');
}
.modal-share .btn-share-facebook::before {
  background-image: url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-facebook.svg');
}
.modal-share .btn-share-twitter::before {
  background-image: url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-twitter.svg');
}
.modal-share .btn-share-twitter.twitter-x::before {
  background-image: url('https://hkstatic.hankyung.com/resource/common/img/icon/icon-twitter-cir-x.svg');
}
.modal-share .btn-share-url::before {
  background-image: url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-url.svg');
}
.modal-share .btn-share-naver::before {
  background-image: url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-naver.svg');
}
.modal-share .btn-share-band::before {
  background-image: url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-band.svg');
}
.modal-share .btn-share-mail::before {
  background-image: url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-mail.svg');
}
.modal-journalist .hk-modal-inner {
  width: 500px;
}
.modal-journalist .profile-wrap {
  position: relative;
  min-height: 70px;
  padding-right: 80px;
}
.modal-journalist .profile {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.modal-journalist .profile .name {
  font-size: 20px;
}
.modal-journalist .profile .part {
  flex: 0 0 auto;
  margin-left: 7px;
  color: #888;
  font-size: 12px;
}
.modal-journalist .journalist-say {
  margin-top: 5px;
  font-size: 14px;
}
.modal-journalist .journalist-subscription {
  display: flex;
  margin-top: 15px;
}
.modal-journalist .journalist-subscription>dl {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
}
.modal-journalist .journalist-subscription>dl dt {
  font-size: 12px;
}
.modal-journalist .journalist-subscription>dl .count {
  margin-left: 5px;
  font-weight: bold;
  font-size: 20px;
}
.modal-journalist .btn-journalist-subscribe {
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #ddd;
  border-radius: 25rem;
  color: #ff761b;
  font-weight: bold;
  line-height: 25px;
}
.modal-journalist .btn-journalist-subscribe svg {
  margin-right: 5px;
}
.modal-journalist .profile-thumb {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 70px;
  height: 70px;
  border-radius: 100%;
  overflow: hidden;
}
.modal-journalist .profile-thumb>a {
  display: block;
  width: 100%;
  height: 100%;
}
.modal-journalist .profile-thumb>a::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 100%;
  box-sizing: border-box;
}
.modal-journalist .profile-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-journalist .popular-article {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  font-size: 16px;
}
.modal-journalist .popular-article .tit {
  display: block;
  margin-bottom: 20px;
}
.modal-journalist .profile-wrap.leave {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 10px;
  min-height: unset;
  padding: 0;
}
.modal-journalist .profile-wrap.leave .profile-thumb {
  position: relative;
  top: auto;
  right: auto;
  transform: none;
  width: 50px;
  height: 50px;
}
.modal-columnist .hk-modal-inner {
  width: 500px;
}
.modal-columnist .profile-wrap {
  display: flex;
  align-items: center;
  min-height: 40px;
}
.modal-columnist .profile {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.modal-columnist .profile .name {
  font-size: 20px;
}
.modal-columnist .profile .part {
  flex: 0 0 auto;
  margin-left: 7px;
  color: #888;
  font-size: 12px;
}
.modal-columnist .profile-thumb {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 100%;
  overflow: hidden;
}
.modal-columnist .profile-thumb>a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.modal-columnist .profile-thumb>a::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 100%;
  box-sizing: border-box;
}
.modal-columnist .profile-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-columnist .popular-article {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  font-size: 14px;
}
.modal-columnist .popular-article .tit {
  display: block;
  margin-bottom: 20px;
}
.modal-columnist .popular-article .scroll-area {
  max-height: 300px;
  overflow-y: auto;
}
/* 하단 슬라이드월 팝업 */
.layer-fullpopup {
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, .9) 50%, rgba(0, 0, 0, 0.5) 100%);
}
.layer-fullpopup.show {
  visibility: visible;
  z-index: 2147483647;
  opacity: 1;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  transition: all ease-in .3s;
}
.layer-offcanvas {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
}
.layer-offcanvas .para {
  font-size: 18px;
}
.layer-offcanvas .para+.para,
.layer-offcanvas .para+.para-tit {
  margin-top: 10px;
}
.layer-offcanvas .para.noti {
  color: #142C67;
}
.layer-offcanvas .txt-point {
  color: #ff761b;
}
.layer-offcanvas .txt-point2 {
  color: #00bbb4;
}
.layer-offcanvas .txt-underline {
  /*text-decoration:underline*/
  border-bottom: 1px solid;
}
.layer-offcanvas a.txt-underline,
.layer-offcanvas a.txt-underline:hover {
  text-decoration: none;
}
.layer-offcanvas .offcanvas-foot {
  margin-top: 25px;
}
.layer-offcanvas .offcanvas-foot .btn {
  display: inline-block;
  min-width: 170px;
  line-height: 48px;
  margin: 0 3px;
  padding: 0 10px 2px;
  border-radius: 25px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  box-sizing: border-box;
}
.layer-offcanvas .offcanvas-foot .btn-pramary {
  background-color: #ff761b;
}
.layer-offcanvas .offcanvas-foot .btn-secondary {
  background-color: #666;
}
.layer-offcanvas .offcanvas-foot .btn-subscribe {
  background-color: #00bbb4;
}
.layer-offcanvas .offcanvas-foot .btn-hk {
  background-color: #142C67;
}
.layer-offcanvas .offcanvas-etc {
  margin-top: 27px;
}
.layer-offcanvas .btn-link {
  font-size: 16px;
}
.layer-offcanvas .btn-link::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 6px;
  border-top: 1px solid #121212;
  border-right: 1px solid #121212;
  transform: rotate(45deg);
  vertical-align: 1px;
}
.layer-offcanvas.bottom {
  right: 0;
  bottom: -100%;
  left: 0;
  padding: 50px 0;
  text-align: center;
}
.layer-fullpopup.show .layer-offcanvas.bottom {
  bottom: 0;
  transition: bottom 1s;
}
.layer-fullpopup#layer-memberlogin {
  background: rgba(0, 0, 0, .5);
}
/*_____ View _____*/
/* common */
.up,
.up a {
  color: var(--hk-up);
}
.down,
.down a {
  color: var(--hk-down);
}
.hold,
.hold a {
  color: var(--hk-hold);
}
.news-tit,
.lead {
  overflow: hidden;
  display: block;
  display: -webkit-box;
  text-overflow: clip;
  -webkit-box-orient: vertical;
}
.lead {
  font-size: 13px;
}
.thumb {
  position: relative;
  overflow: hidden;
}
.thumb>a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.thumb img {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: top;
}
.thumb>.thumb-icon {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  color: transparent;
  text-indent: -9999px;
  pointer-events: none;
  transform-origin: right bottom;
}
.thumb-icon.thumb-vod {
  background-image: url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-video.svg');
}
.thumb-icon.thumb-audio {
  background-image: url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-audio.svg');
}
.thumb-icon.thumb-graph {
  background-image: url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-graph.svg');
}
.thumb-icon.thumb-photo {
  background-image: url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-photo.svg');
}
.thumb-icon.thumb-slide {
  background-image: url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-thumb-slide.svg');
}
.aside .thumb>.thumb-icon {
  right: 5px;
  bottom: 5px;
  width: 22px;
  height: 22px;
}
.article-list-module .thumb>.thumb-icon {
  right: 5px;
  bottom: 5px;
  width: 24px;
  height: 24px;
}
.iframe-youtube {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.iframe-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.003);
}
.iframe-youtube .layer-info-ieyoutube {
  position: absolute;
  left: 50%;
  bottom: 10px;
  width: 550px;
  margin-left: -275px;
  padding: 11px 40px 11px 15px;
  border-radius: 4px;
  background: #000;
  background: rgba(0, 0, 0, .7);
  box-sizing: border-box;
}
.iframe-youtube .layer-info-ieyoutube p {
  color: #f9ff56;
  font-size: 13px;
  line-height: 22px;
  white-space: nowrap;
}
.iframe-youtube .layer-info-ieyoutube .btn-close-info {
  position: absolute;
  top: 15px;
  right: 16px;
  width: 13px;
  height: 13px;
}
.iframe-youtube .layer-info-ieyoutube .btn-close-info::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: linear-gradient(to bottom, #f9ff56 0%, #f9ff56 100%), linear-gradient(to left, #f9ff56 0%, #f9ff56 100%);
  background-size: 100% 1px, 1px 100%;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(45deg);
}
/* .iframe-youtube.vertical { max-width:336px; margin:0 auto; padding-bottom:100% } */
.iframe-youtube.vertical {
  max-width: 500px;
  margin: 0 auto;
  padding-bottom: 148.16%;
}
/* .iframe-youtube.vertical . */
.iframe_wrap iframe {
  width: 100%;
}
.news-item {
  display: flex;
}
.news-item>.txt-cont {
  flex: 1 1 auto;
}
.news-item>.thumb {
  flex: 0 0 auto;
}
.news-item.type-thumb-lt {
  flex-direction: row-reverse;
}
.list-txt>li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 1.2;
}
.list-txt>li+li {
  margin-top: 10px;
}
.list-txt.type-dot>li {
  position: relative;
  padding-left: 7px;
}
.list-txt.type-dot>li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 2px;
  background: #121212;
  transform: translateY(-50%);
}
/* layout */
#wrap {
  min-width: 1200px;
}
.layout-inner,
.article-wrap {
  min-width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
}
.article-wrap {
  padding: 40px 0;
  line-height: 1.5;
}
.article-container .utility {
  margin: 10px 0 30px -7px;
  padding: 0;
  border: none;
  box-shadow: none;
}
.article-container .article-contents {
  flex: 0 0 auto;
}
.article-container .utility>.tools>ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
.article-container .utility>.tools .tool {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
}
.article-container .utility>.tools .tool>.badge-num {
  position: absolute;
  top: 2px;
  left: 20px;
  padding: 1px 7px 2px;
  border-radius: 50rem;
  background: #121212;
  color: #fff;
  font-size: 10px;
}
.article-container .utility>.tools>ul>li:hover .hk__tooltip {
  display: block;
  z-index: 2;
  left: 50%;
  top: -25px;
  transform: translate(-50%, 0);
}
.article-container .utility .hk__tooltip {
  left: 40px;
}
.article-container .article-body-wrap~.utility {
  margin: 40px 0 20px -7px;
}
.article-container .utility+.empathy-wrap {
  margin-top: 2px;
}
.article-container .theme-list {
  width: 80px;
  left: 50%;
  top: 40px;
  transform: translate(-50%, 0);
}
.article-container .theme-list .item {
  opacity: 0;
}
.article-container .menuitem-theme.active .theme-list {
  width: 100px;
}
.article-container .menuitem-theme.active .theme-list .item {
  opacity: 1;
}
.article-contents-wrap {
  display: flex;
  justify-content: space-between;
}
.article-contents {
  display: flex;
  justify-content: center;
  gap: 50px;
}
.article-contents>.content {
  width: 970px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
/* .article-contents>.content:not(:has(>.aside)) {
  justify-content: center;
} */
.article-contents>.content>.article {
  flex: 0 0 auto;
  width: 620px;
  box-sizing: border-box;
}
.article-contents>.content>.aside {
  flex: 0 0 auto;
  width: 300px;
}
.article-contents>.content>.aside>.aside-inner {
  width: 300px;
}
.aside:has(.aside-component-sticky) {
  align-self: stretch;
}
.aside:has(.aside-component-sticky)>.aside-inner {
  height: 100%;
}
.aside-component-sticky {
  position: sticky;
  top: 110px;
}
body:has(.section__gnb) .aside-component-sticky {
  top: 140px;
}
.article-contents>.content.type-video {
  justify-content: center;
}
.article-contents>.content.type-video>.article {
  width: 100%;
}
.article-contents>.content.type-video .iframe-youtube.vertical {
  max-width: 557px;
}
.article-contents>.content.type-video .article-body-wrap,
.article-contents>.content.type-video .article-body-wrap~div {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}
/* .article-contents:has(.content.type-video) ~ .article-extra { padding-left:420px } */
/* utility */
.share-tool-kakao::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 23px;
  background: url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-kakaotalk.svg') no-repeat 50% 50%/contain;
}
.share-tool-facebook::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 19px;
  background: url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-facebook.svg') no-repeat 50% 50%/contain;
}
.share-tool-twitter::before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 16px;
  background: url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-twitter.svg') no-repeat 50% 50%/contain;
}
.share-tool-more::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('https://hkstatic.hankyung.com/img/www/w/news/view/icon-share-more.svg') no-repeat 50% 50%/contain;
}
/* article */
.article-header .headline {
  /*padding-right:170px; */
  font-size: 48px;
  letter-spacing: -0.039em;
  word-break: keep-all;
  word-wrap: break-word;
}
.byline-logo {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
}
.byline-logo.wsj {
  width: 121px;
  height: 11px;
  background-image: url('https://hkstatic.hankyung.com/img/logo/logo-wsj.svg');
}
.byline-logo.logo__marketpro::before {
  width: 77px;
  height: 17px;
}
.article-byline-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid #121212;
}
.article-byline-wrap .logo-area {
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 20px;
}
/* article-utility (기사 유틸리티) */
.article-byline-wrap .article-utility {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.article-byline-wrap .article-utility .tool-list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.article-byline-wrap .article-utility .tool-list>li {
  position: relative;
}
.article-byline-wrap .article-utility .tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 100px;
  background: transparent;
  box-sizing: border-box;
  cursor: pointer;
}
.article-byline-wrap .article-utility .tool::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% 50%/contain;
}
.article-byline-wrap .article-utility .btn-bookmark::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M10 10.833v-5m-2.5 2.5h5m3.333 9.167v-11c0-1.4 0-2.1-.272-2.635a2.5 2.5 0 0 0-1.093-1.093c-.534-.272-1.235-.272-2.635-.272H8.167c-1.4 0-2.1 0-2.635.272a2.5 2.5 0 0 0-1.093 1.093C4.167 4.4 4.167 5.1 4.167 6.5v11L10 14.167z'/%3E%3C/svg%3E");
}
.article-byline-wrap .article-utility .btn-bookmark.on::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%231A1A1A' d='M19.5 21a.5.5 0 0 1-.748.435L12 17.576l-6.752 3.859A.5.5 0 0 1 4.5 21V7.8c0-.832 0-1.486.043-2.01.043-.532.133-.976.339-1.379a3.5 3.5 0 0 1 1.53-1.53c.402-.205.846-.295 1.377-.338C8.314 2.5 8.97 2.5 9.8 2.5H14.2c.832 0 1.486 0 2.01.043.532.043.976.133 1.379.339a3.5 3.5 0 0 1 1.53 1.53c.205.402.295.846.338 1.377.043.525.043 1.18.043 2.01V21Z'/%3E%3C/svg%3E");
}
.article-byline-wrap .article-utility .btn-comment:has(.count:not(:empty)) {
  width: auto;
  gap: 4px;
  padding: 0 16px;
}
.article-byline-wrap .article-utility .btn-comment::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M13.75 8.75h-.008M10 8.75h-.008m-3.742 0h-.008M14.167 15v1.946c0 .444 0 .666-.091.78-.08.1-.2.157-.326.157-.146 0-.32-.139-.666-.416l-1.988-1.59c-.406-.325-.61-.488-.836-.603a2.5 2.5 0 0 0-.634-.223C9.376 15 9.116 15 8.596 15H6.5c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.093-1.092C2.5 13.1 2.5 12.4 2.5 11V6.5c0-1.4 0-2.1.272-2.635a2.5 2.5 0 0 1 1.093-1.093C4.4 2.5 5.1 2.5 6.5 2.5h7c1.4 0 2.1 0 2.635.272a2.5 2.5 0 0 1 1.092 1.093C17.5 4.4 17.5 5.1 17.5 6.5v5.167c0 .775 0 1.162-.085 1.48a2.5 2.5 0 0 1-1.768 1.768c-.318.085-.705.085-1.48.085m-.834-6.25a.417.417 0 1 0 .834 0 .417.417 0 0 0-.834 0m-3.75 0a.417.417 0 1 0 .834 0 .417.417 0 0 0-.834 0m-3.75 0a.417.417 0 1 0 .834 0 .417.417 0 0 0-.834 0'/%3E%3C/svg%3E");
}
.article-byline-wrap .article-utility .btn-comment .count {
  font-size: 12px;
  line-height: 1;
}
.article-byline-wrap .article-utility .btn-comment .count:empty {
  display: none;
}
.article-byline-wrap .article-utility .btn-share::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M17.326 10.506c.204-.174.305-.261.343-.365a.42.42 0 0 0 0-.282c-.038-.104-.14-.19-.343-.365l-7.059-6.05c-.35-.3-.525-.45-.673-.455a.42.42 0 0 0-.334.154c-.093.115-.093.345-.093.806v3.58a8.055 8.055 0 0 0-6.667 7.93v.51a9.5 9.5 0 0 1 6.667-3.41v3.492c0 .46 0 .691.093.806.082.1.205.157.334.154.148-.004.323-.154.673-.454z'/%3E%3C/svg%3E");
}
.article-byline-wrap .article-utility .btn-font::before {
  width: 13px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none'%3E%3Cpath fill='%23000' d='M9.712 0h1.328v14.464H9.712zm.976 5.872h2.656v1.104h-2.656zm-4.672-4.32h1.296q0 2.064-.672 3.952-.672 1.872-2.112 3.472-1.44 1.584-3.792 2.752L0 10.704q2.016-1.008 3.344-2.352 1.344-1.36 2-3.008.672-1.665.672-3.584zm-5.344 0h6.016v1.104H.672z'/%3E%3C/svg%3E");
}
.article-byline-wrap .article-utility .login-tool-print::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M15 5.833v-1.5c0-.933 0-1.4-.182-1.756a1.67 1.67 0 0 0-.728-.729c-.357-.181-.823-.181-1.757-.181H7.667c-.934 0-1.4 0-1.757.181-.314.16-.569.415-.728.729C5 2.933 5 3.4 5 4.333v1.5M5 15c-.775 0-1.162 0-1.48-.085a2.5 2.5 0 0 1-1.768-1.768c-.085-.318-.085-.705-.085-1.48V9.833c0-1.4 0-2.1.272-2.635a2.5 2.5 0 0 1 1.093-1.092c.534-.273 1.235-.273 2.635-.273h8.666c1.4 0 2.1 0 2.635.273a2.5 2.5 0 0 1 1.093 1.092c.272.535.272 1.235.272 2.635v1.834c0 .775 0 1.162-.085 1.48a2.5 2.5 0 0 1-1.768 1.768C16.163 15 15.775 15 15 15m-2.5-6.25H15m-7.333 9.583h4.666c.934 0 1.4 0 1.757-.181.314-.16.569-.415.728-.729.182-.356.182-.823.182-1.756v-1.334c0-.933 0-1.4-.182-1.756a1.67 1.67 0 0 0-.728-.729c-.357-.181-.823-.181-1.757-.181H7.667c-.934 0-1.4 0-1.757.181-.314.16-.569.415-.728.729C5 12.933 5 13.4 5 14.333v1.334c0 .933 0 1.4.182 1.756.16.314.414.569.728.729.357.181.823.181 1.757.181'/%3E%3C/svg%3E");
}
.article-byline-wrap .article-utility .tool-list>li .hk__tooltip {
  display: none;
  position: absolute;
}
.article-byline-wrap .article-utility .tool-list>li:hover .hk__tooltip {
  display: block;
  z-index: 2;
  left: 50%;
  top: -25px;
  transform: translate(-50%, 0);
}
/* author (기자 구독) */
.article-byline-wrap .author-container {
  position: relative;
}
.article-byline-wrap .author-container .hk__tooltip {
  position: absolute;
  top: -30px;
  z-index: 2;
}
.article-byline-wrap .author-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.article-byline-wrap .author {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  font-size: 14px;
  white-space: nowrap;
  box-sizing: border-box;
}
.article-byline-wrap .author-thumb {
  width: 24px;
  height: 24px;
  border-radius: 100px;
  overflow: hidden;
  flex-shrink: 0;
}
.article-byline-wrap .author-thumb a {
  display: block;
  width: 100%;
  height: 100%;
}
.article-byline-wrap .author-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}
.article-byline-wrap .author-name {
  font-size: 14px;
}
.article-byline-wrap .author-name:hover {
  text-underline-offset: 3px;
}
@keyframes genieVanish {
  0% {
    opacity: 1;
    transform: scale(1) translateY(0);
    animation-timing-function: cubic-bezier(0.2, 0.8, 0.4, 1);
  }
  40% {
    opacity: 1;
    transform: scale(1.05) translateY(-8px);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
  }
  100% {
    opacity: 0;
    transform: scale(0.9) translateY(16px);
  }
}
.article-byline-wrap .author .btn-toggle-subscribe {
  width: 16px;
  height: 16px;
  padding: 0;
  transform-origin: center bottom;
}
.article-byline-wrap .author .btn-toggle-subscribe::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M8 5.333v5.334M5.333 8h5.334m4 0A6.667 6.667 0 1 1 1.333 8a6.667 6.667 0 0 1 13.334 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
.article-byline-wrap .author .btn-toggle-subscribe.on,
.article-byline-wrap .author .btn-toggle-subscribe::after {
  display: none !important;
}
.article-byline-wrap .author .btn-toggle-subscribe.genie-out {
  animation: genieVanish 0.32s cubic-bezier(0.25, 0, 0.3, 1) forwards;
  pointer-events: none;
}
.article-timestamp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.article-timestamp .datetime {
  color: var(--hk-text-secondary);
  font-size: 14px;
}
.article-timestamp .datetime>.item+.item {
  margin-left: 15px;
}
.article-timestamp .datetime>.item>span {
  margin-left: 5px;
}
.article-body-wrap {
  position: relative;
  font-size: 18px;
  line-height: 1.78em;
  word-break: keep-all;
  word-wrap: break-word;
}
/* 기사 본문 텍스트 드래그 색상 */
.article-body::selection {
  background: #e9d5ff;
  color: inherit;
}
.article-body *::selection {
  background: #e9d5ff;
  color: inherit;
}
/* 텍스트 드래그 시 플로팅 버튼 */
.article-body-wrap .btn-dic-search {
  display: none;
  position: absolute;
  z-index: 100;
  padding: 9px 16px 8px;
  border: 1px solid #ddd;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .06);
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
.article-body-wrap .btn-dic-search::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  border-radius: 100px;
  background: linear-gradient(-48deg, #ff79a6 23%, #b046ed 50%, #77a0ff 76%);
  vertical-align: -2px;
}
/* 용어검색 결과 레이어 */
.dic-search-layer {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 101;
  border: 1px solid #ddd;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .06);
}
.dic-search-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid #ddd;
}
.dic-search-title {
  font-size: 16px;
  font-weight: 700;
  color: #121212;
}
.dic-search-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
  cursor: pointer;
}
.dic-search-content {
  padding: 16px 20px 24px;
  font-size: 14px;
  font-weight: 400;
  color: #121212;
}
.dic-search-content p {
  margin-bottom: 8px;
}
.dic-search-content li {
  position: relative;
  padding-left: 21px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}
.dic-search-content li::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #121212;
}
.dic-search-content li:last-child {
  margin-bottom: 0;
}
.article-body-wrap.fontSize1 {
  font-size: 14px;
}
.article-body-wrap.fontSize2 {
  font-size: 16px;
}
.article-body-wrap.fontSize3 {
  font-size: 18px;
}
.article-body-wrap.fontSize4 {
  font-size: 20px;
}
.article-body-wrap.fontSize5 {
  font-size: 22px;
}
.article-body-wrap.lineH1 {
  line-height: 1.56em;
}
.article-body-wrap.lineH2 {
  line-height: 1.78em;
}
.article-body-wrap.lineH3 {
  line-height: 2em;
}
.article-body-wrap>.summary {
  margin-bottom: 25px;
  font-weight: 700;
  position: relative;
  padding-left: 24px;
}
.article-body-wrap>.summary::before {
  content: '';
  position: absolute;
  top: 6px;
  bottom: 5px;
  left: 0;
  width: 4px;
  background-color: #121212;
}
/* .article-body-wrap > .summary.on { animation:leftIn ease 2s } */
/* 2023.10.05 비디오 기사뷰에는 본문내 이미지 숨김 */
.article-video~.article-body-wrap .article-figure {
  display: none;
}
.article-body {
  margin: 0 -30px;
  padding: 0 30px;
  overflow-x: auto;
}
.article-body>*:first-child {
  margin-top: 0 !important;
}
.article-body>*:last-child {
  margin-bottom: 0 !important;
}
.article-body>iframe {
  width: 100%;
}
.article-body ol li,
.article-body ul li {
  margin-left: 25px;
}
.article-body ol,
.article-body ol ol,
.article-body ol li {
  list-style-type: decimal;
}
.article-body ol ol ol,
.article-body ol ol li {
  list-style-type: upper-alpha;
}
.article-body ol ol ol ol,
.article-body ol ol ol li {
  list-style-type: lower-alpha;
}
.article-body ol ol ol ol ol,
.article-body ol ol ol ol li {
  list-style-type: decimal;
}
.article-body ol ul ul,
.article-body ol ul li {
  list-style-type: disc;
}
.article-body ol ul ul ul,
.article-body ol ul ul li {
  list-style-type: circle;
}
.article-body ol ul ul ul ul,
.article-body ol ul ul ul li {
  list-style-type: square;
}
.article-body ul,
.article-body ul ul,
.article-body ul li {
  list-style-type: disc;
}
.article-body ul ul ul,
.article-body ul ul li {
  list-style-type: circle;
}
.article-body ul ul ul ul,
.article-body ul ul ul li {
  list-style-type: square;
}
.article-body ul ol ol,
.article-body ul ol li {
  list-style-type: decimal;
}
.article-body ul ol ol ol,
.article-body ul ol ol li {
  list-style-type: upper-alpha;
}
.article-body ul ol ol ol ol,
.article-body ul ol ol ol li {
  list-style-type: lower-alpha;
}
.article-body ul ol ol ol ol ol,
.article-body ul ol ol ol ol li {
  list-style-type: decimal;
}
.article-body table {
  max-width: 100%;
  margin: 10px 0;
  width: 100%;
  font-size: inherit;
}
.article-body table th,
.article-body table td {
  padding: 5px 8px;
  border: 1px solid #e5e5e5;
  font-size: inherit;
  font-size: 12px !important;
}
.article-body hr {
  display: block;
  border-style: solid;
  border-color: #c3c3c3;
}
.article-btn-group {
  display: inline-flex;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.article-btn-group>[class^="btn-"]:not(:first-child) {
  border-left: 1px solid #ddd;
}
.article-btn-group>[class^="btn-"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.article-figure {
  margin: 30px auto;
  max-width: 100%;
  text-align: center;
}
.article-figure .figure-img {
  display: inline-flex;
  position: relative;
  border-radius: 0px;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
}
.article-figure .figure-img img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  object-fit: contain;
}
.article-figure .figure-img .btn-photo-viewer {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: rgba(34, 34, 34, .7);
}
.article-figure .figure-img .btn-photo-viewer svg {
  position: relative;
  top: 2px;
}
.article-figure .figure-caption {
  max-width: 100%;
  margin: 10px auto 0;
  color: var(--hk-text-secondary);
  text-align: left;
  font-size: 0.778em;
  line-height: 1.57em;
}
.article-body-wrap.fontSize1 .figure-caption {
  font-size: 12px;
}
.article-figure.img-lt {
  float: left;
  margin: 15px 20px 15px 0;
}
.article-figure.img-rt {
  float: right;
  margin: 15px 0 15px 20px;
}
.article-audio {
  height: 70px;
  margin: 30px auto;
}
.article-audio iframe {
  width: 100%;
  max-height: 100%;
}
.article-body>blockquote {
  position: relative;
  margin: 0;
  /*30px 0*/
  padding-left: 24px;
  font-weight: normal;
}
.article-body>blockquote::before {
  content: '';
  position: absolute;
  top: 6px;
  bottom: 5px;
  left: 0;
  width: 4px;
  background-color: #121212;
}
/* .article-body > blockquote.on { animation:leftIn ease 2s } */
.article-body .box-cont {
  margin: 0;
  /*20px 0*/
  padding: 19px 29px;
  border: 1px solid #e5e5e5;
  background: #f7f7f7;
}
.article-body .marker {
  color: #0265cb;
  text-decoration: underline;
}
.article-body .stock-link-wrap {
  position: relative;
  display: inline-block;
}
.article-body .stock-link {
  color: #0265cb;
  font-weight: bold;
}
.article-body .stock-layer {
  display: none;
  position: absolute;
  z-index: 2;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  background: #fff;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, .05);
  font-weight: normal;
}
.article-body .stock-layer>a {
  display: block;
  min-width: 150px;
  padding: 17px 19px;
  font-size: 16px;
  text-decoration: none;
  box-sizing: border-box;
}
.article-body .stock-layer .rate {
  font-size: 12px;
}
.article-body .stock-layer .txt-standard {
  margin-top: 10px;
  color: #888;
  font-size: 11px;
}
.article-body .stock-layer .read-more {
  margin-top: 15px;
  color: #888;
  font-size: 12px;
}
.article-body .stock-link-wrap:hover .stock-layer {
  display: block;
}
.hk_sub_headline {
  display: block;
  margin: 30px 0;
  padding: 15px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-style: normal;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.6;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  clear: both;
}
.magazine_sub_headline {
  display: block;
  position: relative;
  margin: 30px 0;
  padding: 15px 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  clear: both;
}
.magazine_sub_headline::before,
.magazine_sub_headline::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: #ddd;
}
.magazine_sub_headline::before {
  top: 3px;
}
.magazine_sub_headline::after {
  bottom: 3px;
}
.article-video {
  margin: 30px 0;
}
.article-video .iframe-youtube {
  border-radius: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.article-slide-wrap {
  margin: 30px 0;
}
.article-slide-wrap .article-figure {
  position: relative;
  margin: 0 auto;
}
.article-slide-wrap .article-figure+.article-figure {
  margin-top: 20px;
}
.article-slide-wrap .article-slide {
  position: relative;
  border-radius: 0;
  overflow: hidden;
}
.article-slide-wrap .article-slide.slick-slider .article-figure {
  margin: 0 !important;
}
.article-slide-wrap .article-slide.slick-slider .article-figure {
  display: flex;
  align-items: center;
  justify-content: center;
}
.article-slide-wrap .article-slide.slick-slider::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0;
  pointer-events: none;
}
.article-slide-wrap .article-slide.slick-slider .article-figure .figure-img {
  border-radius: 0;
}
.article-slide-option {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.article-slide-option .article-btn-group>[class^="btn-"] {
  min-width: 38px;
  height: 30px;
}
.article-slide-option .view-type .on .svg-icon {
  fill: #121212;
}
.article-slide-option .view-paging {
  font-size: 14px;
}
.article-slide-option .view-nav>[class^="btn-"]::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
}
.article-slide-option .view-nav .btn-prev::before {
  margin-left: 3px;
  border-top: 1px solid #121212;
  border-left: 1px solid #121212;
  transform: rotate(-45deg);
}
.article-slide-option .view-nav .btn-next::before {
  margin-right: 3px;
  border-top: 1px solid #121212;
  border-right: 1px solid #121212;
  transform: rotate(45deg);
}
.article-slide-option .view-type .btn-view-slide>svg {
  display: none;
}
.article-slide-option .view-type .btn-view-slide::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='%23DDD' fill-rule='evenodd' d='M12.802 9.063c0 .793 0 1.344-.036 1.773-.034.42-.098.659-.19.838a2.065 2.065 0 0 1-.902.903c-.18.091-.418.155-.838.19-.429.034-.98.035-1.773.035h-4.95a.724.724 0 0 0 0 1.448h4.98c.756 0 1.366 0 1.861-.04.51-.042.96-.13 1.378-.343a3.514 3.514 0 0 0 1.535-1.535c.213-.418.3-.868.343-1.378.04-.495.04-1.105.04-1.86V4.112a.724.724 0 1 0-1.448 0v4.951Zm-.993-.181V3.178c0-.367 0-.685-.021-.947a2.159 2.159 0 0 0-.21-.824 2.12 2.12 0 0 0-.925-.926 2.156 2.156 0 0 0-.824-.21C9.566.25 9.249.25 8.882.25H3.178c-.367 0-.685 0-.947.021a2.156 2.156 0 0 0-.824.21 2.119 2.119 0 0 0-.926.926 2.156 2.156 0 0 0-.21.824c-.021.262-.021.58-.021.947v5.704c0 .366 0 .684.021.947.023.277.073.555.21.823.203.4.527.723.926.927.268.136.546.186.824.209.262.021.58.021.947.021h5.704c.366 0 .684 0 .947-.021.277-.023.555-.073.823-.21a2.12 2.12 0 0 0 .927-.925c.136-.269.186-.547.209-.824.021-.263.021-.58.021-.947Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
.article-slide-option .view-type .btn-view-slide.on::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='%23121212' fill-rule='evenodd' d='M12.802 9.063c0 .793 0 1.344-.036 1.773-.034.42-.098.659-.19.838a2.065 2.065 0 0 1-.902.903c-.18.091-.418.155-.838.19-.429.034-.98.035-1.773.035h-4.95a.724.724 0 0 0 0 1.448h4.98c.756 0 1.366 0 1.861-.04.51-.042.96-.13 1.378-.343a3.514 3.514 0 0 0 1.535-1.535c.213-.418.3-.868.343-1.378.04-.495.04-1.105.04-1.86V4.112a.724.724 0 1 0-1.448 0v4.951Zm-.993-.181V3.178c0-.367 0-.685-.021-.947a2.159 2.159 0 0 0-.21-.824 2.12 2.12 0 0 0-.925-.926 2.156 2.156 0 0 0-.824-.21C9.566.25 9.249.25 8.882.25H3.178c-.367 0-.685 0-.947.021a2.156 2.156 0 0 0-.824.21 2.119 2.119 0 0 0-.926.926 2.156 2.156 0 0 0-.21.824c-.021.262-.021.58-.021.947v5.704c0 .366 0 .684.021.947.023.277.073.555.21.823.203.4.527.723.926.927.268.136.546.186.824.209.262.021.58.021.947.021h5.704c.366 0 .684 0 .947-.021.277-.023.555-.073.823-.21a2.12 2.12 0 0 0 .927-.925c.136-.269.186-.547.209-.824.021-.263.021-.58.021-.947Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.article-poll {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0;
  padding: 19px 28px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background: #fff;
  /* box-shadow: 3px 3px 7px rgba(0, 0, 0, .05); */
}
.article-poll .poll-contents {
  flex: 1 1 auto;
  width: calc(100% - (48px + 24px));
}
.article-poll .poll-contents .poll-tit {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.2;
}
.article-poll .poll-contents .poll-question {
  font-size: 14px;
  line-height: 1.2;
}
.article-poll .btn-go-poll {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-left: 24px;
  border-radius: 100%;
  background: #121212;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}
.article-poll .btn-go-poll>span {
  display: inline-block;
  max-width: 30px;
  text-align: center;
}
.empathy-wrap {
  display: flex;
  justify-content: space-around;
  margin: 40px 0 55px;
  padding: 30px 0 0;
  border-top: 1px solid #ddd;
}
.empathy-wrap .emotion-label {
  display: block;
  margin-top: 10px;
  color: var(--hk-text-secondary);
  font-size: 12px;
}
.empathy-wrap .emotion-count {
  display: block;
  min-height: 20px;
  margin-top: 2px;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0;
}
.empathy-wrap [class^="btn-"] {
  text-align: center;
}
.empathy-wrap [class^="btn-"] svg {
  display: none;
}
.empathy-wrap [class^="btn-"]::before {
  content:'';
  display: inline-block;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.empathy-wrap .btn-like::before {
  background-image: url("https://hkstatic.hankyung.com/resource/www/view/img/icon-empathy-like.png");
}
.empathy-wrap .btn-hate::before {
  background-image: url("https://hkstatic.hankyung.com/resource/www/view/img/icon-empathy-hate.png?v=2");
}
.empathy-wrap .btn-want::before {
  background-image: url("https://hkstatic.hankyung.com/resource/www/view/img/icon-empathy-want.png");
}
.empathy-wrap [class^="btn-"].on .emotion-label,
.empathy-wrap [class^="btn-"].on .emotion-count {
  font-weight: bold;
}
.empathy-wrap [class^="btn-"]:hover::before {
  animation: bounce 0.82s cubic-bezier(.36, .07, .19, .97) both;
  transform: translate3d(0, 0, 0);
}
.article-tag {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 10px;
}
.article-tag .tag {
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 0 15px;
  border-radius: 25rem;
  background-color: #eee;
  font-size: 12px;
  line-height: 29px;
  white-space: nowrap;
  font-size: 14px;
}
.article>.btn-subscribe {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  margin: 20px 0;
  border-radius: 8px;
  background: #eee;
  color: #ff761b;
  font-size: 16px;
}
.article>.btn-subscribe .txt {
  margin-left: 10px;
}
.article>.btn-subscribe.btn-star-toggle .svg-icon {
  fill: #eee;
}
.article>.btn-subscribe.on {
  background: #fff7f1;
}
.article-copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 35px;
  font-size: 14px;
}
.hk-subscribe-link {
  display: flex;
  align-items: center;
}
.hk-subscribe-link>a {
  display: inline-block;
  position: relative;
  padding: 0 9px;
}
.hk-subscribe-link>a:first-child {
  padding-left: 0;
}
.hk-subscribe-link>a:last-child {
  padding-right: 0;
}
.hk-subscribe-link>a+a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  background: #ddd;
  transform: translateY(-50%);
}
.article-label {
  margin-bottom: 20px;
  font-size: 18px;
}
.article-label strong {
  font-weight: 700;
}
.article-list-module>li {
  display: flex;
}
.article-list-module>li>.num {
  display: block;
  flex: 0 0 auto;
  width: 25px;
  padding-top: 5px;
  font-size: 18px;
  font-style: italic;
}
.article-list-module>li>.news-item {
  flex: 1 1 auto;
}
.article-list-module>li+li {
  margin-top: 20px;
}
.article-list-module .news-tit {
  max-height: 26px;
  font-size: 18px;
  line-height: 26px;
  -webkit-line-clamp: 1;
}
.article-list-module .lead {
  max-height: 44px;
  margin-top: 5px;
  line-height: 22px;
  -webkit-line-clamp: 2;
}
.article-list-module .txt-date {
    margin-top: 5px;
}
.article-list-module .thumb {
  width: 100px;
  height: 62px;
  margin-top: 5px;
  margin-left: 20px;
}
.related-article {
  margin: 32px 0;
}
.related-article .article-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.related-article .article-list-module>li>.num {
  display: none;
}
.article-label .article-promotion {
  flex: 0 0 auto;
  max-width: 240px;
  height: 26px;
}
.article-label .article-promotion .item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}
.article-label .article-promotion .item img {
  max-height: 100%;
}
.slick-slide img {
  display: inline;
}
.hover-slide .slick-arrow {
  position: absolute;
  top: 60px;
  z-index: 2;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #888;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: all ease .3s;
  color: transparent;
}
.hover-slide .slick-arrow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 15px;
}
.hover-slide .slick-prev::before {
  margin: -8px 0 0 6px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(-45deg) translate(-50%, -50%);
}
.hover-slide .slick-next::before {
  margin: 4px 0 0 -12px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translate(-50%, -50%);
}
.hover-slide:hover .slick-arrow {
  visibility: visible;
  opacity: 1;
}
.section-topnews {
  padding: 35px 0;
  background: #eee;
}
.section-topnews .section-tit-wrap {
  margin-bottom: 10px;
}
.section-topnews .section-tit {
  /*font-size:20px*/
  font-size: 18px;
}
.section-topnews-slider {
  margin: 0 -10px;
}
.section-topnews-slider .item {
  padding: 0 10px;
}
.section-topnews-slider .slick-prev {
  left: -15px;
}
.section-topnews-slider .slick-next {
  right: -15px;
}
.section-topnews-slider .thumb {
  width: 280px;
  height: 175px;
}
.section-topnews-slider .news-tit {
  max-height: 52px;
  margin-top: 10px;
  /*font-size:24px; line-height:34px; */
  font-size: 18px;
  line-height: 26px;
  -webkit-line-clamp: 2;
}
.section-topnews-slider .icon-membersonly {
  font-size: 12px;
  vertical-align: 1px;
}
.article-rel-files {
  margin-top: 40px;
  border-radius: 16px;
  border: 1px solid #DDD;
  padding: 24px;
}
.article-rel-files dt {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 16px;
}
.article-rel-files dt::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M10.417 1.667h2.25c1.4 0 2.1 0 2.635.272a2.5 2.5 0 0 1 1.092 1.093c.273.534.273 1.234.273 2.635v8.666c0 1.4 0 2.1-.273 2.635a2.5 2.5 0 0 1-1.092 1.093c-.535.272-1.235.272-2.635.272H7.333c-1.4 0-2.1 0-2.635-.272a2.5 2.5 0 0 1-1.092-1.093c-.273-.535-.273-1.235-.273-2.635v-.583m10-2.917h-3.75m3.75-3.333h-2.916m2.916 6.666H6.667M5 8.333V3.75a1.25 1.25 0 1 1 2.5 0v4.583a2.5 2.5 0 1 1-5 0V5'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
.article-rel-files dd {
  position: relative;
  padding-left: 21px;
  margin-top: 7px;
  font-size: 14px;
}
.article-rel-files dd::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #121212;
}
.article-rel-files .btn-filedown {
  display: flex;
  gap: 10px;
  word-break: break-all;
  cursor: pointer;
}
.article-rel-files [class^="icon-file"] {
  display: none;
  /* display: inline-block; */
  flex: 0 0 auto;
  width: 22px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transform: translateY(-1px);
}
.article-rel-files .icon-file {
  background-image: url('https://hkstatic.hankyung.com/img/common/icon/file/icon-file-default.png');
  background-position: right center;
}
.article-rel-files .icon-file-pdf {
  background-image: url('https://hkstatic.hankyung.com/img/common/icon/file/icon-file-pdf.png');
  background-position: right center;
}
.article-rel-files .icon-file-doc {
  background-image: url('https://hkstatic.hankyung.com/img/common/icon/file/icon-file-doc.png');
}
.article-rel-files .icon-file-hwp {
  background-image: url('https://hkstatic.hankyung.com/img/common/icon/file/icon-file-hwp.png');
}
.article-rel-files .icon-file-ppt {
  background-image: url('https://hkstatic.hankyung.com/img/common/icon/file/icon-file-ppt.png');
}
.article-rel-files .icon-file-xls {
  background-image: url('https://hkstatic.hankyung.com/img/common/icon/file/icon-file-xls.png');
}
.guest-author-profile {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 32px 0;
  padding: 16px 0;
  border-top: 1px solid #ddd;
}
.guest-author-name-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
}
.guest-author-name {
  font-weight: 700;
  font-size: 16px;
}
.guest-author-name-wrap .guest-author-name {
  margin: 0;
  padding: 0;
  border: none;
}
.by-corner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 6px 12px;
  background: #f3f5f7;
  border-radius: 800px;
  font-size: 12px;
  color: #121212;
  text-decoration: none;
  white-space: nowrap;
}
.guest-author-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.guest-author-image {
  flex: 0 0 auto;
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  overflow: hidden;
}
.guest-author-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.guest-author-image::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, .1);
  box-sizing: border-box;
}
.guest-author-bio {
  width: 100%;
  font-size: 14px;
  word-break: break-all;
  overflow-wrap: break-word;
}
/* aside */
.aside-component {
  margin-top: 60px;
}
.aside-component.aside-ad {
  margin-top: 30px;
}
.aside-component:first-child {
  margin: 0;
}
.aside-tit-wrap {
  margin-bottom: 15px;
}
.aside-tit-wrap .aside-tit {
  font-size: 20px;
}
.aside-ad-component .aside-tit-wrap {
  margin-bottom: 10px;
}
.aside-ad-component .aside-tit {
  display: flex;
  font-size: 16px;
}
.aside-ad-component .ad-label {
  margin-left: 5px;
  color: var(--hk-text-secondary);
  font-weight: normal;
  font-size: 11px;
}
.aside-list-thumb>li+li {
  margin-top: 25px;
}
.aside-list-thumb .news-item {
  align-items: center;
  gap: 10px;
}
.aside-list-thumb .news-item .thumb {
  flex: 0 0 auto;
  width: 88px;
  height: 55px;
}
.aside-list-thumb .news-item .txt-cont {
  flex: 1 1 auto;
  width: calc(100% - 98px);
}
.aside-list-thumb .news-tit {
  max-height: 44px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.aside-list-thumb .txt-date {
  margin-top: 5px;
  font-size: 12px;
}
.aside-list-thumb.has-rank>li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.aside-list-thumb.has-rank>li>.num {
  flex: 0 0 auto;
  min-width: 12px;
  font-weight: bold;
  font-size: 18px;
}
.aside-list-thumb.has-rank .news-item {
  flex: 1 1 auto;
  width: calc(100% - 22px);
}
/* .aside-list-thumb.has-rank .news-item .thumb { width:96px; height:60px } */
/* 댓글 */
.comments-sector-hk {
  margin-bottom: 30px;
  border-top: 1px solid #ddd;
}
/* 기사뷰 헤드라인 템플릿 (2023.08.10) */
.view-top-wrap {
  min-width: 1180px;
}
.view-top .headline {
  font-size: 48px;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
}
.view-tpl-b {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: width linear .25s;
  background-color: #ACB2BA;
}
.view-tpl-b::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .6);
  pointer-events: none;
}
.view-tpl-b:not([style*="background-image"]) {
  background-color: #444;
}
.view-tpl-b:not([style*="background-image"])::before {
  display: none;
}
.view-tpl-b .view-top {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
}
.view-tpl-b .view-top .headline-container {
  display: flex;
  align-items: flex-end;
  min-height: 464px;
  padding: 50px 0;
  box-sizing: border-box;
  color: #fff;
}
.view-tpl-b .view-top .headline-container .headline-inner {
  flex: 0 0 auto;
  width: 100%;
}
.view-tpl-c {
  background: #EAEDF1;
  padding: 32px 40px;
}
.view-tpl-c .view-top {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 40px;
  max-width: 1320px;
  margin: 0 auto;
}
.view-tpl-c .view-top .headline-container {
  flex: 1;
}
.view-tpl-c .split-image-container {
  position: relative;
  flex: 1;
  height: 400px;
}
.view-tpl-c .split-image-container .split-image {
  height: 100%;
}
.view-tpl-c .split-image-container .split-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 타블라(추천뉴스) */
#taboola-desktop-article-stream .trc_rbox_header,
#taboola-desktop-article-stream .video-title,
#taboola-desktop-article-stream .branding,
#taboola-desktop-article-stream button.video-cta-button {
  font-family: -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif !important;
}
/* animation */
@keyframes bounce {
  0%,
  20%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(5px);
  }
  65% {
    transform: translateY(-5px);
  }
  75% {
    transform: translateY(5px);
  }
  90% {
    transform: translateY(-2px);
  }
}
@media all and (max-width:1240px) {
  .btn-top-wrap .btn-position {
    right: -520px;
  }
}
@media all and (min-height:900px) {
  .layer-fullpopup.show .layer-offcanvas.bottom {
    top: 690px;
  }
  /* 유료기사안내공지 추가됐을때 변경값 { top:560px } */
}
/* @media all and (max-width:1100px){
.article-contents>.headline {
  width: calc(100vw - 140px);
}
 }*/
.data-table-module {
  margin-left: -150px;
  margin-top: 25px;
  margin-bottom: 25px;
}
.data-table-module:first-child {
  margin-top: 0;
}
/* 플로팅 비디오 */
#floatingVideo .floatingVideo-inner {
  position: relative;
}
#floatingVideo .iframe-youtube {
  left: 0;
}
#floatingVideo .btn-close-video {
  display: none;
  width: 40px;
  height: 40px;
  background: #121212;
  margin: 10px auto 0;
  border-radius: 100%;
}
#floatingVideo .btn-close-video .hk__icon-x {
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%);
}
#floatingVideo.active::before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background: #000;
}
#floatingVideo.active:has(.iframe-youtube.vertical) {
  padding-bottom: 178%;
}
#floatingVideo.active .floatingVideo-inner {
  position: fixed;
  top: 190px;
  width: 300px;
  height: 169px;
  padding: 0;
  left: auto;
  right: auto;
  margin: 0;
  transform: translateX(660px);
  z-index: 99;
  transition: left .5s, margin-left .5s;
}
.content:has(.aside) #floatingVideo.active .floatingVideo-inner {
  transform: translateX(680px);
}
.content.type-video #floatingVideo.active .floatingVideo-inner {
  transform: translateX(840px);
  left: auto;
  margin-left: 0;
}
#floatingVideo.active .iframe-youtube {
  width: 300px;
  height: 169px;
  padding: 0;
  right: 0;
  transition: left .5s, right .5s, margin-left .5s, width .5s ease, height .5s ease;
}
#floatingVideo.active .floatingVideo-inner:has(.iframe-youtube.vertical),
#floatingVideo.active .iframe-youtube.vertical {
  height: 533px;
}
#floatingVideo.active .btn-close-video {
  display: block;
}
@media screen and (min-width:1900px) {
  #floatingVideo.active .floatingVideo-inner,
  .content:has(.aside) #floatingVideo.active .floatingVideo-inner {
    left: 50%;
    right: auto;
    margin-left: 630px;
    transform: none;
  }
}
/* 광고 z-index 제거 */
[id*="ad"] {
  z-index: 1 !important;
}
/* 우측 플로팅 광고 기사뷰 너비와 겹치면 제거 */
body>[id^="dcamp_ad_5229"],
#wp_adbn_root>#wp_adbn_596300 {
  right: auto !important;
  left: calc(995px + ((100vw - 995px)/2));
  bottom: 240px !important;
  transition: none !important;
}
#wp_adbn_root>#wp_adbn_596300 {
  position: fixed !important;
}
#wp_adbn_root #scroll_596300 {
  position: static !important;
}
@media only screen and (max-width: 1640px) {
  body>[id^="dcamp_ad_5229"],
  #wp_adbn_root>#wp_adbn_596300 {
    display: none !important;
  }
}
/* [2025.05.23] 하단 고정광고 추가로 톱 버튼 위치 조정 (기사뷰 only) */
.btn-top-wrap .btn-position {
  bottom: 200px;
}
#vpaid_video_flash_tester_el {
  display: none;
}
/* 앨리스 요약 */
.summary-news-area {
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #DBE4EF;
  line-height: 1.5;
}
.summary-news-area .summary-news-tit {
  margin-bottom: 12px;
}
.summary-news-area .tit {
  font-size: 16px;
}
.summary-news-area .txt {
  font-size: 14px;
}
.summary-news-area .txt+.txt {
  margin-top: 12px;
}
/* 프라이스 모듈 */
.price-product-area {
  position: relative;
  margin-bottom: 32px;
}
.price-product-area .price-product-item {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  max-width: 304px;
  height: 33px;
  border-radius: 24px;
  border: 1px solid #ddd;
  padding: 8px 12px;
  font-size: 12px;
  box-sizing: border-box;
}
.price-product-area .price-product-item:hover {
  text-decoration: none;
}
.price-product-area .price-product-item .price-product-info {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #121212;
}
.price-product-area .price-product-item .price-product-name {
  color: #121212;
}
.price-product-area .price-product-item .price-product-price {
  flex: 0 0 auto;
}
.price-product-area .price-product-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.price-product-area .price-product-header .price-product-tit {
  display: block;
  font-weight: 700;
  font-size: 16px;
}
.price-product-area .slide-control {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
.price-product-area .slide-arrow {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m15 18-6-6 6-6'/%3E%3C/svg%3E") no-repeat center/contain;
}
.price-product-area .slide-arrow.slide-disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ddd' stroke-linecap='round' stroke-linejoin='round' d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
}
.price-product-area .slide-next {
  transform: rotate(180deg);
}
.price-product-area .inner-scroll {
  height: auto;
  overflow-x: auto;
  white-space: nowrap;
  overflow-y: hidden;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
.price-product-area .inner-scroll::-webkit-scrollbar {
  display: none;
}
.price-product-area .price-product-list {
  display: inline-flex;
  gap: 8px;
}
.price-product-area .price-product-list .slide-item {
  display: inline-block;
}
.price-product-area .inner-scroll:before,
.price-product-area .inner-scroll:after {
  content: '';
  position: absolute;
  width: 32px;
  height: 33px;
  bottom: 0;
  z-index: 100;
}
.price-product-area .inner-scroll:before {
  left: 0;
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
}
.price-product-area .inner-scroll:after {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}
.price-product-area .inner-scroll.hide-left::before,
.price-product-area .inner-scroll.hide-right::after {
  display: none;
}
/* 신규 작업들 (위는 추후 정리) */
.article-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}
.article-support {
  flex: 0 0 auto;
  width: 180px;
  padding-top: 16px;
}
.article-support .article-section {
  margin-bottom: 100px;
}
.article-support .article-section-badge {
  display: inline-block;
  margin-bottom: 12px;
  padding: 12px 16px;
  border-radius: 50rem;
  background: #121212;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.article-support .article-section-title {
  display: block;
  font-size: 18px;
  font-weight: 700;
}
.article-support .article-section-submenu {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.article-support .subscribe-banner-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 20px 16px 16px;
  border-radius: 16px;
  background: #262A33;
  color: #FFF2E4;
  text-decoration: none;
  box-sizing: border-box;
  font-family: 'Noto Sans KR', sans-serif;
  line-height: 1.5;
}
.article-support .subscribe-banner-title.logo__premium9--w::before {
  width:144px;
  height:17px;
}
.article-support .subscribe-banner-desc {
  margin: 0;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  color: #FFF2E4;
}
.article-support .subscribe-banner-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width:69px;
  height:24px;
  padding: 0 12px;
  border-radius: 4px;
  background: #CA002C;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 400;
  box-sizing: border-box;
}
/* 구 header 기준 */
.article-support-sticky {
  position: sticky;
  top: calc(190px + 12px);
  z-index: 2;
  padding-bottom: 12px;
}
.isSticky .article-support-sticky {
  top: calc(130px + 12px);
}
.article-extra {
  padding-left: 240px;
}
.article-extra .article-extra-contents {
  max-width: 620px;
}
.article-extra:not(:has(>.article-extra-contents:only-child)) {
  display: flex;
  gap: 80px;
  align-items: flex-start;
  padding-left: 0;
}
.article-container:has(.content.type-video) .article-extra {
  display: flex;
  justify-content: center;
}
/* icon--pro */
.icon--pro {
  margin-right: 4px;
  vertical-align: -3px;
}
/* 유료 기사뷰 PC */
[data-ui="pro"] .layout-inner,
[data-ui="pro"] .article-wrap {
  min-width: 1080px;
  max-width: 1080px;
}
[data-ui="pro"] .article-contents>.content {
  width: 840px;
}
[data-ui="pro"] #floatingVideo.active .floatingVideo-inner {
  transform: translateX(640px);
}
@media screen and (min-width:1440px) {
  [data-ui="pro"] #floatingVideo.active .floatingVideo-inner {
    left: 50%;
    right: auto;
    margin-left: 400px;
    transform: none;
  }
  [data-ui="pro"] .content.type-video #floatingVideo.active .floatingVideo-inner {
    margin-left: 470px;
    transform: none;
  }
}
/* [2026.03.03] AI 위젯 그룹 */
.ai-widget-group {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ai-widget-group .intro-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
  border-radius: 50rem;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  opacity: 0;
  z-index: -1;
  will-change: opacity, transform, width, border-radius;
  transform: translateX(-100px) scale(0);
  transition: opacity 0.5s ease-out, transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.6), width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 0.3s ease-out;
}
.ai-widget-menu {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ai-widget-item {
  position: relative;
  width: fit-content;
}
.ai-widget-item .widget-item-bg-container {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-widget-item .widget-item-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #fff;
  border-radius: calc(45px / 2);
  opacity: 0;
  z-index: -1;
  transform-origin: left center;
  transition: background-color 250ms linear;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.ai-widget-item.expanded .widget-item-bg {
  border-radius: 18px;
}
.ai-widget-btn {
  display: inline-flex;
  align-items: center;
  min-height: 45px;
  padding: 0 16px;
  border: 0;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  visibility: hidden;
  border-radius: 50rem;
  border: 1px solid transparent;
}
.ai-widget-btn:hover,
.ai-widget-btn:active {
  text-decoration: none;
  background-color: #F3F5F7;
  border-color: #F3F5F7;
}
.widget-item-label {
  opacity: 0;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  transition: opacity 0.2s ease-out;
}
.widget-item-label::before {
  content: '';
  flex: 0 0 auto;
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  vertical-align: top;
}
.ai-widget-listen .widget-item-label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10'/%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M9.5 8.965c0-.477 0-.716.1-.849a.5.5 0 0 1 .364-.199c.166-.012.367.117.769.375l4.72 3.035c.349.224.523.336.583.478a.5.5 0 0 1 0 .39c-.06.142-.234.254-.583.478l-4.72 3.035c-.402.258-.603.387-.769.375a.5.5 0 0 1-.364-.2c-.1-.132-.1-.371-.1-.848z'/%3E%3C/svg%3E");
}
.ai-widget-qa .widget-item-label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3v1.553M12 17h.01M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10'/%3E%3C/svg%3E");
}
.ai-widget-recommend .widget-item-label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10'/%3E%3Cpath fill='%23000' d='M16.667 9.167h-3.135a.1.1 0 0 1-.095-.132l.611-1.832a1.17 1.17 0 0 0-.16-1.052 1.17 1.17 0 0 0-.948-.484H12a.59.59 0 0 0-.449.21L8.84 9.13a.1.1 0 0 1-.077.036h-1.43c-.643 0-1.166.523-1.166 1.166v5.25c0 .644.523 1.167 1.166 1.167h7.763a1.17 1.17 0 0 0 1.092-.757l1.609-4.288a.6.6 0 0 0 .036-.205v-1.167c0-.643-.523-1.166-1.166-1.166m-9.334 1.266a.1.1 0 0 1 .1-.1H8.4a.1.1 0 0 1 .1.1v5.05a.1.1 0 0 1-.1.1h-.967a.1.1 0 0 1-.1-.1zm9.334.943a.1.1 0 0 1-.007.035l-1.54 4.108a.1.1 0 0 1-.094.064h-5.26a.1.1 0 0 1-.1-.1V9.997a.1.1 0 0 1 .024-.064l2.553-3.064a.1.1 0 0 1 .077-.036h.483a.1.1 0 0 1 .095.132l-.868 2.6a.583.583 0 0 0 .553.768h3.984a.1.1 0 0 1 .1.1z'/%3E%3C/svg%3E");
}
.ai-widget-analysis .widget-item-label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 1.40039C17.8542 1.40039 22.5996 6.14578 22.5996 12C22.5996 17.8542 17.8542 22.5996 12 22.5996C6.14578 22.5996 1.40039 17.8542 1.40039 12C1.40039 6.14578 6.14578 1.40039 12 1.40039ZM12 2.59961C6.80852 2.59961 2.59961 6.80852 2.59961 12C2.59961 17.1915 6.80852 21.4004 12 21.4004C17.1915 21.4004 21.4004 17.1915 21.4004 12C21.4004 6.80852 17.1915 2.59961 12 2.59961ZM11.3887 5.90039C14.42 5.90039 16.8778 8.35734 16.8779 11.3887C16.8779 12.6881 16.4247 13.8811 15.6699 14.8213L17.1826 16.334C17.4169 16.5683 17.4169 16.9483 17.1826 17.1826C16.9483 17.4169 16.5683 17.4169 16.334 17.1826L14.8213 15.6699C13.8811 16.4247 12.6881 16.8779 11.3887 16.8779C8.35734 16.8778 5.90039 14.42 5.90039 11.3887C5.90051 8.35741 8.35741 5.90051 11.3887 5.90039ZM11.3887 7.09961C9.02016 7.09973 7.09973 9.02016 7.09961 11.3887C7.09961 13.7573 9.02008 15.6776 11.3887 15.6777C12.5549 15.6777 13.6116 15.2113 14.3848 14.4561C14.3956 14.4433 14.4049 14.429 14.417 14.417C14.429 14.4049 14.4433 14.3956 14.4561 14.3848C15.2113 13.6116 15.6777 12.5549 15.6777 11.3887C15.6776 9.02008 13.7573 7.09961 11.3887 7.09961Z' fill='black'/%3E%3C/svg%3E");
}
.ai-widget-report .widget-item-label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M8 13v4m8-6v6M12 7v10m10-5c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10'/%3E%3C/svg%3E");
}
/* Step 1: intro-element 등장 */
.ai-widget-group.step-1 .intro-element {
  opacity: 1;
  transform: translateX(0) scale(1);
}
/* Step 2: intro-element 오른쪽으로 늘어나며 퇴장 + 모든 bg 위→아래 순차 등장 */
.ai-widget-group.step-2 .intro-element {
  opacity: 0;
  transform: translateX(0) scale(1);
  border-radius: 18px;
}
.ai-widget-item .widget-item-bg {
  transform: scaleX(0);
}
.ai-widget-group.step-2 .ai-widget-item .widget-item-bg {
  opacity: 1;
  transform: scaleX(1);
  transition: opacity 0.2s ease-out, transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: calc(var(--dist, 0) * 0.13s);
}
.ai-widget-group.step-2 .ai-widget-item .ai-widget-btn {
  visibility: visible;
}
.ai-widget-group.step-2 .ai-widget-item .widget-item-label {
  opacity: 1;
  transition-delay: calc(0.39s + var(--dist, 0) * 0.06s);
}
/* Step 3: reduced-motion 등 step-2/3 동시 적용 시 base delay 제거용 */
.ai-widget-group.step-3 .ai-widget-item .widget-item-label {
  transition-delay: 0s;
}
/* 위젯 오디오 */
.widget-audio-player {
  display: none;
}
.widget-audio-player-control {
  position: relative;
  width: 160px;
  display: flex;
  gap: 4px;
  align-items: center;
  min-height: 45px;
  padding: 0 16px;
  border: 1px solid #F3F5F7;
  background: #F3F5F7;
  border-radius: 50rem;
  box-sizing: border-box;
}
.widget-audio-player .player-btn-play {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  outline: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10'/%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M9.5 8.965c0-.477 0-.716.1-.849a.5.5 0 0 1 .364-.199c.166-.012.367.117.769.375l4.72 3.035c.349.224.523.336.583.478a.5.5 0 0 1 0 .39c-.06.142-.234.254-.583.478l-4.72 3.035c-.402.258-.603.387-.769.375a.5.5 0 0 1-.364-.2c-.1-.132-.1-.371-.1-.848z'/%3E%3C/svg%3E") 50% 50%/contain;
}
.widget-audio-player .player-btn-pause {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  outline: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M9.5 15V9m5 6V9m7.5 3c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
.widget-audio-player .player-time {
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 400;
  white-space: nowrap;
  min-width: 30px;
}
.widget-audio-player .player-progress {
  position: relative;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  min-width: 0;
}
.widget-audio-player .player-progress-track {
  position: relative;
  flex: 1 1 0;
  height: 2px;
  background: #e5e5e5;
  border-radius: 50rem;
}
.widget-audio-player .player-progress-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #585858;
  border-radius: 50rem;
}
.widget-audio-player .player-progress-thumb {
  position: absolute;
  top: 50%;
  padding:2px;
  transform: translate(-6px, -50%);
  cursor: pointer;
}
.widget-audio-player .player-progress-thumb::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #121212;
}
.widget-audio-player .player-btn-volume {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  padding: 0;
  margin-left: 4px;
  border: 0;
  cursor: pointer;
  outline: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-width='1.5' stroke-linejoin='round' d='M19.748 5A11.946 11.946 0 0 1 22 12c0 2.612-.835 5.03-2.252 7M15.745 8A6.968 6.968 0 0 1 17 12a6.968 6.968 0 0 1-1.255 4M9.635 4.366 6.468 7.53c-.173.173-.26.26-.36.322a1 1 0 0 1-.29.12C5.704 8 5.582 8 5.337 8H3.6c-.56 0-.84 0-1.054.109a1 1 0 0 0-.437.437C2 8.76 2 9.04 2 9.6v4.8c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C2.76 16 3.04 16 3.6 16h1.737c.245 0 .367 0 .482.028a1 1 0 0 1 .29.12c.1.061.187.148.36.32l3.165 3.166c.429.429.643.643.827.657a.5.5 0 0 0 .42-.173c.119-.14.119-.444.119-1.05V4.932c0-.605 0-.908-.12-1.049a.5.5 0 0 0-.42-.173c-.183.014-.397.228-.826.657Z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
.widget-audio-player .player-btn-volume.mute {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-width='1.5' stroke-linejoin='round' d='m22 9-6 6m0-6 6 6M9.634 4.366 6.47 7.53c-.173.173-.26.26-.36.322a1 1 0 0 1-.29.12C5.704 8 5.582 8 5.337 8H3.6c-.56 0-.84 0-1.054.109a1 1 0 0 0-.437.437C2 8.76 2 9.04 2 9.6v4.8c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C2.76 16 3.04 16 3.6 16h1.737c.245 0 .367 0 .482.028a1 1 0 0 1 .29.12c.1.061.187.148.36.32l3.165 3.166c.429.429.643.643.827.657a.5.5 0 0 0 .42-.173c.119-.14.119-.444.119-1.05V4.932c0-.605 0-.908-.12-1.049a.5.5 0 0 0-.42-.173c-.183.014-.397.228-.826.657Z'/%3E%3C/svg%3E");
}
/* AI 추천 뉴스 wrap */
/* .ai-widget-recommend-wrap { position:relative } */
/* AI 추천 뉴스 레이어 */
.widget-item-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  pointer-events: none;
}
.widget-item-content-mask {
  border-radius: 18px;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.widget-item-content-inner {
  /* background: #fff; border: 1px solid #ddd; */
  border-radius: 18px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-width: 300px;
  max-width: 300px;
  opacity: 0;
  padding: 16px;
  width: max-content;
  visibility: hidden;
  transform: translateY(24px);
  transition: opacity 300ms ease-in-out 0ms, visibility 300ms ease-in-out 0ms, transform 400ms ease-in-out 0ms;
}
.ai-widget-item.expanded .widget-item-content-inner {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 600ms ease-in-out 250ms, transform 400ms ease-in-out 0ms;
}
.ai-widget-item:has(.widget-item-content) .ai-widget-btn {
  opacity: 1;
  transition: opacity 400ms ease-in-out 350ms;
}
.ai-widget-item:has(.widget-item-content).expanded .ai-widget-btn {
  opacity: 0;
  transition: opacity 50ms ease-in-out 0ms;
}
/* 위젯 레이어 공통 */
.widget-item-content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.widget-item-content-title {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 700;
}
.widget-item-content-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
  outline: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.1667 5.83331L5.83337 14.1666M5.83337 5.83331L14.1667 14.1666' stroke='%23121212' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain;
}
/* 앨리스 추천 레이어 */
.ai-recommend-layer .tit-etc {
  display: inline-flex;
  align-items: center;
  color: var(--hk-text-secondary);
  font-weight: 400;
  font-size: 13px;
  background: linear-gradient(90deg, #0084FF 0%, #3B2782 50%, #F79413 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-recommend-layer .tit-etc::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23585858' stroke-linecap='round' stroke-linejoin='round' d='m6 12 4-4-4-4'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
.ai-recommend-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}
.ai-recommend-item {
  border-radius: 12px;
  overflow: hidden;
  background: #eee;
}
.ai-recommend-item .news-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  min-height: 52px;
}
.ai-recommend-item .news-item .thumb {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
}
.ai-recommend-item .news-item .txt-cont {
  flex: 1 1 auto;
  width: calc(100% - 64px);
}
.ai-recommend-item .news-item .news-tit {
  font-weight: 400;
  font-size: 14px;
  word-break: break-all;
}
.ai-recommend-layer .data--loading {
  min-height: 276px;
  margin-top: 12px;
}
/* pro 컬러 */
.theme-purple {
  background: #faf5ff;
  color: #7e22ce;
}
.theme-purple a {
  color: #7e22ce;
}
.theme-pink {
  background: #fff2fa;
  color: #c32e67;
}
.theme-pink a {
  color: #c32e67;
}
.theme-indigo {
  background: #eef2ff;
  color: #4338ca;
}
.theme-indigo a {
  color: #4338ca;
}
/* AI QA */
.ai-qa {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 32px 0;
  padding: 24px;
  border-radius: 16px;
}
.alice-qa {
  background: #faf5ff;
}
.aicel-qa {
  background: #eef2ff;
}
.ai-qa-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ai-qa-title {
  font-size: 16px;
  font-weight: 700;
}
.ai-qa-desc {
  font-size: 12px;
  font-weight: 400;
}
.ai-qa-summary {
  padding: 16px;
  border-radius: 12px;
  background: #fff;
}
.ai-qa-summary p {
  font-size: 14px;
  font-weight: 400;
}
.ai-qa-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ai-qa-item {
  border-radius: 12px;
  background: #fff;
}
.ai-qa-question {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 16px;
  border: 0;
  background: none;
  cursor: pointer;
  outline: none;
  text-align: left;
}
.ai-qa-question-text {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 0;
  min-width: 0;
  font-size: 14px;
  font-weight: 400;
}
.ai-qa-question-text::before {
  content: '';
  flex: 0 0 auto;
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m17.5 17.5-3.625-3.625m1.958-4.708a6.667 6.667 0 1 1-13.333 0 6.667 6.667 0 0 1 13.333 0'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
  vertical-align: top;
}
.ai-qa-question::after {
  content: '';
  flex: 0 0 auto;
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m5 7.5 5 5 5-5'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
  transition: transform .2s;
}
.ai-qa-item.is-open .ai-qa-question::after {
  transform: rotate(180deg);
}
.ai-qa-item .ai-qa-answer {
  display: none;
  padding: 0 16px 16px;
  border-top: 1px solid #ddd;
  margin: 0 0 0 0;
}
.ai-qa-item.is-open .ai-qa-answer {
  display: block;
}
.ai-qa-answer-label {
  display: block;
  padding-top: 12px;
  font-size: 12px;
  font-weight: 700;
}
.ai-qa-answer-content {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 8px;
  /* word-break: keep-all;
  overflow-wrap: anywhere; */;
}
.ai-qa-answer-content p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}
.ai-qa-answer-content li {
  position: relative;
  padding-left: 21px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}
.ai-qa-answer-content li::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #121212;
}
.ai-qa-answer-content li:last-child {
  margin-bottom: 0;
}
.ai-qa-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
}
.ai-qa-notice {
  font-size: 12px;
  font-weight: 400;
}
.ai-qa-link {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  color: #121212 !important;
  text-decoration: none;
}
.ai-qa-link::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7.5 15 5-5-5-5'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
}
.ai-qa-logo {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ai-qa-logo-text {
  font-size: 12px;
  font-weight: 400;
}
/* 앨리스 기사 분석 */
.ai-analysis-layer .widget-item-content-inner {
  gap: 12px;
}
.ai-analysis-notice p {
  font-size: 10px;
  font-weight: 400;
  color: #595959;
}
.ai-analysis-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ai-analysis-stock {
  display: flex;
  gap: 6px;
}
.ai-analysis-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 400;
  white-space: nowrap;
  box-sizing: border-box;
  background: #F3F5F7;
  color: transparent;
  text-indent: -999px;
  overflow: hidden;
}
.ai-analysis-chip::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.ai-analysis-chip.positive::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M6.667 11.667s1.25 1.666 3.333 1.666 3.333-1.666 3.333-1.666M12.5 7.5h.008M7.5 7.5h.008M18.333 10a8.333 8.333 0 1 1-16.666 0 8.333 8.333 0 0 1 16.666 0m-5.416-2.5a.417.417 0 1 1-.834 0 .417.417 0 0 1 .834 0m-5 0a.417.417 0 1 1-.834 0 .417.417 0 0 1 .834 0'/%3E%3C/svg%3E");
}
.ai-analysis-chip.negative::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M13.333 13.333s-1.25-1.666-3.333-1.666-3.333 1.666-3.333 1.666M12.5 7.5h.008M7.5 7.5h.008M18.333 10a8.333 8.333 0 1 1-16.666 0 8.333 8.333 0 0 1 16.666 0m-5.416-2.5a.417.417 0 1 1-.834 0 .417.417 0 0 1 .834 0m-5 0a.417.417 0 1 1-.834 0 .417.417 0 0 1 .834 0'/%3E%3C/svg%3E");
}
.ai-analysis-chip.neutral::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M6.667 12.5h6.666m-.833-5h.008M7.5 7.5h.008M18.333 10a8.333 8.333 0 1 1-16.666 0 8.333 8.333 0 0 1 16.666 0m-5.416-2.5a.417.417 0 1 1-.834 0 .417.417 0 0 1 .834 0m-5 0a.417.417 0 1 1-.834 0 .417.417 0 0 1 .834 0'/%3E%3C/svg%3E");
}
.ai-analysis-stock-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
}
.ai-analysis-stock-name {
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ai-analysis-stock-code {
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ai-analysis-desc {
  font-size: 12px;
  font-weight: 400;
}
.ai-analysis-nav {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ai-analysis-arrows {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.ai-analysis-arrows button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
}
.ai-analysis-arrows .ai-analysis-arrow-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m12.5 15-5-5 5-5'/%3E%3C/svg%3E");
}
.ai-analysis-arrows .ai-analysis-arrow-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m7.5 15 5-5-5-5'/%3E%3C/svg%3E");
}