@charset "UTF-8";

/* 한경프리미엄9 기사뷰 */


/* 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;
}
/* 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);
}
/* 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: #E6D9CE;
  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 #E6D9CE;
  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 #E6D9CE;
  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;
  margin-top: 24px;
}
.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-bottom {margin:0}
/* .ad-box {text-align:center} */

.ad-area-wrap+.ad-list-wrap,
.ad-area-wrap+.ad-txt-list-wrap {
  padding-top: 0;
  border-top: none;
}
.ad-list-wrap {
  margin-top: 27px;
  padding-top: 15px;
  border-top: 1px solid #E6D9CE;
}
.ad-txt-list-wrap {
  margin-top: 27px;
  padding-top: 15px;
  border-top: 1px solid #E6D9CE;
}
.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;
}
/* 띠배너(관리자) */
.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;
}
/* [2026.03.03] 한경PRO 구독 배너 */
.subscribe-banner {
  background: url('https://hkstatic.hankyung.com/resource/www/view/img/banner/m/banner-premium9-bg.jpg') no-repeat 50% 50%/cover;
}
.subscribe-banner .subscribe-banner-item {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 8px 16px;
  text-decoration: none;
  color: #fff;
  box-sizing: border-box;
}
.subscribe-banner .subscribe-banner-cont {
  display: flex;
  gap: 4px 16px;
  flex-wrap: wrap;
  align-items: center;
}
.subscribe-banner .subscribe-banner-title {
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}
.subscribe-banner .subscribe-banner-desc {
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}
.subscribe-banner .subscribe-banner-btn {
  flex-shrink: 0;
  padding: 8px 12px;
  font-size: 14px;
  line-height: normal;
  background-color: #121212;
  border-radius: 8px;
  white-space: nowrap;
}
/*_____ 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: var(--hk-text-secondary);
  font-size: 12px;
}
.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://static.hankyung.com/resource/www/common/img/icon/icon-thumb-video.svg');
}
.thumb-icon.thumb-audio {
  background-image: url('https://static.hankyung.com/resource/www/common/img/icon/icon-thumb-audio.svg');
}
.thumb-icon.thumb-graph {
  background-image: url('https://static.hankyung.com/resource/www/common/img/icon/icon-thumb-graph.svg');
}
.thumb-icon.thumb-photo {
  background-image: url('https://static.hankyung.com/resource/www/common/img/icon/icon-thumb-photo.svg');
}
.thumb-icon.thumb-slide {
  background-image: url('https://static.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-bottom: 12px;
  padding-top: 16px;
  border-top: 1px solid #121212;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
}
.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;
  gap: 12px;
  min-width: 0;
}
.article-list-module>li+li {
  margin-top: 20px;
}
.article-list-module .news-tit {
  font-size: 18px;
  -webkit-line-clamp: 2;
}
.article-list-module .lead {
  display: none;
  margin-top: 5px;
  -webkit-line-clamp: 2;
}
.article-list-module .txt-date {
    margin-top: 5px;
}
.article-list-module .txt-cont {
  width: calc(100% - (80px + 12px));
}
.article-list-module .thumb {
  width: 80px;
  height: 50px;
  margin: 0;
}
/* 관련뉴스 */
.related-article {
  margin:24px 0
}
.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://static.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 #E6D9CE;
}
.recommend-label {
  display: block;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
}
.recommend-list>li+li {
  margin-top: 24px;
}
.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: 24px;
  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: 8px;
  margin: 24px 0;
  padding: 12px;
  border-radius: 16px;
}
.alice-qa {
  background: #F2DFCF;
}
.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: #FFF2E4;
}
.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: #FFF2E4;
}
.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: flex-start;
  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;
  margin-top:1px;
}
.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 #E6D9CE;
  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;
}
.ai-qa-notice {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: var(--hk-text-secondary);
  text-align: center;
}
.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;
  position: relative;
  margin: 24px 0;
  padding: 12px;
  border: 1px solid #E6D9CE;
  border-radius: 16px;
  background: #F2DFCF;
  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-slide:has(:not(.slide-item:only-child)) {margin:0 -6px}
.ai-analysis-slide:has(:not(.slide-item:only-child)) .slick-track {display:flex; gap:12px}
.ai-analysis-slide:has(:not(.slide-item:only-child)) .slick-slide {height:auto}
.ai-analysis-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  border-radius: 12px;
  background: #FFF2E4;
  padding: 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: #FFF2E4;
  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;
  flex-wrap:wrap;
  overflow: hidden;
  gap: 8px;
}
.ai-analysis-stock-name {
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ai-analysis-stock-code {
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ai-analysis-desc {
  font-size: 14px;
  font-weight: 400;
}
.ai-analysis .indicator-dots--slick li button {
  background: #FFF2E4;
}
.ai-analysis .indicator-dots--slick li.slick-active button {
  background: #121212;
}
.ai-analysis-arrows {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  position: absolute;
  top: 14px;
  right: 12px;
}
.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");
}
/* AI 리포트 분석 */
.ai-report {
  margin: 24px 0;
  padding: 16px;
  border: 1px solid #E6D9CE;
  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 {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  line-height: 1.5;
  box-sizing: border-box;
}
/* 위젯 */
.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 #E6D9CE;
  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: #E6D9CE;
  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-series-wrap {
  color: #CA002C;
  font-size: 14px;
}
.article-series-wrap a {
  color: inherit;
}
.article-series-dep2 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  font-weight: 700;
}
.article-series-dep2::before {
  content: '';
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: #CA002C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.833' d='m5.416 2.5-2.707.542c-.151.03-.227.045-.289.082a.4.4 0 0 0-.135.13c-.04.06-.057.135-.094.285L.833 9.167m0 0 5.628-1.359c.15-.036.225-.054.285-.093a.4.4 0 0 0 .13-.136c.037-.061.052-.137.082-.288L7.5 4.583M.833 9.167l3.16-3.161m4.702-2.727L6.72 1.305c-.165-.165-.247-.248-.343-.279a.4.4 0 0 0-.257 0c-.095.031-.178.114-.343.279l-.307.307c-.165.165-.247.247-.278.343a.4.4 0 0 0 0 .257c.03.095.113.178.278.343l1.974 1.974c.165.165.247.247.343.278a.4.4 0 0 0 .257 0c.095-.03.178-.113.343-.278l.307-.308c.165-.165.247-.247.278-.342a.4.4 0 0 0 0-.258c-.03-.095-.113-.177-.278-.342M4.583 4.583a.833.833 0 1 1 0 1.667.833.833 0 0 1 0-1.667'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h10v10H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/10px;
  border-radius: 100%;
  vertical-align: top;
}
.article-series-dep3 {
  font-size: 14px;
}

.article-wrap .headline {
  margin-bottom: 24px;
  font-size: 28px;
  word-break: break-all;
}
.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://static.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: 16px;
}
.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;
}
.article-utility .tool-list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.article-utility .tool-list>li {
  position: relative;
}
.article-utility .tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #E6D9CE;
  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::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-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-utility .tool-list>li .hk__tooltip {
  display: none;
  position: absolute;
}
.article-utility .tool-list>li:hover .hk__tooltip {
  display: block;
  z-index: 2;
  left: 50%;
  top: -25px;
  transform: translate(-50%, 0);
}


.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 #E6D9CE;
}
.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: #E6D9CE;
}
.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 #E6D9CE;
  background: #F2DFCF;
}
.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: 16px 0;
  border-top: 4px solid #E6D9CE;
  border-bottom: 1px solid #E6D9CE;
  /* color: #0265cb; */
  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: 16px 0;
  border-top: 2px solid #E6D9CE;
  border-bottom: 2px solid #E6D9CE;
  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: #E6D9CE;
}
.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 #E6D9CE;
  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: #E6D9CE;
}
.article-slide-option .article-btn-group>[class^="btn-"]:last-child::after {
  display: none;
}
.article-slide-option .view-type .svg-icon {
  fill: #E6D9CE;
}
.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='%23E6D9CE' 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");
}

/* 기사 시리즈구독 */
.series-subscribe-module {
  position: relative;
  margin: 24px 0;
}
.series-subscribe-module .series-subscribe-link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 48px 12px 12px;
  background: #f2dfcf;
  border-radius: 16px;
  line-height: 1.5;
}
.series-subscribe-module .series-thumb {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 100px;
  overflow: hidden;
}
.series-subscribe-module .series-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.series-subscribe-module .series-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.series-subscribe-module .series-name {
  font-size: 16px;
  font-weight: 700;
}
.series-subscribe-module .series-desc {
  font-size: 14px;
}
.series-subscribe-module .btn-series-subscribe {
  position: absolute ;
  top: 50%; 
  right: 12px;
  transform: translateY(-50%);
}
.series-subscribe-module .btn-series-subscribe::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  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 8v8m-4-4h8m6 0c0 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 center center/contain;
  vertical-align: top;
}

/* poll */
.article-poll {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin: 30px 0;
  padding: 12px;
  border: 1px solid #E6D9CE;
  border-radius: 16px;
  background: #FFF2E4;
}
.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;
  line-height: 1.5;
}
.article-poll .btn-go-poll {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: #121212;
  color: #fff;
  font-size: 0.667em;
  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 #E6D9CE;
}
.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 #E6D9CE;
  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: 24px 0;
  padding: 20px 16px;
  border: 1px solid #E6D9CE;
  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://static.hankyung.com/img/common/icon/file/icon-file-default.png');
  background-position: right center;
}
.article-rel-files .icon-file-pdf {
  background-image: url('https://static.hankyung.com/img/common/icon/file/icon-file-pdf.png');
  background-position: right center;
}
.article-rel-files .icon-file-doc {
  background-image: url('https://static.hankyung.com/img/common/icon/file/icon-file-doc.png');
}
.article-rel-files .icon-file-hwp {
  background-image: url('https://static.hankyung.com/img/common/icon/file/icon-file-hwp.png');
}
.article-rel-files .icon-file-ppt {
  background-image: url('https://static.hankyung.com/img/common/icon/file/icon-file-ppt.png');
}
.article-rel-files .icon-file-xls {
  background-image: url('https://static.hankyung.com/img/common/icon/file/icon-file-xls.png');
}
/* [2025.12.03] 기사뷰 하단 관계사 배너 추가 (한경 epicAI) */
.article-affiliate-banner {
  margin: 24px 0;
  border: 1px solid #E6D9CE;
  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: #E6D9CE;
  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://static.hankyung.com/img/www/w/news/view/icon-share-kakaotalk.svg');
}
.modal-share .btn-share-facebook::before {
  background-image: url('https://static.hankyung.com/img/www/w/news/view/icon-share-facebook.svg');
}
.modal-share .btn-share-twitter::before {
  background-image: url('https://static.hankyung.com/img/www/w/news/view/icon-share-twitter.svg');
}
.modal-share .btn-share-twitter.twitter-x::before {
  background-image: url('https://static.hankyung.com/resource/common/img/icon/icon-twitter-cir-x.svg');
}
.modal-share .btn-share-url::before {
  background-image: url('https://static.hankyung.com/img/www/w/news/view/icon-share-url.svg');
}
.modal-share .btn-share-naver::before {
  background-image: url('https://static.hankyung.com/img/www/w/news/view/icon-share-naver.svg');
}
.modal-share .btn-share-band::before {
  background-image: url('https://static.hankyung.com/img/www/w/news/view/icon-share-band.svg');
}
.modal-share .btn-share-mail::before {
  background-image: url('https://static.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 #E6D9CE;
  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 #E6D9CE;
  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 #E6D9CE;
  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-hk {
  margin-top: 24px;
  border-top: 1px solid #E6D9CE;
}
/* 슬라이드다운 프로모션 배너 */
.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 #E6D9CE;
}
.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://static.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%;
  }
}

/* 기사뷰 헤드라인 템플릿 */
.view-top .headline {
  font-size: 28px;
}
.view-tpl-b {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #F2DFCF;
  color: #fff;
}
.view-tpl-b::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  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;
}
.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%;
  max-width: 1200px;
  margin: 0 auto;
}
.view-tpl-b .article-series-wrap {
  color: #F0626F;
}
/* .view-tpl-b .article-series-wrap a {
  color: inherit;
} */
.view-tpl-b .article-series-dep2::before {
  background-color: #F0626F;
}

.view-tpl-c {
  position: relative;
  background: #F2DFCF;
}
.view-tpl-c .view-top {
  padding: 20px;
}
.view-tpl-c .headline-container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  min-height: 250px;
  box-sizing: border-box;
}
.view-tpl-c .headline {
  color: #fff;
}
.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);
  backdrop-filter: blur(4px);
  pointer-events: none;
}
.view-tpl-c:not(:has(.split-image-container)) .headline {
  color: #121212;
}


.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 #E6D9CE; line-height:1.5}
.summary-news-area .summary-news-tit {margin-bottom:12px}
.summary-news-area .tit {font-size:16px}
.summary-news-area .summary-news-cont {display:flex; flex-direction:column; gap:12px; font-size:14px}
.summary-news-area ul {display:flex; flex-direction:column; gap:8px}
.summary-news-area li {position:relative; padding-left:21px}
.summary-news-area li::before {content:''; position:absolute; left:8px; top:8px; width:4px; height:4px; border-radius:100%; background-color:#121212}

/* 프라이스 모듈 */
.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 #E6D9CE;
  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, #FFF2E4 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%, #FFF2E4 100%);
}
.price-product-area .inner-scroll.hide-left::before,
.price-product-area .inner-scroll.hide-right::after {
  display: none;
}

/* 플로팅 비디오 */
#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%)}


@media (max-width: 819px) {
  .view-tpl-c:has(.split-image-container) .article-series-wrap {
    color: #F0626F;
  }
  .view-tpl-c:has(.split-image-container) .article-series-wrap a {
    color: inherit;
  }
  .view-tpl-c:has(.split-image-container) .article-series-dep2::before {
    background-color: #F0626F;
  }
}
@media (min-width: 820px) {
  .article-wrap {
    padding: 32px 20px;
  }
  .article-series-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
  }
  .article-series-dep3 {
    font-size: 18px;
  }
  .article-wrap .headline {
    margin-bottom: 32px;
    font-size: 32px;
  }
  .article-poll {
    padding: 24px;
  }
  .series-subscribe-module .series-subscribe-link {
    padding: 24px 60px 24px 24px;
    gap: 24px;
  }
  .series-subscribe-module .btn-series-subscribe {
    right: 24px;
  }
  .article-body-wrap>.summary,
  .article-body>blockquote {
    padding-left: 24px;
  }

  /* 관련뉴스 */
  /* .article-list-module .lead {
    display: -webkit-box;
  } */
  .article-list-module .txt-cont {
    width: calc(100% - (104px + 12px));
  }
  .article-list-module .thumb {
    width: 104px;
    height: 65px;
  }

  .view-tpl-b .view-top .headline-container {
    padding-left: 40px;
    padding-right: 40px;
    min-height: 280px;
  }
  .view-tpl-b .view-top .headline {
    font-size: 32px;
  }
  .view-tpl-c .view-top {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
  }
  .view-tpl-c .view-top .headline {
    font-size: 24px;
  }
  .view-tpl-c .headline-container {
    flex: 1;
    align-items: flex-start;
    padding-top: 24px; 
    border-top: 5px solid #121212;
    min-height: unset;
  }
  .view-tpl-c .split-image-container {
    position: relative;
    flex: 1;
  }
  .view-tpl-c .split-image-container .split-image::before {
    display: none;  
  }
  .view-tpl-c .article-series-wrap {
    margin-bottom:4px
  }
  .view-tpl-c .headline {
    color: #121212;
  }
  .view-tpl-c .article-series-wrap {
    color: #CA002C;
  }
  .view-tpl-c .article-series-wrap a {
    color: inherit;
  }
  .view-tpl-c .article-series-dep2::before {
    background-color: #CA002C;
  }
}
/* 1180px 이상: ai-module-wrap 우측 sticky 사이드바 */
@media (min-width: 1180px) {
  .ad-area-wrap,
  .recommend-list>li+li,
  .alice-rcmd-news,
  .utility-wrap~.article-video,
  .comments-sector-hk {
    margin-top: 32px;
  }
  .article-wrap .headline,
  .price-product-area {
    margin-bottom: 32px;
  }
  .ai-qa,
  .ai-analysis,
  .ai-report,
  .series-subscribe-module,
  .guest-author-profile,
  .article-rel-files,
  .article-affiliate-banner {
    margin: 32px 0;
  }
  /* .article-series {
    font-size: 18px;
  } */
  .article-wrap .headline {
    font-size: 48px;
  }

  .article-body-wrap,
  .article-rel-files,
  .series-subscribe-module,
  .article-content-bottom,
  .ai-module-wrap {
    max-width: 600px;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
  }
  /* .article-contents {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    column-gap: 60px;
  }
  .article-contents > .article-content-cols {
    grid-column: 1;
  }
  .article-contents > .ai-module-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    grid-column: 2;
    grid-row: 1 / span 2;
    position: sticky;
    top: 20px;
    align-self: start;
  }
  .article-contents > .article-content-bottom {
    grid-column: 1;
  }
  .article-contents > .ai-module-wrap > div {
    margin: 0;
  } */
  /* .article-contents > .ai-module-wrap {
    max-height: calc(100vh - 40px);
    overflow-y: auto;
  } */

  .view-tpl-b .view-top .headline-container {
    padding-left: 80px;
    padding-right: 80px;
    min-height: 360px;
  }
  .view-tpl-b .view-top .headline {
    font-size: 48px;
  }
  .view-tpl-c .view-top .headline {
    font-size: 32px;
  }

  #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; /*99999999*/ transition:left .5s, margin-left .5s}
  /* .content:has(.aside) #floatingVideo.active .floatingVideo-inner {transform:translateX(695px)} */
  #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 (min-width: 1600px) {
  .view-tpl-b .view-top .headline-container {
    min-height: 480px;
  }
  .view-tpl-b .view-top .headline,
  .view-tpl-c .view-top .headline {
    font-size: 48px;
  }
  .view-tpl-c .view-top {
    max-width: 1200px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 32px 40px;
  }
}
@media (min-width: 1800px) {
  #floatingVideo.active .floatingVideo-inner {left:50%; right:auto; margin-left:590px; transform:none}
  /* ,.content:has(.aside) #floatingVideo.active .floatingVideo-inner  */
}