@charset "UTF-8";
/* 
 * 섹션 GNB 공통 : 헤더, 푸터
 */

:root {
	--hk-text-primary: #121212;
    --hk-text-secondary: #585858;
    --hk-up: #b50000;
    --hk-down: #2853b2;
    --hk-hold: #585858;
	--hk-up-bg: #b50000;
    --hk-down-bg: #2853b2;
    --hk-hold-bg: #585858;
	--hk-up-dark: #ff5f5f;
	--hk-down-dark: #5897ff;
	--hk-hold-dark: #bdbdbd;  
	--hk-up-bg-dark: #D83B3B;  
	--hk-down-bg-dark: #3773DA;
	--hk-hold-bg-dark: #585858;

    /* 구독버튼 set */
	--subscribe-bg: #2189FF;
    --subscribe-border: #2189FF;
    --subscribe-text: #fff;
    --subscribe-icon-bg: 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' stroke-width='1.2' d='M7 2.917v8.166M2.917 7h8.167'/%3E%3C/svg%3E");
    --subscribe-hover-bg: #0264D3;
    --subscribe-hover-border: #0264D3;
    --subscribe-active-bg: #fff;
    --subscribe-active-border: #121212;
    --subscribe-active-text: #121212;
    --subscribe-active-icon-bg: #121212;
    --subscribe-disabled-bg: #fff;
    --subscribe-icon-loading: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg%3E%3Cpath stroke='%231A1A1A' stroke-linecap='round' stroke-linejoin='round' d='M10 1.667V5m0 10v3.333M5 10H1.667m16.666 0H15m.899 5.899-2.357-2.357m2.357-9.375-2.357 2.357m-9.44 9.375 2.356-2.357M4.101 4.167l2.357 2.357'/%3E%3CanimateTransform attributeName='transform' attributeType='XML' dur='1s' from='0 10 10' repeatCount='indefinite' to='360 10 10' type='rotate'/%3E%3C/g%3E%3C/svg%3E");
}

/* RESET */
html,body{-webkit-text-size-adjust:none}
body{color:#121212; font-family:HelveticaNeue, AppleSDGothicNeo-Regular, sans-serif; font-size:14px;line-height:1.45;word-break:keep-all;word-wrap:break-word}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,select,p,button,figure,figcaption{margin:0;padding:0}
img,fieldset,iframe{border:0 none; vertical-align:top}
table{width:100%}
table,thead,tbody,tfoot,tr,th,td{border:0 none;border-collapse:collapse;table-layout:fixed}
h1,h2,h3,h4,h5,h6{font-size:100%}
ul,ol,dl,li,dt,dd{list-style:none}
a{text-decoration:none;color:#121212}
em,address{font-style:normal}
button{border:0 none;border-radius:0;cursor:pointer; background:none}
input, textarea {border-radius:0; border:0 none; -webkit-appearance:none; -webkit-border-radius:0}
input[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{-webkit-appearance:radio; -webkit-border-radius:10px}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0}
legend {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
input,textarea,select,button{color:inherit;font-size:inherit;font-family:inherit}
input[type="submit"]{-webkit-appearance:none;-webkit-border-radius:0px;padding:0;border:0;margin:0}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none}
textarea{width:100%;resize:none;vertical-align:middle}
textarea::-webkit-input-placeholder,textarea::-moz-placeholder,textarea:-ms-input-placeholder,textarea:-moz-placeholder{color:#777}
input::-webkit-input-placeholder,input::-moz-placeholder,input:-ms-input-placeholder,input:-moz-placeholder{color:#777}
iframe, img {max-width:100%}
a[role="button"] {cursor:pointer}

/* SKIP NAVI */
#skipnavi,
.skip_navi {position:relative; z-index:9999}
#skipnavi a,
.skip_navi a {display:block; width:100%; font-size:0; line-height:0}
#skipnavi a:focus,
.skip_navi a:focus {padding:20px 0; font-size:14px; line-height:12px; color:#fff; text-align:center; background:#121212}

/* COMMON COMPONENTS */
html {background:#fff}
.blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent} 
.overflow-hidden {overflow:hidden}
:where(a, button)[class^="btn-"] {display:inline-block}
/* *[class^="icon-"],
*[class^="badge-"] {display:inline-block} */

/* icons */
/* ⓧ */
.icon--cir-x {display:inline-block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23888' d='M6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M8 4 4 8m0-4 4 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top}
/* 회원 계정 아이콘 */
[class^="icon-mylogin-"] {display:inline-block; width:24px; height:24px; border-radius:25rem; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; vertical-align:middle}
.icon-mylogin-email {background-image:url('https://hkstatic.hankyung.com/resource/common/img/icon/icon-account-hk.svg')}
.icon-mylogin-kakao {background-image:url('https://hkstatic.hankyung.com/resource/common/img/icon/icon-account-kakao.svg')}
.icon-mylogin-naver {background-image:url('https://hkstatic.hankyung.com/resource/common/img/icon/icon-account-naver.svg')}
.icon-mylogin-apple {background-image:url('https://hkstatic.hankyung.com/resource/common/img/icon/icon-account-apple.svg')}
.icon-mylogin-google {background-image:url('https://hkstatic.hankyung.com/resource/common/img/icon/icon-account-google.svg')}
/* 회원, 프리미엄, PRO 아이콘 */
img.icon--member,
img.icon--premium {margin-right:4px; vertical-align:-2px}
img.icon--pro {margin-right:4px; vertical-align:-3px}
.slick-slide img.icon--member,
.slick-slide img.icon--premium,
.slick-slide img.icon--pro {display:inline}
/* beta 아이콘 */
.badge-beta {display:inline-block; font-style:italic; font-weight:bold; font-size:11px; color:#ee4c4c; letter-spacing:0}

/* buttons */
/* 공통 구독 버튼: as-is */
.btn-toggle-subscribe {display:inline-flex !important; align-items:center; justify-content:center; gap:4px; -webkit-tap-highlight-color:transparent; user-select:none}
.btn-toggle-subscribe::after {content:''; display:inline-block; width:12px; height:12px; background:var(--subscribe-icon-bg) no-repeat 50% 50%/contain; vertical-align:top}
.btn-toggle-subscribe.on::after {width:6px; height:6px; margin:3px; border-radius:100%; background:var(--subscribe-active-icon-bg)}
.btn-toggle-subscribe:has(.txt) {display:inline-flex; align-items:center; min-width:80px; min-height:22px; padding:2px 8px 2px 10px; border:1px solid var(--subscribe-border); border-radius:50rem; background:var(--subscribe-bg); color:var(--subscribe-text); font-size:12px; line-height:1.5; opacity:0; transform:translateX(-10px); animation: 0.6s cubic-bezier(0.85, 0, 0.15, 1) 0s 1 normal forwards running btnSlideIn;}
.btn-toggle-subscribe:has(.txt).on {border-color:var(--subscribe-active-border); background:var(--subscribe-active-bg); color:var(--subscribe-active-text)}
.btn-toggle-subscribe:has(.txt):not(.on):active {background:var(--subscribe-hover-bg); border-color:var(--subscribe-hover-border)}
.btn-toggle-subscribe.loading {border-color:var(--subscribe-active-border) !important; background:transparent !important; pointer-events:none}
.btn-toggle-subscribe.loading::after {width:12px; height:12px; margin:0; background:var(--subscribe-icon-loading) no-repeat 50% 50%/contain}
.btn-toggle-subscribe:has(.txt).loading {border-color:transparent !important; background:none !important; pointer-events:none}
.btn-toggle-subscribe:has(.txt).loading::after {background:none}
.btn-toggle-subscribe:has(.txt).loading .txt {display:none}
@keyframes btnSlideIn {
	0% {
		opacity: 0;
		transform: translateX(-10px);
	}
	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}

/* pagination */
.pagination {display:flex; align-items:center; justify-content:center}
.pagination > a,
.pagination > strong {display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:35px; padding:0 5px; border:1px solid transparent; box-sizing:border-box; font-size:13px; /*font-family:Tahoma, sans-serif;*/ line-height:0; white-space:nowrap}
.pagination > a:not(:first-child),
.pagination > strong {margin-left:-1px}
.pagination > [class^="btn-"] {border-color:#ddd}
.pagination > [class^="btn-"]::before {content:''; display:inline-block; width:8px; height:7px; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:contain}
.pagination > .btn-page-first::before {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-page-first.svg')}
.pagination > .btn-page-prev::before {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-page-prev.svg')}
.pagination > .btn-page-next::before {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-page-next.svg')}
.pagination > .btn-page-last::before {background-image:url('https://hkstatic.hankyung.com/resource/www/common/img/icon/icon-page-last.svg')}
.pagination > a:hover,
.pagination > strong {position:relative; border-color:#121212}

/* select paging */
.select-paging {display:flex; justify-content:space-between; align-items:center; font-size:14px}
.select-paging .page-btn {display:flex; align-items:center; gap:30px}
.select-paging .page-btn [class^="btn-"] {display:inline-flex; align-items:center; justify-content:center; min-height:40px; font-size:inherit; white-space:nowrap; text-decoration:none; box-sizing:border-box}
.select-paging .btn-prev,
.select-paging .btn-next {gap:10px; width:47px; border:1px solid #585858; text-align:center}
.select-paging .btn-prev {border-radius:10px 0 0 10px}
.select-paging .btn-next {border-radius:0 10px 10px 0}
.select-paging .btn-prev::before,
.select-paging .btn-next::after {content:''; display:inline-block; width:8px; height:8px; transform:rotate(45deg)}
.select-paging .btn-prev::before {margin-left:4px; border-bottom:1px solid #121212; border-left:1px solid #121212}
.select-paging .btn-next::after {margin-right:4px; border-top:1px solid #121212; border-right:1px solid #121212}
.select-paging .page-select {display:flex; align-items:center; gap:6px}
.select-paging .select-box {position:relative; border:1px solid #585858; box-sizing:border-box}
.select-paging .select-box::after {content:''; display:inline-block; position:absolute; right:10px; top:46%; width:8px; height:8px; border-bottom:1px solid #121212; border-right:1px solid #121212; transform:translateY(-50%) rotate(45deg); pointer-events:none}
.select-paging .select-box select {outline:none; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#fff; padding:0 35px 0 12px; font-size:inherit; line-height:38px; box-sizing:border-box; cursor:pointer}
.select-paging .page-btn .btn-first,
.select-paging .page-btn .btn-last {display:none}
.select-paging .page-btn .txt {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); color:transparent}

/* MODAL */
.hk__icon-x {content:''; display:inline-block; width:20px; height:20px; background-image:linear-gradient(to bottom, #373737 0%, #373737 100%), linear-gradient(to left, #373737 0%, #373737 100%); background-size:100% 1px,1px 100%; background-position:center; background-repeat:no-repeat; transform:rotate(45deg); vertical-align:top}
/* 공통 모달: 서비스 공지 및 프로모션 팝업 */
.hk-noti-modal {--pop-width:470px; display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999999; background:rgba(0,0,0,.5);  width:100%; height:100%; overflow-x:hidden; overflow-y:auto; outline:0; box-sizing:border-box}
.hk-noti-modal > .modal-inner {align-items:center; justify-content:center; min-height:calc(100dvh - 40px); margin:20px;}
.hk-noti-modal .modal-cont-wrap {position:relative; max-width:var(--pop-width); background:#F5FAFF; box-sizing:border-box; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); padding:24px 24px 0}
.hk-noti-modal .modal-body {word-break:keep-all; overflow-wrap:anywhere}
.hk-noti-modal .modal-tit {font-size:25px}
.hk-noti-modal .modal-cont {display:flex; flex-direction:column; gap:16px; padding:24px 0; font-size:16px}
.hk-noti-modal .point {color:#BC4141; font-weight:500}
.hk-noti-modal .action-area {text-align:center}
.hk-noti-modal .btn-link {position:relative; display:inline-flex; align-items:center; height:40px; padding:0 24px 1px; border-radius:25rem; background:#546C83; color:#fff; font-weight:500; font-size:16px; line-height:1}
.hk-noti-modal .btn-link::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0}
.hk-noti-modal .modal-footer {padding-bottom:28px; text-align:center}
.hk-noti-modal .modal-btn-close {position:static !important; display:inline-flex; align-items:center; justify-content:center; width:120px; height:40px; border-radius:25rem; background:#546C83; color:#fff; font-size:14px; line-height:1}
.hk-noti-modal.active {display:block}
.hk-noti-modal.active > .modal-inner {display:flex}
.hk-noti-modal .popup-control {height:34px; overflow:hidden; background:#121212; margin:0 -24px; font-size:14px}
.hk-noti-modal .popup-control > .popup-inner {display:flex; align-items:center; justify-content:space-between; height:100%; padding:0 24px}
.hk-noti-modal .form-checkbox {display:inline-flex; align-items:center; position:relative}
.hk-noti-modal .form-checkbox input[type="checkbox"] {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.hk-noti-modal .form-checkbox label {color:#fff; font-size:14px; line-height:1.1}
.hk-noti-modal .form-checkbox label {user-select:none}
.hk-noti-modal .form-checkbox label::before {content:''; display:inline-block; width:16px; height:16px; margin-right:5px; border:none; border-radius:1px; background:#fff; box-sizing:border-box; vertical-align:-3px}
.hk-noti-modal .form-checkbox input[type="checkbox"]:checked + label::before {background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='7.9px' viewBox='0 0 10 7.9'%3E%3Cpath d='M3.8,7.9L0,4.3l1.5-1.5l2.2,2.1L8.5,0L10,1.5L3.8,7.9z' fill='%23121212' /%3E%3C/svg%3E") no-repeat center center/10px 9px}
.hk-noti-modal .btn-close {display:inline-flex; align-items:center; gap:5px; position:relative; background:none; width:auto; border:none; padding-right:20px; height:14px; color:#fff; font-size:14px; line-height:1.1; white-space:nowrap}
.hk-noti-modal .btn-close::before,
.hk-noti-modal .btn-close::after {content:''; position:absolute; right:7px; top:0; width:1px; height:14px; background-color:#fff}
.hk-noti-modal .btn-close:before {transform:rotate(45deg)}
.hk-noti-modal .btn-close:after {transform:rotate(-45deg)}

.hk-noti-modal.type-img .modal-cont-wrap {background:none; padding:0}
.hk-noti-modal.type-img .modal-body {background:none}
.hk-noti-modal.type-img .modal-body > a {display:block} 
.hk-noti-modal.type-img .modal-body .img-banner {width:100%; height:auto; vertical-align:top; object-fit:contain}
.hk-noti-modal.type-img .popup-control {margin:0}
/* 토스트 팝업 */
.hk__toast {position:fixed; left:0; right:0; bottom:0; z-index:999999999; padding:15px 40px 15px 10px; border:1px solid #e3e3e3; border-radius:20px 20px 0 0; background:#fff; box-shadow:3px 3px 7px rgba(0,0,0,.05); visibility:hidden; opacity:0; transform:translateY(100%); transition:all ease-in .25s}
.hk__toast .toast__body {display:flex; align-items:center; font-size:14px}
.hk__toast .toast__body > .toast__icon {flex:0 0 auto; margin-right:11px}
.hk__toast .toast__body .msg-primary {color:#ff761b}
.hk__toast .toast__btn-close {position:absolute; top:9px; right:9px; padding:10px}
.hk__toast.show {visibility:visible; opacity:1; transform:translateY(0)}
@media all and (min-width:720px){
	.hk__toast {right:auto; border-radius:0 20px 0 0}
}
/* [2026] 닷컴 공통 모달 */
.h-modal {
    --pop-width:520px;
    --pop-radius:clamp(18px, 4vw, 32px); /* max기준: 768 */
    --pop-padding:clamp(20px, 4vw, 32px);
    --pop-bg:#fff;
    --pop-color:#121212;
    --pop-primary-btn-bg:#121212;
    --pop-primary-btn-color:#fff;

    display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999999; width:100%; height:100%; background:rgba(0, 0, 0, 0.40); overflow-x:hidden; overflow-y:auto; outline:0; box-sizing:border-box;
}
.h-modal__inner {align-items:center; justify-content:center; min-height:calc(100dvh - 40px); margin:20px}
.h-modal__contents {position:relative; width:min(100%, var(--pop-width)); max-width:var(--pop-width); border-radius:var(--pop-radius); box-sizing:border-box; box-shadow:0 15px 75px 0 rgba(0, 0, 0, 0.18); padding:var(--pop-padding); background:var(--pop-bg)}
.h-modal__body{word-break:keep-all; overflow-wrap:anywhere; color:var(--pop-color)}
.h-modal__btns {display:flex; justify-content:center; margin-top:clamp(16px, 3vw, 24px)}
.h-modal-close {position:absolute; top:clamp(0px, calc((100vw - 400px) * 0.05), 8px); right:clamp(0px, calc((100vw - 400px) * 0.05), 8px); padding:12px}
.h-modal-close::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='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17 7 7 17M7 7l10 10'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top}
.h-modal__btns {display:flex; justify-content:center; align-items:center}
.h-modal-btn {flex:1; display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:9px 20px 7px; border:none; border-radius:50rem; cursor:pointer; font-weight:400; font-size:16px; letter-spacing:-0.6px; box-sizing:border-box; text-decoration:none}
.h-modal-btn:only-child {max-width:240px}
.h-modal-btn:hover {text-decoration:none}
.h-modal-btn--primary {background:var(--pop-primary-btn-bg); color:var(--pop-primary-btn-color)}
.h-modal.active {display:block}
.h-modal.active > .h-modal__inner {display:flex}
/* 배지 획득 모달 */
.h-modal--badge .h-modal__contents {transform:scale(0.85)}
.h-modal--badge .badge-modal__content {--fluid-size:28vw; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center}
.h-modal--badge .badge-modal__image {perspective:1000px}
.h-modal--badge .badge-modal__img {width:clamp(var(--min-w, 100px), var(--fluid-size), var(--max-w, 150px)); height:auto; backface-visibility:hidden; transform-origin:50% 50%}
.h-modal--badge .badge-modal__title {font-size:clamp(20px, calc(var(--fluid-size) * 0.16), 24px)}
.h-modal--badge .badge-modal__desc {font-size:16px}
.h-modal--badge .badge-modal__date {color:#585858; font-size:14px}
.h-modal--badge.active .h-modal__contents {animation:badge-modal-pop 560ms cubic-bezier(0.22, 1, 0.36, 1) both}
.h-modal--badge.active .badge-modal__img {animation:badge-modal-spin 700ms cubic-bezier(0.22, 1, 0.36, 1) 80ms both}
@keyframes badge-modal-pop {
    0% {opacity:0; transform:scale(0.85)}
    65% {opacity:1; transform:scale(1.03)}
    100% {opacity:1; transform:scale(1)}
}
@keyframes badge-modal-spin {
    0% {opacity:0; transform:rotateY(-1turn) scale(0.92)}
    70% {opacity:1; transform:rotateY(18deg) scale(1.04)}
    100% {opacity:1; transform:rotateY(0deg) scale(1)}
}

/* logos */
/* logo: 코리아마켓 */
.logo__koreamarket::before {content:''; display:inline-block; width:106px; height:19px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-koreamarket.svg') no-repeat 50% 50%/contain; overflow:hidden; vertical-align:top}
.logo__koreamarket--w::before {content:''; display:inline-block; width:106px; height:19px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-koreamarket-w.svg') no-repeat 50% 50%/contain; overflow:hidden; vertical-align:top}
.section__logo .logo__koreamarket {display:inline-block}
.section__logo .logo__koreamarket::before {width:145px; height:26px}
/* logo: 글로벌마켓 */
.logo__globalmarket::before {content:''; display:inline-block; width:106px; height:19px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-globalmarket.svg') no-repeat 50% 50%/contain; overflow:hidden; vertical-align:top}
.logo__globalmarket--w::before {content:''; display:inline-block; width:106px; height:19px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-globalmarket-w.svg') no-repeat 50% 50%/contain; overflow:hidden; vertical-align:top}
.section__logo .logo__globalmarket {display:inline-block}
.section__logo .logo__globalmarket::before {width:145px; height:26px}
/* logo: 집코노미 */
.logo__jipconomy::before {content:''; display:inline-block; width:63px; height:22px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-jipconomy.svg') no-repeat 50% 50%/contain; overflow:hidden; vertical-align:top; position:relative} 
.logo__jipconomy--w::before {content:''; display:inline-block; width:63px; height:22px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-jipconomy-w.svg') no-repeat 50% 50%/contain; overflow:hidden; vertical-align:top; position:relative}  
.section__logo .logo__jipconomy {display:inline-block}
.section__logo .logo__jipconomy::before {width:77px; height:27px}
/* logo: 트래블러 */
.logo__traveler::before {content:''; display:inline-block; width:139px; height:19px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-traveler.svg') no-repeat 50% 50%/contain; overflow:hidden; vertical-align:top}
.logo__traveler--w::before {content:''; display:inline-block; width:139px; height:19px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-traveler-w.svg') no-repeat 50% 50%/contain; overflow:hidden; vertical-align:top}
.section__logo .logo__traveler {display:inline-block}
.section__logo .logo__traveler::before {width:175px; height:24px}
/* logo: 한경 회원전용 */
.logo__hankyungpro::before {content:''; display:inline-block; width:211px; height:34px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-hankyungpro.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__hankyungpro--w::before {content:''; display:inline-block; width:211px; height:34px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-hankyungpro-w.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.section__logo .logo__hankyungpro {display:inline-block}
.section__logo .logo__hankyungpro::before {width:137px; height:22px}
/* logo: 한경 ESG */
.logo__esg::before {content:''; display:inline-block; width:140px; height:36px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-esg.svg') no-repeat center/contain; vertical-align:top}
.logo__esg--w::before {content:''; display:inline-block; width:140px; height:36px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-esg.svg') no-repeat center/contain; vertical-align:top}
.section__logo .logo__esg {display:inline-block}
.section__logo .logo__esg::before {width:86px; height:22px}
/* logo: 한경 BIO Insight */
.logo__bioinsight::before {content:''; display:inline-block; width:172px; height:26px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-bioinsight.svg') no-repeat center/contain; vertical-align:top}
.logo__bioinsight--w::before {content:''; display:inline-block; width:172px; height:26px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-bioinsight-w.svg') no-repeat center/contain; vertical-align:top}
.section__logo .logo__bioinsight {display:inline-block}
.section__logo .logo__bioinsight::before {width:146px; height:22px}
/* logo: 한경 CHO Insight */
.logo__choinsight::before {content:''; display:inline-block; width:229px; height:41px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-choinsight.svg') no-repeat center/contain; vertical-align:top}
.logo__choinsight--w::before {content:''; display:inline-block; width:229px; height:41px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-choinsight-w.svg') no-repeat center/contain; vertical-align:top}
.section__logo .logo__choinsight {display:inline-block}
.section__logo .logo__choinsight::before {width:123px; height:22px}
/* logo: 한경 Geeks */
.logo__geeks::before {content:''; display:inline-block; width:226px; height:37px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-geeks.svg') no-repeat center/contain; vertical-align:top}
.logo__geeks--w::before {content:''; display:inline-block; width:226px; height:37px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-geeks-w.svg') no-repeat center/contain; vertical-align:top}
.section__logo .logo__geeks {display:inline-block}
.section__logo .logo__geeks::before {width:134px; height:22px}
/* logo: 로앤비즈 */
.logo__lawbiz::before {content:''; display:inline-block; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-lawbiz.svg') no-repeat 50% 50%/contain; overflow:hidden; vertical-align:top}
.logo__lawbiz--w::before {content:''; display:inline-block; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-lawbiz-w.svg') no-repeat 50% 50%/contain; overflow:hidden; vertical-align:top}
.section__logo .logo__lawbiz::before {width:137px; height:26px}
/* logo: 입법 익스플로러 */
.logo__legiexplorer::before {content:''; display:inline-block; width:79px; height:20px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-legiexplorer.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__legiexplorer--w::before {content:''; display:inline-block; width:79px; height:20px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-legiexplorer-w.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.section__logo .logo__legiexplorer::before {width:108px; height:28px; transform:translateY(-3px)}
/* logo: 프라이스 */
.logo__price::before {content:''; display:inline-block; width:70px; height:20px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-price-v2.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__price--w::before {content:''; display:inline-block; width:70px; height:20px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-price-w-v2.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.section__logo .logo__price::before {width:84px; height:24px; transform:translateY(-2px)}
[data-header="price"] .section__title {position:relative}
[data-header="price"] .section__title .beta {display:block; position:absolute; top:3px; right:-45px; width:35px; height:19px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='19' fill='none' viewBox='0 0 43 19'%3E%3Crect width='42' height='18' x='.5' y='.5' stroke='%23121212' rx='9'/%3E%3Cpath fill='%23121212' d='M8.632 13V5.727h2.912q.802 0 1.339.238.536.239.806.66.27.42.27.967 0 .426-.17.749-.17.32-.47.525-.293.203-.674.288v.071q.415.018.778.235.365.216.593.607.227.387.227.923 0 .579-.288 1.033-.285.452-.841.714-.558.263-1.375.263zm1.538-1.257h1.253q.643 0 .938-.245a.82.82 0 0 0 .294-.66 1 1 0 0 0-.145-.533 1 1 0 0 0-.415-.363 1.4 1.4 0 0 0-.636-.13h-1.29zm0-2.972h1.14q.315 0 .56-.11a.93.93 0 0 0 .391-.32.83.83 0 0 0 .146-.494.8.8 0 0 0-.28-.635q-.277-.242-.789-.242H10.17zM15.243 13V5.727h4.901v1.268h-3.363v1.733h3.11v1.268h-3.11v1.736h3.377V13zm5.847-6.005V5.727h5.973v1.268h-2.227V13h-1.52V6.995zM28.41 13h-1.648l2.511-7.273h1.982L33.763 13h-1.648l-1.822-5.61h-.057zm-.103-2.859H32.2v1.2h-3.892z'/%3E%3C/svg%3E") no-repeat center/contain}
/* logo: 모닝루틴 */
.logo__mr::before {content:''; display:inline-block; width:94px; height:30px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-morningroutine.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__mr--w::before {content:''; display:inline-block; width:94px; height:30px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-morningroutine-w.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.section__logo .logo__mr::before {width:85px; height:27px; transform:translateY(-2px)}
/* logo: 반도체인사이트 */
.logo__semiconinsight::before {content:''; display:inline-block; width:226px; height:30px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-semiconinsight.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__semiconinsight--w::before {content:''; display:inline-block; width:226px; height:30px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-semiconinsight-w.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.section__logo .logo__semiconinsight::before {width:166px; height:22px}
/* logo: 한경epicAI */
.logo__epicai::before {content:''; display:inline-block; width:90px; height:18px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-epicai.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__epicai--w::before {content:''; display:inline-block; width:90px; height:18px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-epicai-w.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
/* logo: wave */
.logo__wave::before {content:''; display:inline-block; width:109px; height:30px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-wave-v2.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__wave--w::before {content:''; display:inline-block; width:109px; height:30px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-wave-v2-w.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.section__logo .logo__wave::before {width:87px; height:24px}

/* HEADER */
/* 섹션 GNB */

/* ---------- 신규 제작 예정 ---------- */



/* 간소화 GNB */
/* 간소화 GNB as-is: 기자페이지(적응형), 구독(페이지 삭제 예정), 용어사전(유지) */ 
.hk-header--simplify {background:#142C67}
.hk-header--simplify .header__inner {padding:0 20px}
.hk-header--simplify .logo__area {display:flex; align-items:center; min-height:50px} 
.hk-header--simplify .logo__area .logo--hk {display:block}
.hk-header--simplify .logo__area .logo--hk .img-logo {width:38px; height:20px}
.hk-header--simplify .logo__area .service__tit {display:inline-flex; align-items:center; color:#fff; font-weight:700; font-size:20px; line-height:1}
.hk-header--simplify .logo__area .service__tit::before {content:''; display:inline-block; width:1px; height:15px; margin:0 10px; background-color:#5F6982}
.hk-header--simplify .logo__area .service__tit .txt {transform:translateY(-1px)}
.hk-header--simplify__gnb {margin:0 -20px; padding:8px 20px; border-top:1px solid #2F4D98}
.hk-header--simplify__gnb > .inner__scroll {overflow-x:scroll; overflow-y:hidden; box-sizing:border-box; -webkit-overflow-scrolling:touch; text-align:center}
.hk-header--simplify__gnb > .inner__scroll::-webkit-scrollbar {display:none}
.section__gnb--simplify {display:inline-flex; align-items:center; gap:16px; color:#fff}
.section__gnb--simplify a {color:#fff; font-size:16px; line-height:22px; white-space:nowrap}
.section__gnb--simplify a:hover {color:#fff}
.section__gnb--simplify .on a {font-weight:600}

/* 간소화 GNB 신규: 마이한경, 한경 행사안내, 고객센터 */
.hk-header-compact {padding:0 20px; background:#fff}
.hk-header-compact .header-inner {max-width:1080px; margin:0 auto}
.hk-header-compact .header-cont {position:relative; display:flex; align-items:center; justify-content:space-between; height:56px}
.hk-header-compact .extra-area .home-link {display:block; margin-left:-6px; padding:6px; line-height:0}
.hk-header-compact .extra-area .logo-hk {width:auto; height:14px}
.hk-header-compact .logo-area {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.hk-header-compact .logo-area .logo-text {display:block; font-size:24px; font-weight:700; line-height:1}
.hk-header-compact .mobile-menu {flex:0 0 auto; line-height:0}
.hk-header-compact .mobile-menu .btn-menu {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.5' d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E") no-repeat center/contain}
.compact-lnb-menu {display:flex; flex-direction:column; gap:12px; flex:0 0 auto; box-sizing:border-box;}
.compact-lnb-menu li > a {display:flex; gap:8px; padding:8px; box-sizing:border-box; font-size:20px; word-break:break-all; -webkit-tap-highlight-color:transparent}
.compact-lnb-menu li > a > i {flex:0 0 auto; display:inline-block; width:20px; height:20px; margin-top:4px}
.compact-lnb-menu li i::before {content:'';  display:inline-block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:contain; vertical-align:top}
.compact-lnb-menu li > a:hover {text-decoration:none}
.compact-lnb-menu li > a:active,
.compact-lnb-menu li.on > a {border-radius:8px; background-color:#F3F4F6}
.compact-lnb-menu li.on > a {font-weight:700}
/* 간소화 GNB 신규 적용에 따른 콘텐츠 layout */
body:has(.hk-header-compact) .compact-lnb-layout {padding:24px 20px 0; max-width:1120px; margin:0 auto; box-sizing:border-box}
body:has(.hk-header-compact) .compact-lnb-contents {max-width:unset}
@media all and (max-width:1079.98px){
    .compact-lnb {position:fixed; top:0; right:-440px; bottom:0; width:calc(100vw - 20px); max-width:440px; height:100%; padding:56px 20px 24px; background-color:#fff; z-index:99999991; opacity:0; visibility:hidden; box-sizing:border-box; transition:right 0.3s linear, opacity 0.3s linear, visibility 0.3s linear}
    .compact-lnb.active {right:0; opacity:1; visibility:visible}
    .compact-lnb-menu {height:calc(100dvh - (56px + 24px)); overflow-x:hidden; overflow-y:auto}

    html:has(.is-lnbOpen),
    .is-lnbOpen {overflow:hidden}
    .is-lnbOpen::before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.2); z-index:9999999}
    .is-lnbOpen .hk-header-compact .mobile-menu {position:relative; z-index:999999992}
    .is-lnbOpen .hk-header-compact .mobile-menu .btn-menu.on {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' stroke-width='1.5' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}
}
@media all and (min-width:1080px){
    html:has(.hk-header-compact) {scrollbar-gutter:stable}
    body:has(.hk-header-compact) .compact-lnb-layout {display:flex; gap:40px}
    body:has(.hk-header-compact) .compact-lnb-contents {flex:1; max-width:calc(100% - 200px)}
    body:has(.hk-header-compact) .compact-lnb-contents:only-child {max-width:100%}

    .hk-header-compact .header-cont {height:72px}
    .hk-header-compact .extra-area .logo-hk {height:20px}
    .hk-header-compact .logo-area .logo-text {font-size:28px}
    .hk-header-compact .mobile-menu {display:none}

    .compact-lnb {display:block; flex: 0 0 auto; width:160px}
    .compact-lnb-menu {width:160px; padding:16px; border-radius:16px; border:1px solid #DADBDC; background:#fff}
    .compact-lnb-menu li > a {font-size:16px}
    .compact-lnb-menu li > a > i {margin-top:1px}
    .compact-lnb-menu li > a:hover {border-radius:8px; background-color:#F3F4F6}

    body:has(.compact-lnb) .footer__inner {padding-left:200px}
}
/* 간소화 GNB 신규: 화면별 */
/* MY한경 */
.hk-header-compact .logo-area .logo-myhankyung {display:block; width:69px; height:24px; background:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-myhankyung2.svg') no-repeat center/contain}
.compact-lnb .i-lnb-series::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.5' d='M16.667 8.75V5.667c0-1.4 0-2.1-.273-2.635a2.5 2.5 0 0 0-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 0-1.092 1.093c-.273.534-.273 1.235-.273 2.635v8.666c0 1.4 0 2.1.273 2.635a2.5 2.5 0 0 0 1.092 1.093c.535.272 1.235.272 2.635.272H10m1.667-9.166h-5M8.333 12.5H6.667m6.666-6.667H6.667M15 17.5v-5M12.5 15h5'/%3E%3C/svg%3E")}
.compact-lnb .i-lnb-mybrief::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.833 7.083H10M5.833 10H12.5m-6.667 5v1.946c0 .444 0 .666.091.78.08.1.2.157.326.157.146 0 .32-.139.666-.416l1.988-1.59c.406-.325.61-.488.836-.603a2.5 2.5 0 0 1 .634-.223c.25-.051.51-.051 1.03-.051H13.5c1.4 0 2.1 0 2.635-.273a2.5 2.5 0 0 0 1.092-1.092C17.5 13.1 17.5 12.4 17.5 11V6.5c0-1.4 0-2.1-.273-2.635a2.5 2.5 0 0 0-1.092-1.093C15.6 2.5 14.9 2.5 13.5 2.5h-7c-1.4 0-2.1 0-2.635.272a2.5 2.5 0 0 0-1.093 1.093C2.5 4.4 2.5 5.1 2.5 6.5v5.167c0 .775 0 1.162.085 1.48a2.5 2.5 0 0 0 1.768 1.768c.318.085.705.085 1.48.085'/%3E%3C/svg%3E")}
.compact-lnb .i-lnb-reporter::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 12.917H6.25c-1.163 0-1.744 0-2.218.143a3.33 3.33 0 0 0-2.222 2.222c-.143.473-.143 1.055-.143 2.218m14.166 0v-5m-2.5 2.5h5m-6.25-8.75a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0'/%3E%3C/svg%3E")}
.compact-lnb .i-lnb-scrap::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.5' 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")}
.compact-lnb .i-lnb-interest::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.402 2.878c.192-.39.288-.584.419-.646a.42.42 0 0 1 .358 0c.13.062.227.257.419.646l1.822 3.691a1 1 0 0 0 .127.217q.055.06.13.095c.054.025.118.034.245.053l4.076.596c.429.062.643.094.743.199a.42.42 0 0 1 .11.34c-.019.144-.174.295-.485.598l-2.948 2.872a1 1 0 0 0-.168.187.4.4 0 0 0-.05.153 1 1 0 0 0 .026.25l.696 4.056c.073.428.11.642.04.769a.42.42 0 0 1-.29.21c-.141.027-.334-.074-.718-.276L10.31 14.97c-.113-.06-.17-.09-.23-.1a.4.4 0 0 0-.16 0c-.06.01-.117.04-.23.1l-3.644 1.917c-.384.202-.576.303-.718.276a.42.42 0 0 1-.29-.21c-.07-.127-.033-.341.04-.769l.696-4.056a1 1 0 0 0 .025-.25.4.4 0 0 0-.05-.153c-.029-.053-.075-.098-.167-.187L2.634 8.667c-.31-.303-.466-.454-.485-.597a.42.42 0 0 1 .11-.341c.1-.105.314-.137.744-.2l4.076-.595c.126-.019.19-.028.245-.054a.4.4 0 0 0 .13-.094 1 1 0 0 0 .126-.217z'/%3E%3C/svg%3E")}
.compact-lnb .i-lnb-portfolio::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17.675 13.242A8.332 8.332 0 1 1 6.667 2.358M17.7 6.811c.334.805.539 1.657.608 2.523.017.214.026.321-.017.417a.44.44 0 0 1-.183.199c-.093.05-.208.05-.44.05h-7c-.233 0-.35 0-.44-.045a.4.4 0 0 1-.181-.182C10 9.683 10 9.567 10 9.333v-7c0-.231 0-.347.05-.44a.44.44 0 0 1 .199-.183c.096-.042.203-.034.417-.017A8.33 8.33 0 0 1 17.7 6.811'/%3E%3C/svg%3E")}
.compact-lnb .i-lnb-pay::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.333 6.667V3.75c0-.694 0-1.04-.146-1.253a.83.83 0 0 0-.547-.35c-.255-.044-.57.101-1.199.392L4.05 5.952c-.561.259-.842.388-1.047.59-.182.177-.32.393-.406.633-.096.27-.096.58-.096 1.198V12.5m11.25-.417h.008M2.5 9.333v5.5c0 .934 0 1.4.182 1.757.16.314.414.569.728.728.357.182.823.182 1.757.182h9.666c.934 0 1.4 0 1.757-.182.314-.16.569-.414.728-.728.182-.357.182-.823.182-1.757v-5.5c0-.933 0-1.4-.182-1.756a1.67 1.67 0 0 0-.728-.729c-.357-.181-.823-.181-1.757-.181H5.167c-.934 0-1.4 0-1.757.181-.314.16-.569.415-.728.729C2.5 7.933 2.5 8.4 2.5 9.333m11.667 2.75a.417.417 0 1 1-.834 0 .417.417 0 0 1 .834 0'/%3E%3C/svg%3E")}
.compact-lnb .i-lnb-privacy::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.667 17.5c0-1.163 0-1.745-.144-2.218a3.33 3.33 0 0 0-2.222-2.222c-.473-.143-1.055-.143-2.218-.143H7.917c-1.163 0-1.745 0-2.218.143a3.33 3.33 0 0 0-2.222 2.222c-.144.473-.144 1.055-.144 2.218M13.75 6.25a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0'/%3E%3C/svg%3E")}
.compact-lnb .i-lnb-logout::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 6.667 18.333 10m0 0L15 13.333M18.333 10H7.5m5-6.497A7 7 0 0 0 8.889 2.5C4.9 2.5 1.667 5.858 1.667 10s3.233 7.5 7.222 7.5a7 7 0 0 0 3.611-1.003'/%3E%3C/svg%3E")}
@media all and (min-width:1080px){
    .hk-header-compact .logo-area .logo-myhankyung {width:92px; height:32px}
}


/* FOOTER */
/* 섹션 공통 푸터 */
.footer-module {margin-top:20px; padding:0 20px}
.footer-module > div > .foot-inner {max-width:720px; margin:0 auto; padding:25px 0; border-top:1px solid #c3c3c3; box-sizing:border-box; font-size:14px}
.footer-module > div:first-child > .foot-inner {border-top-color:#121212}
.footer-module > div:last-child > .foot-inner {padding-bottom:70px}
.footer-module > div.footer-sponsor > .foot-inner {padding:20px 0}
.footer-module .is-pc {display:none}
.footer-sponsor-list {display:flex; align-items:center; justify-content:center; gap:min(max(10px, 6vw), 80px)}
.footer-sponsor-list [class^="f-sponsor"] {flex:0 1 auto; display:inline-block; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; vertical-align:top}
.footer-sponsor-list .f-sponsor-samsung {width:94px; height:14px; background-image:url('https://hkstatic.hankyung.com/resource/common/img/footer/footer-sponsor-samsung.svg')}
.footer-sponsor-list .f-sponsor-wooribank {width:76px; height:18px; background-image:url('https://hkstatic.hankyung.com/resource/common/img/footer/footer-sponsor-wooribank.svg')}
.footer-sponsor-list .f-sponsor-kbstar {width:109px; height:18px; background-image:url('https://hkstatic.hankyung.com/resource/common/img/footer/footer-sponsor-kbstar.svg')}
.footer-sitemap .service-list {display:flex; align-items:center; flex-wrap:wrap; gap:18px}
.footer-sitemap .service-list + .service-list {margin-top:25px}
.footer-sitemap .service-list.v2 {display:grid; grid-template-columns:repeat(auto-fill, minmax(130px, 1fr))}
.footer-infomation .f-row + .f-row {margin-top:25px} 
.footer-infomation dt {font-weight:bold}
.footer-infomation .item {display:inline-block; padding:9px 0}
.footer-infomation .item:not(:last-child)::after,
.footer-infomation .hk-family dt::after {content:''; display:inline-block; width:1px; height:14px; margin:0 11px 0 15px; font-weight:normal; vertical-align:-2px; background:#121212}
.footer-infomation .f-define dt {margin-bottom:5px}
.footer-infomation .hk-family dt {float:left; padding:5px 0}
.footer-infomation .hk-family dt::after {margin:0 15px}
.footer-infomation .hk-family.type-row {display:none}
.footer-infomation .copyright {margin-bottom:5px; font-weight:bold}
.footer-infomation .hk-family-select {display:inline-block; position:relative; max-width:100%; height:40px; margin-top:24px; background:#fff; box-sizing:border-box}
.footer-infomation .hk-family-select select {position:relative; z-index:2; width:100%; height:100%; padding:0 47px 0 16px; border:1px solid #ddd; border-radius:8px; background:transparent; font-size:14px; line-height:38px; vertical-align:middle; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:none; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.footer-infomation .hk-family-select select::-ms-expand {opacity:0}
.footer-infomation .hk-family-select select option {font-size:14px}
.footer-infomation .hk-family-select::after {content:''; position:absolute; top:50%; right:16px; width:16px; height:16px; transform:translateY(-50%); background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M12 10 8 6l-4 4'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top; pointer-events:none}

/* 간소화 푸터 */
.footer--simplify {padding:0 20px 40px; text-align:center}
.footer--simplify > .footer__inner {padding:15px 0; border-top:1px solid #eee}
.footer--simplify .footer-copyright {font-size:13px}
/* top 버튼 */
@keyframes slide-up {
    0% {
        opacity:0;
        transform: translateY(130px);
    }
    100% {
        opacity:1;
        transform: translateY(0px);
    }
}
.btn-top-wrap .btn-position {position:fixed; bottom:110px; right:20px !important; z-index:10; display:flex; align-items:center; gap:8px}
.btn-top-wrap .btn-prevpage,
.btn-top-wrap .btn-top {display:inline-flex !important; align-items:center; justify-content:center; box-sizing:border-box; border-radius:100%; background:rgba(255, 255, 255, .6); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); opacity:0; transition:opacity ease .3s; animation:none !important}
.btn-top-wrap .btn-prevpage::before,
.btn-top-wrap .btn-top::before {content:''; display:inline-block; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; vertical-align:top}
.btn-top-wrap .btn-prevpage::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M20 12.5H4m0 0 6 6m-6-6 6-6'/%3E%3C/svg%3E")}
.btn-top-wrap .btn-top::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M12 20.5v-16m0 0-6 6m6-6 6 6'/%3E%3C/svg%3E")}
.footer--simplify ~ .btn-top-wrap .btn-prevpage,
.footer--simplify ~ .btn-top-wrap .btn-top,
.isSticky .btn-top-wrap .btn-prevpage,
.isSticky .btn-top-wrap .btn-top {flex:0 0 auto; width:50px; height:50px; border:1px solid #ddd; opacity:1}
.footer--simplify ~ .btn-top-wrap .btn-prevpage::before,
.footer--simplify ~ .btn-top-wrap .btn-top::before,
.isSticky .btn-top-wrap .btn-prevpage::before,
.isSticky .btn-top-wrap .btn-top::before {width:24px; height:24px}
.btn-prevpage,
.btn-top {animation: slide-up ease .5s}
body:has(.hk-header-compact) .footer--simplify > .footer__inner {padding-top:0; border:none}
@media all and (min-width:1250px) {
    body:has(.hk-header-compact) .btn-top-wrap {position:fixed; bottom:0; left:50%}
    body:has(.hk-header-compact) .btn-top-wrap .btn-position {position:absolute; right:-620px !important}
}
@media all and (min-width:1400px) {
    body:has(.hk-header-compact) .btn-top-wrap .btn-position:has(.btn-prevpage) {right:-670px !important}
}



/* COMMON LATOUT & CONTENTS */
#container {width:100vw; box-sizing:border-box}
@media all and (min-width:720px){
	#container:not(.compact-lnb-layout),
	.foot-inner {max-width:720px; margin:0 auto}
}

/*---------- 실사용 화면 현황 조사 및 코드 정리 필요 ----------*/
/* sub color */
.news-subtit,
.lead,
.date,
.txt-date,
.text-date {color:var(--hk-text-secondary)}

/* loading spinner */
.data--loading {display:flex; align-items:center; justify-content:center}
.data--loading > .spinner {width:50px; height:50px} 

.data-loading, 
.loading-spinner {text-align:center}
.data-loading img,
.loading-spinner .spinner {width:70px}
/* 리스트 더보기 버튼 */
.container > .btn_more_wrap,
.container > .btn-more-wrap,
.inner > .btn_more_wrap,
.inner > .btn-more-wrap,
.news-list ~ .btn-more-wrap,
#wrap > .btn_more_wrap {padding-left:20px; padding-right:20px}
.main-component .news-list ~ .btn-more-wrap {padding-left:0; padding-right:0}
.btn_more_wrap,
.btn-more-wrap {padding-top:15px; padding-bottom:15px; background:#fff; text-align:center}
.btn_more_wrap .btn_more,
.btn-more-wrap .btn-more,
.btn-list-top {display:flex; align-items:center; justify-content:center; width:100%; padding:10px 0; border:1px solid #585858; border-radius:6px; font-weight:bold; font-size:17px; box-sizing:border-box}
.btn_more_wrap .btn_more.type-link::after,
.btn-more-wrap .btn-more.type-link::after {content:''; border-bottom:none; border-top:1px solid #121212; border-right:1px solid #121212; transform:rotate(45deg)}
.btn-list-top::after {content:''; display:inline-block; width:6px; height:6px; margin-left:5px; border-bottom:1px solid #121212; border-right:1px solid #121212; transform:rotate(-135deg); vertical-align:1px}
#container ~ .btn_more_wrap {max-width:720px; margin:0 auto; padding:15px; box-sizing:border-box}
/* page title */
.page-tit-wrap {position:relative; display:flex; align-items:center; min-height:26px; padding:10px 20px; border-bottom:1px solid #e5e5e5; background:#fff}
.page-tit-wrap .page-tit {font-weight:bold; font-size:19px; word-break:break-all}
.page-intro {margin-bottom:6px; padding:15px 20px; background:#fff; font-size:15px}
.page-intro-etc {text-align:right}
.page-intro .btn-mypage {display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:14px; background:#f3f3f3; font-size:14px}
/*---------- // ----------*/

/* AD */
.ad_bottom_fix {position:fixed; bottom:0; left:0; z-index:2; width:100%; background-color:#f2f2f2; text-align:center}
.ad_bottom_fix div {margin:0 auto}
/* 광고 (닫기 버튼 있는 경우) */
.btn_close_ad {display:none}
.btn_close_ad::before,
.btn_close_ad::after {content:''; position:absolute; left:50%; top:0; width:1px; height:20px; background-color:#fff}
.btn_close_ad:before {transform:translate(-50%) rotate(45deg)}
.btn_close_ad:after {transform:translate(-50%) rotate(-45deg)}
.ad_bottom_fix.close_ad {background:rgba(0,0,0,0.6); min-height:50px}
.ad_bottom_fix.close_ad .btn-remove-ad {position:absolute; top:0; left:50%; display:inline-flex; align-items:center; width:40px; height:15px; margin-left:160px; padding:1px 2px 0; text-align:center; background:#B50000; color:#fff; white-space:nowrap; font-size:10px; line-height:1}
.ad_bottom_fix.close_ad .btn_close_ad {display:block; position:absolute; top:50%; right:50%; width:20px; height:20px; margin:-10px -175px 0 0}
@media all and (max-width:390px){
    .ad_bottom_fix.close_ad .btn-remove-ad {top:-15px; margin-left:120px;}
}
@media all and (max-width:359px){
	.ad_bottom_fix.close_ad .ad_inner {margin-left:0}
	.ad_bottom_fix.close_ad .btn_close_ad {top:0; margin:0 -160px 0 0; background:rgba(0,0,0,0.6)}
}
@media all and (max-width:319px){
    .ad_bottom_fix.close_ad .btn-remove-ad {margin-left:0; left:auto; right:0}
}

/* iOS landscape safe-area */
@supports (-webkit-touch-callout: none) {
	@media (orientation: landscape) {
		.hk-modal-inner {
			padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
			padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)	
		}
	}
}
/* OS dark mode */
@media (prefers-color-scheme: dark) {
    :root {
        --hk-text-primary: #fff;
        --hk-text-secondary: #bdbdbd;
        --hk-up: #ff5f5f;
        --hk-down: #5897ff;
        --hk-hold: #bdbdbd;
        --hk-up-bg: #D83B3B;
        --hk-down-bg: #3773DA;
        --hk-hold-bg: #585858;

        --subscribe-bg: #323235;
        --subscribe-border: #323235;
        --subscribe-hover-bg: #1c1c1e;
        --subscribe-hover-border: #1c1c1e;
        --subscribe-active-bg: #323235;
        --subscribe-active-border: #323235;
        --subscribe-active-text: #fff;
        --subscribe-active-icon-bg: #fff;
        --subscribe-disabled-bg: #000;
        --subscribe-icon-loading: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M10 1.667V5m0 10v3.333M5 10H1.667m16.666 0H15m.899 5.899-2.357-2.357m2.357-9.375-2.357 2.357m-9.44 9.375 2.356-2.357M4.101 4.167l2.357 2.357'/%3E%3CanimateTransform attributeName='transform' attributeType='XML' dur='1s' from='0 10 10' repeatCount='indefinite' to='360 10 10' type='rotate'/%3E%3C/g%3E%3C/svg%3E");
    }

    html {background:#000}
    body, a {color:#fff}

    /* 공통 모달 */
    .hk__icon-x {background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%)}
    .hk-noti-modal .modal-cont-wrap {background:#1c1c1e}
    .hk-noti-modal .modal-btn-close {background:#000}
    .hk__toast {border:none; background:#1c1c1c}
    /* 공지 배너 */
    .hk-noti-banner {background:#1c1c1e}
    .hk-noti-banner .banner-tit::before {filter:invert()}
    .hk-noti-banner .banner-txt .txt-dot::before {background:#fff}
    .hk-noti-banner .banner-btn {border:none; background-color:#000}

    

    /* [회원],[P] */
    img.icon--member, 
    img.icon--premium {filter:grayscale(1) invert(1) brightness(3)}
    img.icon--pro {filter:invert(1)}

    /*  */
    .data--loading > .spinner {filter:invert(1)}

    /* select paging */
    .select-paging .btn-prev,
    .select-paging .btn-next {border:none; background-color:#1c1c1c}
    .select-paging .select-box {border-color:#323235}
    .select-paging .btn-prev::before,
    .select-paging .btn-next::after,
    .select-paging .select-box::after {border-color:#fff}
    .select-paging .select-box select {background:#1c1c1c; color:#fff}
    
    /* header */
    /* .section__gnb__wrap .section__gnb > li > .nav-link.nav-link--youtube .txt::before {filter:invert()} */

    
    /* 간소화 GNB 신규 */
    .hk-header-compact {background:#1c1c1e}
    .hk-header-compact .extra-area .logo-hk {filter:invert(1) grayscale(100%) brightness(10)}
    .hk-header-compact .mobile-menu .btn-menu {filter:invert(1)}
    .compact-lnb {background:#000}
    .compact-lnb-menu li > a:active,
    .compact-lnb-menu li.on > a {background:#555}
    .compact-lnb-menu li i::before {filter:invert(1)}
    /* 간소화 GNB 신규: 화면별 */
    .hk-header-compact .logo-area .logo-myhankyung {filter:invert(1) grayscale(100%) brightness(10)}

    /* 간소화 푸터 */
    .footer--simplify > .footer__inner {border-color:#323235; border-width:.5px}
    /* 뒤로,위로 버튼 */
    .footer--simplify ~ .btn-top-wrap .btn-prevpage,
    .footer--simplify ~ .btn-top-wrap .btn-top,
    .isSticky .btn-top-wrap .btn-prevpage,
    .isSticky .btn-top-wrap .btn-top {border-color:#323235; background:rgba(0, 0, 0, .6)}
    .btn-top-wrap .btn-prevpage::before,
    .btn-top-wrap .btn-top::before {filter:invert(1)}
    

    /* 사용여부 최종 체크, 변수 처리 등으로 정리하기!! */
    .btn_more_wrap,
	.btn-more-wrap {background-color:#000}
    .btn_more_wrap .btn_more,
	.btn-more-wrap .btn-more,
    .btn-list-top {border:none; border-radius:5px; background-color:#1c1c1e !important}
    .btn_more_wrap .btn_more:after,
	.btn-more-wrap .btn-more:after,
	.btn_more_wrap .btn_more.type-link::after,
	.btn-more-wrap .btn-more.type-link::after,
	.btn-list-top::after {border-color:#fff}

    .list-loading, .list_loading {background-color:#000 !important}
	.list-loading img, .list_loading img,
    [data-header="price"] .section__title .beta {filter:invert(1)}
    .loading-spinner .spinner {filter:invert(1)}
	.icon-mylogin-apple {filter:invert(1)}
    .data-loading .spinner {filter:invert(1)}

    .page-tit-wrap {border-color:#323235; background:#000}
    .page-intro {background:#000}
    .page-intro .btn-mypage {background:#1c1c1c}

    .logo-short-hk::before {background-image:url('https://hkstatic.hankyung.com/img/logo/logo-short-hk-w.svg')}
	.logo-short-hk::after {background:#323235}
	.logo__globalmarket::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-globalmarket-w.svg')}
	.logo__koreamarket::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-koreamarket-w.svg')}
	.logo__jipconomy::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-jipconomy-w.svg')}
    .logo__youtube::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-youtube-w.svg')}
	.logo__marketpro::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-marketpro-w.svg')}
	.logo__geeks2::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-geeks-w.svg')}
    .logo__koreamarketpro::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-koreamarketpro-w.svg')}
    .logo__globalmarketpro::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-globalmarketpro-w.svg')}
    .logo__jipconomypro::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-jipconomypro-w.svg')}
    .logo__esg::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-esg-w.svg')}
    .logo__traveler::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-traveler-w.svg')}
    .logo__travel::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-travel-w.svg')}
    .logo__bioinsight::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-bioinsight-w.svg')}
    .logo__choinsight::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-choinsight-w.svg')}
    .logo__geeks::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-geeks-w.svg')}
    .logo__lawbiz::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-lawbiz-w.svg')}
    .logo__legiexplorer::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-legiexplorer-w.svg')}
    .logo__price::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-price-w-v2.svg')}
    .logo__mr::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-morningroutine-w.svg')}
    .logo__semiconinsight::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-semiconinsight-w.svg')}
    .logo__epicai::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-epicai-w.svg')}
    .logo__wave::before {background-image:url('https://hkstatic.hankyung.com/resource/common/img/logo/logo-wave-v2-w.svg')}

    /* [2026] 닷컴 공통 모달 */
    .h-modal {
        --pop-bg:#1c1c1e;
        --pop-color:#fff;
    }
    .h-modal-close::before {filter:invert()}

    /* 반응형 */
    @media all and (min-width:1080px) {
        .compact-lnb {background:none}
        .compact-lnb-menu {background:#1c1c1e; border-color:#1c1c1e}
        .compact-lnb-menu li > a:hover,
        .compact-lnb-menu li.on > a {background-color:#555}
    }
}