@charset "UTF-8";

/* 증권 개편, 2022 */

/* common */
.header-section .section-gnb .inner-scroll::-webkit-scrollbar {display:none}

/* stock colors */
.up,
.up a:not(.stock-category) {color:var(--hk-up)}
.down,
.down a:not(.stock-category) {color:var(--hk-down)}
.hold,
.hold a:not(.stock-category) {color:var(--hk-hold)}
.stock-point::before {content:''; display:inline-block; margin-right:4px}
.up .stock-point::before {width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:9px solid var(--hk-up); vertical-align:1px}
.down .stock-point::before {width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:9px solid var(--hk-down); vertical-align:baseline}
.hold .stock-point::before {width:10px; height:4px; background:var(--hk-hold); vertical-align:3px}

.bg-dark .up,
.bg-dark .up a {color:var(--hk-up-dark)}
.bg-dark .down,
.bg-dark .down a {color:var(--hk-down-dark)}
.bg-dark .hold,
.bg-dark .hold a {color:var(--hk-hold-dark)}
.bg-dark .stock-point::before {content:''; display:inline-block; margin-right:4px}
.bg-dark .up .stock-point::before {width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:9px solid var(--hk-up-dark); vertical-align:1px}
.bg-dark .down .stock-point::before {width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:9px solid var(--hk-down-dark); vertical-align:baseline}
.bg-dark .hold .stock-point::before {width:10px; height:4px; background:var(--hk-hold-dark); vertical-align:3px}

/* icon */
/* .thumb-icon {display:inline-block; overflow:hidden; color:transparent; white-space:nowrap; pointer-events:none; background-repeat:no-repeat; background-size:contain}
.thumb-icon.thumb-vod {width:34px; height:34px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Spbzzba%2Svpba%2Svpba-guhzo-ivqrb.fit')}
.thumb-icon.thumb-audio {width:34px; height:34px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Spbzzba%2Svpba%2Svpba-guhzo-nhqvb.fit')}
.thumb-icon.thumb-graph {width:34px; height:34px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Spbzzba%2Svpba%2Svpba-guhzo-tencu.fit')}
.thumb-icon.thumb-photo {width:33px; height:26px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Spbzzba%2Svpba%2Svpba-guhzo-cubgb.fit')}
.thumb-icon.thumb-slide {width:35px; height:28px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Spbzzba%2Svpba%2Svpba-guhzo-fyvqr.fit')} */
/* btns */
.btn-pdf {display:inline-block; width:25px; height:29px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-cqs.fit') no-repeat 0 0/contain}

/* 공통 콘텐츠 */
.news-tit,
.lead {overflow:hidden; display:block; display:-webkit-box; text-overflow:clip; word-wrap:break-word; word-break:break-all; -webkit-box-orient:vertical}
.lead {font-size:14px}

.ellip {display:block; display:-webkit-box; word-break:break-all; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical}

.thumb {position:relative; overflow:hidden; border-radius:10px}
.thumb > a {display:block; width:100%; height:100%}
.thumb img {width:100%; height:100%; object-fit:cover; object-position:top}

.thumb > .thumb-icon {position:absolute; right:15px; bottom:15px; width:50px; height:50px; overflow:hidden; background-repeat:no-repeat; background-position:right bottom; background-size:contain; color:transparent; text-indent:-9999px; pointer-events:none; transform-origin:right bottom}
.thumb-icon.thumb-vod {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-guhzo-ivqrb.fit')}
.thumb-icon.thumb-audio {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-guhzo-nhqvb.fit')}
.thumb-icon.thumb-graph {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-guhzo-tencu.fit')}
.thumb-icon.thumb-photo {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-guhzo-cubgb.fit')}
.thumb-icon.thumb-slide {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-guhzo-fyvqr.fit')}

.news-item .thumb > .thumb-icon {right:5px; bottom:5px; width:24px; height:24px}
.major-thumb-news .thumb > .thumb-icon {right:10px; bottom:10px; width:7vw; height:7vw; max-width:35px} 
.main-jooconomy .video-slide .thumb > .thumb-icon, 
.video-item-top .thumb > .thumb-icon {right:10px; bottom:10px; width:10vw; height:10vw; max-width:40px} 

/* .thumb .thumb-icon {position:absolute; right:10px; bottom:10px; transform-origin:right bottom} */
/* .news-item .thumb .thumb-icon {right:5px; bottom:5px; transform:scale(0.6)}
@media all and (max-width:500px){
    .major-thumb-news .thumb .thumb-icon {right:10px; bottom:10px; transform:scale(0.8)}
} */

.news-list-wrap {border-top:1px solid #e4e4e4}
.news-list {border-bottom:1px solid #e6e6e6}
.news-list > li {padding:12px 0 10px}
.news-list > li + li {border-top:1px solid #e6e6e6}
.news-list > li > .news-item {/*align-items:flex-start;*/ padding:0}
.news-list .rel-stock {margin-bottom:5px; font-size:14px}
.news-list .rel-stock > span {display:inline-block; margin:0 5px 5px 0}
/* .news-list > li > .rel-stock + .news-item {align-items:flex-start} */
.news-list-wrap.has-more .news-list {border-bottom:none}

.news-item {display:flex; align-items:center; gap:0 10px; padding:12px 0 10px; box-sizing:border-box}
.news-item + .news-item {border-top:1px solid #dfdfdf}
.news-item .thumb {position:relative; flex:0 0 auto; /*width:80px; height:50px;*/ width:120px; height:75px; text-align:right}
.news-item .thumb > a {position:relative; width:100%; height:100%; border-radius:10px}
.news-item .thumb > a::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1); border-radius:10px; box-sizing:border-box; pointer-events:none}
/* .news-item .thumb img {object-fit:contain; object-position:center} */
/* .news-item .thumb .thumb-icon {right:5px; bottom:5px; transform:scale(0.6)} */
.news-item .txt-cont {flex:1 1 auto; /*width:calc(100% - 90px);*/ width:calc(100% - 130px)}
.news-item .date {display:block; margin-top:5px; color:var(--hk-text-secondary); font-size:12px; font-family:'Helvetica Neue', sans-serif}
.news-item .news-tit {font-weight:400; font-size:19px; line-height:25px; -webkit-line-clamp:2}
.news-tit a {display:block}
.list-loading {display:none; margin:0 -15px; padding:15px 0; text-align:center}
.loading-spinner {text-align:center}
.loading-spinner .spinner {width:70px}

.iframe-youtube {position:relative; height:0; padding-bottom:56.25%; overflow:hidden}
.iframe-youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%}

/* ad */
.ad-bottom {max-width:720px; margin:0 auto; padding:10px 0; text-align:center}
.ad-box {max-width:720px; margin:30px auto; text-align:center}

/* [id^="div-gpt-ad-"] {} */

/* layout */
.txt-lt {text-align:left !important}
.txt-ct {text-align:center !important}
.txt-rt {text-align:right !important}

.layout-flex {display:flex}
.justify-between {justify-content:space-between}
.justify-start {justify-content:flex-start !important}
.justify-center {justify-content:center !important}
.justify-end {justify-content:flex-end !important}
.align-item-start {align-items:flex-start !important}
.align-item-center {align-items:center !important}
.align-item-end {align-items:flex-end !important}

#container > .inner {padding:0 20px 15px; background:#fff}
#container.module-type {background:#f3f2f8}
#container.module-type > .inner {padding:0; background:transparent}

.main-component {margin-top:20px; border-top:2px solid #121212}
.main-tit {position:relative; font-weight:bold; font-size:17px}
.main-tit > a,
.main-tit > span {display:block; min-height:45px; padding:11px 15px 11px 0; box-sizing:border-box}
.main-tit > a {position:relative}
.main-tit > a::after {content:''; display:block; position:absolute; top:50%; right:5px; width:7px; height:7px; border-top:1px solid #121212; border-right:1px solid #121212; transform:translateY(-50%) rotate(45deg)}
.main-tit-grp > a {display:flex; align-items:center}
.main-tit-grp .tit-info-area {margin-left:10px; color:var(--hk-text-secondary); font-weight:normal; font-size:12px}

.cont-row {display:flex; margin:0 -7px}
.cont-row > .col {flex:0 0 auto; position:relative; width:50%; padding:0 7px; box-sizing:border-box}

.thumb-news-wrap .thumb {position:relative; height:0; padding-bottom:62.5%; overflow:hidden}
.thumb-news-wrap .thumb > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%}
.thumb-news-wrap .news-tit {margin-top:10px; font-weight:normal; font-size:1.2em; line-height:1.294em; word-break:break-all; -webkit-line-clamp:3}

.scroll-list {margin:0 -15px}
.scroll-list .inner-scroll {position:relative; overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch}
.scroll-list .inner-scroll::-webkit-scrollbar {display:none}
.scroll-list .scroll-cont {display:inline-flex; justify-content:space-between}
.scroll-list .scroll-cont > .item {margin-right:15px}
.scroll-list .scroll-cont > .item:first-child {margin-left:20px}
.scroll-list .scroll-cont > .item:last-child {margin-right:20px}

.txt-etc {color:var(--hk-text-secondary); font-size:12px}
.txt-etc.type-bar {padding-top:20px; border-top:1px solid #ddd}
.txt-etc a {color:var(--hk-text-secondary); text-decoration:underline}

.main-module + .txt-etc.type-bar {margin-top:20px}

.bul-dot {margin-top:10px}
.bul-dot p,
.bul-dot li {position:relative; padding-left:10px}
.bul-dot p::before,
.bul-dot li::before {content:''; position:absolute; top:8px; left:0; width:2px; height:2px; background:#121212}
.bul-dot p + p,
.bul-dot li + li {margin-top:3px}

.txt-info {color:var(--hk-text-secondary); font-size:12px}
.txt-info.bul-dot p::before,
.txt-info.bul-dot li::before {background:#888}
.txt-info.type-line {padding-top:10px; border-top:1px solid #ddd}
.txt-info.space {margin-top:10px}

.bg-dark .txt-info, 
.bg-dark .txt-date {color:#bdbdbd !important}

/* 메인 */
/* 지수 슬라이드 */
.stock-graph {min-height:95px; padding:15px 0; background:#202027; box-sizing:border-box; overflow:hidden}
.stock-graph-inner {position:relative; /* max-width:720px; margin:0 auto; */ padding:0 15px; box-sizing:border-box}
.stock-graph [class^="btn-stock-"] {position:absolute; top:0; width:40px; height:100%; overflow:hidden}
.stock-graph [class^="btn-stock-"]::before {content:''; display:inline-block; width:18px; height:18px; background-repeat:no-repeat; background-size:contain}
.stock-graph .btn-stock-prev {left:0; text-align:left}
.stock-graph .btn-stock-prev::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-neebj-ceri.fit')}
.stock-graph .btn-stock-next {right:0; text-align:right}
.stock-graph .btn-stock-next::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-neebj-arkg.fit')}
.stock-graph-list .item {display:block; min-width:265px; min-height:65px; margin:0 5px; padding:10px 15px; border-radius:6px; background-color:rgba(32, 42, 65, 0.702); color:#fff; box-sizing:border-box; text-decoration:none}
.stock-graph-list .item-title-area {display:flex; justify-content:space-between; min-height:20px; overflow:hidden}
.stock-graph-list .item-title-area .item-title {width:calc(100% - 75px); font-weight:400; font-size:16px}
.stock-graph-list .item-title-area .chart-area {width:75px}
.stock-graph-list .item-title-area .chart-area svg {vertical-align:top}
.stock-graph-list .item-info {position:relative; display:flex; align-items:center; margin-top:10px}
.stock-graph-list .item-info .point,
.stock-graph-list .item-info .updown {letter-spacing:0; font-family:'Helvetica Neue', sans-serif; font-weight:bold}
.stock-graph-list .item-info .updown:before {content:''; display:inline-block; width:1px; height:12px; margin:0 14px; background:#555; vertical-align:-2px}
.stock-graph-list .item-info::after {content:''; position:absolute; top:0; right:0; width:18px; height:18px; background-repeat:no-repeat; background-size:contain}
.stock-graph-list .up .item-info::after {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-neebj-hc.fit')}
.stock-graph-list .up .updown {color:var(--hk-up)}
.stock-graph-list .down .updown {color:var(--hk-down)}
.stock-graph-list .down .item-info::after {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-neebj-qbja.fit')}
.stock-graph-list .hold .updown {color:#585858}
.stock-graph-list .hold .item-info::after {top:7px; width:12px; height:2px; background:#585858}
.stock-graph-list .item2 .item-info::after {display:none}
.stock-graph-list .item2 .item-title::after {
    content:'';
    display:inline-block;
	/* background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sznva%2S2020%2Sfce-znva-20210811.fit'); */
    background-repeat:no-repeat;
    background-size:auto;
    margin-left:8px;
}
.stock-graph-list .item2 {min-width:175px;}
.stock-graph-list .item2.up .item-title::after {position:relative; top:1px; width:10px; height:10px; background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Spff%2Sjjj%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2710%27%20urvtug%3Q%2710%27%253R%253Pcngu%20q%3Q%27Z2.96%200i1.54u4.07Y0%208.58%201.42%2010y7.05-7.06i4.12u1.54I0U2.96M%27%20fglyr%3Q%27svyy%3N%2523o50000%3Osvyy-ehyr%3Nrirabqq%27%2S%253R%253P%2Sfit%253R")}
.stock-graph-list .item2.down .item-title::after {width:10px; height:10px; background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Spff%2Sjjj%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2710.02%27%20urvtug%3Q%2710.03%27%253R%253Pcngu%20q%3Q%27Z3.07%208.35MZ1.4%200%200%201.4y7.1%207.12U3.07i1.51u6.95I3.09U8.51i4.04Y1.4%200%27%20fglyr%3Q%27svyy%3N%25232853o2%3Osvyy-ehyr%3Nrirabqq%27%2S%253R%253P%2Sfit%253R");}
.stock-graph-list .item2.hold .item-title::after {position:relative; top:-3px; width:10px; height:3px; background:#585858}
.stock-graph-list .item2 .item-title-area .item-title {width:auto}

/* 2024.04.12 개편gnb 반영 후 지수 슬라이더 스타일 */
.hk-header ~ .stock-graph {min-height:64px; padding:9px 0; border-bottom:1px solid #ddd; background:#fff}
.hk-header ~ .stock-graph .stock-graph-inner {padding:0 10px}
.hk-header ~ .stock-graph .stock-graph-list .item {min-width:unset; min-height:45px; margin:0 10px; padding:5px 10px; border-radius:0; background:none; color:#121212}
.hk-header ~ .stock-graph .stock-graph-list .item-title-area .item-title {font-size:12px}
.hk-header ~ .stock-graph .stock-graph-list .item-info {margin:0}
.hk-header ~ .stock-graph .stock-graph-list .item-info .point,
.hk-header ~ .stock-graph .stock-graph-list .item-info .updown {font-weight:400}
.hk-header ~ .stock-graph .stock-graph-list .item-info .updown {margin-left:8px}
.hk-header ~ .stock-graph .stock-graph-list .item-info .updown:before {display:none}

/* 메인톱 */
.main-top {box-sizing:border-box;}
.main-headline .thumb {position:relative; margin:0 -20px; padding-bottom:51.6%; border-radius:0}
.main-headline .thumb > a {position:absolute; top:0; left:0}
.main-headline .txt-cont {padding:10px 0; box-sizing:border-box}
.main-headline .txt-cont > .news-tit {font-weight:700; font-size:1.714em; line-height:1.286em;}
.main-headline .lead {margin-top:5px; font-size:1.143em; -webkit-line-clamp:2}
/* .main-top .news-list-wrap .thumb img {width:100%; height:100%; object-fit:contain} */
.main-top .news-item .news-tit {word-break:break-all}
/* 주요뉴스 */
.major-news {padding:13px 0; border-top:1px solid #e4e4e4}
.major-news .cont-row + .cont-row {margin-top:13px; padding-top:13px; border-top:1px solid #e4e4e4}
.major-news .news-subject {display:block; min-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.major-news .news-item .news-tit {font-weight:normal; font-size:1.357em; line-height:1.316em; word-break:break-all; -webkit-line-clamp:3}
.major-news .news-item {display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:center}
.major-news .thumb {flex:0 0 auto; width:80px; height:50px; margin-left:10px}
.major-news .txt-cont {flex:1 0 auto; width:calc(100% - 94px)}
.major-thumb-news {padding-bottom:11px; border-top:1px solid #e4e4e4}
.major-thumb-news .cont-row {flex-wrap:wrap}
.major-thumb-news .cont-row > .col {padding-top:15px}
/* 증권속보 */
.main-realtime .timeline {position:relative; padding:10px 0; border-top:1px solid #e4e4e4}
.main-realtime .timeline::before {content:''; position:absolute; left:6px; top:0; bottom:0; width:2px; background-color:#e4e4e4}
.main-realtime .timeline > li {position:relative; padding:10px 0 10px 20px}
.main-realtime .timeline > li .time {display:block; margin-bottom:5px; font-weight:normal; color:var(--hk-text-secondary); font-size:12px; /*font-family:'Helvetica Neue', sans-serif*/}
.main-realtime .timeline > li .news-tit {font-weight:normal; font-size:19px; -webkit-line-clamp:2}
.main-realtime .timeline > li::before {content:''; position:absolute; top:16px; left:4px; width:5px; height:5px; border-radius:50%; background:#ee4c4c}
.main-realtime .btn-more-wrap {padding:0}
/* 마켓프로 */
.marketpro-wrap {position:relative; margin:30px 0; padding:17px 20px 10px; border:4px solid #182a6c; box-sizing:border-box}
.marketpro-wrap .tit {position:absolute; top:-11px; left:15px; padding:0 5px; background:#fff; font-size:15px}
.marketpro-wrap .tit,
.marketpro-wrap .tit a {color:#ee4c4c}
.marketpro-wrap .news-tit {font-weight:normal; font-size:19px; line-height:1.45; -webkit-line-clamp:2}
/* .marketpro-wrap .slick-dots {padding:5px 0 0; line-height:0} */

/* 주코노미TV */
.video-slide .thumb {display:block; width:221px; height:127px; box-sizing:border-box}
.video-slide .news-tit {margin-top:10px; max-width:221px; font-weight:normal; font-size:1.2em; line-height:1.294em; -webkit-line-clamp:2}
.video-slide .news-subject {display:block; margin-top:10px}
.video-slide .news-subject + .news-tit {margin-top:2px}

.video-item-top {padding-top:15px}
.video-item-top .thumb {position:relative; height:0; padding-bottom:56.25%; border-radius:10px; overflow:hidden}
.video-item-top .thumb > a {position: absolute; top:0; left:0; width:100%; height:100%}
.video-item-top .news-tit {margin:15px 0 13px; font-size:24px; -webkit-line-clamp:2}
.main-tit + .video-item-top {padding-top:0} 

/* 주식지표 테이블 공통 */
.stock-table th, .stock-table td {padding:8px 0; font-size:15px}
.stock-table th {text-align:left; word-break:break-all}
.stock-table .trade-price {width:20%}
.stock-table .change-price {width:25%}
.stock-table .change-ratio {width:25%}
.stock-table td {text-align:right}
.trade-date {text-align:right; color:var(--hk-text-secondary); font-size:12px}
.stock-table .price,
.stock-table .stock-category {color:#121212}
.main-tit + .stock-table {border-top:1px solid #ddd}

.table-stock.type-bar th,
.table-stock.type-bar td {color:#121212}
.table-stock.type-bar th:first-child,
.table-stock.type-bar td:first-child {position:relative; padding-left:15px}
.table-stock.type-bar thead th,
.table-stock.type-bar thead td {color:var(--hk-text-secondary); font-size:13px}
.table-stock.type-bar tbody th:first-child::before,
.table-stock.type-bar tbody td:first-child::before {content:''; position:absolute; top:0; left:-1px; bottom:0; width:5px}
.table-stock.type-bar tbody .up th:first-child::before,
.table-stock.type-bar tbody .up td:first-child::before {background:var(--hk-up)}
.table-stock.type-bar tbody .down th:first-child::before,
.table-stock.type-bar tbody .down td:first-child::before {background:var(--hk-down)}
.table-stock.type-bar tbody .hold th:first-child::before,
.table-stock.type-bar tbody .hold td:first-child::before {background:var(--hk-hold)}
.table-stock.type-bar .stock-name,
.table-stock.type-bar .stock-name a {color:#121212}
.table-stock.type-bar .code {color:var(--hk-text-secondary); font-size:11px}

.table-foreigner .stock-name {display:block; width:150px}

/* 시장종합 */
.main-market .stock-table th {width:85px}
/* .main-market .stock-table td {font-family:'Helvetica Neue', sans-serif} */
/* 마켓맵 */
.main-market-map .trade-date {margin-top:10px}
/* 한경 컨센서스 */
.consensus-list > li {display:flex; align-items:center; padding:10px 0; border-top:1px solid #e4e4e4}
.consensus-list > li > .txt-cont {flex:1 1 auto; width:calc(100% - 45px)}
.consensus-list > li .stock-name {margin-bottom:3px; color:#436f91; font-size:15px}
.consensus-list > li .report-sbj {overflow:hidden; display:block; display:-webkit-box; text-overflow:clip; word-wrap:break-word; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:19px}
.consensus-list > li .report-by {display:flex; margin-top:3px; color:var(--hk-text-secondary); font-size:12px}
.consensus-list > li .report-by > span + span::before {content:'|'; position:relative; top:-1px; margin:0 5px}
.consensus-list > li > .btns {flex:0 0 auto; width:45px; text-align:center}
/* 메인:한경 스타워즈 */
.main-starwars .main-tit {margin-bottom:10px; border-bottom:1px solid #e4e4e4}
.starwars-ranking > li {display:flex; align-items:center; justify-content:space-between; position:relative; flex:0 0 auto; width:280px; box-sizing:border-box}
.starwars-ranking > li + li {margin-left:10px}
.starwars-ranking .rank {margin-bottom:5px; font-weight:bold; font-size:17px; white-space:nowrap}
.starwars-ranking .rank .num {display:block; font-style:italic}
.starwars-ranking .rank .name {margin-left:5px}
.starwars-ranking .profile {flex:0 0 auto; width:195px}
.starwars-ranking .profile .rate dl {display:flex; align-items:center; font-size:12px}
.starwars-ranking .profile .rate dt {flex:0 0 auto; width:70px}
.starwars-ranking .profile .rate dd {flex:0 0 auto}
.starwars-ranking .profile .rate dd.progress-wrap {width:calc(100% - 130px); height:10px}
.starwars-ranking .profile .rate dd.num {width:60px; font-size:15px; text-align:right; /*font-family:'Helvetica Neue', sans-serif*/}
.starwars-ranking .profile .rate .progress-bar {position:relative; width:100%; height:10px; background-color:#eee}
.starwars-ranking .profile .rate .progress-bar .progress {position:absolute; top:0; right:0; height:10px; background-color:var(--hk-up)}
.starwars-ranking .profile .rate .progress-bar.up .progress {background-color:var(--hk-up)}
.starwars-ranking .profile .rate .progress-bar.down .progress {background-color:var(--hk-down)}
.starwars-ranking .thumb {flex:0 0 auto; width:70px; height:70px; border-radius:50%}
/* 메인:라씨로 */
.main-rassiro {margin-top:30px}
.main-rassiro .stocks-menu {margin-bottom:20px}
.main-rassiro .stocks-menu::after {content:''; display:block; clear:both}
.main-rassiro .stocks-menu button {float:left; width:50%; padding:7px 0; border:1px solid #ddd; font-size:15px; text-align:center; box-sizing:border-box}
.main-rassiro .stocks-menu button.on {position:relative; margin:0 -1px; border-color:#121212; font-weight:700; background-color:#fff}
.main-rassiro .stocks-menu button:first-child.on {margin:0 -1px 0 0}
.main-rassiro .stocks-menu button:last-child.on {margin:0 0 0 -1px}
.main-rassiro .stocks-menu button:first-child {border-top-left-radius:8px; border-bottom-left-radius:8px}
.main-rassiro .stocks-menu button:last-child {border-top-right-radius:8px; border-bottom-right-radius:8px}
.main-rassiro .order {display:flex; justify-content:center; margin:-5px 0 10px}
.main-rassiro .order .item {display:inline-flex; align-items:center; height:28px; padding:2px 15px 0; color:#fff; font-size:15px; white-space:nowrap; box-sizing:border-box}
.main-rassiro .order .item .txt-num {position:relative; top:-1px; margin-left:2px}
.main-rassiro .order .item:first-child {border-radius:7px 0 0 7px}
.main-rassiro .order .item:last-child {border-radius:0 7px 7px 0}
.main-rassiro .order .sell {background:var(--hk-up)}
.main-rassiro .order .buy {background:var(--hk-down)}
.main-rassiro .stock-table td.num {width:20px; padding:0 5px; font-weight:bold; font-style:italic; text-align:left}
.main-rassiro .stock-table td.stock-name {font-weight:bold; text-align:left}
.main-rassiro .stock-table .name {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.main-rassiro .stock-table td.trade-count {width:25%; color:var(--hk-text-secondary); font-size:12px}
.main-rassiro .stock-table td.change-ratio {width:18%}
/* 메인:유레카 */
.main-eureka {margin-top:30px}
.main-eureka .tit-info-area {margin:-10px 0 10px; color:var(--hk-text-secondary); font-size:12px}
.main-eureka .stocks-menu {display:flex; margin-bottom:20px}
.main-eureka .stocks-menu button {flex:1 1 auto; width:50%; padding:7px; border:1px solid #ddd; font-size:15px; text-align:center; box-sizing:border-box}
.main-eureka .stocks-menu button.on {position:relative; margin:0 -1px; border-color:#121212; font-weight:700; background-color:#fff}
.main-eureka .stocks-menu button:first-child.on {margin:0 -1px 0 0}
.main-eureka .stocks-menu button:last-child.on {margin:0 0 0 -1px}
.main-eureka .stocks-menu button:first-child {border-top-left-radius:8px; border-bottom-left-radius:8px}
.main-eureka .stocks-menu button:last-child {border-top-right-radius:8px; border-bottom-right-radius:8px}
.main-eureka .order {display:flex; justify-content:center; margin:-5px 0 10px}
.main-eureka .order .item {display:inline-flex; align-items:center; height:28px; padding:2px 15px 0; color:#fff; font-size:15px; white-space:nowrap; box-sizing:border-box}
.main-eureka .order .item .txt-num {position:relative; top:-1px; margin-left:2px}
.main-eureka .order .item:first-child {border-radius:7px 0 0 7px}
.main-eureka .order .item:last-child {border-radius:0 7px 7px 0}
.main-eureka .order .sell {background:var(--hk-up)}
.main-eureka .order .buy {background:var(--hk-down)}
.main-eureka .stock-table td.num {width:20px; padding:0 5px; font-weight:bold; font-style:italic; text-align:left}
.main-eureka .stock-table td.company,
.main-eureka .stock-table td.stock-name {font-weight:bold; text-align:left}
.main-eureka .stock-table .name {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.main-eureka .stock-table td.trade-count {width:25%}
.main-eureka .stock-table td.change-ratio {width:18%}

.eureka-article {margin-bottom:20px; border-top:1px solid #ddd}
.eureka-article + .stocks-menu {margin-bottom:10px}

/* 서브 :공통 */
.fiq__wrap [class^="badge-"],
.fiq__wrap [class^="btn-"],
.fiq__wrap [class^="icon-"],
.fiq__wrap [class^="tab-"] {font-family:HelveticaNeue, AppleSDGothicNeo-Regular, sans-serif}

.bg-dark {background:#262931; color:#fff}
.bg-dark a {color:#fff}
.bg-light {background:#f7f7f7}

.sub-tit-wrap {display:flex; align-items:center; justify-content:space-between; margin-bottom:15px}
.sub-tit-wrap .sub-tit-area {display:flex; align-items:center}
.sub-tit-wrap .sub-tit-area .sub-tit-info {margin-left:15px; font-size:12px}
.sub-tit-wrap .sub-tit {font-weight:bold; font-size:17px}

.main-module {margin:30px 0; padding:0 20px}
.main-module:first-child {margin-top:0}
.main-module:last-of-type {margin-bottom:0}
.module-tit-wrap {display:flex; align-items:center; justify-content:space-between; margin-bottom:11px}
.module-tit-area {display:flex; align-items:center}
.module-tit-area .module-tit-info {margin-left:15px; font-size:12px; line-height:1.2}
.module-tit-area .help-msg {margin-left:5px}
.module-tit {font-weight:bold; font-size:17px}
.module-tit-wrap.type-line {padding-bottom:10px; border-bottom:1px solid #ddd}
.tit-noti.fiq-tooltip {display:flex; margin-bottom:10px; padding:6px 8px 5px; white-space:normal}
.tit-noti.fiq-tooltip.bottom::before {transform:none; left:10px}
.main-module:has(.tit-noti) .module-tit-wrap {margin-bottom:8px}

.tab-type2-wrap + .main-module {margin-top:25px}
.main-module.bg-light {padding:30px 20px}
.main-module .btn-more-wrap {margin-top:8px; padding:0}

.box-module {padding:24px 14px; border:1px solid #ddd; border-radius:10px; background:#fff; box-shadow:3px 3px 6px rgba(0,0,0,.1)}
.box-module .module-tit-wrap {margin-bottom:15px}
.box-module .box-in-module {margin-top:15px; padding-top:15px; border-top:1px solid #ddd}

.stock-view-content .box-module {padding:0; border:none; box-shadow:none; border-radius:0}
.consensus-scale-module .box-module {padding-top:15px; border-top:1px solid #ddd}
.hk-equities-module .box-module {box-shadow:none}
.consensus-scale-module .fiq-tooltip2 {width:auto !important; max-width:360px}

.nodata {padding:30px 0; color:var(--hk-text-secondary); font-size:15px; text-align:center}
.nodata strong {color:#121212}

.no-data {padding:20px 10px 30px; text-align:center}
.no-data > .txt {margin:0 auto; padding:10px 30px; border-radius:25rem; background:#eee; color:var(--hk-text-secondary); font-size:13px}

.section-module-wrap {background:#fff}
.section-module-wrap ~ .section-module-wrap {margin-top:6px}
.section-module-wrap .module-tit-wrap .module-tit {padding:10px 15px; color:#5c7bc2; font-size:19px; line-height:1.2}
.section-module-wrap .module-tit-wrap .module-tit a {color:#5c7bc2}
.section-module-wrap .module-cont-wrap {padding:0 15px}
.section-module-wrap .news-list {border-bottom:none}
.section-module-wrap .news-list > li {padding-left:15px; padding-right:15px}

.slick-slide img {display:inline}
.slick-dots {display:inline-flex; justify-content:center; width:100%; margin-top:10px}
.slick-dots li {margin:0}
.slick-dots li:first-child {margin-left:0}
.slick-dots button {position:relative; width:25px; height:20px; overflow:hidden; color:transparent}
.slick-dots button::before {content:''; position:absolute; top:50%; left:50%; width:10px; height:10px; margin:-5px 0 0 -5px; border-radius:5px; vertical-align:top; background:#ddd}
.slick-dots .slick-active button::before {background-color:#121212}

/* 탭 */
.tab-wrap {position:relative; overflow:hidden}
.tab-wrap .inner-scroll {/*position:absolute; top:0; left:0; right:0;*/overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch}
.tab-wrap .inner-scroll::-webkit-scrollbar {display:none}

.tab-type1-wrap {min-height:40px; margin-bottom:20px}
.tab-type1 {display:inline-flex; min-width:100%; padding:0 20px; box-sizing:border-box}
.tab-type1 > li {flex:1 1 auto; min-width:85px}
.tab-type1 > li > a {display:block; min-height:40px; margin:0 -1px; padding:0 10px; border:1px solid #ddd; background:#fff; font-size:16px; line-height:38px; text-align:center; box-sizing:border-box}
.tab-type1 > li:first-child > a {margin-left:0; border-radius:10px 0 0 10px}
.tab-type1 > li:last-child > a {margin-right:0; border-radius:0 10px 10px 0}
.tab-type1 > li.on > a {position:relative; border-color:#121212; font-weight:bold}

.tab-type2-wrap {position:relative; min-height:45px; margin:0 20px; background:linear-gradient(0deg, rgba(34,34,34,1) 1px, rgba(255,255,255,1) 1px);}
.tab-type2 {display:flex; justify-content:space-between}
.tab-type2 > li {flex:0 0 auto; padding:0}
.tab-type2 > li > a {display:inline-block; position:relative; min-height:45px; padding:10px 13px 0; color:var(--hk-text-secondary); font-size:17px; box-sizing:border-box}
.tab-type2 > li.on > a {border-bottom-color:#121212; color:#121212; font-weight:bold}
.tab-type2 > li.on > a::after {content:''; position:absolute; left:0; right:0; bottom:0; height:5px; background:#121212}
.tab-type2-wrap::before, .tab-type2-wrap::after {content:''; display:block; position:absolute; top:0; width:20px; height:calc(100% - 5px); z-index:10}
.tab-type2-wrap::before {left:0; background:linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0) 100%)}
.tab-type2-wrap::after {right:0; background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,1) 100%)}

.tab-type3-wrap {min-height:40px; margin:25px 0}
.tab-type3-wrap:first-child {margin-top:0}
.tab-type3 {display:flex; align-items:center; justify-content:center}
.tab-type3 > li {flex:0 0 auto}
.tab-type3 > li > a {display:inline-flex; min-width:110px; min-height:40px; align-items:center; justify-content:center; padding:0 10px; font-weight:bold; font-size:15px; background:#eee; line-height:1.1; box-sizing:border-box; text-decoration:none; text-align:center}
/* .tab-type3 > li > a::after {content:''; display:inline-block; width:1px; height:100%; vertical-align:-15px} */
.tab-type3 > li.on > a {background:#121212; color:#fff}
.tab-type3 > li:first-child > a {border-radius:10px 0 0 10px}
.tab-type3 > li:last-child > a {border-radius:0 10px 10px 0}

.tab-type4-wrap {min-height:40px; margin-bottom:15px}
.tab-type4-wrap .inner-scroll .tab-type4 {padding:0 15px}
.tab-type4 {display:inline-flex}
.tab-type4 > li + li {margin-left:10px}
.tab-type4 a {display:inline-flex; align-items:center; min-height:40px; padding:0 20px; border-radius:20px; background:#eee; color:var(--hk-text-secondary); font-size:15px; white-space:nowrap; box-sizing:border-box}
.tab-type4 .on a {border:1px solid #4c88b6; background:#eef5fb; color:#121212; font-weight:bold}
.tab-type4-wrap::before {content:''; display:block; position:absolute; top:0; width:15px; height:100%; z-index:10}
.tab-type4-wrap::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%)}
.main-module .tab-type4-wrap {margin-left:-15px; margin-right:-15px}

.tab-type4.sm > li + li {margin-left:5px}
.tab-type4.sm a {height:24px; padding:0 15px; font-size:14px}

/* Tables */
.table-stock {width:auto; min-width:100%}
.table-stock th,
.table-stock td {padding:10px; border-top:1px solid #ddd; border-right:1px solid #eee; font-weight:normal; font-size:15px; text-align:left}
.table-stock th.vline,
.table-stock td.vline {border-right-color:#ddd}
.table-stock th.noline-t,
.table-stock td.noline-t {border-top-color:transparent !important}
.table-stock th:last-child,
.table-stock td:last-child {border-right:none}
.table-stock tbody tr:last-child th,
.table-stock tbody tr:last-child td {border-bottom:1px solid #ddd}
.table-stock .txt-hide {opacity:.001}

.table-stock.type-sm-head thead th {color:var(--hk-text-secondary); font-size:12px}
.table-stock.type-sm-head thead tr + tr th {border-top-color:#eee}
.table-stock.type-sm-head th,
.table-stock.type-sm-head td {padding:10px 5px}

.table-v-striped th:nth-child(even),
.table-fixedarea + .table-v-striped th:nth-child(odd),
.table-v-striped td:nth-child(odd) {background:#fafcfe}
.table-fixedarea + .table-v-striped th:nth-child(even),
.table-fixedarea + .table-v-striped th:first-child,
.table-fixedarea + .table-v-striped th:nth-child(even)
.table-fixedarea + .table-v-striped td:first-child {background:none}

.table-stock.type-stock-bar tbody th,
.table-stock.type-stock-bar tbody td {color:#121212}
.table-stock.type-stock-bar th:first-child,
.table-stock.type-stock-bar td:first-child {position:relative; padding-left:10px}
.table-stock.type-stock-bar tbody th:first-child::before,
.table-stock.type-stock-bar tbody td:first-child::before {content:''; position:absolute; top:0; left:-1px; bottom:0; width:5px}
.table-stock.type-stock-bar tbody tr.up th:first-child::before,
.table-stock.type-stock-bar tbody tr.up td:first-child::before {background:#ff4040}
.table-stock.type-stock-bar tbody tr.down th:first-child::before,
.table-stock.type-stock-bar tbody tr.down td:first-child::before {background:var(--hk-down)}
.table-stock.type-stock-bar tbody tr.hold th:first-child::before,
.table-stock.type-stock-bar tbody tr.hold td:first-child::before {background:#888}


.table-list {width:100%}
.table-list th,
.table-list td {padding:10px; border-bottom:1px solid #ddd; font-size:14px; text-align:left; vertical-align:top}
.table-list th {font-weight:normal}
.table-list .txt-standard {margin-top:3px; color:var(--hk-text-secondary); font-size:12px}
.table-list + .txt-info {margin-top:10px}

.table-wrap {position:relative}
.table-wrap > .layout-inner,
.table-wrap .table-inner {overflow-x:auto; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch}
.table-wrap .table-inner::-webkit-scrollbar {display:none}
.table-wrap .table-fixedarea {position:absolute; top:0; left:0; z-index:2; background-color:#fff; padding-left:15px}
.table-wrap .table-fixedarea .table-stock {min-width:auto}
.table-wrap .table-fixedarea .table-stock th,
.table-wrap .table-fixedarea .table-stock td {border-right:1px solid #ddd; height:42px; white-space:nowrap; box-sizing:border-box}
.table-wrap .table-fixedarea + .table-stock th,
.table-wrap .table-fixedarea + .table-stock td {height:42px; white-space:nowrap; box-sizing:border-box}
.table-wrap .table-inner > .table-stock {border-collapse:separate; border-spacing:0; table-layout:fixed; padding:0 15px}
.table-wrap .table-inner > .table-stock th:first-child,
.table-wrap .table-inner > .table-stock td:first-child {border-right:none}
.table-wrap .table-inner > .table-stock.type-stock-bar tbody th:first-child::before,
.table-wrap .table-inner > .table-stock.type-stock-bar tbody td:first-child::before {display:none}
.main-module .table-wrap,
.layout-inner .table-wrap {margin-left:-15px; margin-right:-15px}

/* stock item list */
.stock-itemlist > li {padding:10px 0}
.stock-itemlist > li > .item {display:flex; align-items:center; justify-content:space-between}
.stock-itemlist > li:first-child {padding-top:0}
.stock-itemlist .stock-title .name {display:table-cell; color:#121212; white-space:unset; font-size:17px; line-height:1.3}
.stock-itemlist .stock-title .code {display:block; color:var(--hk-text-secondary); font-size:12px; white-space:unset}
.stock-itemlist .stock-nums {display:flex; align-items:center; margin-left:10px; text-align:right}
.stock-itemlist .stock-nums .price {color:#121212; font-size:17px; line-height:1.2}
.stock-itemlist .stock-nums .stock-point,
.stock-itemlist .stock-nums .change-rate {font-size:12px}
.stock-itemlist .stock-nums .rate {display:inline-block; min-width:70px; margin-left:10px; padding:0 2px; border-radius:4px; background-color:var(--hk-hold); color:#fff; font-size:14px; line-height:34px; vertical-align:top; box-sizing:border-box; font-family:HelveticaNeue, AppleSDGothicNeo-Regular, sans-serif; text-align:center}
.stock-itemlist .up .stock-nums .rate {background-color:var(--hk-up-bg)}
.stock-itemlist .down .stock-nums .rate {background-color:var(--hk-down-bg)}
.stock-itemlist .hold .stock-nums .rate {background-color:var(--hk-hold-bg)}
.bg-dark .stock-itemlist .up .stock-nums .rate {background-color:var(--hk-up-bg-dark)}
.bg-dark .stock-itemlist .down .stock-nums .rate {background-color:var(--hk-down-bg-dark)}
.bg-dark .stock-itemlist .hold .stock-nums .rate {background-color:var(--hk-hold-bg-dark)}
.stock-itemlist .define-val {margin-left:10px; text-align:right; color:var(--hk-text-secondary); font-size:12px; white-space:nowrap}
.stock-itemlist .define-val .price {font-size:15px}
.box-module .stock-itemlist > li:last-child {padding-bottom:0}

.stock-itemlist.type-line > li {padding:10px 0}
.stock-itemlist.type-line > li {border-bottom:1px solid #ddd}
.stock-itemlist.type-line > li:first-child {border-top:1px solid #ddd}
.stock-itemlist.type-line:not(.line-alll) > li:last-child {border:none}

.stock-itemlist.type-accordion > li {padding:10px 0 0}
.stock-itemlist.type-accordion > li > .item {position:relative; padding-right:20px; padding-bottom:10px}
.stock-itemlist.type-accordion > li > .item::after {content:''; display:block; position:absolute; top:calc(50% - 7px); right:5px; width:7px; height:7px; border-top:1px solid #121212; border-right:1px solid #121212; transform:translateY(-50%) rotate(135deg)}
.stock-itemlist.type-accordion > li.on > .item::after { transform:translateY(-50%) rotate(-45deg)}
.stock-itemlist .stock-itemlist {display:none; padding:0 20px 0 15px; background:#f1f4f9 linear-gradient(180deg, rgba(230,235,244,1) 0%, rgba(241,244,249,1) 5px, rgba(230,235,244,1) 100%)}
.stock-itemlist .stock-itemlist > li {padding:10px 0}
.stock-itemlist .stock-itemlist > li:first-child {border-top:none}

/* 별점 */
.fiq-star-score {width:150px; height:20px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Sot-fgne.fit') repeat 0 0/30px 20px}
.fiq-star-score .score {height:20px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Sot-fgne-ba.fit') repeat 0 0/30px 20px}
.fiq-star-score .score1 {width:calc(10% - 5px)}
.fiq-star-score .score2 {width:20%}
.fiq-star-score .score3 {width:calc(30% - 5px)}
.fiq-star-score .score4 {width:40%}
.fiq-star-score .score5 {width:calc(50% - 5px)}
.fiq-star-score .score6 {width:60%}
.fiq-star-score .score7 {width:calc(70% - 5px)}
.fiq-star-score .score8 {width:80%}
.fiq-star-score .score9 {width:calc(90% - 5px)}
.fiq-star-score .score10 {width:100%}

/* Forms */
.form-elements {display:flex; align-items:center}
.form-elements > .col {flex:1 1 auto}
.form-elements > .col + .col {margin-left:10px}

.fiq__wrap .inp-txt {display:block; width:100%; min-height:45px; line-height:43px; padding:0 10px; border:1px solid #ddd; border-radius:10px; background:#fff; box-sizing:border-box; outline:none; font-size:16px}
.fiq__wrap .inp-txt::placeholder {color:var(--hk-text-secondary)}
.fiq__wrap .inp-txt:-ms-input-placeholder {color:var(--hk-text-secondary)}
.fiq__wrap .inp-txt::-ms-input-placeholder {color:var(--hk-text-secondary)}
.fiq__wrap .inp-txt:disabled,
.fiq__wrap .inp-txt[readonly] {background:#eee; cursor:not-allowed}

.form-element-wrap .form-label {margin-bottom:2px; padding-left:5px; color:var(--hk-text-secondary); font-size:12px; text-align:left}
.form-element-wrap + div,
.form-element-wrap + .form-element-wrap {margin-top:15px}

.select-style {display:block; position:relative; min-height:45px; background:#fff; box-sizing:border-box}
.select-style select {position:relative; z-index:2; width:100%; height:100%; padding:0 35px 0 13px; border:1px solid #ddd; border-radius:10px; background:transparent; font-size:15px; line-height:45px; vertical-align:middle; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:none; box-sizing:border-box}
.select-style select::-ms-expand {opacity:0}
.select-style select option {font-size:15px}
.select-style::after {content:''; position:absolute; top:calc(50% - 4px); right:15px; width:8px; height:8px; border-right:1px solid #121212; border-bottom:1px solid #121212; transform:rotate(45deg) translateY(-50%)}
.select-style.sm {min-height:35px}
.select-style.sm select {font-size:14px; line-height:35px}
.select-style.sm select option {font-size:14px}

.select-style.include-label > label {position:absolute; left:15px; top:0; font-weight:bold; font-size:15px; line-height:45px}
.select-style.include-label > select {padding-left:90px}
.select-style.sm.include-label > label {font-size:13px; line-height:35px}

.radio-style .inp-radio,
.check-style .inp-check {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}

.check-style {display:inline-flex; align-items:center; position:relative; cursor:pointer; margin-right:10px}
.check-style label {cursor:pointer}
.check-style .label-txt {display:inline-flex; align-items:center}
.check-style .label-txt::before {content:''; display:inline-block; width:25px; height:25px; margin-right:6px; border:1px solid #ddd; border-radius:100%; background:#fff; box-sizing:border-box}
.check-style .inp-check:checked + .label-txt::before {border:none; background:#ff761b url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Spbzzba%2Ssbez%2Svpba-purpx-sss.fit') no-repeat center center/10px 9px}
.check-style .inp-check:disabled + .label-txt::before,
.check-style .inp-check[readonly] + .label-txt::before {background-color:#eee; cursor:not-allowed}
.check-style:last-child {margin-right:0}

.radio-style {display:inline-flex; align-items:center; position:relative; cursor:pointer; margin-right:10px}
.radio-style label {cursor:pointer}
.radio-style .label-txt {display:inline-flex; align-items:center}
.radio-style .label-txt::before {content:''; display:inline-block; width:25px; height:25px; margin-right:6px; border:1px solid #ddd; border-radius:100%; background:radial-gradient(circle, rgba(221,221,221,1) 4px, rgba(255,255,255,1) 4px); box-sizing:border-box}
.radio-style .inp-radio:checked + .label-txt::before {border:none; background:radial-gradient(circle, rgba(255,255,255,1) 4px, rgba(255,118,27,1) 4px);}
.radio-style .inp-radio:disabled + .label-txt::before,
.radio-style .inp-radio[readonly] + .label-txt::before {background:radial-gradient(circle, rgba(211,211,211,1) 4px, rgba(238,238,238,1) 4px); cursor:not-allowed}
.radio-style .inp-radio:checked:disabled + .label-txt::before,
.radio-style .inp-radio:checked[readonly] + .label-txt::before {background:radial-gradient(circle, rgba(255,255,255,1) 4px, rgba(238,238,238,1) 4px);}
.radio-style:last-child {margin-right:0}

/* badge */
.badge-defalut {display:inline-flex; align-items:center; justify-content:center; min-height:20px; margin:0; padding:0 10px; border:1px solid #585858; border-radius:3px; background:#fff; color:var(--hk-text-secondary); font-weight:normal; font-size:12px; box-sizing:border-box}
.badge-danger {display:inline-flex; align-items:center; justify-content:center; min-height:20px; margin:0; padding:0 10px; border:1px solid #ee4c4c; border-radius:3px; background:#fff1f1; color:#ee4c4c; font-weight:normal; font-size:12px; box-sizing:border-box}
.badge-warning {display:inline-flex; align-items:center; justify-content:center; min-height:20px; margin:0; padding:0 10px; border:1px solid #ff7000; border-radius:3px; background:#fff4ec; color:#ff7000; font-weight:normal; font-size:12px; box-sizing:border-box}

/* Button */
.fiq__wrap .btn-default {display:inline-block; min-height:35px; padding:0 10px; border:1px solid #585858; border-radius:6px; background:#fff; font-size:14px; line-height:35px; text-align:center; white-space:nowrap; vertical-align:middle; box-sizing:border-box}
.fiq__wrap .btn-primary {display:inline-block; min-height:35px; padding:0 10px; border-radius:6px; background-color:#436f91; color:#fff; font-size:14px; line-height:35px; text-align:center; box-sizing:border-box}
.fiq__wrap .btn-point {display:inline-block; min-height:35px; padding:0 10px; border-radius:6px; background-color:#ff761b; color:#fff; font-size:14px; line-height:35px; text-align:center; box-sizing:border-box}
.fiq__wrap .btn-reset {display:inline-block; min-height:35px; padding:0 10px; border-radius:6px; background-color:#888; color:#fff; font-size:14px; line-height:35px; text-align:center; box-sizing:border-box}

/* .fiq__wrap .btn-like::before {content:''; display:inline-block; width:16px; height:16px; margin-right:6px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-yvxr.fit') no-repeat 0 0/contain; vertical-align:-3px} */
.fiq__wrap .btn-like.on {border-color:#03a754; color:#03a754}
.fiq__wrap .btn-like.on .svg-icon {fill:#03a754}
/* .fiq__wrap .btn-hate::before {content:''; display:inline-block; width:16px; height:16px; margin-right:6px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-ungr.fit') no-repeat 0 0/contain; vertical-align:-3px} */
.fiq__wrap .btn-hate.on {border-color:#df1f51; color:#df1f51}
.fiq__wrap .btn-hate.on .svg-icon {fill:#df1f51}
.fiq__wrap .btn-like .num,
.fiq__wrap .btn-hate .num {margin-left:8px}

.fiq__wrap .btn-subscribe {display:inline-block; min-height:35px; padding:0 0 1px; border:1px solid #ddd; border-radius:6px; background:#fff; font-size:14px; line-height:35px; text-align:center; box-sizing:border-box; vertical-align:middle}
.fiq__wrap .btn-subscribe.on .svg-icon {fill:#ff761b}
/* .fiq__wrap .btn-subscribe.on::before {content:''; display:inline-block; width:13px; height:13px; margin-right:5px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-fhofpevor-ba.fit') no-repeat 0 50%/contain; vertical-align:-1px} */

.fiq__wrap .btn-full {width:100%}
.fiq__wrap .btn-sm {min-height:30px; font-size:14px; line-height:30px}
.fiq__wrap .btn-lg {min-height:45px; border-radius:10px; font-size:17px; line-height:45px}


.btn-star-toggle {display:inline-block; width:25px; height:25px; color:transparent; overflow:hidden; vertical-align:top}
.btn-star-toggle::before {content:''; display:inline-block; width:25px; height:25px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-fgne-svyy.fit') no-repeat 50% 50%/contain}
.btn-star-toggle.on::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-fgne-svyy-ba.fit')}


/* Tooltip */
.fiq-tooltip {display:inline-flex; align-items:center; position:relative; padding:3px 9px 2px; border-radius:3px; background-color:#121212; color:#fff; font-size:12px; white-space:nowrap; box-sizing:border-box}
.fiq-tooltip::before {content:''; display:inline-block; position:absolute; pointer-events:none}
.fiq-tooltip.top::before {bottom:-5px; left:50%; border-top:5px solid #121212; border-left:5px solid transparent; border-right:5px solid transparent; transform:translateX(-50%)}
.fiq-tooltip.bottom::before {top:-5px; left:50%; border-bottom:5px solid #121212; border-left:5px solid transparent; border-right:5px solid transparent; transform:translateX(-50%)}
.fiq-tooltip.left::before {top:50%; left:-10px; border-top:5px solid transparent; border-left:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #121212; transform:translateY(-50%)}
.fiq-tooltip.right::before {top:50%; right:-10px; border-top:5px solid transparent; border-left:5px solid #121212; border-bottom:5px solid transparent; border-right:5px solid transparent; transform:translateY(-50%)}
.fiq-tooltip .btn-close {position:relative; top:-1px; width:11px; height:11px; margin-left:8px}
.fiq-tooltip .btn-close::before,
.fiq-tooltip .btn-close::after {content:''; position:absolute; left:50%; top:0; width:1px; height:12px; background-color:#fff}
.fiq-tooltip .btn-close:before {transform:translate(-50%) rotate(45deg)}
.fiq-tooltip .btn-close:after {transform:translate(-50%) rotate(-45deg)}

.fiq-tooltip2 {display:none; position:absolute; z-index:10; padding:15px; border:1px solid #eee; border-radius:10px; box-shadow:3px 3px 6px rgba(0,0,0,0.1); background:#fff; box-sizing:border-box}
.fiq-tooltip2 > .tooltip-tit {margin-bottom:10px}
.fiq-tooltip2 > .tooltip-tit .tit {float:left; position:relative; top:2px; max-width:calc(100% - 30px); font-size:14px}
.fiq-tooltip2 > .tooltip-tit .btn-close-tooltip {float:right}
.fiq-tooltip2 .btn-close-tooltip::before {content:''; display:inline-block; width:20px; height:20px; background-image:linear-gradient(to bottom, #121212 0%, #121212 100%), linear-gradient(to left, #121212 0%, #121212 100%); background-size:100% 1px,1px 100%; background-position:center; background-repeat:no-repeat; transform:rotate(45deg)}
.fiq-tooltip2 > .tooltip-tit::after {content:''; display:block; clear:both}
.fiq-tooltip2 > .cont {font-size:12px; line-height:20px}
.fiq-tooltip2 .para-unit + .para-unit {margin-top:10px}
.fiq-tooltip2 dl.para-unit dt {font-weight:bold}
.fiq-tooltip2 dl.para-unit dd {position:relative; padding-left:5px}
.fiq-tooltip2 dl.para-unit dd::before {content:''; position:absolute; top:8px; left:0; width:2px; height:1px; background:#121212}

/* .icon-help {display:inline-block; width:30px; height:30px; background:yellow} */
.icon-help {content:''; display:inline-block; width:16px; height:16px; padding:0 5px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Spff%2Sjjj%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20kzy%3Nfcnpr%3Q%27cerfreir%27%20jvqgu%3Q%2716.1%27%20urvtug%3Q%2716.1%27%20fglyr%3Q%27ranoyr-onpxtebhaq%3Narj%200%200%2016.1%2016.1%27%253R%253Pcngu%20q%3Q%27Z8%201.3n6.7%206.7%200%201%201%200%2013.4N6.7%206.7%200%200%201%208%201.3mZ8%200P3.6%200%200%203.6%200%208f3.6%208%208%208%208-3.6%208-8-3.5-8-8-8mz.9%2011.4p0%20.5-.4.8-.8.8-.5%200-.8-.4-.8-.8f.4-.8.8-.8.8.3.8.8mz.9-6.7p-.4-.4-1-.6-1.7-.6-1.5%200-2.4%201-2.4%202.6U7p0-1%20.6-1.3%201-1.3.5%200%201%20.2%201%20.8%200%20.5-.3.8-.6%201.2-.9.9-1%201.3-1%202.3u1.3p0-.4%200-.8.6-1.5.5-.5%201-1.1%201-2%20.1-.6-.1-1.1-.5-1.5m%27%20fglyr%3Q%27svyy%3N%2523585858%27%2S%253R%253P%2Sfit%253R") no-repeat 50% 50%/16px 16px; overflow:hidden; vertical-align:top; cursor:pointer; box-sizing:content-box}
.help-msg {position:relative; top:1px; display:inline-block; height:16px}
.help-msg .fiq-tooltip {display:none; position:absolute; left:-12px; z-index:10}
.help-msg .fiq-tooltip.top::before,
.help-msg .fiq-tooltip.bottom::before {left:20px}
.help-msg.on .fiq-tooltip {display:inline-flex}
.help-msg.bottom .fiq-tooltip {top:25px}
.help-msg.top .fiq-tooltip {bottom:25px}
.help-msg.left .fiq-tooltip {top:-4px; left:25px}
.help-msg.right .fiq-tooltip {top:-4px; left:auto; right:calc(100% + 8px)}
.help-msg.on .fiq-tooltip2 {display:block}

/* 툴팁별 위치 조정 */
.module-tit .help-msg {top:2px}
.module-tit-wrap {position:relative}
.module-tit-wrap .help-msg {position:static}
.module-tit-wrap .fiq-tooltip2 {top:30px; left:0; right:0}
.module-tit-wrap .help-msg.auto-width .fiq-tooltip2 {top:20px; right:auto}

.table-list {position:relative}
.table-list .help-msg {position:static}
.table-list .fiq-tooltip2 {top:35px; left:5px}

.sub-tit-wrap {position:relative}
.sub-tit-wrap .help-msg {position:static}
.sub-tit-wrap .fiq-tooltip2 {top:40px; left:0; right:0}

/* chart */
.main-module > .chart-area + .txt-info {margin-top:10px}

/* fiq page layout common */
.hk__modal--open {position:fixed; top:0; right:0; left:0; bottom:0; height:100vh; overflow:hidden; touch-action:none}
.overflow-hidden {overflow:hidden; transform:none}
html.overflow-hidden {height:100vh}

.fiq__container {padding:20px 0}
.fiq__container:not(.analyst-ranking-container):not(.consensus-view-container) .txt-etc.type-bar {margin-left:20px; margin-right:20px}
.layout-inner {padding:0 20px}

/* Plugin */
.fiq__wrap .swiper-pagination {position:relative; line-height:0}
.fiq__wrap .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px; background:#ddd; opacity:1; vertical-align:top}
.fiq__wrap .swiper-pagination .swiper-pagination-bullet-active {background:#121212}

.fiq__wrap .bg-dark .swiper-pagination .swiper-pagination-bullet {background:#383a3f}
.fiq__wrap .bg-dark .swiper-pagination .swiper-pagination-bullet-active {background:#fff}

.select2-container .select2-selection--single {height:auto !important; min-height:45px !important; border-color:#ddd !important; box-sizing:border-box !important}
.fiq__wrap .select2-container,
.fiq__wrap ~ .select2-container {width:100% !important; outline:none}
.fiq__wrap .select2-container .select2-selection--single,
.fiq__wrap ~ .select2-container .select2-selection--single {border-radius:10px}
.fiq__wrap .select2-container .select2-selection--single .select2-selection__rendered {padding-left:13px; padding-right:35px; font-size:15px; line-height:43px}
.fiq__wrap .select2-container--default .select2-selection--single .select2-selection__arrow {right:10px; height:100%}
.fiq__wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {width:8px; height:8px; margin-top:-6px; border:none; border-right:1px solid #121212; border-bottom:1px solid #121212; transform:rotate(45deg)}
.fiq__wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color:#121212; border-width:1px; transform:rotate(225deg); margin-top:0px}
.fiq__wrap .select2-container--default.select2-container--disabled .select2-selection--single {cursor:not-allowed}
.select2-container--default .select2-dropdown {border-color:#ddd !important; border-radius:0 0 10px 10px !important}
.select2-container--default .select2-dropdown.select2-dropdown--above {border-radius:10px 10px 0 0 !important}
.select2-container--default .select2-results__option {padding:6px 13px !important}
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results__option:last-child {padding-bottom:8px !important}
.select2-container--default .select2-results__option[aria-selected=true] {background:#eef5fb !important; color:#121212 !important}
.select2-container--default .select2-results__option--highlighted {background:none !important; color:#121212 !important}
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {background:#eef5fb !important}
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results__option--highlighted[aria-selected]:last-child,
.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results__option[aria-selected=true]:last-child {border-radius:0 0 10px 10px !important}
.select2-container--default .select2-dropdown.select2-dropdown--above .select2-results__option--highlighted[aria-selected]:first-child,
.select2-container--default .select2-dropdown.select2-dropdown--above .select2-results__option[aria-selected=true]:first-child {border-radius:10px 10px 0 0 !important}
.select2-container--default .select2-results__option {font-size:15px}
.select2-container--default .select2-results>.select2-results__options {max-height:500px}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {width:6px}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {background-color:#fafafa}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {border-radius:3px; background-color:#7d7d7d}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-button {width:0; height:0;}
.select2-container--default .select2-results>.select2-results__options {scrollbar-width:thin}
.select2-container--default .select2-search--dropdown .select2-search__field {padding:10px; border-color:#ddd !important; border-radius:4px !important; box-sizing:border-box !important; background:#fff !important; font-size:15px; outline:none !important}
.select2-container--default .select2-search--dropdown {padding:13px 13px 5px !important}
.fiq__wrap .form-select-stockSearch + .select2-container--default .select2-selection--single .select2-selection__arrow {display:none}
.select2-rendered__match {color:#4c88b6}

/* range slider */
.ui-widget.ui-widget-content {background:#eee}
.ui-widget-header {background:#4c88b6}
.ui-state-default {border:none; background:none}
.ui-slider {position:relative; text-align:left}
.ui-slider .ui-slider-handle {position:absolute; top:-7px; z-index:10; width:30px; height:30px; border-radius:25rem; margin-left:-10px; cursor:default; outline:none; box-sizing:border-box; cursor:pointer; text-align:center}
.ui-slider .ui-slider-handle::before {content:''; display:inline-block; width:20px; height:20px; border:1px solid #ddd; border-radius:100%; background:#fff}
.ui-slider .ui-slider-handle:last-child[style="left: 100%;"] {margin-left:-20px}
.ui-slider .ui-slider-range {position:absolute; z-index:1; display:block; border:none}
.ui-slider-horizontal {height:10px; border-radius:5px}
.ui-slider-horizontal .ui-slider-range {top:0; height:100%}
.ui-slider-horizontal .ui-slider-range-min {left:0}
.ui-slider-horizontal .ui-slider-range-max {right:0}

.range-slider-wrap .vue-slider {height:6px !important}
.range-slider-wrap .vue-slider-rail {background:#eee; border-radius:3px}
.range-slider-wrap .vue-slider-process {background:#4c88b6}

/* modal */
[class^="mybtn-"] {display:inline-flex; align-items:center; box-sizing:border-box}
.mybtn-outline {padding:0 11px; border:1px solid #ddd; border-radius:6px; line-height:33px; font-size:14px}
.mybtn-circle {justify-content:center; width:40px; height:40px; border:1px solid #ddd; border-radius:20px}
.myicon-plus {width:12px; height:12px; background-image:linear-gradient(to bottom, #121212 0%, #121212 100%), linear-gradient(to left, #121212 0%, #121212 100%); background-size:100% 2px,2px 100%; background-position:center; background-repeat:no-repeat}

.hk-modal {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999999; align-items:center; justify-content:center; background-color:rgba(0,0,0,.8); animation:fade-out .3s forwards}
.hk-modal .hk-modal-inner {position:fixed; left:0; bottom:0; right:0; padding:20px 0; border-radius:10px 10px 0 0; background:#fff; animation:modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards}
.hk-modal .mybtn-close-modal {position:absolute; top:21px; right:20px}
.hk-modal .mybtn-close-modal::before {content:''; display:inline-block; width:25px; height:25px; background-image:linear-gradient(to bottom, #121212 0%, #121212 100%), linear-gradient(to left, #121212 0%, #121212 100%); background-size:100% 1px,1px 100%; background-position:center; background-repeat:no-repeat; transform:rotate(45deg)}
.hk-modal .hk-modal-header {padding:0 20px 15px}
.hk-modal .hk-modal-header .mybtn-circle {position:absolute; top:12px; left:20px}
.hk-modal .hk-modal-tit {font-weight:bold; font-size:20px; text-align:center}
.hk-modal .hk-modal-body {padding:0 20px}
.hk-modal .hk-modal-footer {display:flex; align-items:center; justify-content:space-between; padding:20px 20px 0; text-align:center}
.hk-modal .hk-modal-footer [class^="mybtn-"] {flex:0 0 auto; width:calc(50% - 5px); display:inline-flex; align-items:center; box-sizing:border-box; justify-content:center; height:40px; border-radius:8px; font-size:16px}
.hk-modal .hk-modal-footer [class^="mybtn-"]:only-child {width:100%}
.mybtn-confirm {background-color:#ff761b; color:#fff}
.mybtn-cancel {background-color:#666; color:#fff}
.hk-modal .hk-modal-footer .mybtn-outline {justify-content:center; min-width:70px; height:30px; margin:0 3px; padding:0 10px; border-radius:5px; font-size:14px}
.hk-modal .msg {font-size:15px; text-align:center}
.hk-modal .msg-underline {text-decoration:underline}
.hk-modal .scroll-area {overflow-x:hidden; overflow-y:auto}
.hk-modal.show {display:flex; animation:fade-in .3s forwards}
.hk-modal.show .hk-modal-inner {animation:modalScaleUp .3s cubic-bezier(.6, 0, .4, 1) forwards}

.hk-modal.hide {animation:fade-out .3s forwards}
.hk-modal.hide .hk-modal-inner {animation:modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;

  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity:0;
	z-index:-1;
	height:0;
	overflow:hidden;
  }
}
@keyframes modalScaleUp {
	0% {
		-webkit-transform:translateY(100%);
		transform:translateY(100%);
	}
	to {
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}
@keyframes modalScaleDown {
    0% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity:1;
	}
	to {
		-webkit-transform:translateY(200%);
		transform:translateY(200%);
		opacity:0;
	}
}
.modal-interest .hk-modal-body {padding:5px 0 0}
.modal-interest .stock-group-list {max-height:270px; padding:0 23px 25px; overflow-x:hidden; overflow-y:auto; font-size:17px}
.modal-interest .stock-group-list > li + li {margin-top:20px}
.modal-interest .stock-group-list .txt-num {margin-left:4px; color:#ff761b; font-size:15px}
.modal-interest .stock-group-list .check-style {display:flex; padding-right:30px}
.modal-interest .stock-group-list .check-style .label-txt {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:25px}
.modal-interest .stock-group-list .check-style .label-txt::before {position:absolute; top:50%; right:0; margin:0; transform:translateY(-50%)}
.modal-interest .btn-add-group {position:absolute; top:15px; left:20px; width:40px; height:40px; border:1px solid #ddd; border-radius:100%; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-nqq.fit') no-repeat 50% 50%/17px 17px; box-sizing:border-box}
.modal-addgroup .hk-modal-inner {min-width:300px}

/* 하단 슬라이드월 팝업 */
.layer-fullpopup {visibility:hidden; z-index:-1; opacity:0; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5); touch-action:none; height:100vh}
.layer-fullpopup.show {visibility:visible; z-index:999999999; opacity:1; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); transition:all ease-in .3s}

.layer-offcanvas {position:fixed; display:flex; flex-direction:column; justify-content:center; background:#fff; touch-action:auto}
.layer-offcanvas .para-tit {margin-bottom:5px; font-weight:bold; font-size:20px}
.layer-offcanvas .para {font-size:16px; word-break:keep-all}
.layer-offcanvas .para + .para {margin-top:10px}
.layer-offcanvas .txt-point {color:#ff761b}
.layer-offcanvas .txt-underline {text-decoration:underline}
.layer-offcanvas .offcanvas-body {padding:0 20px}
.layer-offcanvas .offcanvas-foot {display:flex; justify-content:center; gap:10px; padding:20px 20px 0}
.layer-offcanvas .offcanvas-foot .btn {flex:1 1 auto; display:inline-block; max-width:170px; line-height:50px; padding:0 10px; border-radius:8px; color:#fff; font-weight:bold; font-size:17px; text-align:center; box-sizing:border-box}
.layer-offcanvas .offcanvas-foot .btn-pramary {background-color:#ff761b}
.layer-offcanvas .offcanvas-foot .btn-secondary {background-color:#666}
.layer-offcanvas .offcanvas-etc {margin-top:20px}
.layer-offcanvas .btn-link {font-size:14px}
.layer-offcanvas .btn-link::after {content:''; display:inline-block; width:5px; height:5px; margin-left:5px; border-top:1px solid #121212; border-right:1px solid #121212; transform:rotate(45deg); vertical-align:2px}
.layer-offcanvas.bottom {right:0; bottom:-100%; left:0; padding:30px 0 20px; text-align:center}
.layer-fullpopup.show .layer-offcanvas.bottom {bottom:0; transition:bottom 1s}
.layer-offcanvas::before {content:''; position:absolute; top:-50%; }
@media all and (min-height:700px){
	.layer-fullpopup.show .layer-offcanvas.bottom {top:50%}
}

/* 콘텐츠 하단 로그인 유도 안내 */
.contents-more-info {padding:30px 0; text-align:center}
.contents-more-info .para-tit {margin-bottom:5px; font-weight:bold; font-size:20px}
.contents-more-info .para {font-size:16px; word-break:keep-all}
.contents-more-info .para + .para {margin-top:10px}
.contents-more-info .txt-point {color:#ff761b}
.contents-more-info .txt-underline {text-decoration:underline}
.contents-more-info .more-body {padding:0 20px}
.contents-more-info .more-foot {display:flex; justify-content:center; gap:10px; padding:20px 20px 0}
.contents-more-info .more-foot .btn {flex:1 1 auto; display:inline-block; max-width:170px; line-height:50px; padding:0 10px; border-radius:8px; color:#fff; font-weight:bold; font-size:17px; text-align:center; box-sizing:border-box}
.contents-more-info .more-foot .btn-pramary {background-color:#ff761b}
.contents-more-info .more-foot .btn-secondary {background-color:#666}
.contents-more-info .more-etc {margin-top:20px}
.contents-more-info .btn-link {margin:0 10px; font-size:14px}
.contents-more-info .btn-link::after {content:''; display:inline-block; width:5px; height:5px; margin-left:5px; border-top:1px solid #121212; border-right:1px solid #121212; transform:rotate(45deg); vertical-align:2px}

/* theme */
.mytheme-orange .theme-color-primary {color:#ff761b}
.mytheme-orange .theme-bg-primary {background-color:#ff761b}
.mytheme-orange .myicon-plus {background-image:linear-gradient(to bottom, #ff761b 0%, #ff761b 100%), linear-gradient(to left, #ff761b 0%, #ff761b 100%); background-size:100% 2px,2px 100%}
.mytheme-orange .myicon-user {background-color:#ff761b}

/* 서브:시장종합 메인 */
.marketmain .tab-type1 {padding:0}
.marketmain .tab-type2-wrap {margin:0}
.marketmain .tab-type2-wrap + .table-stock {margin-top:-1px}
.marketmain .tab-type2-wrap + .stock-itemlist.type-line > li:first-child {border-top:none}
.marketmain .txt-etc.type-bar {margin:10px 20px 0; padding-bottom:20px}

.swiper-stock .swiper-slide {width:160px; height:auto}
.swiper-stock .item {display:block; position:relative; height:calc(100% - 10px); margin-bottom:10px; padding:15px; background:#fff; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; box-shadow:3px 3px 6px rgba(0,0,0,.1); text-decoration:none; transition:box-shadow ease .3s}
.swiper-stock .swiper-slide:active .item {box-shadow:4px 4px 6px rgb(0 0 0 / 20%)}
.swiper-stock .stock-title {margin-bottom:10px}
.swiper-stock .stock-title > .name {font-weight:bold; font-size:15px}
.swiper-stock .stock-title > .name .ellip {padding-right:1px}
.swiper-stock .stock-title > .code {color:var(--hk-text-secondary); font-size:12px}
.swiper-stock .stock-nums > .price {font-weight:bold; font-size:20px}
.swiper-stock .stock-nums > .rate {font-weight:bold; font-weight:normal; font-size:12px}

.marketmain-top {padding-top:20px; padding-bottom:20px}
.marketmain-top .exchange-rates {margin:25px 0}
.marketmain-top .exchange-rates .item {display:flex; align-items:center; font-weight:bold; font-size:14px}
.marketmain-top .exchange-rates .item > span {margin-left:10px}
.marketmain-top .exchange-rates .item .name {color:#fff}
.marketmain-top .exchange-rates .item .name::before {content:''; display:inline-block; width:10px; height:10px; margin-right:10px; border-radius:100%; background:#f0a900}
.marketmain-top .exchange-rates .item .txt-standard {color:var(--hk-text-secondary); font-size:12px}
.marketmain-top .swiper-pagination {bottom:0; margin-top:20px}
.marketmain-general {padding-top:20px; border-top:1px solid #383a3f; overflow:hidden}
.marketmain-general .swiper-slide {padding:0}
.marketmain-general .stock-itemlist .stock-title {color:#fff; font-size:20px}
.marketmain-general .stock-itemlist .stock-title strong::before {content:''; display:inline-block; width:10px; height:10px; margin-right:10px; border-radius:100%; vertical-align:2px}
.marketmain-general .stock-itemlist .stock-title .kospi::before {background:#f06e00}
.marketmain-general .stock-itemlist .stock-title .kosdaq::before {background:#9d40d7}
.marketmain-general .stock-itemlist .stock-title .kospi200::before {background:#00b4ab}
.marketmain-general .stock-itemlist .stock-nums {line-height:1.2}
.marketmain-general .stock-itemlist .stock-nums .price {color:#fff}
.marketmain-general .invest-info {display:flex; justify-content:space-between; margin:25px 0 20px}
.marketmain-general .invest-info dl {display:flex; flex:0 0 auto; flex-wrap:wrap; width:calc(50% - 20px); font-size:15px; box-sizing:border-box}
.marketmain-general .invest-info dt,
.marketmain-general .invest-info dd {margin-bottom:10px}
.marketmain-general .invest-info dt {flex:0 0 auto; width:60px}
.marketmain-general .invest-info dd {flex:1 1 auto; width:calc(100% - 60px); text-align:right}
.marketmain-general .change-info dl {display:flex; flex-wrap:wrap; font-size:14px}
.marketmain-general .change-info dd {padding:0 15px 0 4px}
.marketmain-foreigner .tab-type1-wrap {margin-bottom:10px}
.marketmain-marketcap .module-tit-wrap {margin:0}
.marketmain-coin .news-list {border-bottom:none}








/* 서브:종목뷰 공통 */
.stock-view-header {margin:0 15px; padding-bottom:15px; border-bottom:1px solid #ddd}
.stock-view-header .stock-item {margin-bottom:20px}
.stock-view-header .stock-item .stock-name-wrap {display:flex; flex-wrap:wrap; margin-bottom:5px}
.stock-view-header .stock-item .stock-name {font-weight:bold; font-size:20px}
.stock-view-header .stock-item .stock-name .ellip {display:block}
.stock-view-header .stock-item .code {position:relative; top:5px; color:var(--hk-text-secondary); font-weight:bold; font-size:14px}
.stock-view-header .stock-item .stock-name + .code {margin-left:10px}
.stock-view-header .stock-item [class^="badge-"] {position:relative; top:4px}
.stock-view-header .stock-data-wrap {display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap}
.stock-view-header .stock-data .price {font-weight:bold; font-size:28px; line-height:1.3}
.stock-view-header .stock-data .quot {font-size:14px}
.stock-view-header .stock-data-wrap.multi {position:relative; justify-content:space-around}
.stock-view-header .stock-data-wrap.multi::after {content:''; position:absolute; top:0; bottom:0; width:1px; left:50%; background:#ddd; transform:translateX(-50%);}
.stock-view-header .stock-data-wrap.multi > .col {padding:0 10px; text-align:center}
.stock-view-header .stock-data-wrap.multi > .col:first-child {padding-left:0; border:none}
.stock-view-header .stock-data-wrap.multi > .col:last-child {padding-right:0}
.stock-view-header .stock-data-wrap .stock-data-cate {color:#121212; font-size:15px}
.stock-view-header .stock-util {text-align:right}
.stock-view-header .stock-util .btns {display:inline-flex; align-items:center; padding-right:10px}
.stock-view-header .stock-util .btns .btn-star-toggle {margin-left:19px;}
.stock-view-header .stock-util .txt-info {padding-bottom:2px}
.stock-view-header .stock-util .btns + .txt-info {margin-top:5px}
.stock-view-content {padding:20px 0}
.stock-view-content .stock-data-detail {margin-left:20px; margin-right:20px}
.stock-view-content .stock-datalist {display:grid; grid-template-columns:1fr 1fr}
.stock-view-content .stock-datalist > li:nth-child(2) ~ li {margin-top:15px}
.stock-view-content .stock-datalist > li:nth-child(2n) {margin-left:30px}
.stock-view-content .stock-datalist dl {display:flex; justify-content:space-between; flex-wrap:wrap}
.stock-view-content .stock-datalist dt {padding-top:4px; color:var(--hk-text-secondary); font-size:12px}
.stock-view-content .stock-datalist dd {margin-left:10px; font-weight:bold; font-size:17px}
.stock-view-content .stock-data-detail > dl {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; font-size:12px}
.stock-view-content .stock-data-detail > dl dt,
.stock-view-content .stock-data-detail > dl dt a {color:var(--hk-text-secondary); font-size:12px}
.stock-view-content .stock-data-detail > dl dd {margin-left:5px; font-weight:bold}
.stock-view-content .stock-data-detail > dl dd + dt {margin-left:25px}
.stock-view-content .stock-data-detail > dl + dl {margin-top:8px}
.stock-view-content .stock-data-detail + .stock-data-detail {margin-top:15px; padding-top:15px; border-top:1px solid #ddd}
.stock-view-content .stock-itemlist.type-line ~ .btn-more-wrap {padding:0}

.option-view-container .stock-view-header {padding-bottom:0; border:none}
.option-view-container .stock-view-header .stock-data-wrap {margin-bottom:10px}
.option-view-container .stock-view-header .form-element-wrap {margin-bottom:5px}

.etfetn-view-container .stock-view-header .stock-item {display:block}
.etfetn-view-container .stock-view-header .stock-item .stock-name {word-break:break-all}
.etfetn-view-container .stock-view-header .stock-item [class^="badge-"] {margin:0}

.consensus-scale {position:relative; padding-top:calc(12px * 3)}
.consensus-scale-bar {display:flex; margin-left:-1px}
.consensus-scale-bar > .item {flex:1 1 20%; padding-left:1px; box-sizing:border-box}
.consensus-scale-bar > .item::before {content:''; display:block; height:10px; background:#ddd}
.consensus-scale-bar > .item:first-child::before {border-radius:5px 0 0 5px}
.consensus-scale-bar > .item:last-child::before {border-radius:0 5px 5px 0}
.consensus-scale-bar > .item .txt {margin-top:5px; color:var(--hk-text-secondary); font-size:12px; text-align:center}
.consensus-scale .val {position:absolute; top:0; min-width:42px; margin-left:-21px; padding:5px 7px; border-radius:3px; background:#888; color:#fff; font-weight:bold; font-size:12px; line-height:1; text-align:center; white-space:nowrap; box-sizing:border-box}
.consensus-scale .val::before {content:''; display:block; position:absolute; left:50%; bottom:-3px; width:8px; height:8px; margin-left:-4px; border-radius:.15em; background:#888; transform:rotate(45deg)}
.consensus-scale .val .txt-num {position:relative; z-index:2; font-weight:normal; font-size:14px}
.consensus-scale-bar > .item:nth-child(1)::before {background:var(--hk-down)}
.consensus-scale-bar > .item:nth-child(2)::before {background:#94be21}
.consensus-scale-bar > .item:nth-child(3)::before {background:#eabb00}
.consensus-scale-bar > .item:nth-child(4)::before {background:#f68700}
.consensus-scale-bar > .item:nth-child(5)::before {background:var(--hk-up)}
.consensus-scale.step1 .val,
.consensus-scale.step1 .val::before {background:var(--hk-down)}
.consensus-scale.step2 .val,
.consensus-scale.step2 .val::before {background:#94be21}
.consensus-scale.step3 .val,
.consensus-scale.step3 .val::before {background:#eabb00}
.consensus-scale.step4 .val,
.consensus-scale.step4 .val::before {background:#f68700}
.consensus-scale.step5 .val,
.consensus-scale.step5 .val::before {background:var(--hk-up)}

.stock-view-chart .chart-info {margin-top:10px}
.stock-view-chart .chart-info .chart-legend {display:flex; align-items:center; margin-bottom:15px; font-size:12px}
.stock-view-chart .chart-info .chart-legend > li + li {margin-left:15px}
.stock-view-chart .chart-info .chart-legend [class^="icon-legend"] {display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; margin-right:5px; border-radius:100%; font-weight:bold; font-size:12px; box-sizing:border-box}
.stock-view-chart .chart-info .icon-legend-n {border:1px solid #3e9149; background:#6dcc78}
.stock-view-chart .chart-info .icon-legend-c {border:1px solid #bd5618; background:#f68847; color:#fff}

.stock-view-company .company-info {margin-bottom:30px; font-size:17px; word-break:keep-all}
.stock-view-company .company-info .tit {margin-bottom:15px; font-weight:bold}
.stock-view-company .company-info .summary-cont {margin-top:5px; line-height:1.5}
.stock-view-company .company-info .link-homepage {display:flex; align-items:center; color:#436f91; font-size:15px; letter-spacing:0}
.stock-view-company .company-info .link-homepage::before {content:''; display:inline-block; width:13px; height:13px; margin-right:7px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-ubzrcntr.fit') no-repeat 50% 50%/contain}
.stock-view-company .table-stock th:first-child,
.stock-view-company .table-stock td:first-child {padding-left:5px; padding-right:5px; min-width:130px; word-break:keep-all; box-sizing:border-box}

/* 서브:주요시세 */
.table-field {margin:25px 0 0}
.index-info-container .table-field .btn-more-wrap {padding-top:0}

/* 서브:컨센서스 */
.badge-consensus {display:inline-block; min-width:40px; min-height:22px; margin:0; padding:0 8px; border-radius:5px; background:#888; color:#fff; font-weight:normal; font-size:12px; line-height:1; box-sizing:border-box; text-align:center}
.badge-consensus::after {content:''; display:inline-block; width:1px; height:22px; vertical-align:-7px}
.badge-consensus.corporation {background:#00893B} /* 기업 */
.badge-consensus.industry {background:#8623e3} /* 산업 */
.badge-consensus.market {background:#d63676} /* 시장 */
.badge-consensus.economy {background:#2e4bca} /* 경제 */
.badge-consensus.derivation {background:#2F7BB5} /* 파생 */

.chart-donut {position:relative}
.chart-donut svg {vertical-align:top}
.chart-donut .progress {-ms-transform:rotate(-90deg); transform:rotate(-90deg); transform-origin:50% 50%; stroke:#00893B}
.chart-donut > .val {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-weight:normal; font-size:14px}

.report-list > li {padding:15px 0; border-top:1px solid #ddd}
.report-list .report-item {display:flex; align-items:center; margin-bottom:5px}
.report-list .report-item .badge-consensus {margin-right:8px}
.report-list .report-item .stock-name {font-weight:bold; font-size:17px}
.report-list .report-item .code {margin-left:4px; color:var(--hk-text-secondary); font-weight:bold; font-size:12px}
.report-list .report-content {margin-bottom:5px; overflow:hidden; display:block; display:-webkit-box; text-overflow:clip; word-wrap:break-word; word-break:break-all; -webkit-box-orient:vertical; font-size:19px; -webkit-line-clamp:2}
.report-list .report-info {display:flex; flex-wrap:wrap}
.report-list .report-info > dl {display:flex; gap:5px; flex:0 0 auto; flex-wrap:wrap; width:50%; margin-top:5px; font-size:13px}
.report-list .report-info  dt {flex:0 0 auto; min-width:50px; font-weight:bold}
.report-list .report-info  dd {flex:1 1 auto; width:calc(100% - 55px)}
.report-list-wrap .btn-more-wrap {padding-bottom:0}

.consensus-main .module-tit-wrap {margin-bottom:15px}
.consensus-main .analyst-ranking .profile-wrap .rank {display:none; width:30px}
.consensus-main .analyst-ranking .profile-wrap + dl.define {margin-left:0} 
.main-week-top10 {margin-top:0}
.main-week-top10 .swiper-slider-wrap {margin:0 -15px}
.consensus-slide a {text-decoration:none}
.consensus-slide .item {display:block; position:relative; padding:0 15px 20px}
.consensus-slide .item-inner {display:flex; border:1px solid #ddd; border-radius:10px; background:#fff; box-shadow:3px 3px 6px rgba(0,0,0,.1); overflow:hidden}
.consensus-slide .thumb-pdf {flex:0 0 auto; width:110px; border-right:1px solid #ddd; background:#fff; box-sizing:border-box}
.consensus-slide .thumb-pdf img {width:100%; height:100%; object-fit:cover}
.consensus-slide .cont-info {flex:1 1 auto; padding:20px}
.consensus-slide .stock-title {margin-bottom:15px}
.consensus-slide .stock-title .name {font-size:19px}
.consensus-slide .stock-title .code {color:var(--hk-text-secondary); font-weight:bold; font-size:12px}
.consensus-slide .report-info {display:flex; gap:10px; flex-wrap:wrap; position:relative; padding-left:8px; font-size:14px}
.consensus-slide .report-info::before {content:''; position:absolute; left:0; top:10px; width:2px; height:2px; background:#121212}
.consensus-slide .report-info dt {flex:0 0 auto; min-width:55px; font-weight:bold}
.consensus-slide .report-info dd {text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.consensus-slide .report-info + .report-info {margin-top:8px}
.consensus-slide .badge-consensus {position:absolute; top:0; right:15px; border-radius:0 0 0 10px}
dl.define:not(.type-vertical) {display:flex; align-items:center}
dl.define:not(.type-vertical) dt {flex:0 0 auto; margin-right:5px; color:var(--hk-text-secondary); font-size:12px; white-space:nowrap}
.analyst-ranking > li {padding:19px 29px; background:#fff; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; box-shadow:3px 3px 6px rgba(0,0,0,.1)}
.analyst-ranking > li + li {margin-top:15px}
/* .analyst-ranking > li:first-child,
.analyst-ranking > li.first {border-color:#00893B; background:#f2fbf6} */
.analyst-ranking a {text-decoration:none}
.analyst-ranking .item {display:block; position:relative; min-height:82px; padding:0 70px 0 0; box-sizing:border-box}
.analyst-ranking .profile-wrap {display:flex; align-items:center}
.analyst-ranking .profile-wrap .rank {display:none; flex:0 0 auto; width:35px; margin-right:5px; font-size:30px; line-height:1}
.analyst-ranking .profile-wrap .profile {flex:0 0 auto; width:calc(100% - 40px)}
.analyst-ranking .profile-wrap .profile .name,
.analyst-ranking .profile-wrap .profile .company {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.analyst-ranking .profile-wrap .profile .name {font-size:19px}
.analyst-ranking .profile-wrap .profile .company {font-size:14px}
.analyst-ranking .profile-wrap + dl.define {display:block; margin:5px 0 0 0}
.analyst-ranking .profile-wrap + dl.define > dt {margin-bottom:3px; color:#00893B; font-size:14px}
.analyst-ranking dl.define .fiq-star-score {margin:0}
.analyst-ranking .fiq-star-score {margin-top:10px; pointer-events:none}
.analyst-ranking .evaluation-accuracy {position:absolute; top:0; right:0; text-align:center}
.analyst-ranking .evaluation-accuracy > .tit {display:block; margin-bottom:4px; color:var(--hk-text-secondary); font-size:12px}
.analyst-ranking dl.define:not(.type-vertical) dt {font-weight:bold}
.analyst-ranking > li:nth-child(3) ~ li .profile-wrap .rank {font-size:24px}

.define-star dt .txt-num,
.analyst-view-header .analyst-portfolio .item-score dd .val-num {display:none}

.main-report-search .report-search-option dl {display:flex; align-items:center; margin-bottom:15px}
.main-report-search .report-search-option dt {flex:0 0 auto; width:70px; font-weight:bold; font-size:15px}
.main-report-search .report-search-option dd {flex:1 1 auto; width:calc(100% - 70px)}
.main-report-search .report-search-option > .btn {width:100%}
.main-report-search .form-report-search {position:relative; margin-bottom:15px}
.main-report-search .form-report-search .select-style {position:absolute; top:0; bottom:0; left:0; width:100px; background:transparent}
.main-report-search .form-report-search .select-style select {border:none}
.main-report-search .form-report-search .inp-txt {padding-left:105px}
.main-report-search .tab-type4-wrap {margin-bottom:25px}
.report-search-result .report-list {padding-top:20px}
.report-search-result .report-list > li:first-child {border-top:none}

/* 서브:컨센서스 뷰 */
.consensus-view-container {padding-left:20px; padding-right:20px}
.consensus-view-header .report-tit {padding-bottom:15px; border-bottom:1px solid #ddd; font-size:20px}
.consensus-view-header .report-detail {padding:15px 0 12px}
.consensus-view-header .report-detail .report-item {display:flex; align-items:center}
.consensus-view-header .report-detail .report-item .stock-name {margin-right:4px; font-weight:bold; font-size:19px}
.consensus-view-header .report-detail .report-item .code {margin-right:4px; color:var(--hk-text-secondary); font-weight:bold; font-size:12px}
.consensus-view-header .report-detail .report-item .badge-defalut {position:relative; top:-1px}
.consensus-view-header .report-detail .report-info-etc {display:flex; position:relative; margin-top:8px}
.consensus-view-header .report-detail .report-info-etc dl {display:flex; flex:0 0 auto; width:50%; font-size:14px}
.consensus-view-header .report-detail .report-info-etc dt {flex:0 0 auto; width:60px; position:relative; padding-left:7px; font-weight:bold}
.consensus-view-header .report-detail .report-info-etc dt::before {content:''; position:absolute; top:8px; left:0; width:2px; height:2px; background:#121212}
.consensus-view-header .report-detail .report-info-etc dd {flex:1 1 auto; width:calc(100% - 60px)}
.consensus-view-header .report-detail .report-info-etc .fiq-tooltip {position:absolute; top:-30px; left:65px}
.consensus-view-header .report-detail .report-info-etc .fiq-tooltip::before {left:15px; transform:none}
.consensus-view-header .report-content {margin-top:15px; font-size:16px}
.consensus-view-container .pdf-view-wrap {margin-top:20px; text-align:center}
.consensus-view-container .pdf-view-wrap .img + .img {margin-top:10px}
.consensus-view-container .txt-etc.type-bar {margin-top:20px}
.consensus-view-container .contents-more-info {margin-top:10px; border-top:1px solid #ddd}

/* 서브:애널리스트 랭킹 */
.analyst-ranking-container {padding:10px 15px 20px}
.analyst-ranking-header .box-module {text-align:center}
.analyst-ranking-header .box-module dt {font-weight:bold; font-size:15px}
.analyst-ranking-header .box-module dd .val-num {font-size:20px}
.analyst-ranking-header .box-module dd .tit,
.analyst-ranking-header .box-module dd .unit {color:var(--hk-text-secondary); font-size:13px}
.analyst-ranking-header .box-module .total-val {position:relative; display:flex; align-items:center}
.analyst-ranking-header .box-module .total-val > dl {flex:1 1 auto; width:50%}
.analyst-ranking-header .box-module .total-val::after {content:''; position:absolute; top:0; bottom:0; left:50%; width:1px; background:#ddd}
.analyst-ranking-header .box-module .total-opinion {margin-top:24px; padding-top:24px; border-top:1px solid #ddd}
.analyst-ranking-header .box-module .total-opinion dd {display:flex; align-items:center; justify-content:space-around; margin-top:10px}
.analyst-ranking-header .box-module .total-opinion dd .tit,
.analyst-ranking-header .box-module .total-opinion dd .val-num {display:block}
.analyst-ranking-header > .txt-info {padding:15px 5px 30px}
.analyst-ranking-container .analyst-ranking-wrap .filter-area {display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-bottom:10px}

/* 서브:애널리스트 뷰 */
.analyst-view-header {padding:0 20px}
.analyst-view-header .analyst-profile-wrap {display:flex; justify-content:space-between; margin-bottom:10px}
.analyst-view-header .analyst-profile {margin-right:5px}
.analyst-view-header .analyst-profile .analyst-name {font-weight:bold; font-size:20px}
.analyst-view-header .analyst-profile .company {font-size:14px}
.analyst-view-header .analyst-profile-wrap .date-range {flex:0 0 auto; min-width:90px}
.analyst-view-header .empathy-btns {display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:8px}
.analyst-view-header .empathy-btns > [class^="btn-"] {flex:1}
/* .analyst-view-header .empathy-btns > [class^="btn-"] + [class^="btn-"] {margin-left:10px} */
.analyst-view-header .analyst-portfolio {padding:14px}
.analyst-view-header .analyst-portfolio > .item {display:flex; align-items:center; justify-content:space-between; padding:10px 5px}
.analyst-view-header .analyst-portfolio > .item + .item {border-top:1px solid #ddd}
.analyst-view-header .analyst-portfolio dl {color:var(--hk-text-secondary)}
.analyst-view-header .analyst-portfolio dt {margin-bottom:2px; font-size:14px}
.analyst-view-header .analyst-portfolio dd {font-size:18px}
.analyst-view-header .analyst-portfolio dd .val-num {color:#121212}
.analyst-view-header .analyst-portfolio dd .val-num.up {color:var(--hk-up)}
.analyst-view-header .analyst-portfolio dd .val-num.down {color:var(--hk-down)}
.analyst-view-header .analyst-portfolio dd .val-num.hold {color:var(--hk-text-secondary)}
.analyst-view-header .analyst-portfolio .item-score dl, 
.analyst-view-header .analyst-portfolio .item-score dd .val-num {font-weight:bold; color:#00893B}
.analyst-view-header .analyst-portfolio .item-score2 dl {display:flex; align-items:center; justify-content:space-between; width:100%}
.analyst-view-header .analyst-portfolio .item-opinion .chart-donut {display:inline-flex; justify-content:flex-end; width:70px}
.analyst-view-header .analyst-portfolio .item-opinion dd > span {display:inline-block}
.analyst-view-header .analyst-portfolio .item-opinion dd strong {margin-right:10px}
.analyst-view-header > .txt-info {padding:15px 5px 0}

/* 서브:한경종목+ */
.hk-equities-container > .txt-info {padding:0 15px}
.hk-equities-module .stock-data-wrap {display:flex; justify-content:space-between}
.hk-equities-module .stock-data-wrap .stock-item-wrap {flex:1 1 auto}
.hk-equities-module .stock-data-wrap .stock-name {font-weight:bold; font-size:20px}
.hk-equities-module .stock-data-wrap .stock-item-info {margin-top:3px}
.hk-equities-module .stock-data-wrap .stock-data {display:flex; align-items:center; white-space:nowrap}
.hk-equities-module .stock-data-wrap .stock-data .price {font-size:24px}
.hk-equities-module .stock-data-wrap .stock-data .quot {margin-left:5px; font-size:11px; line-height:1.2}
.hk-equities-module .stock-data-wrap .chart-area {flex:0 1 auto; max-width:150px; margin-left:10px}
.hk-equities-module .stock-news > li {margin-top:13px}
.hk-equities-module .stock-news .news-tit {display:block; font-size:19px; font-weight:normal; -webkit-line-clamp:2}
.hk-equities-module .stock-news .txt-date {margin-top:2px; color:var(--hk-text-secondary); font-size:12px}
.hk-equities-module .consensus-opinion {display:flex; align-items:center; margin-top:20px}
.hk-equities-module .consensus-opinion dl {white-space:nowrap}
.hk-equities-module .consensus-opinion dt,
.hk-equities-module .consensus-opinion .unit {color:var(--hk-text-secondary); font-size:12px;}
.hk-equities-module .consensus-opinion dd {display:flex; align-items:center}
.hk-equities-module .consensus-opinion .price {flex:0 0 auto; font-size:20px; line-height:1.3}
.hk-equities-module .consensus-opinion .txt-info {margin-left:15px; color:var(--hk-text-secondary); font-size:12px; word-break:keep-all}
.hk-equities-module .change-rate-module {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between}
.hk-equities-module .change-rate-module .module-tit {margin-right:20px}
.hk-equities-module .period-change-rate {flex:1; display:flex; justify-content:space-between}
.hk-equities-module .period-change-rate > dl {text-align:right}
.hk-equities-module .period-change-rate dt {color:var(--hk-text-secondary); font-size:12px}
.hk-equities-module .period-change-rate dd {font-size:20px}
.main-module.hk-equities-module  {margin:15px 0}
.main-module.hk-equities-module:first-child {margin-top:0}
.main-module.hk-equities-module:last-of-type {margin-bottom:0}

/* 서브:스크리너 */
.screener-filter .filter-header {display:flex; justify-content:space-between; align-items:center}
.screener-filter .filter-header .txt {display:flex; align-items:center; font-size:15px}
.screener-filter .filter-header .txt::before {flex:0 0 auto; content:''; display:inline-block; width:15px; height:25px; margin:0 10px 0 5px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-svygre.fit') no-repeat 0 50%/contain}
.screener-filter .filter-header .btn-toggle-filter {flex:0 0 auto; width:35px; height:35px; margin-left:10px; border:1px solid #ddd; border-radius:100%; box-sizing:border-box; font-size:0}
.screener-filter .filter-header .btn-toggle-filter::before {content:''; display:inline-block; position:relative; top:-3px; width:8px; height:8px; border-style:none solid solid none; border-width:1px; border-color:#121212; transform:rotate(45deg)}
.screener-filter .filter-content {margin-top:15px}
.screener-filter .filter-content .range-slider-wrap {margin:18px 0 30px; padding:0 15px}
.screener-filter .filter-content .range-slider-wrap .tick {display:flex; justify-content:space-around; min-height:18px; margin-top:10px; padding:0 8.6%; pointer-events:none}
.screener-filter .filter-content .range-slider-wrap .tick > span {position:relative; font-size:12px}
.screener-filter .filter-content .range-slider-wrap .tick > span > .val {position:absolute; left:50%; z-index:2; transform:translateX(-50%)}
.screener-filter .filter-content .range-slider-wrap .tick > span > .val::before {content:''; position:absolute; top:-20px; left:50%; width:1px; height:10px; background:#fff; transform:translateX(-50%)}
.screener-filter .filter-content .range-slider-wrap .tick.filter-market-capitalization {padding:0 8.3%}
.screener-filter .filter-action {display:flex; margin:15px -5px 0}
.screener-filter .filter-action button {flex:1; margin:0 5px}
.screener-filter.active .filter-header .btn-toggle-filter::before {top:1px; border-style:solid none none solid}
.screener-result .txt-star-info {margin-bottom:10px}
.screener-result .txt-star-info::before {content:''; display:inline-block; width:16px; height:16px; margin-right:5px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Serfbhepr%2Sjjj%2Spbzzba%2Svzt%2Svpba%2Svpba-fgne-svyy.fit') no-repeat 050% 50%/contain; vertical-align:-3px}
.screener-result .stock-itemlist > li {position:relative; padding-left:35px}
.screener-result .stock-itemlist .btn-star-toggle {position:absolute; top:50%; left:5px; transform:translateY(-50%)}
.screener-result .stock-itemlist .btn-star-toggle::before {width:20px; height:20px}
/* 서브:마켓맵 */
.marketmap-container .marketmap-option {display:flex; align-items:center; padding-left:10px}
.marketmap-container .marketmap-option .tab-type4-wrap {margin-bottom:0}
.marketmap-container .txt-info {margin:10px 0}
.marketmap-container .map-color {display:flex; align-items:center; font-size:12px}
.marketmap-container .map-color > dt {margin-right:5px; font-weight:bold}
.marketmap-container .map-color > dd {padding:2px 5px 3px; color:#fff}
.marketmap-container .map-wrap {margin-bottom:20px; padding-left:15px; padding-right:15px}

/* 서브:주코노미TV */
.iframe-youtube {position:relative; height:0; padding-bottom:56.25%; border-radius:10px; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0)}
.iframe-youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%}
#container.globalstock-tv {max-width:100%; background:#111; color:#fff}
#container.globalstock-tv > .inner {max-width:720px; margin:0 auto; padding:15px; background:inherit; box-sizing:border-box}
.globalstock-tv .news-tit > a {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-break:keep-all; word-wrap:break-word; -webkit-box-orient:vertical}
.globalstock-tv a {color:#fff}
.globalstock-tv .news-category {display:block; color:#436f91; font-size:14px}
.globalstock-tv .news-category a {color:#436f91}
.globalstock-tv .thumb > a::after {content:''; width:34px; height:35px; display:inline-block; position:absolute; right:10px; bottom:10px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sz%2Spbzzba%2S2020%2Sfce-pbzzba.fit') no-repeat -21px -225px; overflow:hidden; pointer-events:none; transform-origin:right bottom}
.vod-top .iframe-youtube,
.vod-top .thumb {border-radius:10px}
.vod-top .txt-cont {padding:15px 5px 0}
.vod-top .news-tit > a {font-size:22px; line-height:1.6; -webkit-line-clamp:2}
.vod-top .youtube-buttons .btn-subscribe .txt {display:inline-block; margin-right:5px; color:var(--hk-text-secondary); font-size:14px; line-height:24px; transform:translateY(5px)}
.vod-components {display:flex; justify-content:space-between}
.vod-components .vod-component {flex:0 0 auto; width:calc(50% - 8px); margin:0}
.vod-component {margin:18px 0; border-top:2px solid #555}
.vod-component .component-tit {font-size:17px}
.vod-component .component-tit > a {display:block; min-height:45px; padding:11px 15px 11px 0; box-sizing:border-box}
.vod-component .component-tit > a {position:relative}
.vod-component .component-tit > a::after {content:''; display:block; position:absolute; top:50%; right:5px; width:7px; height:7px; border-top:1px solid #555; border-right:1px solid #555; transform:translateY(-50%) rotate(45deg)}
.vod-component .vod-slide-wrap {min-height:203px; overflow:hidden; margin:0 -15px}
.vod-component .vod-slide-wrap .inner-scroll {overflow-x:scroll; overflow-y:hidden; box-sizing:border-box; -webkit-overflow-scrolling:touch}
.vod-component .vod-slide-wrap .inner-scroll::-webkit-scrollbar {display:none}
.vod-component .vod-slide {display:inline-flex; justify-content:space-between}
.vod-component .vod-slide > .item {width:220px; margin-right:15px}
.vod-component .vod-slide > .item:first-child {margin-left:15px}
.vod-component .vod-slide .thumb,
.vod-component .vod-slide .iframe-youtube {border-radius:6px}
.vod-component .vod-slide .thumb > a {position:relative; height:0; padding-bottom:56.25%; overflow:hidden}
.vod-component .vod-slide .thumb > a > img {position:absolute; top:50%; left:0; width:100%; min-height:100%; transform:translateY(-50%)}
.vod-component .vod-slide .thumb > a::after {transform:scale(0.8)}
.vod-component .vod-slide .txt-cont {margin-top:10px}
.vod-component .vod-slide .news-tit > a {font-weight:normal; font-size:1.2em; line-height:1.294em; -webkit-line-clamp:2}
.vod-component.type-col1 .component-tit > a {text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.vod-component.type-col1 .vod-slide-wrap {height:auto}
.vod-component.type-col1 .vod-slide-wrap .inner-scroll {height:auto; padding-bottom:0; overflow:visible}
.vod-component.type-col1 .vod-slide {display:flex}
.vod-component.type-col1 .vod-slide > .item {width:100%}
.vod-component.type-col2 .vod-slide-wrap {height:auto}
.vod-component.type-col2 .vod-slide-wrap .inner-scroll {height:auto; padding-bottom:0; overflow:visible}
.vod-component.type-col2 .vod-slide {display:flex}
.vod-component.type-col2 .vod-slide > .item {width:50%}
/* 서브 :가상화폐 */
.banner-aside {margin-bottom:6px; padding:6px 0 0; text-align:center; height:66px; overflow:hidden; text-align:center}
.banner-aside a {display:block; outline:none}
.banner-aside a img {max-width:320px; margin:0 auto}
.coin-icon {display:inline-block; width:20px; height:20px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Ssvanapr%2Sz_fgbpx_pbva_fcevgr.cat') no-repeat; background-size:213px}
.coin-icon.btc {background-position:0 0}
.coin-icon.bch {background-position:-26px 0}
.coin-icon.eth {background-position:-51px 0}
.coin-icon.etc {background-position:1px -26px}
.coin-icon.xrp {background-position:-26px -26px}
.coin-icon.qtum {background-position:-51px -26px}
.coin-icon.ltc {background-position:1px -53px}
.coin-icon.iota {background-position:-26px -53px}
.coin-icon.btg {background-position:-51px -53px}
.coin-icon-big {display:inline-block; overflow:hidden; outline:0; text-indent:-9999px; vertical-align:middle; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.unaxlhat.pbz%2Serfbhepr%2Svzntrf%2Sz%2Sfgbpx%2Spbva_k2_z.cat')no-repeat; width:40px; height:40px; background-size:360px}
.coin-icon-big.btc {background-position:0 0}
.coin-icon-big.bch {background-position:-65px 0}
.coin-icon-big.eth {background-position:-129px 0}
.coin-icon-big.etc {background-position:-195px 0}
.coin-icon-big.xrp {background-position:-259px 0}
.coin-icon-big.qtum {background-position:0 -65px}
.coin-icon-big.ltc {background-position:-65px -65px}
.coin-icon-big.iota {background-position:-131px -65px}
.coin-icon-big.btg {background-position:-195px -65px}
.vm-item-wrap .vm-item-list li {position:relative}
.vm-item-wrap .vm-item-list li + li {border-top:1px solid #e3e3e3}
.vm-item-wrap .vm-item-list li > .coin-item > a {position:relative; display:flex; align-items:center; padding:7px 35px 7px 15px}
.vm-item-wrap .vm-item-list li > .coin-item > a::after {content:''; position:absolute; top:calc(50% - 2px); right:15px; width:7px; height:7px; border-bottom:1px solid #585858; border-right:1px solid #585858; transform:rotate(45deg) translateY(-50%)}
.vm-item-wrap .vm-item-list li > .coin-item .item-tit {flex:1 1 auto; display:flex; align-items:center}
.vm-item-wrap .vm-item-list li > .coin-item .item-tit > .coin-icon {flex:0 0 auto}
.vm-item-wrap .vm-item-list li > .coin-item .item-tit .name {margin-left:4px; font-size:14px; font-weight:normal}
.vm-item-wrap .vm-item-list li > .coin-item .price {flex:0 0 auto; width:30%; font-size:15px; font-weight:normal; text-align:right}
.vm-item-wrap .vm-item-list li > .coin-item .rate-wrap {flex:0 0 auto; width:28%; text-align:right}
.vm-item-wrap .vm-item-list li > .coin-item .rate-wrap .stock-point,
.vm-item-wrap .vm-item-list li > .coin-item .rate-wrap .rate {display:block}
.vm-item-wrap .vm-item-list li > .more-chart {display:none; padding:14px 0; background:#f7f7f7; border-top:1px solid #e5e5e5; text-align:center}
.vm-item-wrap .vm-item-list li > .more-chart .chart {margin:0 auto; width:300px; height:150px}
.vm-item-wrap .vm-item-list li.on > .coin-item > a::after {transform:rotate(225deg) translateY(-50%)}
.vm-item-wrap .vm-item-list li.on > .more-chart {display:block}
.vm-item-wrap .data-info {display:flex; align-items:center; justify-content:space-between; padding:15px; color:var(--hk-text-secondary); font-size:12px}
.vm-item-wrap .data-info .invest-link img {width:70px}
.vm-column-slide .news-list > li > .news-item {align-items:center; flex-direction:row-reverse}
.vm-column-slide .news-item .thumb {width:50px; height:50px; margin:0 10px 0 0; border-radius:100%}
.vm-column-slide .news-item .txt-cont {width:calc(100% - 60px)}
.variation-list {border-top:1px solid #ddd}
.variation-list .heading {color:var(--hk-text-secondary); font-size:13px}
.variation-list .heading + li {border-top:1px solid #ddd}
.variation-list li + li {border-top:1px solid #f2f2f2}
.variation-list .heading .coin-wrap {padding:14px 15px 4px}
.variation-list .coin-wrap {padding:9px 15px 8px}
.variation-list .coin-wrap:after {content:''; display:block; clear:both}
.variation-list .coin-head {float:left; width:50%}
.variation-list .point-head {float:left; width:25%; text-align:right}
.variation-list .coin-item {float:left; width:50%; font-size:15px; font-weight:normal}
.variation-list .vm-point {float:left; width:25%; margin:0; font-size:15px; text-align:right; font-weight:normal}
.variation-list .coin-icon {margin-right:5px}
.vm-ioc .vm-invest-area {height:380px; border-bottom:1px solid #ededed}
.vm-ioc .txt-etc {padding:10px 15px; color:#666; font-size:11px; text-align:right}
.vm-index-wrap .stock-time {padding:5px 15px; line-height:20px; text-align:center; font-size:11px; color:#999; border-bottom:1px solid #eee}
.vm-rate-index {display:flex; flex-wrap:wrap}
.vm-rate-index dl {flex:0 0 auto; width:50%; padding:20px 0 16px; text-align:center; border-left:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box}
.vm-rate-index dt {font-size:16px; font-weight:normal}
.vm-rate-index dd {font-size:14px}
.vm-rate-index .price {font-size:24px; font-weight:bold}
.vm-rate-index dl:nth-of-type(2n+1) {border-left:none}
.coin-slide-mn {border-top:1px solid #ddd}
.coin-slide-mn .mn {min-width:125px; border-bottom:1px solid #ddd; padding:14px 12px; box-sizing:border-box}
.coin-slide-mn .mn + .mn {border-left:1px solid #ddd}
.coin-slide-mn .mn.slick-current {border-bottom-color:#fff}
.coin-slide-mn .mn strong {display:block; margin-top:5px; font-size:15px}
.coin-slide-info .coin-info-cont {padding:15px; font-size:15px; line-height:1.6}
.stock-reference {padding:15px; border-top:1px solid #ddd; background:#fff}
.stock-reference > p {position:relative; padding-left:15px; font-size:12px; line-height:1.5}
.stock-reference > p::before {content:'※'; position:absolute; top:0; left:0}
.stock-reference > p + p {margin-top:8px}
/* 서브:한경머니 */
.koreamarket-moneyapp .visual-top {margin:0 -15px; padding:15px 15px 170px; background:#f9f4e5 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svzt-zbarlncc.cat') no-repeat center bottom/271px 144px}
.koreamarket-moneyapp .visual-top .page-tit {margin-bottom:10px; font-size:24px}
.koreamarket-moneyapp .visual-top .desc {font-size:17px; line-height:1.5; word-break:keep-all}
.moneyapp-service-list {display:flex; justify-content:space-between; flex-wrap:wrap; margin:-5px 0}
.moneyapp-service-list li {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:calc(50% - 5px); min-height:50px; margin:5px 0; padding:10px; border:1px solid #585858; border-radius:10px; font-size:16px; text-align:center; box-sizing:border-box}
.moneyapp-contact {margin-top:30px}
.moneyapp-contact .main-tit-wrap {display:flex; align-items:center}
.moneyapp-contact .main-tit {white-space:nowrap}
.moneyapp-contact .msg {margin-top:-1px; color:var(--hk-text-secondary); font-weight:normal; font-size:12px}
.moneyapp-contact .contact-us .item {padding:15px 10px; border-radius:10px; background:#e3ab3d; box-sizing:border-box}
.moneyapp-contact .contact-us .item > a {display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; color:#fff; font-weight:bold; font-size:20px; word-break:break-all}
.moneyapp-contact .contact-us .item > a::before {content:''; display:inline-block; width:100%; height:35px}
.moneyapp-contact .contact-us .item.tel > a::before {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-gry.fit') no-repeat 50% 0/16px 23px}
.moneyapp-contact .contact-us .item.mail > a::before {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sjjj%2Sj%2Sxbernznexrg%2Svpba-znvy.fit') no-repeat 50% 5px/23px 17px}
.moneyapp-contact .contact-us .item + .item {margin-top:10px}

/* 회원전용 아이콘, P 아이콘 영역별 제어 */
.main-headline .thumb .icon-membersonly {position:absolute; top:0; left:0; border-radius:0 0 4px 0}
.main-headline .thumb .icon-premium-txt {position:absolute; top:0; left:0; border-radius:0 0 4px 0; font-size:13px; padding:1px 5px 1px 6px}
.news-item .news-tit .icon-membersonly,
.news-item .news-tit .icon-premium-txt {vertical-align:4px}

.main-headline > .thumb .icon--member, 
.main-headline > .thumb .icon--premium {position:absolute; top:10px; left:10px; width:auto; height:auto; min-width:unset; min-height:unset; margin:0; pointer-events:none}
.main-headline > .thumb .icon--premium {width:20px; height:20px}

/* 컨센서스 - 배너영역 추가 */
.banner-area {margin:20px auto !important; text-align:center}
.banner-area a {display:block}
.banner-area a img {max-width:320px; width:100%}

.report-search-option + .banner-area {margin:20px 0 0 0}


/* [2024.12.12] 개편중 안내문구 */
.notification-box {padding:100px 20px; text-align:center; line-height:1.7; box-sizing:border-box; word-break:keep-all}
.notification-box::before {content:''; display:block; width:72px; height:72px; margin:0 auto 32px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Spff%2Sjjj%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%27121%27%20urvtug%3Q%27120%27%20svyy%3Q%27abar%27%253R%253Pcngu%20fgebxr%3Q%27%2523888%27%20fgebxr-yvarpnc%3Q%27ebhaq%27%20fgebxr-yvarwbva%3Q%27ebhaq%27%20fgebxr-jvqgu%3Q%278%27%20q%3Q%27Z65.5%2095u21.471p9.326%200%2013.989%200%2016.637-1.954n10%2010%200%200%200%204.023-7.174p.287-3.278-2.144-7.257-7.007-15.215Y95.639%2062.5Z31.15%2053.027y-10.775%2017.63p-4.863%207.958-7.294%2011.937-7.007%2015.215n10%2010%200%200%200%204.023%207.174P20.04%2095%2024.702%2095%2034.03%2095U43z41.944-50Y74.153%2027.34p-4.515-7.386-6.771-11.079-9.677-12.338n10%2010%200%200%200-7.952%200p-2.906%201.26-5.163%204.952-9.677%2012.339y-5.099%208.344Z90.5%2025y-5.49%2020.49-20.49-5.49Z10.5%2057.99y20.49-5.49%205.49%2020.49Z78%20110%2063%2095y15-15%27%2S%253R%253P%2Sfit%253R") no-repeat 50% 50%/contain;}
.notification-box .txt-tit {font-weight:700; font-size:24px}
.notification-box .txt {font-size:16px}

@media all and (max-width:359px) {
	.table-stock.type-sm-head th,
	.table-stock.type-sm-head td {padding:10px 3px}
	
	.option-view-container .table-stock td {font-size:13px}
	.option-view-container .stock-point::before {margin-right:0}
	.option-view-container .up .stock-point::before {border-left-width:4px; border-right-width:4px; border-bottom-width:7px}
	.option-view-container .down .stock-point::before {border-left-width:4px; border-right-width:4px; border-top-width:7px; vertical-align:1px}
	.option-view-container .hold .stock-point::before {width:7px; height:3px}

	.consensus-slide .thumb-pdf {flex:0 0 99px}
	.consensus-slide .cont-info {padding:20px 20px 20px 10px}
	.stock-view-content .stock-datalist > li:nth-child(2n) {margin-left:15px}

	.main-module.chart-wrap {padding:0}
	.main-module.chart-wrap .chart-info {padding:0 15px}

	.analyst-view-header .empathy-btns > .btn-default {padding:0 5px}
	.analyst-view-header .empathy-btns > [class^="btn-"] + [class^="btn-"] {margin-left:4px}


	.marketmain-general .change-info dl {font-size:13px}
	.marketmain-general .change-info dd {padding:0 10px 0 4px}
	.marketmain-general .invest-info dl {width:calc(50% - 5px)}

	.table-foreigner .stock-name {width:120px}

	.analyst-ranking > li {padding:15px}
	.analyst-ranking .fiq-star-score {transform:scale(.85); transform-origin:left top}
}
@media all and (max-width:374px) {
	.stock-view-content .stock-data-detail > dl dd + dt {margin-left:10px}
	.screener-filter .filter-header .txt {font-size:13px}
	.screener-filter .filter-header .txt::before {margin:0 5px 0 0}
	.screener-filter .filter-header .btn-toggle-filter {margin-left:5px}
}
@media all and (min-width:375px) {
	.stock-view-header .stock-item {display:flex; flex-wrap:wrap}
	.stock-view-header .stock-item .stock-name-wrap {margin:0}
	.stock-view-header .stock-item [class^="badge-"] {margin-left:4px}

	.main-module > .chart-area + .txt-info br {display:none}

	.hk-equities-module .stock-data-wrap .stock-data .price {font-size:28px}
	.hk-equities-module .stock-data-wrap .stock-data .quot {font-size:12px}
	.hk-equities-module .change-rate-module .module-tit {margin-right:40px}
}
@media all and (min-width:768px) {
	.tab-type2 {justify-content:center}

	.hk-modal .hk-modal-inner {position:relative; top:-50px; min-width:375px; border-radius:10px; overflow:hidden}




	/* .section-gnb.dep2[data-dep="map"] ul,
	.section-gnb.dep2[data-dep="consensus"] ul {display:flex; justify-content:center; gap:10px} */
}


/* OS 다크모드 */
@media (prefers-color-scheme:dark) {
    /* 공통 */
	#container > .inner {background:#000}
	/* .up,
	.up a {color:var(--hk-up-dark)}
	.down,
	.down a {color:var(--hk-down-dark)}
	.up .stock-point::before {border-bottom-color:var(--hk-up-dark)}
	.down .stock-point::before {border-top-color:var(--hk-down-dark)}
	.stock-itemlist .up .stock-nums .rate {background-color:var(--hk-up-dark)}
	.stock-itemlist .down .stock-nums .rate {background-color:var(--hk-down-dark)} */

	.ad-bottom {margin-top:6px}
	.fiq__wrap .btn-default,
	.fiq__wrap .btn-subscribe {border-color:#323235; background:#1c1c1e}
	.badge-defalut {border:none; background:#1c1c1e}
	.tab-type1 > li > a {border:none; background:#1c1c1e}
	.tab-type1 > li.on > a {background:#555}
	.tab-type2-wrap {background:linear-gradient(0deg, rgba(85, 85, 85,1) 1px, rgba(0,0,0,1) 1px)}
	.tab-type2-wrap::before,
	.tab-type4-wrap::before {background:linear-gradient(to right, rgba(0,0,0, 1) 0%, rgba(0,0,0, 0.75) 51%, rgba(0,0,0, 0) 100%)}
	.tab-type2-wrap::after {background:linear-gradient(to right, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.75) 51%, rgba(0,0,0, 1) 100%)}
	.tab-type2 > li.on > a {color:#fff}
	.tab-type2 > li.on > a::after {background:#fff}
	.tab-type3 > li > a {background:#1c1c1e}
	.tab-type3 > li.on > a {background:#555}
	.tab-type4 a {background:#555; color:#fff}
	.stock-table th,
	.stock-table td,
	.stock-table .price,
	.stock-table .stock-category {color:#fff}
	.news-list-wrap,
	.news-list,
    .news-list > li + li,
	.stock-itemlist.type-line > li,
	.news-item + .news-item,
	.table-stock th,
	.table-stock td,
	.txt-etc.type-bar,
	.analyst-view-header .analyst-portfolio > .item + .item,
	.report-list > li,
	.module-tit-wrap.type-line,
	.box-module .box-in-module,
	.stock-itemlist.type-accordion,
	.stock-itemlist.type-accordion > li,
	.table-list th,
	.table-list td,
	.main-tit + .stock-table {border-width:.5px !important; border-color:#323235 !important}
	.stock-itemlist .stock-title .name,
	.stock-itemlist .stock-nums .price,
	.table-stock.type-stock-bar tbody th,
	.table-stock.type-stock-bar tbody td,
	.table-stock.type-bar th,
	.table-stock.type-bar td,
	.table-stock.type-bar .stock-name,
	.table-stock.type-bar .stock-name a {color:#fff !important}
	.analyst-view-header .analyst-portfolio dd .val-num {color:#fff}
	.table-wrap .table-fixedarea,
	.screener-filter .filter-content .range-slider-wrap .tick > span > .val::before,
	.stock-view-content .box-module {background:#000}
	.box-module,
	.swiper-stock .item,
	.check-style .label-txt::before,
	.fiq__wrap .inp-txt {border:none; background-color:#1c1c1e}
	.main-tit > a::after,
	.stock-itemlist.type-accordion > li > .item::after {border-color:#fff}
	.stock-itemlist .stock-itemlist,
	.table-v-striped th:nth-child(even),
	.table-fixedarea + .table-v-striped th:nth-child(odd),
	.table-v-striped td:nth-child(odd) {background:#1c1c1e}
	.no-data > .txt,
	.ui-widget.ui-widget-content,
	.range-slider-wrap .vue-slider-rail {background:#555}

	.fiq-tooltip2 {border:none; box-shadow:none; background:#1c1c1e}
	.fiq-tooltip2 .btn-close-tooltip::before {background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%)}
	.fiq-tooltip2 dl.para-unit dd::before {background:#fff}

	.select-style {border-radius:10px; background:#1c1c1e}
	.select-style select {border:none}
	.select-style::after {border-color:#fff}

	.select2-container--default .select2-selection--single {background:#1c1c1e !important}
    .select2-container .select2-selection--single {border:none !important}
    .select2-container--default .select2-selection--single .select2-selection__rendered {color:#fff !important}
	.fiq__wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {border-right:1px solid #fff; border-bottom:1px solid #fff}
	.fiq__wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color:#fff}
	.select2-container--default .select2-dropdown {border-color:none !important}
	.select2-container--default .select2-results__option[aria-selected=true] {background:#555 !important; color:#fff !important}
	.select2-container--default .select2-results__option--highlighted {background:none !important; color:#fff !important}
	.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {background:#555 !important}
	.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {background-color:#555}
	.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {background-color:#000}
    .select2-container--default .select2-dropdown {border-top:1px solid #323235 !important} 
    .select2-container--default .select2-search--dropdown .select2-search__field {border:none !important; background:#000 !important}
    .select2-dropdown {border:none !important; background:#1c1c1e !important}

	.bg-light {background:#555}

	.icon-help {filter:invert()}

	.fiq__wrap .swiper-pagination .swiper-pagination-bullet {background:#555}
	.fiq__wrap .swiper-pagination .swiper-pagination-bullet-active {background:#fff}
	/* modal */
	.hk-modal .hk-modal-inner {background:#1c1c1e}
	.hk-modal .mybtn-circle {border:none; background:#000}
	.hk-modal .mybtn-close-modal::before {background-image:linear-gradient(to bottom, #fff 0%, #fff 100%), linear-gradient(to left, #fff 0%, #fff 100%)}
	.hk-modal .inp-txt,
	.hk-modal .check-style .label-txt::before {background-color:#000 !important}
	.layer-offcanvas {background:#1c1c1e}
	.layer-offcanvas .btn-link::after,
	.contents-more-info .btn-link::after {border-color:#fff}
    /* 코리아마켓 메인 */
	.starwars-ranking .profile .rate .progress-bar {background:#1c1c1c}
    .main-component {border-color:#555}
    .main-realtime .timeline::before {background:#323235}
    .major-thumb-news,
    .main-realtime .timeline,
    .consensus-list > li,
    .main-starwars .main-tit {border-width:.5px; border-color:#323235}
    .main-rassiro .stocks-menu button {border:none; background-color:#1c1c1e}
    .main-rassiro .stocks-menu button.on {background:#5a5a5f}
	.marketpro-wrap {border-color:#323235}
	.marketpro-wrap .tit {background:#000}
	
	.slick-dots button::before {background:#555}
	.slick-dots .slick-active button::before {background:#fff}

	.hk-header ~ .stock-graph {background:#1c1c1e; border-bottom-color:#323235}
	.hk-header ~ .stock-graph .stock-graph-list .item {color:#fff}

	.stock-graph-list .up .updown {color:var(--hk-up-dark)}
	.stock-graph-list .down .updown {color:var(--hk-down-dark)}
	.stock-graph-list .hold .updown {color:#bdbdbd}
	.stock-graph-list .hold .item-info::after {background:#bdbdbd}
	.stock-graph-list .item2.up .item-title::after {background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Spff%2Sjjj%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2710%27%20urvtug%3Q%2710%27%253R%253Pcngu%20q%3Q%27Z2.96%200i1.54u4.07Y0%208.58%201.42%2010y7.05-7.06i4.12u1.54I0U2.96M%27%20fglyr%3Q%27svyy%3N%2523ss5454%3Osvyy-ehyr%3Nrirabqq%27%2S%253R%253P%2Sfit%253R")}
	.stock-graph-list .item2.down .item-title::after {background-image:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Spff%2Sjjj%2Sz%2Sqngn%3Nvzntr%2Sfit%2Okzy%2P%253Pfit%20kzyaf%3Q%27uggc%3N%2S%2Sjjj.j3.bet%2S2000%2Sfit%27%20jvqgu%3Q%2710.02%27%20urvtug%3Q%2710.03%27%253R%253Pcngu%20q%3Q%27Z3.07%208.35MZ1.4%200%200%201.4y7.1%207.12U3.07i1.51u6.95I3.09U8.51i4.04Y1.4%200%27%20fglyr%3Q%27svyy%3N%25235897ss%3Osvyy-ehyr%3Nrirabqq%27%2S%253R%253P%2Sfit%253R");}
	.stock-graph-list .item2.hold .item-title::after {background:#bdbdbd}

    /* 한경머니 */
    .koreamarket-moneyapp .visual-top {background-color:#1c1c1e}
    .moneyapp-service-list li {border:none; background-color:#1c1c1e}
    /* 가상화폐 */
    #container.module-type {background-color:#272729}
    .section-module-wrap {background:#000}
    .vm-item-wrap .vm-item-list li > .more-chart {background:#1c1c1e; border-color:#323235}
    .vm-item-wrap .vm-item-list li + li {border-width:.5px; border-color:#323235}
    .vm-item-wrap .data-info .invest-link img,
    .coin-icon.iota,
    .coin-icon.eth,
    .vm-invest-area iframe {filter:invert()}
    .variation-list,
    .variation-list .heading + li,
    .variation-list li + li,
    .vm-ioc .vm-invest-area,
    .vm-index-wrap .stock-time,
    .vm-rate-index dl,
    .coin-slide-mn,
    .coin-slide-mn .mn,
    .coin-slide-mn .mn + .mn {border-width:.5px; border-color:#323235}
    .coin-slide-mn .mn.slick-current {border-bottom-color:#000}
    .stock-reference {border-width:.5px; border-color:#323235; background:#000}
	.vm-item-list .more-chart rect[fill="#F7F7F7"] {fill:#1c1c1e}
	.vm-item-list .more-chart path[fill="#F5F5F5"] {fill:#000}
	.vm-item-list .more-chart [stroke="#D8D8D8"],
	.vm-item-list .more-chart [stroke="#C0D0E0"],
	.vm-item-list .more-chart [stroke="#CDD1D5"] {stroke:#555}
	/* 종목뷰 */
	.stock-view-header,
	.stock-view-content .stock-data-detail + .stock-data-detail {border-width:.5px; border-color:#323235}
	.stock-view-header .stock-data-wrap .stock-data-cate {color:#fff}
	/* 스크리너 */
	.screener-filter .filter-header .btn-toggle-filter {border:none; background:#1c1c1e}
	.screener-filter .filter-header .btn-toggle-filter::before {border-color:#fff}
	/* 컨센서스 */
	.consensus-view-header .report-tit,
	.analyst-ranking-header .box-module .total-opinion,
	.consensus-view-container .contents-more-info {border-width:.5px; border-color:#323235}
	.analyst-ranking-header .box-module .total-val::after {background:#323235}
	/* .consensus-scale-bar > .item::before {background:#000} */
	.consensus-slide .item-inner {border:none; background:#1c1c1e}
	.analyst-ranking > li {border:none; background:#1c1c1e}
	/* .analyst-ranking > li:first-child,
	.analyst-ranking > li.first {background:#000} */
	/* FIQ 차트 */
	.hk-equities-module .chart-area path[fill="#ffffff"],
	.chart-area path[fill="#f7f7f7"] {fill:#1c1c1e}
	.investors-container .chart-area path[fill="#ffffff"],
	.stock-view-company .chart-area path[fill="#ffffff"] {fill:#000}
	.chart-area path[fill="#ddd"] {fill:#555}
	.chart-area [stroke="#CECECE"],
	.chart-area [stroke="#ddd"] {stroke:#888}

	.main-eureka .stocks-menu button {border:none; background-color:#1c1c1e}
    .main-eureka .stocks-menu button.on {background:#5a5a5f}
	.eureka-article {border-width:.5px; border-color:#323235}


	/* 다크모드 적용 안되게 */
	/* html {background:#fff}
	#container > .inner {background:#fff}
	body {color:#121212}
	button, input, select, option, textarea, table, th, td, a {color:inherit}
	.up,
	.up a:not(.stock-category) {color:var(--hk-up)}
	.down,
	.down a:not(.stock-category) {color:var(--hk-down)}
	.hold,
	.hold a:not(.stock-category) {color:#888}

	.btn-allmenu::before {filter:none !important}
	.badge-new {border-color:#fff}
	.foot-sitemap,
	.footer-wrap {background-color:#fff !important}
	.foot-cont,
	.foot-sitemap .foot-inner,
	.foot-sitemap .service-cate + .service-cate {border-width:1px !important; border-color:#e6e6e7 !important}
	.foot-sitemap {border-color:#e6e6e7 !important}
	.header .header-main::before,
	.header .gnb-section::before,
	.header .gnb-submenu::before {background:rgba(255,255,255,0.9)}
	.header .header-main .logo-hankyung {filter:none}
	.header .gnb-submenu::before,
	.header .gnb-section-tit {border-width:1px; border-color:#e5e5e5}
	.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:none}
	.header .gnb-section-tit .logo-type .logo-type-edge,
	.header .gnb-section-tit .logo-type .logo-type-thepen {filter:none}
	.header .btn-gnb-submenu::before,
	.header .btn-gnb-submenu::after {background:#121212; box-shadow:0 0 2px rgb(255 255 255 / 50%)}
	.header .gnb-submenu > .submenu-inner::before,
	.header .gnb-submenu > ul::before {width:1px; background:#ddd}

	.header-section .section-gnb-wrap {background:#fff}
	.header-section .header-main::before {border-bottom:1px solid #c3c3c3}
	.header-section .logo-short-hk {background-color:#142c67}
	.header-section .logo-section .section-title {color:#555}
	.header-section .section-gnb-wrap {background:#fff}
	.header-section .section-gnb {border-bottom:1px solid #e5e5e5}
	.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%)}
	.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%)}
	.header-section .section-gnb li.on a {color:#4c88b6}

	.top-util-area {background:#f7f7f7}
	.top-util-area .util-items .item + .item::before {background:#ddd;}
	.top-util-area .login-area .user-name::before {background-position:-185px -118px}
	.top-util-area .login-area .layer-my {border:1px solid #c3c3c3; background:#fff;}
	.top-util-area .layer-my .btns [class^="btn-"] {border:1px solid #c3c3c3;}
	.top-util-area .layer-my .subscription-info {border-top:1px solid #ddd}
	.top-util-area .layer-my .subscription-info .details dd .badge-subscribing {background:#eee}
	header.ver2022 .layer-search {background:#fff;}
	header.ver2022 .layer-search .btn-close-search::before,
	header.ver2022 .layer-search .btn-close-search::after {background:#121212}
	header.ver2022 .layer-search .inp-txt {border:1px solid #ddd}
	header.ver2022 .search-auto-wrap {border:1px solid #ddd; background:#fff}
	header.ver2022 .autocomplete-result > li > a:hover {background:#f7f7f7}
	header.ver2022 .autocomplete-result > li.type-stock .category,
	header.ver2022 .autocomplete-result > li.type-stock .ko {color:#888}
	header.ver2022 .autocomplete-result > li.type-stock mark {color:#ee4c4c}
	header.ver2022 .autocomplete-result > li.type-default mark {color:#436f91}
	header.ver2022 .btn-open-search::before,
    header.ver2022 .btn-search::before,
    .top-util-area .login-area .user-name::before {filter:none}
	.logo__koreamarket::before {background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.unaxlhat.pbz%2Svzt%2Sybtb%2Sybtb-xbernznexrg.fit')}

	.btn_more_wrap, .btn-more-wrap {background:#fff}
	.btn_more_wrap .btn_more,
	.btn-more-wrap .btn-more {border:1px solid #ddd; background:#fff !important}
	.btn_more_wrap .btn_more:after,
	.btn-more-wrap .btn-more:after {border-bottom:1px solid #121212; border-right:1px solid #121212;} */
}




/* 2022.09.18 15:14 배포테스트 */