@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;
}

/* RESET */
html,body{-webkit-text-size-adjust:none}
body{color:#121212; /*font-family:'Apple SD Gothic Neo','Helvetica Neue','AppleGothic','Droid Sans fallback',sans-serif;*/ 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:middle}
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; /* background: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}
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 {max-width:100%}
img {max-width:100%}

/* 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 CLASS */
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} 
a[class^="btn-"],
button[class^="btn-"],
*[class^="icon-"],
*[class^="badge-"] {display:inline-block}

.txt-en, 
.txt-num {letter-spacing:0}
/* .txt-num {font-family:'Helvetica Neue', sans-serif} */
/* IR */
/* .gnb-submenu .icon-new,
.section-gnb .icon-new {
    background-image:url('https://static.hankyung.com/img/www/m/common/2020/spr-common.svg');
    background-repeat:no-repeat;
} */

.btn-allmenu::before,
.icon-new,
header .btn-open-search::before,
header .btn-search::before,
.top-util-area .login-area .user-name::before {
    background-image:url('https://static.hankyung.com/img/www/m/common/2022/spr-common-20220307.svg');
    background-repeat:no-repeat;
}
/* 아이콘 */
/* .gnb-submenu .icon-new,
.section-gnb .icon-new {width:17px; height:16px; margin-left:2px; overflow:hidden; background-position:-152px -116px; color:transparent; white-space:nowrap; vertical-align:-2px} */

.icon-new {width:16px; height:16px; overflow:hidden; background-position:-153px -116px; color:transparent; white-space:nowrap; vertical-align:-2px}
.section-gnb .icon-new {margin-left:2px}

.myicon-del-circle {display:inline-block; width:20px; height:20px; border-radius:100%; background-color:#c3c3c3; background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%); background-size:50% 2px,2px 50%; background-position:center; background-repeat:no-repeat; transform:rotate(45deg); box-sizing:border-box}
/* 회원 아이콘 */
[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-hk,
.icon-mylogin-email {background:#142c67 url('https://static.hankyung.com/img/logo/logo-short-hk-w.svg') no-repeat 3px 50%/17px 9px}
.icon-mylogin-kakao {background-image:url('https://static.hankyung.com/img/common/icon/social/icon-cir-kakao.svg')}
.icon-mylogin-naver {background-image:url('https://static.hankyung.com/img/common/icon/social/icon-cir-naver.svg')}
.icon-mylogin-apple {background-image:url('https://static.hankyung.com/img/common/icon/social/icon-cir-apple.svg')}
.icon-mylogin-google {background-image:url('https://static.hankyung.com/img/common/icon/social/icon-cir-google.svg')}
/* 한경 Only 아이콘 */
.icon-hkonly {display:inline-block; margin-right:6px; padding:3px 5px 2px; border-radius:4px; background:#04aba9; color:#fff; font-weight:normal; font-size:11px; line-height:1.3; vertical-align:2px}
a.news-hkonly {text-decoration:none; box-shadow:inset 0 -8px 0 #dff9f8; transition:all .15s cubic-bezier(.33,.66,.66,1); overflow-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a.news-hkonly:hover {box-shadow:inset 0 -20px 0 #dff9f8}
/* 회원전용 아이콘 */
.icon-membersonly {display:inline-block; margin-right:6px; padding:2px 5px; border-radius:4px; background:#00bbb4; /*background:#ff761b;*/ color:#fff; font-weight:normal; font-size:11px; line-height:1.3; white-space:nowrap; vertical-align:2px}
a.icon-membersonly {color:#fff !important}
.icon-membersonly2 {display:inline-block; width:10px; height:13px; margin:0 0 0 6px; background:url('https://static.hankyung.com/img/www/w/common/icon/icon-lock.svg') no-repeat center center/contain; color:transparent; overflow:hidden; text-indent:-999px; vertical-align:-1px}
a.news-membersonly {display:inline !important; text-decoration:none; box-shadow:inset 0 -8px 0 #ffebdd; transition:all .15s cubic-bezier(.33,.66,.66,1); overflow-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a.news-membersonly:hover {box-shadow:inset 0 -20px 0 #ffebdd}
/* 프리미엄 아이콘 */
.icon-premium2 {margin-right:4px; vertical-align:-3px}
.icon-premium-txt {display:inline-block; margin-right:6px; padding:1px 4px 1px 5px; border-radius:4px; background:#eb4e45; color:#fff; font-weight:bold; font-size:11px; line-height:1.3; letter-spacing:0; vertical-align:2px; font-family:HelveticaNeue, AppleSDGothicNeo-Regular, sans-serif; text-align:center}
.header .icon-premium-pay {display:inline-block; background:url('https://static.hankyung.com/img/www/w/common/icon-premium.svg') no-repeat 0 0/contain; width:10px; height:13px; margin:0 0 0 5px; text-indent:-9999px; overflow:hidden; color:transparent}
.header .section-gnb .icon-premium-pay:first-child {margin:0 5px 0 0; vertical-align:-2px}

img.icon--member {margin-right:4px; vertical-align:-2px}
img.icon--premium {margin-right:4px; vertical-align:-2px}
.slick-slide img.icon--member,
.slick-slide img.icon--premium {display:inline}

/* 선거 아이콘 */
.icon-g-vote {display:inline-block; width:20px; height:20px; background:url('https://static.hankyung.com/img/election/common/icon-vote.svg') no-repeat 0 0/contain}
.section-gnb .icon-g-vote {width:16px; height:16px; margin-right:4px} 
/* beta아이콘 */
.badge-beta {display:inline-block; font-style:italic; font-weight:bold; font-size:11px; color:#ee4c4c; letter-spacing:0}
.header .badge-beta {margin-left:2px; transform:translateY(-4px)}

/* 로고: 한경 */
.logo-short-hk {display:inline-block; vertical-align:middle; line-height:1}
.logo-short-hk::before {content:''; display:inline-block; width:38px; height:20px; background:url('https://static.hankyung.com/img/logo/logo-short-hk.svg') no-repeat 0 0/contain; vertical-align:top}
.logo-short-hk.white::before {background-image:url('https://static.hankyung.com/img/logo/logo-short-hk-w.svg')}
.logo-short-hk::after {content:''; display:inline-block; width:1px; height:20px; margin:0 8px; background:#ddd; vertical-align:top}

/* 전체메뉴 버튼 */
.btn-allmenu {position:relative; width:21px; height:17px}
.btn-allmenu::before {content:''; display:inline-block; width:22px; height:17px; background-position:-21px -73px}
.badge-new {position:absolute; top:-5px; right:-5px; width:5px; height:5px; border:2px solid #fff; border-radius:50%; overflow:hidden; background:#f51f2b; color:transparent; white-space:nowrap; box-sizing:content-box}

.header_inner .btn-allmenu {position:absolute; top:50%; left:20px; transform:translateY(-50%)}
.sub_header .btn-allmenu {margin:0 10px; vertical-align:middle}

/* Top버튼 */
/* .btn-prevpage {position:fixed; right:60px; bottom:70px; z-index:10; width:35px; height:35px; border-radius:50%; background:rgba(136,136,136,.7); text-align:center}
.btn-prevpage::before {content:''; display:inline-block; position:absolute; top:50%; left:calc(50% + 2px); width:10px; height:10px; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(-45deg) translate(-50%, -50%); transform-origin:left top}
.btn-top {position:fixed; right:15px; bottom:70px; z-index:10; width:35px; height:35px; border-radius:50%; background:rgba(136,136,136,.7); text-align:center}
.btn-top::before {content:''; display:inline-block; position:absolute; top:calc(50% + 2px); left:50%; width:10px; height:10px; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(45deg) translate(-50%, -50%); transform-origin:left top} */

.btn-top-wrap .btn-position {position:fixed; bottom:110px; right:16px; 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}

/* FOOTER */
.foot-sitemap {padding:0 15px; border-top:6px solid #f3f2f8; background:#fff; font-size:12px}
.foot-sitemap img.icon-premium {width:8px; height:11px; margin-left:4px; vertical-align:middle}
.foot-sitemap .service-cate {padding:15px 0}
.foot-sitemap .service-cate + .service-cate {border-top:1px solid #e6e6e7}
.foot-sitemap .service-cate a {font-size:11px}
.foot-sitemap .sv-list {display:flex; flex-wrap:wrap}
.foot-sitemap .sv-list > li {flex:0 0 auto; width:35%; min-height:20px}
.foot-sitemap .sv-list > li > a {display:block}
.foot-sitemap .sv-list > li:nth-child(3n) {width:30%}
.foot-sitemap .sv-list > li:nth-child(3n + 1) {width:33%}
.foot-sitemap .sv-list > li:nth-child(3) ~ li {margin-top:3px}

.service-cate.columns-3 {display:flex; justify-content:space-between}
.service-cate.columns-3 > ul {flex:0 0 auto}
.service-cate.columns-3 > ul > li + li {margin-top:5px}

.service-cate.col3 > ul {display:flex; flex-wrap:wrap}
.service-cate.col3 > ul > li {flex:0 0 auto; width:33.33336%; min-height:20px; padding:0 5px; box-sizing:border-box}

.footer-wrap {padding:0 15px; font-size:12px; background:#fff}
.foot-cont {padding:20px 0 70px; border-top:1px solid #e6e6e7}
.foot-cont .f-item-group + .f-item-group {margin-top:20px}
.foot-cont .f-item-group dt {margin-bottom:5px; font-weight:bold}
.foot-cont .f-item {font-size:11px}
.foot-cont .f-item > a,
.foot-cont .f-item > span,
.foot-cont .f-item > address {display:inline-block; margin-right:13px}
.foot-cont .f-item > address {margin-top:15px; font-style:normal}
.foot-cont .f-item + .f-item {margin-top:5px}
.foot-cont .f-item:nth-child(3),
.foot-cont .f-item:nth-child(4) {display:inline}
.foot-cont .hk-dotcom .f-item:last-of-type {margin-top:15px}
.foot-cont .copyright {margin-bottom:15px}
.foot-sponsor {display:none}
@media all and (max-width:359px){
	.foot-sitemap .sv-list > li:nth-child(3n) {width:35%}
	.foot-sitemap .sv-list > li:nth-child(3n + 1) {width:27%}
	.foot-sitemap .sv-list > li:nth-child(3n + 2) {width:38%}
}

/* 글로벌마켓 푸터 공통 텍스트 */
.foot-info-txt {margin:20px 0; padding:0 15px; /*padding-top:25px; border-top:1px solid #ddd;*/}
.foot-info-txt .txt {color:#888; font-size:12px}
.foot-info-txt .txt a {color:#888; text-decoration:underline}

/* 공통 레이아웃 */
#container {width:100vw; box-sizing:border-box}
@media all and (min-width:720px){
    /* html {background:#f3f2f8}
	#wrap,
	#header {max-width:720px; margin:0 auto} */

	#container,
	.foot-inner {max-width:720px; margin:0 auto}
}

.btn-prevpage,
.btn-top,
.btn_prevpage,
.bg_ico.btn_top {animation: slide-up ease .5s}
@keyframes slide-up {
    0% {
        opacity:0;
        transform: translateY(130px);
    }
    100% {
        opacity:1;
        transform: translateY(0px);
    }
}

/* 콘텐츠 공통 */

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}


/* 리스트 목록 더보기 공통 */
.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:after,
.btn-more-wrap .btn-more:after {content:''; display:inline-block; width:6px; height:6px; margin-left:5px; border-bottom:1px solid #121212; border-right:1px solid #121212; vertical-align:4px; transform:rotate(45deg)} */

.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}

/* 개편전 이전 버튼(css정리 시 제거) */
.btn_prevpage {position:fixed; right:72px; bottom:80px; z-index:20; width:42px; height:42px; border:1px solid #e4e4e4; background:rgba(255,255,255,0.9); box-sizing:border-box}
.btn_prevpage::before {content:''; display:inline-block; position:absolute; top:50%; left:calc(50% + 4px); width:15px; height:15px; border-top:1px solid #121212; border-left:1px solid #121212; transform:rotate(-45deg) translate(-50%, -50%); transform-origin:left top}

.data-loading {text-align:center}
.data-loading img {width:70px; height:70px}


/* 2021.06.11 모바일 공통 헤더(반영이후 css 코드 위치 정리) */
/* Header */
.header {position:sticky; top:0; z-index:9999999; width:100%; box-sizing:border-box}
.header .header-main {position:relative}
.header .header-main::before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.9); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px)}
.header .header-main .logo {display:flex; height:50px; align-items:center; justify-content:center}
.header .header-main .logo-hankyung {display:inline-block; width:81px; height:20px; overflow:hidden; background:url('https://static.hankyung.com/img/logo/logo-hk.svg') no-repeat; color:transparent; white-space:nowrap; transform:scale(1.1); font-size:0}
.header .btn-allmenu {position:absolute; top:50%; left:20px; width:21px; height:17px; transform:translateY(-50%); font-size:0;}
.header .btn-allmenu .badge-new {position:absolute; top:-5px; right:-5px}

.header .gnb-section {position:relative}
.header .gnb-section::before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.9); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px)}
.header .gnb-section-tit {position:relative; display:flex; align-items:center; height:46px; padding:0 20px; border-top:1px solid #c3c3c3; border-bottom:1px solid #e5e5e5; font-weight:bold; font-size:20px; box-sizing:border-box}
.header .gnb-section-tit .logo-type {line-height:1}
.header .gnb-section-tit .logo-type img[class^="logo-type"] {vertical-align:top}
.header .gnb-section-tit .logo-type .logo-type-globalstock {height:34px}
.header .gnb-section-tit .logo-type .logo-type-esg {height:18px}
.header .gnb-section-tit .logo-type .logo-type-aiinsight {height:20px}
.header .gnb-section-tit .logo-type .logo-type-choinsight {height:24px}
.header .gnb-section-tit .logo-type .logo-type-edge {position:relative; top:1px; height:26px}
.header .gnb-section-tit .logo-type .logo-type-bioinsight {height:20px}
.header .gnb-section-tit .logo-type .logo-type-thepen {height:21px}

.header .btn-gnb-submenu {position:absolute; top:50%; right:12px; width:30px; height:44px; transform:translateY(-50%); outline:none; transition:all 1s cubic-bezier(0.86, 0, 0.07, 1)}
.header .btn-gnb-submenu::before,
.header .btn-gnb-submenu::after {content:''; display:inline-block; width:11px; height:1px; background:#121212; transition:transform 1s cubic-bezier(0.86, 0, 0.07, 1),transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1); box-shadow:0 0 2px rgba(255,255,255,.5)}
.header .btn-gnb-submenu::before {-webkit-transform-origin:100% 100%; transform-origin:100% 100%; -webkit-transform:rotate(40deg) scaleY(1.1); transform:rotate(40deg) scaleY(1.1)}
.header .btn-gnb-submenu::after {-webkit-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:rotate(-40deg) scaleY(1.1); transform:rotate(-40deg) scaleY(1.1)}
.header .gnb-submenu {position:absolute; top:46px; left:0; right:0; z-index:99999; overflow:hidden; pointer-events:none; visibility:hidden; width:100%; max-height:0; -webkit-transition:max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s,visibility 0s linear 1s; transition:max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s,visibility 0s linear 1s}
.header .gnb-submenu::before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.9); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); border-bottom:1px solid #ddd}
.header .gnb-submenu > .submenu-inner,
.header .gnb-submenu ul {display:grid}
.header .gnb-submenu > .submenu-inner > ul {display: block}
.header .gnb-submenu > .submenu-inner,
.header .gnb-submenu > ul {grid-template-columns:repeat(2, 1fr); column-gap:40px; row-gap:20px; position:relative; padding:20px; opacity:0; -webkit-transform:translate3d(0, -150px, 0); transform:translate3d(0, -150px, 0); -webkit-transition:opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s,-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; transition:opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s,-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s,opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s; transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s,opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s,-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s}
.header .gnb-submenu > .submenu-inner::before,
.header .gnb-submenu > ul::before {content:''; position:absolute; top:20px; bottom:20px; left:50%; width:1px; background:#ddd; transform:translateX(-50%)}

.header .gnb-submenu > .submenu-inner > ul > li + li {margin-top:15px}
.header .gnb-submenu > .submenu-inner > ul > li > a,
.header .gnb-submenu > .submenu-inner > ul > li > strong,
.header .gnb-submenu > ul > li > a,
.header .gnb-submenu > ul > li > strong {display:block; font-weight:normal; font-size:17px}
.header .gnb-submenu > .submenu-inner > ul > li:first-child,
.header .gnb-submenu > ul > li:first-child {border-top:none}
.header .gnb-submenu > .submenu-inner > ul > li > ul,
.header .gnb-submenu > ul > li > ul {grid-template-columns:repeat(1, 1fr); row-gap:15px; padding:20px 15px 0}
.header .gnb-submenu > .submenu-inner > ul > li > ul a,
.header .gnb-submenu > ul > li > ul a {font-size:15px}
.header .gnb-submenu .gnb-submenu-banner {text-align:center}
.header .gnb-submenu .gnb-submenu-banner > a {display:block; border-radius:10px}
.header .gnb-submenu .gnb-submenu-banner img {max-width:320px}

.header .gnb-submenu li.on > a {font-weight:bold}
.header .gnb-section.active .btn-gnb-submenu {top:calc(50% - 8px)}
.header .gnb-section.active .btn-gnb-submenu::before {-webkit-transform-origin:100% 0%; transform-origin:100% 0%; -webkit-transform:rotate(
-40deg) scaleY(1.1); transform:rotate(-40deg) scaleY(1.1)}
.header .gnb-section.active .btn-gnb-submenu::after {-webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:rotate(40deg) scaleY(1.1); transform:rotate(40deg) scaleY(1.1)}
.header .gnb-section.active .gnb-submenu {max-height:400px; max-height:calc(100vh - 50px - 46px); overflow-y:auto; -webkit-overflow-scrolling:touch; pointer-events:auto; visibility:visible; -webkit-transition-delay:0.2s, 0s; transition-delay:0.2s, 0s}
.header .gnb-section.active .gnb-submenu > .submenu-inner,
.header .gnb-section.active .gnb-submenu > ul {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition-delay:0.2s, 0.4s; transition-delay:0.2s, 0.4s}

.header .gnb-section .gnb-section-etc {position:absolute; top:50%; right:20px; transform:translateY(-50%)}
.header .gnb-section-etc .btn-mypage {display:inline-block; height:30px; padding:0 20px; border-radius:15px; background:#f3f3f3; font-size:15px}
.header .gnb-section-etc .btn-mypage::before {content:''; display:inline-block; width:1px; height:30px; vertical-align:-10px}

.logo__globalmarket::before {content:''; display:inline-block; width:106px; height:19px; background:url('https://static.hankyung.com/img/logo/logo-globalmarket.svg') no-repeat 0 0/contain; vertical-align:middle}
.gnb-section .logo__globalmarket::before {width:134px; height:24px}

.logo__koreamarket::before {content:''; display:inline-block; width:106px; height:19px; background:url('https://static.hankyung.com/img/logo/logo-koreamarket.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:middle}
.logo__koreamarket--w::before {content:''; display:inline-block; width:106px; height:19px; background:url('https://static.hankyung.com/img/logo/logo-koreamarket-w.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.gnb-section .logo__koreamarket::before {width:134px; height:24px}

.logo__jipconomy::before {content:''; display:inline-block; width:88px; height:27px; background:url('https://static.hankyung.com/img/logo/logo-jipconomy.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}

.logo__youtube::before {content:''; display:inline-block; width:80px; height:18px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-youtube.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top; position:relative}

.logo__geeks::before {content:''; display:inline-block; width:226px; height:38px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-geeks-w.svg') no-repeat center center/contain; vertical-align:top}
.logo__geeks2::before {content:''; display:inline-block; width:226px; height:38px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-geeks.svg') no-repeat center center/contain; vertical-align:top}

.logo__marketpro::before {content:''; display:inline-block; width:99px; height:22px; background:url('https://static.hankyung.com/img/logo/logo-marketpro.svg') no-repeat 0 0/contain; vertical-align:top}
/* 로고타입: 회원전용 PRO */
.logo__koreamarketpro::before {content:''; display:inline-block; width:129px; height:19px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-koreamarketpro.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__koreamarketpro--w::before {content:''; display:inline-block; width:129px; height:19px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-koreamarketpro-w.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__globalmarketpro::before {content:''; display:inline-block; width:129px; height:19px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-globalmarketpro.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__globalmarketpro--w::before {content:''; display:inline-block; width:129px; height:19px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-globalmarketpro-w.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__jipconomypro::before {content:''; display:inline-block; width:83px; height:20px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-jipconomypro.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__jipconomypro--w::before {content:''; display:inline-block; width:83px; height:20px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-jipconomypro-w.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}

.logo__traveler::before {content:''; display:inline-block; width:139px; height:19px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-traveler.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}
.logo__traveler--w::before {content:''; display:inline-block; width:139px; height:19px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-traveler-w.svg') no-repeat 0 0/contain; overflow:hidden; vertical-align:top}

.logo__travel::before {content:''; display:inline-block; width:124px; height:19px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-travel.svg') no-repeat 50% 50%/contain; overflow:hidden; vertical-align:top}
.logo__travel--w::before {content:''; display:inline-block; width:124px; height:19px; background:url('https://static.hankyung.com/resource/common/img/logo/logo-travel-w.svg') no-repeat 50% 50%/contain; overflow:hidden; vertical-align:top}

/* 2021.11.15 추가영역
 * 모바일 섹션 GNB 공통 수정(반영이후 css 정리)
 */
/* .header.header-section {min-width:320px} */
.header-section .header-main::before {border-bottom:1px solid #c3c3c3}
.header-section .logo-section {position:relative; display:flex; justify-content:center; min-height:50px; padding-bottom:8px; box-sizing:border-box;}
.header-section .logo-short-hk {display:inline-flex; justify-content:center; align-items:flex-end; margin-right:6px; padding:0 6px 8px 5px; background-color:#142c67; box-sizing:border-box}
.header-section .logo-short-hk::before {width:39px; height:24px; background-position:50% 50%}
.header-section .logo-short-hk::after {display:none}
.header-section .logo-section .section-title {display:inline-flex; align-items:flex-end; padding:8px 0; color:#555; font-size:22px; line-height:1.1em; /*font-family:'Noto Serif KR', serif*/}
.section-gnb-wrap {background:#fff}
.section-gnb {overflow:hidden; position:relative; border-bottom:1px solid #e5e5e5}
.section-gnb::before,
.section-gnb::after {content:''; display:block; position:absolute; top:0; width:22px; height:100%; z-index:10}
.section-gnb::before {left:0; background:-moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0) 100%); background:linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0) 100%)}
.section-gnb::after {right:0; background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,1) 100%); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,1) 100%)}
.section-gnb .inner-scroll {overflow-y:hidden;overflow-x:auto; height:auto; padding:7px 0; -webkit-overflow-scrolling:touch}
.section-gnb .inner-scroll::-webkit-scrollbar {display:none}

/* .section-gnb ul {display:table;position:absolute;top:0;left:0;width:auto;width: 100%;}
.section-gnb li {display:table-cell; vertical-align:middle}
.section-gnb li a {overflow:hidden; display:block; position:relative; padding:0 12px; font-size:16px; line-height:40px; text-align:center; text-decoration:none; white-space:nowrap} */
.section-gnb ul {display:inline-flex; justify-content:space-between; min-width:100%}
.section-gnb li {flex:1 1 auto; padding:0 7px;font-size: 16px; white-space:nowrap; text-align:center;}
.section-gnb li a {display:inline-block; padding:0 5px; box-sizing:border-box}
.section-gnb li:first-child a {padding-left:13px}
.section-gnb li:last-child a {padding-right:13px}
.section-gnb li.on a {color:#4c88b6; font-weight:bold}
.section-gnb li .icon-membersonly {margin:0 0 0 5px; font-size:10px}
.section-gnb.dep2 li a {font-size:15px}
.section-gnb .badge-hkonly {display:inline-block; width:48px; height:14px; margin:0 0 0 2px; background:url(https://static.hankyung.com/img/www/w/common/badge-hkonly.svg) no-repeat 0 0/contain; vertical-align:-2px}

.section-cont-wrap .section-gnb {padding:0 10px}
.section-cont-wrap .section-gnb .inner-scroll {padding:16px 0}
.section-cont-wrap .section-gnb .link-btn {display:flex; align-items:center; justify-content:center; gap:4px;  min-height:40px; padding:0 20px; background:#f3f3f3; border-radius:25rem; box-sizing:border-box}

.header-section .logo-section__logotype {align-items:center; padding:0; font-size:0}
.header-section .logo__globalmarket {display:block; position:relative; height:25px}
.header-section .logo__globalmarket::before {width:139px; height:25px}
.header-section .logo__globalmarket > a {position:absolute; top:0; height:100%}
.header-section .logo__globalmarket > a:nth-child(1) {left:0; width:30px}
.header-section .logo__globalmarket > a:nth-child(2) {right:0; width:calc(100% - 30px)}

.header-section .logo__koreamarket {display:block; position:relative; height:25px}
.header-section .logo__koreamarket::before {width:139px; height:25px}
.header-section .logo__koreamarket > a {position:absolute; top:0; height:100%}
.header-section .logo__koreamarket > a:nth-child(1) {left:0; width:30px}
.header-section .logo__koreamarket > a:nth-child(2) {right:0; width:calc(100% - 30px)}

.header-section .logo__marketpro {display:block; position:relative; height:25px}
.header-section .logo__marketpro::before {width:122px; height:27px}
.header-section .logo__marketpro > a {position:absolute; top:0; height:100%}
.header-section .logo__marketpro > a:nth-child(1) {left:0; width:30px}
.header-section .logo__marketpro > a:nth-child(2) {right:0; width:calc(100% - 30px)}

.header-section .logo__traveler {display:block; position:relative; height:25px}
.header-section .logo__traveler::before {height:100%; background-position:center}
.header-section .logo__traveler > a {position:absolute; top:0; height:100%}
.header-section .logo__traveler > a:nth-child(1) {left:0; width:35px}
.header-section .logo__traveler > a:nth-child(2) {right:0; width:calc(100% - 35px)}

.header-section .logo__travel {display:block; position:relative; height:25px}
.header-section .logo__travel::before {height:100%; background-position:center}
.header-section .logo__travel > a {position:absolute; top:0; height:100%}
.header-section .logo__travel > a:nth-child(1) {left:0; width:35px}
.header-section .logo__travel > a:nth-child(2) {right:0; width:calc(100% - 35px)}

/* 로고타입: 한경 ESG */
.header-section .logo__esg::before {width:90px; height:24px}
.header-section .logo__esg {display:block; position:relative; height:25px}
.header-section .logo__esg > a {position:absolute; top:0; height:100%}
.header-section .logo__esg > a:nth-child(1) {left:0; width:40px}
.header-section .logo__esg > a:nth-child(2) {right:0; width:calc(100% - 40px)}

.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}

.view .header.header-section {position:sticky}
/* //2021.11.15 */

/* 2021.11.16 글로벌마켓 홈화면 추가 레이어 */
.layer-set-home {position:fixed; left:0; right:0; bottom:-20px; z-index:999999; animation:bounce ease-in-out 1s both; box-shadow: 0 0 7px rgb(0 0 0 / 20%)}
.layer-set-home .in {padding:25px 20px 45px; background:none}
.layer-set-home .in::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; padding:25px 20px; background:rgba(255,255,255,0.8); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px)}
.layer-set-home .layer-cont {position:relative; max-width:720px; margin:0 auto; font-size:16px; text-align:center}
.layer-set-home .layer-cont .tit {font-size:17px}
.layer-set-home .layer-cont .logo__globalmarket::before {vertical-align:-3px}
.layer-set-home .layer-cont .btns {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:20px}
.layer-set-home .layer-cont .btns [class^="btn-"] {display:inline-flex; align-items:center; justify-content:center; height:40px; min-width:115px; padding:0 10px; border-radius:20px; background:#888; color:#fff; font-weight:bold; line-height:1; box-sizing:border-box;}
.layer-set-home .layer-cont .btns .btn-reset {background:#888}
.layer-set-home .layer-cont .btns .btn-submit {background:#436f91}
@keyframes bounceInBottom {
    0% { transform: translate3d(0, 200%, 0) }
    50% { transform: translate3d(0, -30px, 0) }
    73% { transform: translate3d(0, 15px, 0) }
    80% { transform: translate3d(0, -5px, 0) }
}
@keyframes bounce {
    0% {transform: translateY(120px)}
    100% {transform: translateY(-70px)}
}


/* 2022개편버전 header (개편 GNB 반영 이후 전체 css 정리) */
.overflow-hidden {overflow:hidden}
/* body.overflow-hidden {min-height:100vh; min-height:-webkit-fill-available}
html.overflow-hidden {height:-webkit-fill-available} */

.top-util-area {position:relative; background:#f7f7f7}
.top-util-area .top-util-inner {min-height:30px; padding:5px 15px; font-size:13px; box-sizing:border-box}
.top-util-area .util-items.lt {float:left}
.top-util-area .util-items.rt {float:right}
.top-util-area .top-util-inner::after {content:''; display:block; clear:both}
.top-util-area .util-items {display:flex; align-items:center; height:100%}
.top-util-area .util-items .item + .item {position:relative; margin-left:15px; padding-left:16px}
.top-util-area .util-items .item + .item::before {content:''; position:absolute; top:50%; left:0; width:1px; height:12px; background:#ddd; transform:translateY(-50%)}
.top-util-area .login-area {position:relative}
.top-util-area .login-area .user-name {position:relative; width:20px; height:20px; margin-right:-3px; line-height:1; vertical-align:top}
.top-util-area .login-area .user-name .txt-en {display:inline-block; max-width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:top}
.top-util-area .login-area .user-name::before {content:''; display:inline-block; width:13px; height:12px; background-position:-185px -118px}
.top-util-area .login-area .user-name.new::after {content:''; position:absolute; top:0; right:0; width:5px; height:5px; border-radius:100%; background:#ff0000}
.top-util-area .login-area .layer-my {position:absolute; top:25px; right:0; max-width:610px; width:calc(100vw - 30px); border:1px solid #c3c3c3; border-radius:5px; background:#fff; font-size:14px; box-shadow:3px 3px 5px rgba(0,0,0,.2); box-sizing:border-box; visibility:hidden; transform:scale(.9); z-index:-1; opacity:0; transition:all ease .2s}
.top-util-area .login-area .layer-my.active {visibility:visible; z-index:9999; transform:scale(1); opacity:1}
.top-util-area .layer-my .user-info {padding:25px 19px; text-align:center}
.top-util-area .layer-my .user-info .account-info .email {font-size:15px; letter-spacing:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.top-util-area .layer-my .btns {margin-top:20px}
.top-util-area .layer-my .btns [class^="btn-"] {display:inline-block; min-width:90px; min-height:35px; margin:0 3px; padding:0 10px; border:1px solid #c3c3c3; background:#fff; border-radius:20px; line-height:36px; box-sizing:border-box} 
.top-util-area .layer-my .subscription-info {padding:25px 19px; border-top:1px solid #ddd}
.top-util-area .layer-my .subscription-info .details dt {margin-bottom:10px; font-weight:bold; font-size:15px}
.top-util-area .layer-my .subscription-info .details dd {position:relative; margin-top:5px; padding:0 75px 0 7px; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.top-util-area .layer-my .subscription-info .details dd::before {content:'·'; position:absolute; top:0; left:0}
.top-util-area .layer-my .subscription-info .details dd .badge-subscribing {position:absolute; top:0; right:0; min-width:70px; min-height:25px; padding:0 5px; border-radius:50rem; background:#f3f3f3; font-size:12px; text-align:center; box-sizing:border-box}
.top-util-area .layer-my .mypages-area {display:flex; align-items:center; justify-content:center; margin:0 -5px 25px}
.top-util-area .layer-my .mypages-area > a {flex:0 0 auto; display:inline-flex; justify-content:center; width:calc(50% - 10px); margin:0 5px; border-radius:8px; background:#ff761b; color:#fff; font-size:14px; line-height:35px; white-space:nowrap}
.top-util-area .layer-my .mypages-area > a:only-child {width:calc(100% - 10px)}
.top-util-area .layer-my .mypages-area > a.new > span {position:relative}
.top-util-area .layer-my .mypages-area > a.new > span::before {content:''; position:absolute; top:8px; left:-11px; width:5px; height:5px; border-radius:100%; background:#ff0000}

header.ver2022 .search-area {position:absolute; top:calc(50% - 11px); right:20px}
header.ver2022 .search-area.active .layer-search {left:0; transform:translateX(0)}
header.ver2022 .btn-open-search {vertical-align:top}
header.ver2022 .btn-open-search::before,
header.ver2022 .btn-search::before {content:''; display:inline-block; width:23px; height:23px; background-position:-103px -116px; vertical-align:top}
header.ver2022 .layer-search {position:fixed; top:0; right:0; bottom:0; z-index:100; /* max-width:720px; margin:0 auto; */ padding:20px 15px 30px; background:#fff; box-sizing:border-box; transform:translateX(100%); transition:transform ease-in-out .3s}
header.ver2022 .layer-search .btn-close-search {position:absolute; top:15px; right:15px; width:30px; height:30px}
header.ver2022 .layer-search .btn-close-search::before,
header.ver2022 .layer-search .btn-close-search::after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); background:#121212}
header.ver2022 .layer-search .btn-close-search::before {width:23px; height:2px}
header.ver2022 .layer-search .btn-close-search::after {width:2px; height:23px}
header.ver2022 .layer-search .inp-txt {width:100%; height:44px; padding:0 60px 0 14px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; font-size:15px; outline:none}
header.ver2022 .layer-search .search-input-wrap {position:relative}
header.ver2022 .layer-search .btn-search {position:absolute; top:0; right:0; padding:10px; transform:scale(.7)}
header.ver2022 .layer-search .btn-inp-clear {position:absolute; top:12px; right:40px}
header.ver2022 .layer-search .btn-inp-clear .myicon-del-circle {vertical-align:top}
header.ver2022 .search-auto-wrap {display:none; position:absolute; /*top:99px;*/ left:15px; right:15px; max-height:calc(100vh - 160px); padding:5px 0; border:1px solid #ddd; border-top:none; border-radius:0 0 8px 8px; box-sizing:border-box; background:#fff; font-size:13px; overflow-y:auto; -webkit-overflow-scrolling:touch}
header.ver2022 .search-auto-wrap::-webkit-scrollbar {width:6px}
header.ver2022 .search-auto-wrap::-webkit-scrollbar-track {background-color: transparent;}
header.ver2022 .search-auto-wrap::-webkit-scrollbar-thumb {border-radius:3px; background-color:rgba(0,0,0,.5)}
header.ver2022 .search-auto-wrap::-webkit-scrollbar-button {width: 0; height: 0;}
header.ver2022 .search-auto-wrap {scrollbar-width:thin}
header.ver2022 .layer-search.auto .inp-txt {padding:0 60px 0 15px; border-radius:8px 8px 0 0}
header.ver2022 .mn-search .layer-search .btn-search {right:15px}
header.ver2022 .layer-search.auto .search-auto-wrap {display:block}
header.ver2022 .autocomplete-result > li > a {display:flex; padding:10px 15px; text-decoration:none}
header.ver2022 .autocomplete-result > li > a:hover {background:#f7f7f7}
header.ver2022 .autocomplete-result > li mark {background:none}
header.ver2022 .autocomplete-result > li.type-stock > a {justify-content:space-between}
header.ver2022 .autocomplete-result > li.type-stock > a > span {flex:0 0 auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
header.ver2022 .autocomplete-result > li.type-stock .category,
header.ver2022 .autocomplete-result > li.type-stock .ko {color:#888; text-align:right}
header.ver2022 .autocomplete-result > li.type-stock .code {letter-spacing:0}
header.ver2022 .autocomplete-result > li.type-stock > a > .code {width:30%}
header.ver2022 .autocomplete-result > li.type-stock > a > .name {width:50%}
header.ver2022 .autocomplete-result > li.type-stock > a > .category {width:20%}
header.ver2022 .autocomplete-result > li.type-stock mark {color:#ee4c4c}
header.ver2022 .autocomplete-result > li.type-stock-global > a > .name {width:40%}
header.ver2022 .autocomplete-result > li.type-stock-global > a > .ko {width:60%}
header.ver2022 .autocomplete-result > li.type-default mark {color:#436f91}
header.ver2022 .autocomplete-result > li.type-stock + .type-default {border-top:1px solid #ddd}

header.ver2022 .layer-search .search-label {display:block; margin-bottom:10px; font-size:16px}
/* // 2022개편버전 header (개편 GNB 반영 이후 전체 css 정리) */


/* 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 .ad_inner {margin-left:-20px} */
.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}
}

/* [2022.06.14] 구독,스크랩 토스트팝업 공통 */
.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__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)}

/* 공통 svg spinner */
.loading-spinner {text-align:center}
.loading-spinner .spinner {width:70px}

/* [2023.07.20] 반응형 공통푸터 */
.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://static.hankyung.com/resource/common/img/footer/footer-sponsor-samsung.svg')}
.footer-sponsor-list .f-sponsor-wooribank {width:76px; height:18px; background-image:url('https://static.hankyung.com/resource/common/img/footer/footer-sponsor-wooribank.svg')}
.footer-sponsor-list .f-sponsor-kbstar {width:109px; height:18px; background-image:url('https://static.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}
/* 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,
.select-paging .page-btn .txt {display:none}
/* @media screen and (min-width:740px) {
    .select-paging .page-btn .btn-first,
    .select-paging .page-btn .btn-last {display:inline-flex}
    .select-paging .page-btn .txt {display:inline}
    .select-paging .btn-prev,
    .select-paging .btn-next {width:90px}
} */




/* 개편헤더 적용 부분 , 다크 */
/* 
==================== new(개편 안정화 후, 위 내용들과 취합 정리) ==================== */

/* 한경 공통 M UI
 * header, footer
 * 2024.04~
 */

/* RESET */
/* 개편반영 안정화 이후: common.css 및 common.ui.all.css와 통합예정 */

/* COMMON */
/* 로그인 계정 아이콘 */
[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://static.hankyung.com/resource/common/img/icon/icon-account-hk.svg')}
.icon-mylogin-kakao {background-image:url('https://static.hankyung.com/resource/common/img/icon/icon-account-kakao.svg')}
.icon-mylogin-naver {background-image:url('https://static.hankyung.com/resource/common/img/icon/icon-account-naver.svg')}
.icon-mylogin-apple {background-image:url('https://static.hankyung.com/resource/common/img/icon/icon-account-apple.svg')}
.icon-mylogin-google {background-image:url('https://static.hankyung.com/resource/common/img/icon/icon-account-google.svg')}

/* icon */
/* ⓧ */
.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}

/* button */
a[role="button"] {cursor:pointer}

/* logo */
/* logo */
/* logo: 코리아마켓 */
.logo__koreamarket::before {content:''; display:inline-block; width:106px; height:19px; background:url('https://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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://static.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)}


/* 섹션 공통 헤더 */
.hk-top__search .btn-total-search .icon-svg,
.hk-top__search__layer .btn-close .icon-svg,
.hk-top__search__layer .search__input__wrap .btn-search .icon-svg {display:none}

/* .container,
#wrap {-webkit-transform:translateZ(0)} */
.hk-header {position:sticky; top:0; z-index:9999999999; width:100%; box-sizing:border-box}
.hk-header .icon-svg {vertical-align:top}
.hk-header::before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.9); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px)}
.hk-header__inner {position:relative}
.hk-top__wrap {position:relative; background:#142C67}
.hk-top__wrap .hk-top__logo {display:flex; align-items:center; justify-content:center; height:50px; padding:0 16px}
.hk-top__wrap .hk-top__logo .img-logo {height:20px}
.hk-top__wrap .btn-hamburgermenu {position:absolute; top:0; left:0; display:inline-flex; align-items:center; justify-content:center; height:50px; padding:0 20px}
.hk-top__wrap .btn-hamburgermenu .icon-svg {transform:scale(1.25)}
.hk-top__wrap .hk-top__util {position:absolute; top:0; right:0}
.hk-top__search .btn-total-search {display:inline-flex; align-items:center; justify-content:center; height:50px; padding:0 20px}
.hk-top__search .btn-total-search::before {content:''; display:inline-block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='icon-svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m14 14-4-4m1.333-3.333a4.667 4.667 0 1 1-9.333 0 4.667 4.667 0 0 1 9.333 0Z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top}
/* .hk-top__search .btn-total-search .icon-svg {transform:scale(1.25)} */
.hk-top__search__layer {position:fixed; top:0; right:0; bottom:0; z-index:100; padding:56px 16px 16px; background:#fff; box-sizing:border-box; transform:translateX(100%); transition:transform ease-in-out .3s}
.hk-top__search__layer:has(.layer__tit) {padding:24px 16px 16px}
.hk-top__search__layer .layer__tit {margin-bottom:16px; font-weight:700; font-size:20px; text-align:center}
.hk-top__search__layer .inp-field {padding:0 12px; border:none; background:transparent; font-size:17px; box-sizing:border-box; outline:none}
.hk-top__search__layer .inp-field::-webkit-search-cancel-button {-webkit-appearance:none}
.hk-top__search__layer .inp-field::-webkit-input-placeholder {color:#888}
.hk-top__search__layer .inp-field:-ms-input-placeholder {color:#888}
.hk-top__search__layer .inp-field:-mos-input-placeholder {color:#888}
.hk-top__search__layer .inp-field::placeholder {color:#888; opacity:1}
.hk-top__search__layer .search__input__wrap {display:flex; border:1px solid #ddd; border-radius:8px; width:100%; height:48px; background:#fff; box-sizing:border-box}
.hk-top__search__layer .search__input__wrap .btn-search {flex:0 0 auto; padding:0 16px 0 8px}
.hk-top__search__layer .search__input__wrap .btn-search::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' class='icon-svg'%3E%3Cpath fill='none' stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top}
.hk-top__search__layer .search__input {display:flex; flex:1; width:calc(100% - 48px)}
.hk-top__search__layer .search__input .inp-field {flex:1; width:calc(100% - 36px)}
.hk-top__search__layer .search__input .btn-inp-reset {flex:0 0 auto; height:100%; padding:0 8px}
.hk-top__search__layer .btn-close {position:absolute; top:14px; right:6px; padding:10px}
.hk-top__search__layer .btn-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='25' height='24' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m18.5 6-12 12m0-12 12 12'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:top}
.hk-top__search.active .hk-top__search__layer {left:0; transform:translateX(0)}
.hk-top__search__layer .search__auto__wrap {display:none; position:absolute; left:16px; right:16px; max-height:calc(100dvh - 135px); padding:16px 0; border:1px solid #ddd; border-top:none; border-radius:0 0 8px 8px; box-sizing:border-box; background:#fff; font-size:14px; overflow-y:auto; -webkit-overflow-scrolling:touch}
.hk-top__search__layer .search__auto__wrap::-webkit-scrollbar {width:4px}
.hk-top__search__layer .search__auto__wrap::-webkit-scrollbar-track {background-color: transparent;}
.hk-top__search__layer .search__auto__wrap::-webkit-scrollbar-thumb {border-radius:2px; background-color:rgba(0,0,0,.5)}
.hk-top__search__layer .search__auto__wrap::-webkit-scrollbar-button {width: 0; height: 0;}
.hk-top__search__layer .search__auto__wrap {scrollbar-width:thin}
.hk-top__search__layer .autocomplete-result > li > a {display:flex; padding:10px 16px; text-decoration:none}
.hk-top__search__layer .autocomplete-result > li > a:hover {background:#f7f7f7}
.hk-top__search__layer .autocomplete-result > li mark {background:none}
.hk-top__search__layer .autocomplete-result > li.type-stock > a {justify-content:space-between}
.hk-top__search__layer .autocomplete-result > li.type-stock > a > span {flex:0 0 auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.hk-top__search__layer .autocomplete-result > li.type-stock .category,
.hk-top__search__layer .autocomplete-result > li.type-stock .ko {color:#888; text-align:right}
.hk-top__search__layer .autocomplete-result > li.type-stock .code {letter-spacing:0}
.hk-top__search__layer .autocomplete-result > li.type-stock > a > .code {width:30%}
.hk-top__search__layer .autocomplete-result > li.type-stock > a > .name {width:50%}
.hk-top__search__layer .autocomplete-result > li.type-stock > a > .category {width:20%}
.hk-top__search__layer .autocomplete-result > li.type-stock mark {color:#ee4c4c}
.hk-top__search__layer .autocomplete-result > li.type-stock-global > a > .name {width:40%}
.hk-top__search__layer .autocomplete-result > li.type-stock-global > a > .ko {width:60%}
.hk-top__search__layer .autocomplete-result > li.type-default mark {color:#436f91}
.hk-top__search__layer .autocomplete-result > li.type-stock + .type-default {border-top:1px solid #ddd}
.hk-top__search__layer.auto .search__input__wrap {border-radius:8px 8px 0 0}
.hk-top__search__layer.auto .search__auto__wrap {display:block}
.section__gnb__wrap {word-break:break-all}
.section__gnb__wrap .section__logo__area {position:relative; display:flex; align-items:center; min-height:56px; padding:14px 20px 13px; border-bottom:1px solid #ddd; box-sizing:border-box}
.section__gnb__wrap .section__logo__area .section__logo {display:flex; align-items:center}
.section__gnb__wrap .section__logo__area .section__title {font-size:20px; line-height:1.1}
.section__gnb__wrap .section__logo__area .section__title:is([class*="logo__"]) {line-height:0}
.section__gnb__wrap .section__logo__area .btn-section__nav {display:inline-flex; align-items:center; justify-content:center; position:absolute; top:0; right:0; width:50px; height:50px; outline:none; transition:all .45s cubic-bezier(0.86, 0, 0.07, 1); transform:translateY(6px)}
.section__gnb__wrap .section__logo__area .btn-section__nav {outline:none; transition:all .45s cubic-bezier(0.86, 0, 0.07, 1)}
.section__gnb__wrap .section__logo__area .btn-section__nav::before,
.section__gnb__wrap .section__logo__area .btn-section__nav::after {content:''; display:inline-block; width:10px; height:1.5px; background:#121212; transition:transform .45s cubic-bezier(0.86, 0, 0.07, 1),transform-origin .45s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform .45s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform-origin .45s cubic-bezier(0.86, 0, 0.07, 1)}
.section__gnb__wrap .section__logo__area .btn-section__nav::before {-webkit-transform-origin:100% 100%; transform-origin:100% 100%; -webkit-transform:rotate(45deg) scaleY(1.1); transform:rotate(45deg) scaleY(1.1)}
.section__gnb__wrap .section__logo__area .btn-section__nav::after {-webkit-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:rotate(-45deg) scaleY(1.1); transform:rotate(-45deg) scaleY(1.1)}
.section__gnb__wrap .section__nav {display:none; position:absolute; left:0; right:0; z-index:2; max-height:calc(100dvh - 96px); border-bottom:1px solid #ddd; overflow-y:auto; background:rgba(255,255,255,0.9); backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10)}
.section__gnb__wrap .section__nav__inner {padding:16px 20px 32px}
.section__gnb__wrap .section__gnb > li > .nav-link {display:flex; align-items:center; justify-content:space-between; gap:4px; padding:16px 0; font-weight:700; font-size:16px; line-height:1.2}
.section__gnb__wrap .section__gnb > li > .nav-link[data-submenu]::after {content:''; flex:0 0 auto; 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='m5 7.5 5 5 5-5'/%3E%3C/svg%3E") no-repeat 50% 50%/contain}
.section__gnb__wrap .section__gnb > li:not(:last-child) {border-bottom:1px solid #ddd}
.section__gnb__wrap .section__gnb .nav-sub {display:none}
.section__gnb__wrap .section__gnb .nav__list {display:grid; grid-template-columns:repeat(2, calc(50% - 8px)); row-gap:24px; column-gap:16px; position:relative; padding:32px 0; border-top:1px solid #ddd}
.section__gnb__wrap .section__gnb .nav__list::before {content:''; position:absolute; top:32px; bottom:32px; left:50%; width:1px; background:#ddd; transform:translateX(-50%)}
.section__gnb__wrap .section__gnb .nav__list > li {box-sizing:border-box}
.section__gnb__wrap .section__gnb .nav__list > li > a {display:block; padding:0 16px; font-size:15px}
.section__gnb__wrap .section__gnb .nav__list > li:nth-child(2n+1) > a {padding-left:0}
.section__gnb__wrap .section__gnb .nav__list > li:nth-child(2n) > a {padding-right:0}
.section__gnb__wrap .section__gnb .badge-beta {margin-left:2px; font-size:10px; transform:translateY(-4px)}
.section__gnb__wrap .section__gnb .icon-membersonly2,
.section__gnb__wrap .section__gnb .icon-premium-pay,
.section-tit-wrap .icon-membersonly2 {display:none}
.section__gnb__wrap.active .btn-section__nav {transform:translateY(0)}
.section__gnb__wrap.active .btn-section__nav::before {-webkit-transform-origin:100% 0%; transform-origin:100% 0%; -webkit-transform:rotate(
-45deg) scaleY(1.1); transform:rotate(-45deg) scaleY(1.1)}
.section__gnb__wrap.active .btn-section__nav::after {-webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:rotate(45deg) scaleY(1.1); transform:rotate(45deg) scaleY(1.1)}
.section__gnb > li.on > .nav-link[data-submenu]::after {transform:rotate(180deg)}
/* 섹션별 헤더 */
.hk-header[data-header="hankyungpro"] .promotion-nav a {color:#fff}
.hk-header[data-header="hankyungpro"] .section__logo .logo__hankyungpro::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-hankyungpro-w.svg')}
.hk-header[data-header="hankyungpro"] .section__gnb__wrap .section__logo__area {background:#00BBB4}
.hk-header[data-header="hankyungpro"] .section__gnb__wrap .section__logo__area .btn-section__nav::before,
.hk-header[data-header="hankyungpro"] .section__gnb__wrap .section__logo__area .btn-section__nav::after {background:#fff}

.scroll-indicator {display:none; position:absolute; left:0; width:100%; height:2px; border-top:1px solid #ddd}
.scroll-indicator > div {position:relative; top:-1px; height:100%; background:#142c67; transition:width .4s ease-out}
.isSticky .scroll-indicator {display:block}

@media all and (max-width:414px) {
    .section__gnb__wrap .section__gnb .nav__list.column-1 {grid-template-columns:auto; row-gap:16px}
    .section__gnb__wrap .section__gnb .nav__list.column-1::before {display:none}
    .section__gnb__wrap .section__gnb .nav__list.column-1 > li > a {padding:0}
}

/* 간소화 헤더 (모바일버전)
 * use: 마이뉴스, 마이스톡
 */
.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}

/* 간소화 푸터 */
.footer--simplify {padding:0 20px 80px; text-align:center}
.footer--simplify > .footer__inner {padding:15px 0; border-top:1px solid #eee}
.footer--simplify .footer-copyright {font-size:13px}





/* 공지팝업 */
.hk-noti-modal {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:400px; background:#F5FAFF; box-sizing:border-box; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); padding:28px 32px 0}
.hk-noti-modal .modal-body {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' fill='none'%3E%3Cpath stroke='%23BACADA' stroke-linecap='round' stroke-linejoin='round' stroke-width='5' d='M28 18.667v11.958m0 6.708h.023M51.333 28c0 12.887-10.446 23.333-23.333 23.333C15.113 51.333 4.667 40.887 4.667 28 4.667 15.113 15.113 4.667 28 4.667c12.887 0 23.333 10.446 23.333 23.333Z'/%3E%3C/svg%3E") no-repeat right top}
.hk-noti-modal .modal-tit {font-size:25px}
.hk-noti-modal .modal-cont {display:flex; flex-direction:column; gap:16px; padding:16px 0; font-size:16px}
.hk-noti-modal .point {color:#BC4141; font-weight:500}
.hk-noti-modal .point strong {font-weight:500}
.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 -32px}
.hk-noti-modal .popup-control > .popup-inner {display:flex; align-items:center; justify-content:space-between; height:100%; padding:0 32px}
.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; line-height:16px}
.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:-4px}
.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; line-height:16px; white-space:nowrap}
.hk-noti-modal .btn-close::before,
.hk-noti-modal .btn-close::after {content:''; position:absolute; right:7px; top:1px; 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-banner {margin:16px 0; border-radius:16px; background:#F7F7F7; line-height:1.5}
.hk-noti-banner .banner-inner {display:flex; flex-direction:column; gap:24px;  padding:32px 20px}
.hk-noti-banner .banner-tit {display:block; margin-bottom:24px; font-weight:700; font-size:18px;}
.hk-noti-banner .banner-tit::before {content:''; display:inline-block; width:24px; height:24px; margin-right:8px; 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='2' d='M12 16v-4m0-4h.01M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain; vertical-align:-6px}
.hk-noti-banner .banner-txt {font-size:16px}
.hk-noti-banner .banner-txt .txt-dot {position:relative; padding-left:8px}
.hk-noti-banner .banner-txt .txt-dot::before {content:''; position:absolute; top:10px; left:0; width:2px; height:2px; border-radius:100%; background:#121212}
.hk-noti-banner .banner-action {text-align:center}
.hk-noti-banner .banner-btn {display:inline-block; height:36px; padding:0 20px; border:1px solid #585858; border-radius:50rem; font-weight:normal; font-size:14px; line-height:1; vertical-align:2px; box-sizing:border-box}
.hk-noti-banner .banner-btn::after {content:''; display:inline-block; width:1px; height:34px; vertical-align:-12px}

/* [2025.03.19] 컬러 대비 조정
 * 공통 컬러
 * 개별 css 정리하면서 우선순위 수정
 */
.news-subtit,
.lead,
.date,
.txt-date,
.text-date {color:var(--hk-text-secondary)}

/* media query */
@media only screen and (max-width: 720px) {
	header.ver2022 .search-auto-wrap {max-height:calc(100vh - 280px)}
}
@media all and (max-width:359px){
	.header .gnb-submenu .gnb-submenu-banner img {max-width:100%}
}
@media all and (max-width:319px){
	.header-section .logo-section .section-title[href*="special-reports"] {padding:10px 0; font-size:16px}
}
@media all and (min-width:720px){
	.hk__toast {right:auto; border-radius:0 20px 0 0}
}

/* iOS landscape safe-area */
@supports (-webkit-touch-callout: none) {
	@media (orientation: landscape) {
		.top-util-area .top-util-inner {
			padding:0 constant(safe-area-inset-left);
			padding:0 env(safe-area-inset-left)
		}
		.header .btn-allmenu {
			left:constant(safe-area-inset-left); left:env(safe-area-inset-left);
		}
		.section-gnb .inner-scroll {
			left:calc(constant(safe-area-inset-left) - 10px); left:calc(env(safe-area-inset-left) - 10px);
			right:calc(constant(safe-area-inset-right) - 10px); right:calc(env(safe-area-inset-right) - 10px);
		}
		.header.ver2022 .layer-search {
			padding-left:constant(safe-area-inset-left); padding-left:env(safe-area-inset-left);
			padding-right:constant(safe-area-inset-right); padding-right:env(safe-area-inset-right);
		}
		header.ver2022 .search-area,
		header.ver2022 .layer-search .btn-close-search {
			right:constant(safe-area-inset-right); right:env(safe-area-inset-right);
		}

		.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)	
		}
	}
}
/*  Mobile 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;
    }

    /* html {background:#272729} */
	html {background:#000}
    body, button, input, select, option, textarea, table, th, td, a {color:#fff; outline:none}
	
	.btn-allmenu::before {filter:grayscale(100%) brightness(10) !important}
	.badge-new {border-color:#1c1c1e; z-index:2}
	.foot-sitemap,
    .footer-wrap {background-color:#1c1c1e !important}
	.foot-cont,
    .foot-sitemap .foot-inner,
    .foot-sitemap .service-cate + .service-cate {border-width:0.5px !important; border-color:#323235 !important}
    .foot-sitemap {border-color:#272729 !important}

    .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 {filter:invert(1)}




	/* common GNB */
    .header .header-main::before,
    .header .gnb-section::before,
	.header .gnb-submenu::before {background:rgba(28,28,30,0.2)}
    .header .header-main .logo-hankyung {filter:grayscale(100%) brightness(10)}
	.header .gnb-submenu::before,
    .header .gnb-section-tit {border-width:0.5px; border-color:#555}
    .header .gnb-section-tit .logo-type .logo-type-globalstock,
    .header .gnb-section-tit .logo-type .logo-type-aiinsight,
    .header .gnb-section-tit .logo-type .logo-type-choinsight {filter:invert(1)}
    .header .gnb-section-tit .logo-type .logo-type-edge,
	.header .gnb-section-tit .logo-type .logo-type-thepen {filter:invert(1) grayscale(10)}
    .header .btn-gnb-submenu::before,
    .header .btn-gnb-submenu::after {background:#fff; box-shadow:0 0 2px rgba(255,255,255,.5)}
    .header .gnb-submenu > .submenu-inner::before,
	.header .gnb-submenu > ul::before {width:0.5px; background:#555}

	.header .gnb-section-etc .btn-mypage {background:#1c1c1e}

	.logo-short-hk::before {background-image:url('https://static.hankyung.com/img/logo/logo-short-hk-w.svg')}
	.logo-short-hk::after {background:#323235}

	.logo__globalmarket::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-globalmarket-w.svg')}
	.logo__koreamarket::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-koreamarket-w.svg')}
	.logo__jipconomy::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-jipconomy-w.svg')}
    .logo__youtube::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-youtube-w.svg')}
	.logo__marketpro::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-marketpro-w.svg')}
	.logo__geeks2::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-geeks-w.svg')}

    .logo__koreamarketpro::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-koreamarketpro-w.svg')}
    .logo__globalmarketpro::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-globalmarketpro-w.svg')}
    .logo__jipconomypro::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-jipconomypro-w.svg')}
    .logo__esg::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-esg-w.svg')}

    .logo__traveler::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-traveler-w.svg')}
    .logo__travel::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-travel-w.svg')}
    .logo__bioinsight::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-bioinsight-w.svg')}
    .logo__choinsight::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-choinsight-w.svg')}
    .logo__geeks::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-geeks-w.svg')}
    .logo__lawbiz::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-lawbiz-w.svg')}
    .logo__legiexplorer::before {background-image:url('https://static.hankyung.com/resource/common/img/logo/logo-legiexplorer-w.svg')}

	/* 해주라 외주제작 화면에 다크모드 적용 안되게 */
    html.page-globalstock {background:#f3f2f8}
    .page-globalstock body, .page-globalstock button:not(.my-favorite .btn-more), .page-globalstock input, .page-globalstock select, .page-globalstock option, .page-globalstock textarea, .page-globalstock table, .page-globalstock th, .page-globalstock td, .page-globalstock a {color:#121212}
	.page-globalstock .btn-allmenu::before {filter:none !important}
	.page-globalstock .badge-new {border-color:#fff}
	.page-globalstock .foot-sitemap,
    .page-globalstock .footer-wrap {background-color:#fff !important}
	.page-globalstock .foot-cont,
    .page-globalstock .foot-sitemap .foot-inner,
    .page-globalstock .foot-sitemap .service-cate + .service-cate {border-width:1px !important; border-color:#e6e6e7 !important}
    .page-globalstock .foot-sitemap {border-color:#e6e6e7 !important}
    .page-globalstock .header .header-main::before,
    .page-globalstock .header .gnb-section::before,
	.page-globalstock .header .gnb-submenu::before {background:rgba(255,255,255,0.9)}
    .page-globalstock .header .header-main .logo-hankyung {filter:none}
	.page-globalstock .header .gnb-submenu::before,
    .page-globalstock .header .gnb-section-tit {border-width:1px; border-color:#e5e5e5}
    .page-globalstock .header .gnb-section-tit .logo-type .logo-type-globalstock,
    .page-globalstock .header .gnb-section-tit .logo-type .logo-type-aiinsight,
    .page-globalstock .header .gnb-section-tit .logo-type .logo-type-choinsight {filter:none}
    .page-globalstock .header .gnb-section-tit .logo-type .logo-type-edge,
	.page-globalstock .header .gnb-section-tit .logo-type .logo-type-thepen {filter:none}
    .page-globalstock .header .btn-gnb-submenu::before,
    .page-globalstock .header .btn-gnb-submenu::after {background:#121212; box-shadow:0 0 2px rgb(255 255 255 / 50%)}
    .page-globalstock .header .gnb-submenu > .submenu-inner::before,
	.page-globalstock .header .gnb-submenu > ul::before {width:1px; background:#ddd}
	.page-globalstock .button.black {color:#fff !important}
	.page-globalstock .logo__globalmarket::before {background-image:url('https://static.hankyung.com/img/logo/logo-globalmarket.svg')}

	/* 2021.11.15 */
    .header-section .header-main::before {border-color:#323235}
    .header-section .logo-section .section-title {color:#fff}
    .header-section .section-gnb-wrap {background:#000}
    .header-section .section-gnb {border-color:#323235}
	.header-section .section-gnb li.on a {color:#4c88b6 !important}
    .header-section .section-gnb::before {background:-moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 51%, rgba(0,0,0,0) 100%); background:-webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 51%, rgba(0,0,0,0) 100%); background:linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 51%, rgba(0,0,0,0) 100%)}
    .header-section .section-gnb::after {background:-moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 51%, rgba(0,0,0,1) 100%); background:-webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 51%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 51%, rgba(0,0,0,1) 100%)}
    .page-tit-wrap {border-color:#323235; background:#000}
    .page-intro {background:#000}
    .page-intro .btn-mypage {background:#1c1c1c}
	.page-globalstock .header-section .header-main {border-color:#c3c3c3}
    .page-globalstock .header-section .section-gnb-wrap {background:#fff}
    .page-globalstock .header-section .section-gnb {border-color:#e5e5e5}
    .page-globalstock .header-section .section-gnb::before {background:-moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0) 100%); background:linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0) 100%)}
    .page-globalstock .header-section .section-gnb::after {background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,1) 100%); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,1) 100%)}
    .page-globalstock .page-tit-wrap {border-color:#e5e5e5; background:#fff}
    .page-globalstock .page-intro {background:#fff}

	/* 2021.11.16 */
	.layer-set-home .in::before {background:rgba(28,28,28,0.8)}
	.page-globalstock .layer-set-home .in::before {background:rgba(255,255,255,0.8)}

	/* 한경 Only 아이콘 */
	a.news-hkonly {box-shadow:inset 0 -8px 0 #144a48}
	a.news-hkonly:hover {box-shadow:inset 0 -20px 0 #144a48}
	.page-globalstock a.news-hkonly {box-shadow:inset 0 -8px 0 #dff9f8}
	.page-globalstock a.news-hkonly:hover {box-shadow:inset 0 -20px 0 #dff9f8}

    /* 2022개편버전 header (개편 GNB 반영 이후 전체 css 정리) */
    .top-util-area {background:#000}
    .top-util-area .util-items .item + .item::before {background:#323235}
    .top-util-area .login-area .layer-my {border-color:#323235; background:#1c1c1c}
    .top-util-area .layer-my .btns [class^="btn-"] {border:none; background:#000} 
    .top-util-area .layer-my .subscription-info {border-color:#323235}
    .top-util-area .layer-my .subscription-info .details dd .badge-subscribing {background:#000}
	/* .top-util-area .layer-my .mypages-area > a {background:#000} */
    header.ver2022 .btn-open-search::before,
    header.ver2022 .btn-search::before,
    .top-util-area .login-area .user-name::before {filter:grayscale(100%) brightness(10)}
    html:not(.page-globalstock) header.ver2022 .layer-search {background:#000}
    html:not(.page-globalstock) header.ver2022 .layer-search .btn-close-search::before,
    html:not(.page-globalstock) header.ver2022 .layer-search .btn-close-search::after {background:#fff}
    html:not(.page-globalstock) header.ver2022 .layer-search .inp-txt {border:none; background:#1c1c1c}
    html:not(.page-globalstock) header.ver2022 .search-auto-wrap {border:none; background:#1c1c1c}
    html:not(.page-globalstock) header.ver2022 .autocomplete-result > li > a:hover {background:#000}
    html:not(.page-globalstock) header.ver2022 .autocomplete-result > li.type-stock + .type-default {border-color:#323235;}

	.page-globalstock .top-util-area {background:#f7f7f7}
	.page-globalstock .top-util-area .util-items .item + .item::before {background:#ddd;}
	.page-globalstock .top-util-area .login-area .user-name::before {background-position:-185px -118px}
	.page-globalstock .top-util-area .login-area .layer-my {border:1px solid #c3c3c3; background:#fff;}
	.page-globalstock .top-util-area .layer-my .btns [class^="btn-"] {border:1px solid #c3c3c3; background:#fff} 
	.page-globalstock .top-util-area .layer-my .subscription-info {border-top:1px solid #ddd}
	.page-globalstock .top-util-area .layer-my .subscription-info .details dd .badge-subscribing {background:#f3f3f3}
	/* .page-globalstock .top-util-area .layer-my .mypages-area > a {background:#f3f3f3; color:#121212} */
	.page-globalstock header.ver2022 .btn-open-search::before,
    .page-globalstock header.ver2022 .btn-search::before,
    .page-globalstock .top-util-area .login-area .user-name::before {filter:none}
	/* 코리아마켓 다크 적용 안되게(개편 오픈하고 지워야함) */
	/* #__layout .top-util-area .layer-my .btns [class^="btn-"] {border:1px solid #c3c3c3 !important; background:#fff !important} 
	#__layout .top-util-area .layer-my .subscription-info .details dd .badge-subscribing {background:#f3f3f3 !important}
	#__layout header.ver2022 .layer-search {background:#fff}
    #__layout header.ver2022 .layer-search .btn-close-search::before,
    #__layout header.ver2022 .layer-search .btn-close-search::after {background:#121212}
    #__layout header.ver2022 .layer-search .inp-txt {border:1px solid #ddd; background:#fff}
    #__layout header.ver2022 .search-auto-wrap {border:1px solid #ddd; background:#fff}
    #__layout header.ver2022 .autocomplete-result > li > a:hover {background:#fff}
    #__layout header.ver2022 .autocomplete-result > li.type-stock + .type-default {border-color:#ddd} */


	.hk__icon-x {background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%)}
	.hk__toast {border:none; background:#1c1c1c}

	.loading-spinner .spinner {filter:invert(1)}
	.icon-mylogin-apple {filter:invert(1)}

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

    .section-cont-wrap .section-gnb .link-btn {background:#1c1c1e}
    .section-gnb {border-bottom-color:#323235}
    .section-gnb::before {left:0; background:-moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 51%, rgba(0,0,0,0) 100%); background:-webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 51%, rgba(0,0,0,0) 100%); background:linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.75) 51%, rgba(0,0,0,0) 100%)}
    .section-gnb::after {right:0; background:-moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 51%, rgba(0,0,0,1) 100%); background:-webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 51%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 51%, rgba(0,0,0,1) 100%)}

    /* [2023.07.20] 반응형 공통푸터 */
    html:not(.page-globalstock) .footer-infomation .item:not(:last-child)::after,
    html:not(.page-globalstock) .footer-infomation .hk-family dt::after {background:#fff}
	html:not(.page-globalstock) .footer-module > div > .foot-inner {border-width:.5px; border-color:#323235}
	html:not(.page-globalstock) .footer-module > div:first-child > .foot-inner {border-top-color:#555}
    html:not(.page-globalstock) .footer-sponsor-list .f-sponsor-samsung {background-image:url('https://static.hankyung.com/resource/common/img/footer/footer-sponsor-samsung-w.svg')}
    html:not(.page-globalstock) .footer-sponsor-list .f-sponsor-wooribank {background-image:url('https://static.hankyung.com/resource/common/img/footer/footer-sponsor-wooribank-w.svg')}
    html:not(.page-globalstock) .footer-sponsor-list .f-sponsor-kbstar {background-image:url('https://static.hankyung.com/resource/common/img/footer/footer-sponsor-kbstar-w.svg')}

    /* 2024.03.22 푸터 패밀리 사이트 select type */
    html:not(.page-globalstock) .footer-infomation .hk-family-select {background:#1c1c1e; border-radius:8px}
    html:not(.page-globalstock) .footer-infomation .hk-family-select select {border:none; border-radius:0; color:#fff}
    html:not(.page-globalstock) .footer-infomation .hk-family-select::after {filter:invert()}


    /* 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}

    

    /* 섹션 헤더 개편 */

    .hk-header::before {background:rgba(0,0,0,0.8)}
    .hk-top__search__layer {background:#000}
    .hk-top__search__layer .btn-close .icon-svg path {stroke:#fff}
    .hk-top__search__layer .search__input__wrap {border-color:transparent; background:#1c1c1e}
    .hk-top__search__layer .search__auto__wrap {border-color:transparent; border-top:1px solid #323235; background:#1c1c1e}
    .hk-top__search__layer .autocomplete-result > li > a:hover {background:#555}
    .hk-top__search__layer .autocomplete-result > li.type-stock + .type-default {border-top-color:#323235}
    .section__gnb__wrap .section__logo__area {border-bottom-color:#323235}
    .section__gnb__wrap .section__logo__area .btn-section__nav::before,
    .section__gnb__wrap .section__logo__area .btn-section__nav::after {background:#fff}
    .section__gnb__wrap .section__nav {border-bottom-color:#323235; background:rgba(0,0,0,0.8)}
    .section__gnb__wrap .section__gnb > li > .nav-link[data-submenu]::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m5 7.5 5 5 5-5'/%3E%3C/svg%3E")}
    .section__gnb__wrap .section__gnb > li:not(:last-child) {border-bottom-color:#323235}
    .section__gnb__wrap .section__gnb .nav__list {border-top-color:#323235}
    .section__gnb__wrap .section__gnb .nav__list::before {background:#323235}
    .scroll-indicator {border-top-color:#323235}
    .hk-top__search__layer .btn-close::before,
    .hk-top__search__layer .search__input__wrap .btn-search::before {filter:invert(1)}
    /* 간소화 푸터 */
    .footer--simplify > .footer__inner {border-color:#323235; border-width:.5px}

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

    /* 뒤로,위로 버튼 */
    .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)}

    /* 공지팝업 */
    .hk-noti-modal .modal-cont-wrap {background:#1c1c1e}
    .hk-noti-modal .modal-body {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' fill='none'%3E%3Cpath stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='5' d='M28 18.667v11.958m0 6.708h.023M51.333 28c0 12.887-10.446 23.333-23.333 23.333C15.113 51.333 4.667 40.887 4.667 28 4.667 15.113 15.113 4.667 28 4.667c12.887 0 23.333 10.446 23.333 23.333Z'/%3E%3C/svg%3E")}
    .hk-noti-modal .modal-btn-close {background:#000}

    /* 공지 배너 */
    .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}
}