@charset "UTF-8";
/* 기사뷰 M
 * 2026 개편 */
/* common */
.data--loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.data--loading>.spinner {
  width: 50px;
}
/* helpers class */
.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 {
  overflow: hidden;
  transform: none;
}
html.overflow-hidden {
  height: 100vh;
}
/* icon */
.svg-icon {
  vertical-align: top;
}
/* button */
/* 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;
}
/* 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: 50px;
  line-height: 48px;
}
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;
}
/* ad */
.ad-wrap {
  display: flex;
  justify-content: center;
  max-width: 720px;
  margin: 25px auto;
  text-align: center;
}
.ad-wrap * {
  max-width: 100%;
}
.ad-wrap.naver_ad_box {
  text-align: left;
}
.ad-wrap.bg {
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;
  background: #f7f7f7;
  box-sizing: border-box;
}
.ad-wrap:first-child {
  margin-top: 0;
}
.ad-area-wrap {
  clear: both;
}
.ad-area-wrap .ad-label {
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
}
.ad-area-wrap>.ad-wrap {
  margin: 0;
}
.ad-area-wrap>.ad-wrap+.ad-wrap {
  margin-top: 20px;
}
.ad-area-wrap.bg {
  margin: 25px -20px;
  padding: 20px;
  background: #f7f7f7;
  text-align: center;
}
.ad-area-wrap iframe {
  margin: 0 !important;
}
.ad-area-wrap+.ad-list-wrap,
.ad-area-wrap+.ad-txt-list-wrap {
  padding-top: 0;
  border-top: none;
}
.ad-area-wrap+.bottom-of-article .major-article:first-child .article-label {
  padding-top: 0;
  border-top: none;
}
.bottom-of-article {
  margin: 25px 0;
}
.ad-list-wrap {
  margin-top: 27px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}
.ad-txt-list-wrap {
  margin-top: 27px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}
.ad-label {
  display: block;
  margin-bottom: 5px;
  color: var(--hk-text-secondary);
  font-size: 12px;
  text-align: center;
}
.ad-label:not(:first-child) {
  margin-top: 10px;
}
.ad-txt-list>li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 26px;
}
.ad-txt-list>li a {
  color: #666;
}
.ad-list>li+li {
  margin-top: 10px;
}
.ad-list .ad-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666;
}
.ad-list .ad-item .tit {
  overflow: hidden;
  display: block;
  display: -webkit-box;
  text-overflow: clip;
  -webkit-box-orient: vertical;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  -webkit-line-clamp: 2;
}
.ad-list .ad-item .thumb {
  flex: 0 0 auto;
  width: 80px;
  height: 50px;
  margin-left: 10px;
  border-radius: 8px;
}
.ad-top-fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #121212;
  text-align: center;
  z-index: 9999999999;
}
.ad-top-fix .btn_close_ad {
  display: block;
  position: absolute;
  right: 50%;
  bottom: 5px;
  width: 20px;
  height: 20px;
  margin: 0 -145px 0 0;
}
/* 띠배너(관리자) */
.sub_issue_bnr.type_center {
  text-align: center;
  background-color: #f3f2f8;
}
.sub_issue_bnr.type_center img {
  width: 320px;
  max-width: 100%;
}
.sub_issue_bnr.type_center>a {
  display: block;
}
.article-promotion {
  position: relative;
}
.article-promotion .item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  overflow: hidden;
  text-align: center;
  background-color: #F8F8F8;
}
.article-promotion .item img {
  width: 320px;
  /**/
  max-width: 100%;
  object-fit: cover;
  object-position: center top;
}
.article-promotion .banner-control {
  position: absolute;
  right: 0;
  bottom: 0;
}
.article-promotion .banner-control .btn-close-promotion {
  width: 24px;
  height: 24px;
  background: #808080 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M13 1 1 13M1 1l12 12'/%3E%3C/svg%3E") no-repeat 50% 50%;
  vertical-align: top;
}
/* 한경PRO 구독 배너 */
.subscribe-banner {
  background: #262A33;
}
.subscribe-banner .subscribe-banner-link {
  display: block
}
.subscribe-banner .subscribe-banner-item {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  max-width: 720px;
  margin: 0 auto;
  padding: 12px 20px;
  text-decoration: none;
  box-sizing: border-box;
  color: #FFF2E4;
  line-height: 1.5;
}
.subscribe-banner .subscribe-banner-cont {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
}
.subscribe-banner .subscribe-banner-title {
  font-size: 0;
  line-height: 0;
}
.subscribe-banner .subscribe-banner-title.logo__premium9--w::before {
  width:144px;
  height:17px;
}
.subscribe-banner .subscribe-banner-desc {
  font-size: 14px;
  font-weight: 400;
}
.subscribe-banner .subscribe-banner-btn {
  flex-shrink: 0;
  padding: 8px 12px;
  font-size: 14px;
  line-height: normal;
  background-color: #CA002C;
  color: #fff;
  border-radius: 8px;
  white-space: nowrap;
}
@media all and (min-width: 720px) {
  .subscribe-banner .subscribe-banner-cont {
    flex-direction: row;
    align-items: center;
  }
  .subscribe-banner .subscribe-banner-desc {
    white-space: nowrap;
    padding-top:2px
  }
}
/*_____ View _____*/
/* common */
/* 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;
}
.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;
  font-weight: normal;
}
/* .lead {color:#888} */
.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');
}
.article-list-module .thumb>.thumb-icon {
  right: 5px;
  bottom: 5px;
  width: 20px;
  height: 20px;
}
.section-topnews .thumb>.thumb-icon {
  right: 10px;
  bottom: 10px;
  width: 35px;
  height: 35px;
}
.iframe-youtube {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  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);
}
.iframe-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.iframe-youtube.vertical {
  max-width: 56.25%;
  margin: 0 auto;
  padding-bottom: 100%;
}
.iframe_wrap iframe {
  width: 100%;
}
.slide-scroll {
  position: relative;
  min-height: 50px;
  overflow: hidden;
}
.slide-scroll .inner-scroll {
  overflow-x: scroll;
  overflow-y: hidden;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
.slide-scroll .inner-scroll::-webkit-scrollbar {
  display: none;
}
/* news list */
.news-item {
  display: flex;
}
.news-item>.txt-cont {
  flex: 1 1 auto;
}
.news-item>.thumb {
  flex: 0 0 auto;
  width: 80px;
  height: 50px;
  margin-left: 10px;
}
.news-item.type-thumb-lt {
  flex-direction: row-reverse;
}
.news-item.type-thumb-lt>.thumb {
  margin-left: 0;
  margin-right: 10px;
}
.article-label {
  margin-top: 30px;
  margin-bottom: 12px;
  /*padding-top:27px; border-top:1px solid #ddd;*/
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
}
.article-list-module>li {
  display: flex;
  gap: 10px;
}
.article-list-module>li>.num {
  flex: 0 0 auto;
  min-width: 15px;
  font-weight: bold;
  font-size: 24px;
  font-style: italic;
  line-height: 1;
}
.article-list-module>li>.news-item {
  flex: 1 1 auto;
}
.article-list-module>li+li {
  margin-top: 25px;
}
.article-list-module .news-item {
  align-items: center;
}
.article-list-module .news-tit {
  /* min-height: 48px; */
  font-size: 18px;
  line-height: 24px;
  word-break: break-all;
  -webkit-line-clamp: 2;
}
.article-list-module .txt-date {
  margin-top: 5px;
  font-size: 12px;
}
.article-list-module.has-rank .news-item {
  align-items: flex-start;
}
/* 관련뉴스 */
.related-article .article-list-module>li>.num {
  display: none;
}
/* app(추천뉴스 타이틀) */
.article-label .tit-recommand-news {
  position: relative;
  display: block;
  width: 100px;
  height: 28px;
}
.article-label .tit-recommand-news::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff url('https://hkstatic.hankyung.com/resource/www/view/img/tit-recommand-news.svg') no-repeat center/contain;
}
.article-label .tit-recommand-news>a {
  display: block;
  width: 100%;
  height: 100%;
}
.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%);
}
.recommend-article {
  margin-top: 30px;
  padding-top: 27px;
  border-top: 1px solid #ddd;
}
.recommend-label {
  display: block;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
}
.recommend-list>li+li {
  margin-top: 25px;
}
.recommend-list .news-item {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.recommend-list .news-item>.txt-cont {
  flex: 1 1 auto;
}
.recommend-list .news-item>.thumb {
  flex: 0 0 auto;
  width: 80px;
  height: 50px;
  margin: 0 10px 0 0;
  border-radius: 8px;
  overflow: hidden;
}
.recommend-list .news-tit {
  overflow: hidden;
  display: block;
  display: -webkit-box;
  text-overflow: clip;
  -webkit-box-orient: vertical;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  -webkit-line-clamp: 2;
}
/* [2026.03.03] 앨리스 추천뉴스 */
.alice-rcmd-news {
  margin-top: 25px;
  border-top: 1px solid #121212;
}
.alice-rcmd-news-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  line-break: anywhere;
}
.alice-rcmd-news-list>li {
  border-radius: 12px;
  padding: 12px;
  box-sizing: border-box;
}
.alice-rcmd-news-list .news-item {
  gap: 12px;
  align-items: flex-start;
}
.alice-rcmd-news-list .news-item>.txt-cont {
  flex: 1 1 auto;
  width: calc(100% - (40px + 12px));
}
.alice-rcmd-news-list .news-item>.thumb {
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  margin-left: 0;
  border-radius: 0;
  overflow: hidden;
}
.alice-rcmd-news-list .news-tit {
  min-height: auto;
  font-size: 12px;
  font-weight: normal;
}
/* AI QA */
.ai-qa {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 24px -20px;
  padding: 20px;
}
.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: 12px;
  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: 12px;
  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: 16px;
  height: 16px;
  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 12px 12px;
  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;
}
.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;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  padding-top: 8px;
}
.ai-qa-notice {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
}
.ai-qa-link {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  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;
  width: 100%;
}
.ai-qa-logo-text {
  font-size: 12px;
  font-weight: 400;
}
/* 앨리스 기사 분석 */
.ai-analysis {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 24px 0;
  padding: 20px 16px;
  border: 1px solid #ddd;
  border-radius: 16px;
  background: #fff;
  box-sizing: border-box;
}
.ai-analysis-title {
  font-size: 16px;
  font-weight: 700;
}
.ai-analysis-notice p {
  font-size: 12px;
  font-weight: 400;
  color: var(--hk-text-secondary);
}
.ai-analysis-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.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 리포트 분석 */
.ai-report {
  margin: 24px 0;
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 16px;
  background: #fff;
  box-sizing: border-box;
}
.ai-report-link {
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  color: inherit;
}
.ai-report-thumb {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  border-radius: 0;
  overflow: hidden;
}
.ai-report-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ai-report-text {
  flex: 1 1 0;
  min-width: 0;
}
.ai-report-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  flex-wrap: wrap;
}
.ai-report-category {
  font-size: 12px;
  font-weight: 400;
}
.ai-report-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 12px;
  border-radius: 100px;
  background: #121212;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
}
.ai-report-title {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
/* layout */
#container>.inner {
  padding: 0 20px;
}
.article-wrap {
  padding: 20px 0;
  line-height: 1.5;
}
/* 위젯 */
.ai-widget-group {
  margin-top: 16px;
}
.ai-widget-menu {
  display: flex;
  gap: 12px;
}
.ai-widget-item {
  flex: 1;
  position: relative;
  width: fit-content;
  transition: flex 0.3s ease;
}
.ai-widget-menu.has-active-player .ai-widget-item {
  flex: 0 0 auto;
}
.ai-widget-menu.has-active-player .ai-widget-item.widget-active {
  flex: 1;
}
.ai-widget-menu.has-active-player .ai-widget-item.widget-active .widget-item-bg {
  border: 1px solid #F3F5F7;
  background: #F3F5F7;
}
.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: 1px solid #ddd;
  border-radius: 18px;
  z-index: -1;
  transform-origin: left center;
}
.ai-widget-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  box-sizing: border-box;
}
.widget-item-label {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.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");
}
.widget-audio-player {
  display: none;
}
.widget-audio-player-control {
  position: relative;
  width: 100%;
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 8px 12px;
  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;
  min-width: 30px;
  white-space: nowrap;
}
.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%;
  transform: translate(-10px, -50%);
  cursor: pointer;
  padding: 4px;
}
.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;
  margin-left: 4px;
  padding: 0;
  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");
}
/* article */
.article-support {
  margin-bottom: 16px;
}
.article-support .article-section-badge {
  display: inline-block;
  padding: 12px 16px;
  border-radius: 50rem;
  background: #121212;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}
.article-wrap>.article-headline,
.article-wrap>.headline {
  margin-bottom: 16px;
  font-size: 28px;
  word-break: break-all;
}
/* .article-wrap > .headline span {display:inline; font-size:1em; -webkit-text-size-adjust:unset} */
.article-wrap .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 15px;
  color: #888;
  font-weight: bold;
  font-size: 16px;
}
.article-wrap .breadcrumb a {
  color: #888;
}
.breadcrumb a[href="https://www.hankyung.com/globalmarket"] {
  color: #142c67;
}
.breadcrumb a[href="https://www.hankyung.com/bioinsight"] {
  color: #ff8523;
}
.breadcrumb a[href="https://www.hankyung.com/esg"] {
  color: #004b3a;
}
.breadcrumb a[href="https://www.hankyung.com/geeks"] {
  color: #00b2e3;
}
.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;
  margin-bottom: 8px;
}
.article-byline-wrap .logo-area {
  margin-bottom: 8px;
}
/* .author-container .hk__tooltip {position:absolute; top:-30px; z-index:2} */
.author-container {
  position: relative;
  padding: 8px 0;
  border-bottom: 1px solid #121212;
}
.author-container .hk__tooltip {
  position: absolute;
  top: -30px;
  z-index: 2;
}
.author-container .slide-scroll {
  min-height: 24px;
  margin: 0 -20px;
}
.author-container .author-list {
  display: inline-flex;
  gap: 16px;
  padding: 8px 20px;
  vertical-align: top;
}
.author-container .author-list .author {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  font-size: 14px;
  white-space: nowrap;
  box-sizing: border-box;
}
.author-container .author-list .author+.author {
  margin-left: 0;
}
.author-container .author-list .author-thumb {
  width: 24px;
  height: 24px;
  border-radius: 100px;
  overflow: hidden;
  flex-shrink: 0;
}
.author-container .author-list .author-thumb a {
  display: block;
  width: 100%;
  height: 100%;
}
.author-container .author-list .author-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}
.author-container .author-list .author-name {
  font-size: 14px;
}
@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);
  }
}
.author-container .author-list .author .btn-toggle-subscribe {
  width: 16px;
  height: 16px;
  padding: 0;
  transform-origin: center bottom;
}
.author-container .author-list .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;
}
.author-container .author-list .author .btn-toggle-subscribe.on,
.author-container .author-list .author .btn-toggle-subscribe::after {
  display: none !important;
}
.author-container .author-list .author .btn-toggle-subscribe.genie-out {
  animation: genieVanish 0.52s cubic-bezier(0.25, 0, 0.3, 1) forwards;
  pointer-events: none;
}
.article-timestamp {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
}
.article-timestamp .datetime {
  color: var(--hk-text-secondary);
  font-size: 13px;
}
.article-timestamp .datetime>span+span::before {
  content: '|';
  position: relative;
  top: -1px;
  margin: 0 4px;
}
/* article-utility (기사 유틸리티) */
.article-utility {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.article-utility .tool-list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.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-utility .tool::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% 50%/contain;
}
.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-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-utility .btn-comment:has(.count:not(:empty)) {
  width: auto;
  gap: 4px;
  padding: 0 16px;
}
.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-utility .btn-comment .count {
  font-size: 12px;
  line-height: 1;
}
.article-utility .btn-comment .count:empty {
  display: none;
}
.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-utility .btn-font {
  font-size: 0;
}
.article-utility .btn-font::before {
  content: '가';
  width: auto;
  height: auto;
  font-size: 16px;
  background: none;
}
.article-body-wrap {
  padding-top: 24px;
  font-size: 18px;
  line-height: 1.67em;
  word-break: keep-all;
  word-wrap: break-word;
}
.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: 32px;
}
.article-body-wrap.lineH1 {
  line-height: 1.44em;
}
.article-body-wrap.lineH2 {
  line-height: 1.67em;
}
.article-body-wrap.lineH3 {
  line-height: 1.89em;
}
.article-body-wrap>.summary {
  margin-bottom: 25px;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
}
.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;
}
.utility-wrap~.article-video {
  margin-top: 24px;
}
.article-body {
  margin: 0 -20px;
  padding: 0 20px;
  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 {
  table-layout: unset;
  max-width: 100%;
}
.article-body table th,
.article-body table td {
  padding: 5px 8px;
  border: 1px solid #e5e5e5;
}
.article-body table tr,
.article-body table th,
.article-body table td {
  width: auto !important;
  height: auto !important;
}
.article-body hr {
  display: block;
  border-style: solid;
  border-color: #c3c3c3;
}
.article-body>blockquote {
  position: relative;
  margin: 0;
  /*25px 0*/
  padding-left: 20px;
  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-figure {
  margin: 25px 0;
  text-align: center;
}
.article-figure .figure-img {
  display: inline-flex;
  position: relative;
  overflow: hidden;
  margin: 0 -20px;
  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: 3px;
}
.article-figure .figure-caption {
  max-width: 100%;
  margin: 10px auto 0;
  color: var(--hk-text-secondary);
  font-size: 0.722em;
  line-height: 1.538em;
  text-align: left;
}
.article-body-wrap.fontSize1 .figure-caption {
  font-size: 12px;
}
.article-audio {
  height: 60px;
  margin: 20px auto;
}
.article-audio iframe {
  width: 100%;
  max-height: 100%;
}
.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);
  transform: translateX(-15px);
  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: 20px 0;
  padding: 12px 0 11px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-style: normal;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.45;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.magazine_sub_headline {
  display: block;
  position: relative;
  margin: 20px 0;
  padding: 30px 13px;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  font-weight: bold;
  text-align: center;
}
.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-body-wrap .article-video {
  margin: 25px 0;
}
.article-slide-wrap {
  margin: 25px 0;
}
.article-slide-wrap .article-figure {
  position: relative;
  margin: 0 auto;
}
.article-slide-wrap .article-figure+.article-figure {
  margin-top: 20px;
}
/* .article-slide-wrap .figure-img img {width:100%} */
.article-slide-wrap .article-slide.slick-slider {
  position: relative;
  margin: 0 -20px;
}
.article-slide-wrap .article-slide.slick-slider .article-figure,
.article-slide-wrap .article-slide.slick-slider .figure-img {
  margin: 0 !important;
}
.article-slide-wrap .article-slide .article-figure {
  display: flex !important;
  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;
  pointer-events: none;
  border: 1px solid rgba(0, 0, 0, .15);
}
.article-slide-option {
  display: flex;
  justify-content: space-between;
  margin: 15px -20px 0;
  padding: 0 20px;
}
.article-slide-option .article-btn-group {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.article-slide-option .article-btn-group>[class^="btn-"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 46px;
  height: 30px;
}
.article-slide-option .article-btn-group>[class^="btn-"] svg {
  vertical-align: top;
}
.article-slide-option .article-btn-group>[class^="btn-"]::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #ddd;
}
.article-slide-option .article-btn-group>[class^="btn-"]:last-child::after {
  display: none;
}
.article-slide-option .view-type .on .svg-icon {
  fill: #121212;
}
.article-slide-option .view-paging {
  font-size: 16px;
}
.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 {
  margin: 30px 0;
  padding: 20px 16px;
  border: 1px solid #ddd;
  border-radius: 16px;
  background: #fff;
}
.article-poll .poll-contents {
  margin-bottom: 16px;
}
.article-poll .poll-contents .poll-tit {
  display: block;
}
.article-poll .poll-contents .poll-tit {
  font-size: 0.889em;
}
.article-poll .poll-contents .poll-question {
  font-size: 0.889em;
}
.article-poll .btn-go-poll {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  min-height: 37px;
  padding: 8px 12px;
  margin: 0 auto;
  border-radius: 50rem;
  background: #121212;
  color: #fff;
  font-size: 0.778em;
  line-height: 1.2;
  box-sizing: border-box;
}
.empathy-wrap {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  margin: 30px 0;
}
.empathy-wrap [class^="btn-"] {
  flex: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.empathy-wrap .emotion-label {
  display: block;
  margin-top: 10px;
  color: var(--hk-text-secondary);
  font-size: 12px;
}
.empathy-wrap .emotion-count {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
}
.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-"].on::before {animation: bounce 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0)}
.guest-author-profile {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 24px 0;
  padding-top: 16px;
  border-top: 1px solid #ddd;
}
.guest-author-info {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.guest-author-name-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.guest-author-name {
  display: block;
  font-weight: 700;
  font-size: 16px;
}
.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 {
  flex: 1;
  font-size: 14px;
  word-break: break-all;
}
.guest-author-profile .by-corner {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  padding: 4px 12px;
  border: 1px solid #ddd;
  border-radius: 50rem;
  font-size: 12px;
}
.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;
  line-height: 29px;
  white-space: nowrap;
  font-size: 14px;
}
.article-tag-wrap {
  min-height: 36px;
  margin: 30px -20px 10px;
}
.article-tag-wrap .article-tag {
  display: inline-flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0 20px;
}
.article-wrap>.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-wrap>.btn-subscribe .txt {
  margin-left: 10px;
}
.article-wrap>.btn-subscribe.on {
  background: #fff7f1;
}
.article-wrap>.btn-subscribe.on .svg-icon {
  fill: #ff761b;
}
.article-wrap>.hk-subscribe-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin: 20px 0;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  box-sizing: border-box;
}
.article-wrap>.hk-subscribe-link a {
  display: block;
  flex: 1 1 50%;
  padding: 10px 5px;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
}
.article-wrap>.hk-subscribe-link a:first-child {
  border-right: 1px solid #e2e2e2;
}
.article-wrap>.copyright {
  margin: 25px 0;
  font-size: 16px;
}
.section-topnews {
  padding-bottom: 20px;
}
.section-topnews>.slide-scroll {
  min-height: 200px;
  margin: 0 -20px;
}
.section-topnews-list {
  display: inline-flex;
  padding: 0 20px;
}
.section-topnews-list .item {
  flex: 0 0 auto;
  width: 220px;
  margin-left: 15px;
}
.section-topnews-list .item:first-child {
  margin-left: 0;
}
.section-topnews-list .item .thumb {
  width: 220px;
  height: 138px;
}
.section-topnews-list .item .news-tit {
  margin-top: 13px;
  font-size: 18px;
  line-height: 24px;
  -webkit-line-clamp: 2;
}
.section-topnews-list .item .news-tit>a {
  display: block;
}
.section-topnews-list .icon-premium2 {
  vertical-align: -4px;
}
.article-rel-files {
  margin-top: 40px;
  padding: 20px 16px;
  border: 1px solid #ddd;
  border-radius: 16px;
}
.article-rel-files dt {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 12px;
  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;
  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');
}
/* [2025.12.03] 기사뷰 하단 관계사 배너 추가 (한경 epicAI) */
.article-affiliate-banner {
  margin: 24px 0;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.article-affiliate-banner>.banner-item {
  display: block;
  padding: 16px;
}
.article-affiliate-banner .banner-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.article-affiliate-banner .banner-link {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
}
.article-affiliate-banner .banner-link::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m4.5 9 3-3-3-3'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
  vertical-align: top;
}
.article-affiliate-banner .desc {
  margin-top: 10px;
  font-size: 12px;
}
/* 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);
  }
}
@keyframes leftIn {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0);
  }
}
/* modal */
.hk-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .5);
  animation: fade-out .3s forwards;
}
.hk-modal:not(.modal-photoviewer) {
  touch-action: none;
  height: 100vh;
}
.hk-modal .hk-modal-inner {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 20px 0;
  border-radius: 10px 10px 0 0;
  background: #fff;
  animation: modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards;
  touch-action: auto;
}
.hk-modal .hk-modal-header {
  padding: 0 20px 15px;
  text-align: center;
}
.hk-modal .hk-modal-tit {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
}
.hk-modal .hk-modal-body {
  padding: 15px 20px 0;
}
.hk-modal .hk-modal-header+.hk-modal-body {
  padding-top: 0;
}
.hk-modal .hk-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 0;
  text-align: center;
}
.hk-modal .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;
}
.hk-modal .hk-modal-footer [class^="modal-btn-"]:only-child {
  width: 100%;
}
.hk-modal .modal-btn-close {
  position: absolute;
  top: 9px;
  right: 9px;
  padding: 10px;
}
.modal-btn-confirm {
  background-color: #ff761b;
  color: #fff;
}
.modal-btn-cancel {
  background-color: #666;
  color: #fff;
}
.hk-modal .msg {
  font-size: 18px;
  text-align: center;
}
.hk-modal .scroll-area {
  overflow-x: hidden;
  overflow-y: auto;
}
.hk-modal.show {
  display: flex;
  animation: fade-in .3s forwards;
}
.hk-modal.show .hk-modal-inner {
  animation: modalScaleUp .3s cubic-bezier(.6, 0, .4, 1) forwards;
}
.hk-modal.hide {
  animation: fade-out .3s forwards;
}
.hk-modal.hide .hk-modal-inner {
  animation: modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    z-index: -1;
    height: 0;
    overflow: hidden;
  }
}
@keyframes modalScaleUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes modalScaleDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    opacity: 0;
  }
}
/* 하단 슬라이드월 팝업 */
.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%);
  touch-action: none;
  /*height:calc(100vh - 50px)*/
}
.layer-fullpopup.show {
  visibility: visible;
  z-index: 99999999999;
  opacity: 1;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  transition: all ease-in .3s;
}
.layer-offcanvas {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  touch-action: auto;
}
.layer-offcanvas .para-tit {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 20px;
}
.layer-offcanvas .para {
  font-size: 16px;
  word-break: keep-all;
}
.layer-offcanvas .para+.para,
.layer-offcanvas .para+.para-tit {
  margin-top: 10px;
}
.layer-offcanvas .para.noti {
  color: #142C67;
  word-break: keep-all;
}
.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 .offcanvas-body {
  padding: 0 20px;
}
.layer-offcanvas .offcanvas-foot {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 20px 20px 0;
}
.layer-offcanvas .offcanvas-foot .btn {
  flex: 1 1 auto;
  display: inline-block;
  max-width: 170px;
  line-height: 50px;
  padding: 0 10px;
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  font-size: 17px;
  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: 20px;
}
.layer-offcanvas .btn-link {
  margin: 0 10px;
  font-size: 14px;
}
.layer-offcanvas .btn-link::after {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 5px;
  border-top: 1px solid #121212;
  border-right: 1px solid #121212;
  transform: rotate(45deg);
  vertical-align: 2px;
}
.layer-offcanvas.bottom {
  right: 0;
  bottom: -100%;
  left: 0;
  padding: 30px 0 20px;
  text-align: center;
}
.layer-fullpopup.show .layer-offcanvas.bottom {
  bottom: 0;
  transition: bottom 1s;
}
.layer-offcanvas::before {
  content: '';
  position: absolute;
  top: -50%;
}
.layer-fullpopup#layer-memberlogin {
  background: rgba(0, 0, 0, .5);
}
.modal-photoviewer {
  background: #111;
}
.modal-photoviewer .hk-modal-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  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: 15px;
  right: 15px;
  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-font .hk-modal-inner {
  padding-left: 35px;
  padding-right: 35px;
}
.modal-font .font-control {
  max-width: 280px;
  margin: 0 auto;
}
.modal-font .font-control+.font-control {
  margin: 20px auto 0;
}
.modal-font .font-control dt {
  margin-bottom: 15px;
  font-size: 16px;
  text-align: center;
}
.modal-font .font-control dd {
  position: relative;
  height: 50px;
}
.modal-font .font-control-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 -15px;
  pointer-events: none;
}
.modal-font .font-control-list li {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.modal-font .font-control-list li::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #ddd;
  vertical-align: top;
}
.modal-font .ui-slider-horizontal {
  height: 50px;
}
.modal-font .ui-slider-horizontal::after {
  content: '';
  display: block;
  height: 100%;
  margin: 0 -30px;
  cursor: pointer;
}
.modal-font .ui-widget.ui-widget-content {
  background: none;
}
.modal-font .ui-state-default {
  background: none;
}
.modal-font .ui-slider {
  position: relative;
  text-align: left;
}
.modal-font .ui-slider::before {
  content: '';
  display: block;
  position: absolute;
  top: 13px;
  left: -15px;
  right: -15px;
  height: 4px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 15px, rgba(221, 221, 221, 1) 15px, rgba(221, 221, 221, 1) calc(100% - 15px), rgba(255, 255, 255, 1) calc(100% - 15px));
}
.modal-font .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  outline: none;
  box-sizing: border-box;
  cursor: pointer;
}
.modal-font .ui-slider .ui-slider-handle::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: #121212;
  vertical-align: top;
}
.modal-font .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: none;
}
.modal-font .ui-slider-horizontal {
  height: 30px;
}
.modal-share .view-share-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  padding: 0 30px;
  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 {
  padding-left: 10px;
  padding-right: 10px;
}
.modal-journalist .profile-wrap {
  position: relative;
  min-height: 50px;
  padding-right: 60px;
}
.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: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}
.modal-journalist .profile-thumb>a {
  display: block;
  width: 100%;
  height: 100%;
}
.modal-journalist .profile-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.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 .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: 15px;
}
.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;
}
.modal-columnist .hk-modal-inner {
  padding-left: 10px;
  padding-right: 10px;
}
.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 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.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 .popular-article {
  max-width: 440px;
  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;
}
/* 댓글 */
.comments-sector {
  margin-top: 30px;
}
.comments-sector-hk {
  margin-top: 25px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
/* 슬라이드다운 프로모션 배너 */
.promotion-floating {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999999;
  font-size: 13px;
  opacity: 0;
  visibility: hidden;
}
.promotion-floating a {
  text-decoration: none;
}
.promotion-floating .hk__icon-x {
  width: 20px;
  height: 20px;
  background-size: 50% 2px, 2px 50%;
  border-radius: 100%;
}
.promotion-floating .promotion-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 45px;
  padding: 5px 35px 5px 20px;
}
.promotion-floating .msg {
  font-size: 11px;
  line-height: 1.45;
}
.promotion-floating .txt-point {
  font-size: 14px;
}
.promotion-floating .msg p+p {
  margin-top: 3px;
}
.promotion-floating .btns {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.promotion-floating .btn-promotion {
  display: inline-flex;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 12px;
}
.promotion-floating .btn-close-promotion {
  margin-left: 10px;
}
.promotion-floating>.btn-close-promotion {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.sticky .promotion-floating {
  opacity: 1;
  visibility: visible;
  animation: promoionShow .5s both ease-in-out 0s;
}
.promotion-floating.bg-white {
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.promotion-floating.bg-white .txt-point {
  color: #ee4c4c;
}
.promotion-floating.bg-white .btn-promotion {
  background: #eee;
}
.promotion-floating.bg-white .hk__icon-x {
  background-image: linear-gradient(to bottom, #888 0%, #888 100%), linear-gradient(to left, #888 0%, #888 100%);
}
.promotion-floating.bg-red {
  background: #ee4c4c;
  color: #fff;
}
.promotion-floating.bg-red a {
  color: #fff;
}
.promotion-floating.bg-red .txt-point {
  color: #fffb8d;
}
.promotion-floating.bg-red .btn-promotion {
  background: #bb2525;
}
.promotion-floating.bg-red .hk__icon-x {
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%);
}
.promotion-floating.bg-hk {
  background: #243065;
  color: #fff;
}
.promotion-floating.bg-hk a {
  color: #fff;
}
.promotion-floating.bg-hk .txt-point {
  color: #fffb8d;
}
.promotion-floating.bg-hk .btn-promotion {
  background: #fff;
  color: #243065;
}
.promotion-floating.bg-hk .hk__icon-x {
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%);
}
.promotion-floating.bg-gray {
  background: #4b505e;
  color: #fff;
}
.promotion-floating.bg-gray a {
  color: #fff;
}
.promotion-floating.bg-gray .txt-point {
  color: #fffb8d;
}
.promotion-floating.bg-gray .btn-promotion {
  background: #2f3545;
}
.promotion-floating.bg-gray .hk__icon-x {
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%);
}
/* 프로모션 배너(하단위치 디자인) */
.promotion-floating2 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 50px;
  z-index: 999999;
  font-size: 15px;
  opacity: 0;
  visibility: hidden;
  animation: modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards;
  transition: all ease .3s;
}
.promotion-floating2 .promotion-inner {
  padding: 30px 20px 20px;
  border-radius: 10px 10px 0 0;
  background: #fff;
  box-shadow: 0 -2px 7px rgba(0, 0, 0, .1);
}
.promotion-floating2 .txt-lg {
  font-size: 19px;
}
.promotion-floating2 .msg {
  text-align: center;
}
/* .promotion-floating2 .msg::before {content:''; display:block; width:70px; height:72px; margin:0 auto 15px; background:url('https://hkstatic.hankyung.com/img/www/w/news/view/promotion/img-login.svg') no-repeat 0 0/contain} */
.promotion-floating2 .msg p+p {
  margin-top: 5px;
}
.promotion-floating2 .msg .btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  max-width: 720px;
  margin: 20px auto 0;
  text-align: center;
}
.promotion-floating2 .msg .btns .btn {
  flex: 0 0 auto;
  width: calc(50% - 5px);
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
  height: 50px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 17px;
}
.promotion-floating2 .msg .btns .btn:only-child {
  width: 100%;
}
.promotion-floating2 .btn-promotion-pramary {
  background: #ff761b;
  color: #fff;
}
.promotion-floating2>.btn-close-promotion {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 10px;
}
.sticky .promotion-floating2 {
  opacity: 1;
  visibility: visible;
  animation: modalScaleUp .3s cubic-bezier(.6, 0, .4, 1) forwards;
}
.sticky .promotion-floating2.hide {
  opacity: 0;
  visibility: hidden;
  animation: modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards;
}
@keyframes promoionShow {
  0% {
    top: -100px;
  }
  85% {
    top: 65px;
  }
  95% {
    top: 45px;
  }
  100% {
    top: 51px;
  }
}
@media all and (max-width: 319px) {
  .ad-wrap [id^="div-gpt-ad-"] {
    max-width: 280px;
    min-width: 100% !important;
  }
}
@media all and (min-width: 768px) {
  .hk-modal .hk-modal-inner {
    position: relative;
    min-width: 375px;
    border-radius: 10px;
    overflow: hidden;
  }
}
@media all and (max-height: 450px) and (orientation:landscape) {
  .layer-fullpopup.show .layer-offcanvas.bottom {
    top: 15%;
  }
}
@media all and (min-height: 400px) {
  .layer-fullpopup.show .layer-offcanvas.bottom {
    top: 25%;
  }
}
@media all and (min-height: 500px) {
  .layer-fullpopup.show .layer-offcanvas.bottom {
    top: 40%;
  }
}
@media all and (min-height: 700px) {
  .layer-fullpopup.show .layer-offcanvas.bottom {
    top: 50%;
  }
}
@media all and (min-width: 720px) {
  .view_bnr {
    margin: 0 -20px;
  }
  .sub_issue_bnr.type_center {
    padding: 0 20px;
  }
}
/* 기사뷰 헤드라인 템플릿 (2023.08.10) */
.view-top .headline {
  font-size: 26px;
}
.view-tpl-b {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #ACB2BA;
  color: #fff;
}
.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: 720px;
  margin: 0 auto;
}
.view-tpl-b .view-top .headline-container {
  display: flex;
  align-items: center;
  min-height: 250px;
  padding: 20px;
  box-sizing: border-box;
}
.view-tpl-b .view-top .headline-container .headline-inner {
  flex: 0 0 auto;
  width: 100%;
}
.view-tpl-c {
  position: relative;
  background: #444;
}
.view-tpl-c .headline-container {
  position: relative;
  z-index: 2;
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  min-height: 250px;
  box-sizing: border-box;
}
.view-tpl-c .headline {
  color: #fff;
}
.view-tpl-c .headline-inner {
  padding: 20px;
}
.view-tpl-c .split-image-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.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;
}
.view-tpl-c .split-image-container .split-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .6);
  pointer-events: none;
}

.data-table-module {
  margin-top: 20px;
  margin-bottom: 20px;
}
.data-table-module:first-child {
  margin-top: 0;
}
/* 앨리스 요약 */
.summary-news-area {margin-bottom:24px; 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: 24px;
}
.price-product-area .price-product-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  max-width: 304px;
  height: 34px;
  border-radius: 24px;
  border: 1px solid #ddd;
  padding: 8px 12px;
  font-size: 13px;
  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: var(--hk-text-primary);
}
.price-product-area .price-product-item .price-product-name {
  color: var(--hk-text-primary);
}
.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: 15px;
}
.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-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='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
}
.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: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 32px;
  height: 34px;
  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;
}
/* OS dark mode */
@media (prefers-color-scheme: dark) {
  .ui-slider::before {
    background: linear-gradient(90deg, rgba(28, 28, 30, 1) 15px, rgba(0, 0, 0, 1) 15px, rgba(0, 0, 0, 1) calc(100% - 15px), rgba(28, 28, 30, 1) calc(100% - 15px));
  }
  .ui-slider .ui-slider-handle::before {
    background: #fff;
  }
  .author-container {
    border-color: #323235;
  }
  .author-container .author>.item {
    border: none;
    background: #1c1c1e;
  }
  .hk_sub_headline {
    border-color: #323235;
  }
  .magazine_sub_headline {
    border-color: #323235;
  }
  .magazine_sub_headline::before,
  .magazine_sub_headline::after {
    background: #323235;
  }
  .article-body-wrap>.summary::before,
  .article-body>blockquote::before {
    background: #fff;
  }
  .article-body table th,
  .article-body table td {
    border-color: #323235;
  }
  .article-slide-wrap .article-slide.slick-slider::after {
    border-color: rgba(255, 255, 255, .15);
  }
  .article-slide-option .view-type .svg-icon {
    fill: #555;
  }
  .article-slide-option .view-type .on .svg-icon {
    fill: #fff;
  }
  .article-slide-option .view-type .btn-view-slide::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='%23555' 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-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='%23fff' 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-slide-option .view-nav>[class^="btn-"]::before {
    border-color: #fff;
  }
  .article-slide-option .article-btn-group>[class^="btn-"]::after {
    background: #323235;
  }
  .article-poll {
    border: none;
    background: #1c1c1e;
  }
  .empathy-wrap {
    border-width: .5px;
    border-color: #323235;
  }
  .article-tag .tag {
    background: #1c1c1e;
  }
  .article-wrap>.btn-subscribe,
  .article-wrap>.btn-subscribe.on {
    background: #1c1c1e;
  }
  .article-wrap>.hk-subscribe-link {
    border: none;
    background-color: #1c1c1e;
  }
  .article-wrap>.hk-subscribe-link a:first-child {
    border-color: #000;
  }
  .ad-txt-list-wrap,
  .ad-list-wrap,
  .recommend-article,
  .article-label {
    border-width: .5px;
    border-color: #323235;
  }
  .hk-modal .hk-modal-inner,
  .layer-offcanvas {
    background: #1c1c1e;
  }
  .layer-offcanvas .btn-link::after {
    border-top-color: #fff;
    border-right-color: #fff;
  }
  .modal-photoviewer .hk-modal-inner {
    background: none;
  }
  .modal-font .font-control-list li::before {
    background: #000;
  }
  .modal-journalist .btn-journalist-subscribe {
    border: none;
    background-color: #000;
  }
  .modal-journalist .popular-article {
    border-width: .5px;
    border-color: #323235;
  }
  .article-body hr {
    border-color: #323235;
  }
  .article-body .box-cont {
    border-color: #323235;
    background: #1c1c1e;
  }
  .promotion-floating.bg-white {
    background: #000;
    border-color: #323235;
  }
  .promotion-floating.bg-white .btn-promotion {
    background: #1c1c1e;
  }
  .promotion-floating.bg-white .hk__icon-x {
    background-image: linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%);
  }
  .promotion-floating2 .promotion-inner {
    background: #1c1c1e;
  }
  .comments-sector-hk {
    border-width: .5px;
    border-color: #323235;
  }
  [style="color:black"] {
    color: #fff !important;
  }
  .ad-wrap.bg,
  .ad-area-wrap.bg {
    background: #1c1c1e;
  }
  .breadcrumb a {
    color: #888 !important;
  }
  .modal-share .btn-share-twitter.twitter-x::before {
    background-image: url('https://hkstatic.hankyung.com/resource/common/img/icon/icon-twitter-cir-x-w.svg');
  }
  .summary-news-area {
    background-color: #1c1c1e;
    border-color: #323235;
  }
  .byline-logo.wsj {
    background-image: url('https://hkstatic.hankyung.com/img/logo/logo-wsj-w.svg');
  }
  .summary-news-area .txt::before {
    background: #fff;
  }
  .article-label .tit-recommand-news::before {
    background-color: #000;
  }
  .layer-offcanvas .para.noti {
    color: #fff;
  }
  .guest-author-profile,
  .guest-author-name-wrap,
  .guest-author-profile .by-corner {
    border-color: #323235;
  }
  .article-affiliate-banner {
    border: none;
    background: #1c1c1e;
  }
  .article-affiliate-banner .banner-link::after {
    filter: invert();
  }
  .price-product-area .price-product-item {
    border-color: #323235;
    background: #1c1c1e;
  }
  .price-product-area .inner-scroll::before {
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
  }
  .price-product-area .inner-scroll::after {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
  }
  .price-product-area .slide-arrow {
    filter: invert(1);
  }
  .price-product-area .slide-arrow.slide-disabled {
    filter: brightness(0.5);
  }
  .price-product-area .price-product-header .price-product-tit {
    color: #fff;
  }
  .author-container .author-list .author .btn-toggle-subscribe::before {
    filter: invert();
  }
  .article-utility .tool {
    border: none;
    background: #1c1c1e;
  }
  .article-utility .tool:not(.btn-font)::before {
    filter: invert();
  }
  .article-utility {
    border-color: #323235;
  }
  .ai-widget-item .widget-item-bg {
    background: #1c1c1e;
    border-color: #1c1c1e;
  }
  .widget-item-label::before {
    filter: invert();
  }
  .widget-audio-player .player-btn-volume,
  .widget-audio-player .player-btn-pause,
  .widget-audio-player .player-btn-play {
    filter: invert();
  }
  .widget-audio-player .player-progress-fill,
  .widget-audio-player .player-progress-thumb {
    background: #444;
  }
  .ai-analysis,
  .ai-report {
    border: none;
    background: #1c1c1e;
  }
  .ai-qa-item .ai-qa-answer {
    border-color: #323235;
  }
  .ai-qa {
    background: #1c1c1e;
  }
  .ai-qa-summary,
  .ai-qa-item {
    background: #000;
  }
  .ai-qa-question-text::before,
  .ai-qa-question::after,
  .ai-qa-link::after {
    filter: invert();
  }
  .article-support .article-section-badge {
    background: #fff;
    color: #121212;
  }
  .data--loading>.spinner {
    filter: invert();
  }
  .article-poll .btn-go-poll {
    background: #444;
  }
  .article-rel-files {
    border: none;
    background: #1c1c1e;
  }
  .article-rel-files dt::before {
    filter: invert();
  }
  .article-rel-files dd::before {
    background-color: #fff;
  }
  .indicator-dots--slick li button {
    background: #555;
  }
  .indicator-dots--slick li.slick-active button {
    background: #fff;
  }
  .ai-analysis-chip {background-color:#000;}
  .ai-analysis-chip::before {filter:invert()}
  .alice-rcmd-news {
    border-top-color: #323235;
  }
  .summary-news-area {
    border-color: #323235;
  }
}