@charset "UTF-8";

/* 기사뷰 프린트 */

/* Reset */
html,body {-webkit-text-size-adjust:none}
body,div,span,em,strong,select,section,article,nav,footer,header,address,caption,figure,figcaption,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,textarea,input,button,tr,th,td,table {margin:0; padding:0}
body,button,input,select,option,textarea,table,th,td {color:#121212; font-size:12px; font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif; letter-spacing:-.075em}
h1,h2,h3,h4,h5,h6 {font-size:inherit}
ol,ul,li {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:after,q:before {content:'';content:none}
img {max-width:100%}
img,fieldset,iframe {border:0 none; vertical-align:top}
button {border:0 none; border-radius:0; background:transparent; cursor:pointer}
i,em,address,optgroup {font-style:normal}
table {border-collapse:collapse; border-spacing:0}
a {color:#121212; text-decoration:none}

.txt-en,
.txt-num,
.txt-date {letter-spacing:0}
.txt-num,
.txt-date {font-family:Tahoma, sans-serif}
.blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent} 

.print-header {display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:10; height:50px; padding:0 20px; border-bottom:1px solid #c3c3c3; background:#fff}
.print-header .logo {flex:0 0 auto; width:75px}
.print-header .print-btns {margin-right:-3px}
.print-body {padding:20px}
.print-footer {padding:13px 0; border-top:1px solid #d6d6d6; background:#f7f7f7; text-align:center}
.btn-print, 
.btn-close-print {display:inline-flex; align-items:center; justify-content:center; width:71px; height:31px; padding-bottom:1px; border:1px solid #585858; border-radius:6px; margin:0 3px; font-size:14px; line-height:1; background:#fff; text-align:center; box-sizing:border-box}

/* 본문 */
.article-contents > .headline {margin-bottom:10px; font-size:40px}

.byline-logo {display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:contain}
.byline-logo.wsj {width:121px; height:11px; background-image:url('https://hkstatic.hankyung.com/img/logo/logo-wsj.svg')}
.article-byline-wrap {position:relative; margin-bottom:15px; padding-top:35px}
.article-byline-wrap .logo-area {position:absolute; top:0; left:0; margin-bottom:20px}
.article-byline-wrap .author-container {position:relative}
.article-byline-wrap .author-container .hk__tooltip {position:absolute; top:-30px; z-index:2}
.article-byline-wrap .author-list {display:flex; flex-wrap:wrap}
.article-byline-wrap .author {display:inline-flex; position:relative; margin:0 5px 5px 0; font-size:14px; line-height:29px; white-space:nowrap; box-sizing:border-box}
.article-byline-wrap .author > .item {display:inline-block; padding:0 15px; border:1px solid #ddd; border-radius:25rem; background:#fff; box-shadow:3px 3px 7px rgba(0,0,0,.05); transition:all ease .2s}
.article-byline-wrap .author.link > .item {padding:0 40px 0 15px}
.article-byline-wrap .author.link > .item + .btn-star-toggle {position:absolute; right:10px; top:50%; transform:translateY(-50%); height:25px; padding:5px}
.article-byline-wrap .author.link:hover > .item {box-shadow:3px 3px 7px rgb(0 0 0 / 15%)}

.article-timestamp {display:flex; align-items:center; justify-content:space-between; margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid #121212}
.article-timestamp .datetime {color:#585858; font-size:14px}
.article-timestamp .datetime > .item + .item {margin-left:15px}
.article-timestamp .datetime > .item > span {margin-left:5px}

.article-body-wrap {font-size:18px; line-height:1.78em; word-break:keep-all; word-wrap:break-word}
.article-body-wrap > .summary {margin-bottom:25px; font-weight:bold;}
.article-body-wrap > .summary::before {content:''; display:block; width:100px; height:6px; margin-bottom:15px; background:#e5e5e5}
.article-body-wrap > .summary.on {animation:leftIn ease 2s}

.article-body > *:first-child {margin-top:0 !important}
.article-body > *:last-child {margin-bottom:0 !important}

.article-body ol li, .article-body ul li {margin-left:25px}
.article-body ol, .article-body ol ol, .article-body ol li {list-style-type:decimal}
.article-body ol ol ol, .article-body ol ol li {list-style-type:upper-alpha}
.article-body ol ol ol ol, .article-body ol ol ol li {list-style-type:lower-alpha}
.article-body ol ol ol ol ol, .article-body ol ol ol ol li {list-style-type:decimal}
.article-body ol ul ul, .article-body ol ul li {list-style-type:disc}
.article-body ol ul ul ul, .article-body ol ul ul li {list-style-type:circle}
.article-body ol ul ul ul ul, .article-body ol ul ul ul li {list-style-type:square}
.article-body ul, .article-body ul ul, .article-body ul li {list-style-type:disc}
.article-body ul ul ul, .article-body ul ul li {list-style-type:circle}
.article-body ul ul ul ul, .article-body ul ul ul li {list-style-type:square}
.article-body ul ol ol, .article-body ul ol li {list-style-type:decimal}
.article-body ul ol ol ol, .article-body ul ol ol li {list-style-type:upper-alpha}
.article-body ul ol ol ol ol, .article-body ul ol ol ol li {list-style-type:lower-alpha}
.article-body ul ol ol ol ol ol, .article-body ul ol ol ol ol li {list-style-type:decimal}

.article-body table {table-layout:unset; max-width:100%}
.article-body table th,
.article-body table td {padding:5px 8px; border:1px solid #e5e5e5}
.article-body table tr,
.article-body table th,
.article-body table td {width:auto !important; height:auto !important}

.article-btn-group {display:inline-flex; border:1px solid #ddd; border-radius:6px}
.article-btn-group > [class^="btn-"]:not(:first-child) {border-left:1px solid #ddd}
.article-btn-group > [class^="btn-"] {display:inline-flex; align-items:center; justify-content:center}

.article-figure {margin:30px auto; max-width:100%; text-align:center}
.article-figure .figure-img {display:inline-flex; position:relative; border-radius:20px; overflow:hidden; text-align:center; vertical-align:top}
.article-figure .figure-img img {max-width:100%; max-height:100%; object-fit:contain}
.article-figure .figure-img .btn-photo-viewer {position:absolute; right:15px; bottom:15px; width:50px; height:50px; border-radius:100%; background:rgba(34, 34, 34, .7)}
.article-figure .figure-img .btn-photo-viewer svg {position:relative; top:2px}
.article-figure .figure-caption {max-width:100%; margin:10px auto 0; color:#888; text-align:left; font-size:0.778em; line-height:1.57em}
.article-body-wrap.fontSize1 .figure-caption {font-size:12px}
.article-figure.img-lt {float:left; margin:15px 20px 15px 0}
.article-figure.img-rt {float:right; margin:15px 0 15px 20px}
.article-figure.img-lt .figure-img,
.article-figure.img-rt .figure-img {border-radius:10px}

.article-audio {height:70px; margin:30px auto}
.article-audio iframe {width:100%}

.article-body > blockquote {position:relative; margin:30px 0; padding-left:15px; font-weight:normal}
.article-body > blockquote::before {content:''; position:absolute; top:6px; bottom:5px; left:0; width:6px; background-color:#e5e5e5}
.article-body > blockquote.on {animation:leftIn ease 2s}

.article-body .marker {color:#436f91; text-decoration:underline}

.article-body .stock-link-wrap {position:relative; display:inline-block}
.article-body .stock-link {color:#436f91; font-weight:bold; text-decoration:underline}
.article-body .stock-layer {display:none; position:absolute; z-index:2; border:1px solid #e3e3e3; border-radius:10px; background:#fff; box-shadow:3px 3px 7px rgba(0,0,0,.05)}
.article-body .stock-layer > a {display:block; min-width:150px; padding:17px 19px; font-size:16px; line-height:1.5; text-decoration:none; box-sizing:border-box}
.article-body .stock-layer .rate {font-size:12px}
.article-body .stock-layer .txt-standard {margin-top:10px; color:#888; font-size:11px}
.article-body .stock-layer .read-more {margin-top:15px; color:#888; font-size:12px}
.article-body .stock-link-wrap:hover  .stock-layer {display:block}

.hk_sub_headline {display:block; margin:30px 0; padding:15px 0; border-top:2px solid #c3c3c3; border-bottom:1px solid #e5e5e5; color:#436f91; font-style:normal; font-weight:bold; font-size:1.25em; line-height:1.6; word-wrap:break-word; display:-webkit-box; -webkit-box-orient: vertical; clear:both}
.magazine_sub_headline {display:block; position:relative; margin:30px 0; padding:15px 0; border-top:2px solid #121212; border-bottom:2px solid #121212; font-weight:bold; font-size:1em; text-align:center; clear:both}
.magazine_sub_headline::before,
.magazine_sub_headline::after {content:''; display:block; position:absolute; left:0; right:0; height:1px; background:#999}
.magazine_sub_headline::before {top:3px}
.magazine_sub_headline::after {bottom:3px}

.article-video {max-width:600px; margin:30px auto; clear:both}
.article-video .iframe-youtube {border-radius:20px; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0)}
.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%}
.iframe-youtube .layer-info-ieyoutube {position:absolute; left:50%; bottom:10px; width:550px; margin-left:-275px; padding:11px 40px 11px 15px; border-radius:4px; background:#000; background:rgba(0,0,0,.7); box-sizing:border-box}
.iframe-youtube .layer-info-ieyoutube p {color:#f9ff56; font-size:13px; line-height:22px; letter-spacing:-0.075em; white-space:nowrap}
.iframe-youtube .layer-info-ieyoutube .btn-close-info {position:absolute; top:15px; right:16px; width:13px; height:13px}
.iframe-youtube .layer-info-ieyoutube .btn-close-info::before {content:''; display:inline-block; width:13px; height:13px; background-image:linear-gradient(to bottom, #f9ff56 0%, #f9ff56 100%), linear-gradient(to left, #f9ff56 0%, #f9ff56 100%); background-size:100% 1px,1px 100%; background-position:center; background-repeat:no-repeat; transform:rotate(45deg)}

.article-slide-wrap {max-width:600px; margin:30px auto; clear:both}
.article-slide-wrap .article-figure {position:relative; margin:0 auto}
.article-slide-wrap .article-figure + .article-figure {margin-top:20px}
/* .article-slide-wrap .figure-img img {width:100%} */
.article-slide-wrap .article-slide {position:relative; border-radius:20px; overflow:hidden}
.article-slide-wrap .article-slide.slick-slider .article-figure {margin:0 !important}
.article-slide-wrap .article-slide.slick-slider .article-figure {display:flex; align-items:center; justify-content:center}
.article-slide-wrap .article-slide.slick-slider::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.15); border-radius:20px; pointer-events:none}
.article-slide-wrap .article-slide.slick-slider .article-figure .figure-img {border-radius:0}
.article-slide-option {display:flex; justify-content:space-between; margin-top:15px}
.article-slide-option .article-btn-group > [class^="btn-"] {min-width:38px; height:30px}
.article-slide-option .view-type .on .svg-icon {fill:#121212}
.article-slide-option .view-paging {font-size:14px}
.article-slide-option .view-nav > [class^="btn-"]::before {content:''; display:inline-block; width:6px; height:6px}
.article-slide-option .view-nav .btn-prev::before {margin-left:3px; border-top:1px solid #121212; border-left:1px solid #121212; transform:rotate(-45deg)}
.article-slide-option .view-nav .btn-next::before {margin-right:3px; border-top:1px solid #121212; border-right:1px solid #121212; transform:rotate(45deg)}

.article-poll {display:flex; align-items:center; justify-content:space-between; max-width:600px; margin:30px auto; clear:both; padding:19px 28px; border:1px solid #ddd; border-radius:20px; background:#fff; box-shadow:3px 3px 7px rgba(0,0,0,.05); box-sizing:border-box}
.article-poll .poll-contents {flex:1 1 auto; width:calc(100% - 90px)}
.article-poll .poll-contents .poll-tit {display:block; margin-bottom:14px}
.article-poll .poll-contents .poll-tit,
.article-poll .poll-contents .poll-question {font-size:18px; line-height:1.2}
.article-poll .btn-go-poll {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:70px; height:70px; margin-left:20px; border-radius:100%; background:#436f91; color:#fff; font-size:14px; line-height:1.2}

@media print {
	* {-webkit-print-color-adjust: exact}
    .print-header {position:static}
	.print-header .print-btns,
    .print-footer {display:none}
}