@charset "UTF-8";
/*
 * 텐아시아 개편 (PC) 2020.01 ~
 * View css
 */


/* view aside */
.aside-majornews .news-list > li + li {margin-top:15px}
.aside-majornews .news-list .thumb {width:88px}
.aside-majornews .news-list .thumb a {width:100%; height:55px}
.aside-majornews .news-list .txt-wrap .news-tit {width:100%; max-height:54px; font-size:17px; line-height:27px; -webkit-line-clamp:2}
.aside-majornews .news-list .thumb + .txt-wrap {padding-left:10px}
/* 2020.08.06 최신 포토영상 수정되면 삭제예정 */
/* // 2020.08.06 최신 포토영상 수정되면 삭제예정 */
.photo-vod-list > li {float:left; width:25%}
.photo-vod-list > li .thumb {height:47px; overflow:hidden}
.photo-vod-list > li .thumb a {display:block; position:relative; width:100%; height:100%;}
.photo-vod-list > li.active .thumb a:after,
.photo-vod-list > li .thumb a:hover:after {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid #e11b6d; z-index:5}
.photo-vod-list > li .thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top}
.photo-vod-list > li .thumb-video:after {transform-origin:100% 100%; transform:scale(.5)}
.photo-vod-list:after {content:''; display:block; clear:both}
.aside-photo-vod .thumb-big {height:188px; overflow:hidden}
.aside-photo-vod .thumb-big .thumb {height:100%}
.aside-photo-vod .thumb-big .thumb a {display:block; width:100%; height:100%}
.aside-photo-vod .thumb-big .thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top}
/* MAIN */
/* .news-midtop.type-separate ul {margin:0 -10px} */
/* VIEW */
.article-view {max-width:1040px; margin:0 auto; padding:20px 0 60px}
.article-view .breadcrumb {margin-bottom:13px}
.article-head {padding-bottom:18px; border-bottom:1px solid #e5e5e5; text-align:center}
.article-head .news-tit {font-weight:bold; font-size:32px; line-height:1.3}
.article-head .view-info {margin-top:25px; color:#585858; font-size:13px}
.article-head .view-info > span {letter-spacing:0;}
.article-head .view-info > span + span:before {content:'|'; margin:0 6px 0 2px}
.view-utility {height:40px; margin:40px auto}
.view-utility .btn {float:left; width:40px; height:40px; border:1px solid #e5e5e5}
.view-utility .btn + .btn {margin-left:-1px}
.view-utility .btn .icon {position:relative; top:-2px; vertical-align:middle}
.article-body {font-size:18px; line-height:1.7}
.article-body blockquote {position:relative; margin:20px 0; padding:19px 29px; border:1px solid #e5e5e5; background:#f7f7f7}
.article-body blockquote .svg-quote {fill:#666; display:block; width:28px; height:20px; margin-bottom:10px}
.article-body > p {margin:30px 0; display:-webkit-box; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word}
.article-body em ,
.article-body i {font-style:italic}
.article-body table {width:100%; border-collapse:collapse; table-layout:fixed}
.article-body table,
.article-body table td {border:1px solid #e5e5e5}
.article-body table td {padding:5px 8px}
.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 .article-poll ul,
.article-body .article-poll ol,
.article-body .article-poll li {margin-left:0; list-style-type:none}
.article-body .article-poll .poll-answer-vs {margin:0 auto}
.article-body .summary {position:relative; margin-bottom:25px; padding-left:20px; font-weight:bold}
.article-body .summary:before {content:''; display:block; position:absolute; top:5px; bottom:2px; left:0;  width:4px; background-color:#e5e5e5}
.article-body .article-copyright {margin:20px 0; font-size:15px}
.article-tag {margin:20px 0}
.article-tag a {display:inline-block; margin-top:10px; margin-right:6px; padding:3px 9px; border-radius:3px; background-color:#f7f7f7; font-size:15px; vertical-align:top}
.marker {color:inherit; line-height:1.8; text-decoration:none !important; box-shadow:inset 0 -8px 0 #ffd9e9; transition:all .15s cubic-bezier(.33,.66,.66,1); overflow-wrap:break-word; word-wrap:break-word; word-break:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0)}
.marker:hover {background:#ffd9e9}
.sm-point {text-decoration:none !important}
.sm-point > span {letter-spacing:0}
.sm-point.hold {color:#222; box-shadow:inset 0 -1px 0 #222}
.sm-point.up {color:#ff000a !important; box-shadow:inset 0 -1px 0 #ff000a}
.sm-point.down {color:#457fff !important; box-shadow:inset 0 -1px 0 #457fff}
.article-body .youtube {position:relative; height:0; padding-bottom:56.25%; /* 4:3 75%, 16:9 56.25% */ overflow:hidden}
.article-body .youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%}
.article-video {padding:15px 15px 5px; border-radius:4px; background:#000}
.article-video .video-link {height:43px; padding-top:13px; text-align:center}
.article-video .btn-go-video {display:inline-block; color:#fff !important; font-size:15px; line-height:22px; vertical-align:top}
/* IE 유튜브 지원중단 안내 */
.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}
.layer-info-ieyoutube p {color:#f9ff56; font-size:13px; line-height:22px; letter-spacing:-0.075em; white-space:nowrap}
.layer-info-ieyoutube .btn-close-info {position:absolute; top:15px; right:16px; width:13px; height:13px}
.layer-info-ieyoutube .btn-close-info:before, 
.layer-info-ieyoutube .btn-close-info:after {content:''; position:absolute; top:6px; width:13px; height:1px; background-color:#fff}
.layer-info-ieyoutube .btn-close-info:before{left:0; transform:rotate(45deg)}
.layer-info-ieyoutube .btn-close-info:after{right:0; transform:rotate(-45deg)}
.article-figure {margin:20px 0; text-align:center; max-width:100%}
.article-figure.figure-r {float:right; margin:10px 0 20px 20px}
.article-figure.figure-l {float:left; margin:10px 20px 20px 0}
.figure-img {position:relative; display:inline-block; max-width:inherit}
.figure-img img {max-width:100%; height:auto}
.figure-img .btn-img-big {position:absolute; right:0px; bottom:0px; width:45px; height:45px; background-color:#000; background-color:rgba(0,0,0,0.6)}
.figure-img .btn-img-big .icon {vertical-align:top}
.figure-caption {max-width:100%; margin:10px auto 0; color:#585858; font-size:0.77em; line-height:20px; text-align:left}
.article-figure.figure-r,
.article-figure.figure-l,
.article-figure.figure-r .figure-caption,
.article-figure.figure-l .figure-caption {max-width:calc(100% - 20px)}
.hk_sub_headline {display:block; margin:20px 0; padding:12px 0 15px; border-top:2px solid #c3c3c3; border-bottom:1px solid #e5e5e5; color:#e11b6d; font-style:normal; font-weight:bold; font-size:1.1em; line-height:1.6em; word-wrap:break-word; display:-webkit-box; -webkit-box-orient: vertical}
.hk_sub_headline:not(:root:root){padding-top:15px}
.hk_sub_headline * {color:#e11b6d !important}
iframe.article-view-audio {display:block; width:100%; height:70px; margin:30px 0}
.article-audio-player {position:relative; width:510px; height:70px; margin:0 auto; padding:16px 84px 0 96px; border:1px solid #e7e7e7; border-radius:35px; box-sizing:border-box}
.article-audio-player .btn-audio {display:inline-block; position:absolute; top:16px; width:37px; height:37px}
.article-audio-player .btn-audio:before {content:''; display:inline-block}
.article-audio-player .btn-audio.play {left:29px}
.article-audio-player .btn-audio.play:before {width:27px; height:31px; background-position:-47px -129px}
.article-audio-player.playing .btn-audio.play:before {width:38px; height:37px; background-position:0 -126px}
.article-audio-player .btn-audio.mute {right:23px}
.article-audio-player .btn-audio.mute:before {width:25px; height:22px; background-position:-84px -134px}
.article-audio-player.muted .btn-audio.mute:before {width:25px; height:20px; background-position:-119px -135px}
.article-audio-player .progress-controls {position:relative; padding:18px 109px 0 0}
.article-audio-player .progress-bar {position:relative; height:2px; background-color:#e5e5e5}
.article-audio-player .progress-bar .progress-bar-played {position:relative; height:100%; background-color:#222}
.article-audio-player .progress-bar .progress-handle {position:absolute; top:-9px; display:inline-block; width:18px; height:18px; margin-left:-9px; border-radius:9px; border:1px solid #c6c6c6; background-color:#fff; box-shadow:0 0 2px rgba(0,0,0,.1); cursor:pointer}
.article-audio-player .progress-time {position:absolute; top:0; right:0; height:37px; color:#777; font-size:15px; line-height:37px; letter-spacing:0}
.article-audio-player .progress-time .time-duration:before {content:'/'; margin-right:4px}
.slidenews-wrap {margin:20px auto}
.slidenews-num:before,
.slidenews-card-num:before,
.slidenews-card-type .btn:before {content:''; display:inline-block; margin-right:3px; vertical-align:middle}
.slidenews-option {margin-bottom:10px; font-size:13px; text-align:center}
.slidenews-option .slidenews-num:before,
.slidenews-option .slidenews-card-num:before {width:17px; height:15px; margin-right:5px; background-position:-161px -92px}
.slidenews-option .slidenews-card-num {float:left}
.slidenews-option .slidenews-card-type {float:right}
.slidenews-option .slidenews-card-type .btn {font-size:13px}
.slidenews-option .slidenews-card-type .btn-slidenews-v:before {width:14px; height:17px; background-position:-213px -92px}
.slidenews-option .slidenews-card-type .btn-slidenews-h:before {width:17px; height:14px; background-position:-187px -92px}
.slidenews-option:after {content:''; display:block; clear:both}
.slidenews-wrap .slidenews {position:relative; border:1px solid #e5e5e5}
.slidenews-wrap .slidenews .slidenews-item { font-size:0; line-height:0; text-align:center; white-space:nowrap; overflow:hidden}
.slidenews-wrap .slidenews .slidenews-item:before {content:''; display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle}
.slidenews-wrap .slidenews .slidenews-item img {display:inline-block; max-width:calc(100% + 1px); max-height:100%; vertical-align:middle}
.slidenews .btn-prev,
.slidenews .btn-next {position:absolute; top:50%; z-index:15; width:45px; height:91px; margin-top:-45px; background:#000; background:rgba(0,0,0,0.5)}
.slidenews .btn-prev {left:0}
.slidenews .btn-next {right:0}
.slidenews .icon-prev {width:20px; height:36px; background-position:-109px -71px}
.slidenews .icon-next {width:20px; height:36px; background-position:-138px -71px}
.article-poll {margin:30px 0; padding:19px 29px 24px; border:1px solid #e5e5e5; line-height:1.5em; word-break:break-all}
.poll-header-tit {margin-bottom:2px; padding:0 2px; color:#222; font-weight:bold; font-size:18px; text-align:center}
.poll-header-tit strong {display:inline-block; vertical-align:top; line-height:1; letter-spacing:0}
.poll-header-tit strong:before {content:''; display:inline-block; width:18px; height:17px; margin-right:5px; background-position:-257px -28px; vertical-align:-2px}
.poll-header .poll-period {color:#888; font-size:14px; letter-spacing:0}
.poll-header .poll-period em {font-style:normal}
.poll-header .poll-period .poll-inprogress {color:#e11b6d}
.poll-header .poll-question {margin:-2px 0 11px; color:#222; font-weight:bold; font-size:18px; letter-spacing:-0.075em}
.poll-header .poll-sub-question {color:#888; font-size:14px; line-height:1.5em; letter-spacing:-0.075em}
.poll-contents {padding:17px 0 19px}
.poll-answer-list li {display:table; table-layout:fixed; width:100%; margin-top:5px; color:#222; font-size:15px; line-height:1.5em; letter-spacing:-0.075em}
.poll-answer-list li label:hover {text-decoration:none}
.poll-answer-list li .tcell {display:table-cell}
.poll-answer-list li .tcell.cell-radio {width:20px}
.poll-answer-list li:first-child {margin-top:0}
.poll-answer-vs {position:relative; width:490px; margin:0 auto; padding:4px 0 2px}
.poll-answer-vs li {float:right; width:220px; text-align:center}
.poll-answer-vs li label:hover {text-decoration:none}
.poll-answer-vs li .poll-label {display:block; line-height:0}
.poll-answer-vs li .form-radio {display:inline-block; margin-bottom:9px}
.poll-answer-vs li .thumb {display:block; width:120px; height:75px; margin:0 auto 11px; overflow:hidden; text-align:center}
.poll-answer-vs li .thumb img {max-width:100%; max-height:75px}
.poll-answer-vs li .txt {display:block; color:#222; font-size:15px; line-height:1.5em; letter-spacing:-0.075em}
.poll-answer-vs li:first-child {float:left}
.poll-answer-vs:before {content:'VS'; position:absolute; top:51px; left:50%; width:50px; height:30px; margin-left:-25px; color:#222; font-weight:bold; font-size:25px; text-align:center}
.poll-answer-vs.noimg {width:100%; padding-left:0; padding-right:0}
.poll-answer-vs.noimg li {width:240px}
.poll-answer-vs.noimg li .poll-label {display:table; width:100%; table-layout:fixed}
.poll-answer-vs.noimg li .form-radio {display:table-cell; width:30px}
.poll-answer-vs.noimg li .txt {display:table-cell; text-align:left}
.poll-answer-vs.noimg:before {top:50% !important; margin-top:-15px}
.poll-answer-vs:after {content:''; display:block; clear:both}
.poll-result-list {padding-bottom:6px}
.poll-result-list li {margin-top:16px}
.poll-result-list li p {margin-bottom:4px; padding-right:80px; color:#222; font-size:15px; line-height:1.5em; letter-spacing:-0.075em}
.poll-result-list li:first-child {margin-top:0}
.poll-result-vs {padding-bottom:6px}
.poll-result-vs .poll-answer-vs {padding-bottom:5px}
.poll-result-vs .poll-answer-vs:before {top:27px}
.poll-progress-wrap {position:relative; padding-right:80px}
.poll-progress-wrap .poll-progress {height:10px; border-radius:5px; overflow:hidden; background:#e5e5e5}
.poll-progress-wrap .poll-progress .poll-progress-bar {height:10px; background:#e11b6d}
.poll-progress-wrap .poll-progress-label {position:absolute; top:-6px; right:0; width:80px; color:#e11b6d; font-size:13px; line-height:1.6em; text-align:right}
.poll-vs-progress .progress-label {font-size:13px}
.poll-vs-progress .progress-label .yes {float:left; padding-left:5px; color:#19aedf}
.poll-vs-progress .progress-label .no {float:right; padding-right:5px; color:#e11b6d}
.poll-vs-progress .progress-label:after {content:''; display:block; clear:both}
.poll-vs-progress .progress-bar {height:10px; border-radius:5px; overflow:hidden; background:#e5e5e5}
.poll-vs-progress .progress-bar .yes {float:left; height:10px; background:#19aedf}
.poll-vs-progress .progress-bar .no {float:right; height:10px; background:#e11b6d}
.poll-action {text-align:center}
.poll-action .btn-poll-default {display:inline-block; width:150px; height:35px; margin:0 2px; border:1px solid #e5e5e5; background:#f7f7f7; color:#222; font-size:14px; line-height:33px; letter-spacing:-0.075em; text-align:center; vertical-align:middle; box-sizing:border-box}
.related-article {margin:40px 0; text-align:center}
.related-article > ul > li {float:left; width:210px; vertical-align:top}
.related-article > ul > li + li {margin-left:35px}
.related-article .thumb {width:210px; height:131px; overflow:hidden}
.related-article .thumb > a {display:inline-block; width:100%; height:100%}
.related-article .thumb > a > img {width:100%; min-height:100%; object-fit:cover}
.related-article .txt-wrap {margin-top:10px}
.related-article .txt-wrap .news-tit {width:180px; max-height:41px; font-weight:normal; -webkit-line-clamp:2}
.related-article > ul:after {content:''; display:block; clear:both}
.article-comment {width:600px; margin:40px auto}
.article-comment .btn-comment {width:100%; height:50px; border:1px solid #e5e5e5; background:#fff; font-size:18px; line-height:48px}
.article-comment .btn-comment:after {content:''; display:inline-block; width:11px; height:6px; margin-left:10px; background-position:-339px -63px; vertical-align:4px}
.article-comment .btn-close-comment:after {width:12px; background-position:-360px -63px}
.article-contents .ad-module {margin:30px 0}
.article-contents .ad-module.col2 {margin:30px auto; text-align:center}
.article-contents .ad-module.col2 > .col {display:inline-block; max-width:336px}
.article-contents .ad-module.col2 > .col + .col {margin-left:3px}
.article-contents .view-utility:first-of-type {margin-top:0}
/* 검색결과 */
/* 텐스타 잡지 */
/* 라이브 모듈 */
/* 반응형화면 */
/* error */
@keyframes shake {
    10%, 90% {transform: translate3d(-1px, 0, 0)}
    20%, 80% {transform: translate3d(2px, 0, 0)}
    30%, 50%, 70% {transform: translate3d(-4px, 0, 0)}
    40%, 60% {transform: translate3d(4px, 0, 0)}
}
/* sitemap */ 
/* 개인보호처리방침, 청소년보호정책, 이용약관 */
/* TV텐 */
/* 기자페이지 */
/* 텐스타필드 */
/* 아티스트 탑텐 페이지 */
/* 아티스트 탑텐 메인 모듈 */
/* .topten-module .topten-menu li button, .topten-module .topten-slide-item .name, .topten-module .topten-slide-item .num, .topten-module .topten-link > a {transform:rotate(0.03deg)} */
/* .topten-module .topten-slide-item.first::before {background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/ico-first.png') no-repeat}
.topten-module .topten-slide-item.second::before {background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/ico-second.png') no-repeat}
.topten-module .topten-slide-item.third::before {background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/ico-third.png') no-repeat} */
/* 라이브영상 톱 영역 */
/* 기사뷰 내 광고 */
.metavey-web {margin-top:20px}
.ad-floating {position:fixed; left:30px; bottom:30px; z-index:999}
.ad-floating .btn-close-ad {position:absolute; top:0; right:0; width:20px; height:20px; background:rgba(0,0,0,.8)}
.ad-floating .btn-close-ad:before,
.ad-floating .btn-close-ad:after {content:''; position:absolute; top:50%px; width:20px; height:1px; background-color:#fff}
.ad-floating .btn-close-ad:before{left:0; transform:rotate(45deg)}
.ad-floating .btn-close-ad:after{right:0; transform:rotate(-45deg)}
/* media query */
@media screen and (max-width:1040px) {
	.article-view .ad-box {margin:30px -50%}
}
@media screen and (max-width:700px) {
    /* error */
    /* sitemap */
    /* 개인보호처리방침, 청소년보호정책, 이용약관 */
}
/* IE8 */
@media \0screen {
    .marker {border-bottom:3px solid #ffd9e9}
}
/* 기사뷰 - 업체 설문영역 */
.interact_responsive_padding,
.iframe-quiz {margin:20px 0; text-align:center}