@charset "UTF-8";
/*
 * 텐아시아 개편 (PC) 2020.01 ~
 * Contents css
 */
/* contents */
.cont-tit {margin-bottom:11px; font-weight:bold; font-size:24px}
/* paging */
.paging {margin-top:60px; text-align:center}
.paging a, .paging strong {display:inline-block; position:relative; min-width:40px; height:35px; padding:0 9px 0 8px; margin:0 -.2em; font-size:13px; line-height:33px; vertical-align:middle; box-sizing:border-box}
.paging strong:after, .paging a:hover {position:relative; z-index:2}
.paging a:hover {background-color:#fff; text-decoration:none}
.paging .first, .paging .prev, .paging .next, .paging .end {padding:0}
.paging strong:after, .paging a:after {content:''; display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0}
.paging .first:after, .paging .prev:after, .paging .next:after, .paging .end:after {border:1px solid #e5e5e5}
.paging strong:after, .paging a:hover:after {border:1px solid #222}
.paging .first:before, .paging .prev:before, .paging .next:before, .paging .end:before {content:''; display:inline-block}
.paging .next:before {margin:-3px 0 0}
.paging .end:before {margin:-3px 0 0}
.paging .first:before {width:9px; height:10px; background-position:-311px -4px}
.paging .prev:before {width:5px; height:10px; background-position:-329px -4px}
.paging .next:before {width:5px; height:10px; background-position:-344px -4px}
.paging .end:before {width:9px; height:10px; background-position:-358px -4px}
/* 2020.08.06 최신 포토영상 수정되면 삭제예정 */
.latest-photo-vod > li {float:left}
.latest-photo-vod > li .thumb {overflow:hidden}
.latest-photo-vod > li .thumb a {display:block; width:100%; height:100%}
.latest-photo-vod > li .thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top}
.latest-photo-vod > li:first-child {width:100%}
.latest-photo-vod > li:first-child .thumb {height:188px}
.latest-photo-vod > li:first-child ~ li {width:25%}
.latest-photo-vod > li:first-child ~ li .thumb {height:47px}
.latest-photo-vod > li:first-child ~ li .thumb-video:after {transform-origin:100% 100%; transform:scale(.5)}
.latest-photo-vod:after {content:''; display:block; clear:both}
/* // 2020.08.06 최신 포토영상 수정되면 삭제예정 */
/* photo-vod-list, aside-photo-vod - view.css와 중복 제거됨 */
/* MAIN */
.news-top {position:relative; height:360px; background:#222}
.news-top .txt-wrap {position:absolute; top:75px; left:50%; width:480px; margin-left:40px}
.news-top .txt-wrap .news-tit {max-height:110px; color:#fff; font-weight:bold; font-size:38px; letter-spacing:-0.05em; -webkit-line-clamp:2}
.news-top .txt-wrap .news-tit a {color:#fff}
.news-top .txt-wrap .lead {max-height:78px; margin-top:30px; font-weight:normal; color:#bbb; font-size:15px; line-height:26px; -webkit-line-clamp:3}
.news-top .thumb {position:absolute; top:0; left:50%; margin-left:-50%; width:50%; height:360px; overflow:hidden}
.news-top .thumb > a {display:block; width:100%; height:100%; text-align:right}
.news-top .thumb > a > img {width:100%; max-width:640px; min-height:100%; object-fit:cover}
.news-midtop {margin-bottom:35px; overflow:hidden}
.news-midtop ul {margin:0 -20px}
.news-midtop li {position:relative; float:left; width:330px; height:260px; margin:0 20px}
.news-midtop ul:after {content:''; display:block; clear:both}
.news-midtop .thumb {width:100%; height:100%; overflow:hidden}
.news-midtop .thumb > a {display:block; width:100%; height:100%}
.news-midtop .thumb > a:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0);
background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%); pointer-events:none}
.news-midtop .thumb img {width:100%; min-height:100%; object-fit:cover}
.news-midtop .txt-wrap .news-tit {position:absolute; left:20px; right:20px; bottom:15px; width:auto; max-height:56px; color:#fff; font-weight:bold; font-size:20px; line-height:28px; -webkit-line-clamp:2}
.news-midtop .txt-wrap .news-tit a {display:block; color:#fff}
.lte-ie9 .news-midtop .thumb > a:after {height:80px; background:#000; opacity:.3}
/* .news-midtop.type-separate ul {margin:0 -10px} */
.news-midtop.type-separate li {/*width:340px; margin:0 10px*/height:auto}
.news-midtop.type-separate .thumb {height:0; padding-bottom:56.25%}
.news-midtop.type-separate .thumb > a:after {display:none}
.news-midtop.type-separate .thumb .icon-thumb {top:auto; bottom:15px; transform-origin:right bottom}
.news-midtop.type-separate .txt-wrap {margin-top:10px}
.news-midtop.type-separate .txt-wrap .news-tit {position:relative; left:auto; right:auto; bottom:auto; color:#000}
.news-midtop.type-separate .txt-wrap .news-tit a {color:#000}
/* VIEW - view.css와 중복 제거됨 */
/* 검색결과 */
.search-keyword {position:relative; top:-4px; margin-bottom:15px}
.search-keyword h2 {font-size:18px}
.search-keyword h2 strong {color:#e11b6d}
.search-list > li {display:table; table-layout:fixed; width:100%}
.search-list > li + li {margin-top:20px}
.search-list .thumb {display:table-cell; width:180px; height:113px; vertical-align:top; }
.search-list .thumb > a {display:block; width:180px; height:113px; overflow:hidden}
.search-list .thumb > a > img {width:100%; min-height:100%; object-fit:cover}
.search-list .txt-wrap {display:table-cell; vertical-align:middle}
.search-list .txt-wrap .news-tit {font-size:18px; line-height:26px; -webkit-line-clamp:2}
.search-list .txt-wrap .lead {margin-top:14px; font-size:13px; line-height:19px; -webkit-line-clamp:2}
.search-list .thumb + .txt-wrap {padding-left:20px}
.search-list mark {font-weight:bold; color:#e11b6d; background:none}
.search-noresult {margin-top:2px}
.search-noresult p {line-height:1.9em}
/* 텐스타 잡지 */
.magazine-top {position:relative; padding-bottom:100px}
.magazine-top:before {content:''; position:absolute; top:0; left:0; right:0; height:357px; background:#222}
.magazine-top .layout-inner {position:relative; padding-top:40px}
.magazine-top .layout-inner:after {content:''; display:block; clear:both}
.magazine-top .thumb {float:left; width:560px; height:687px; overflow:hidden; box-shadow:15px 15px 10px rgba(0,0,0,.2)}
.magazine-top .thumb > a {display:block; width:100%; height:100%}
.magazine-top .thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top}
.magazine-top .txt-wrap {float:right; width:440px}
.magazine-top .magazine-top-tit {height:317px; padding-top:45px; color:#fff; box-sizing:border-box}
.magazine-top .magazine-top-tit a {color:#fff}
.magazine-top .magazine-top-tit .magazine-num {margin-bottom:6px; font-size:20px}
.magazine-top .magazine-top-tit .news-tit {max-height:108px; margin-bottom:35px; font-weight:bold; font-size:40px; letter-spacing:-0.05em; -webkit-line-clamp:2}
.magazine-top .magazine-top-tit .btn-purchase {display:inline-block; min-width:150px; height:40px; background:#e11b6d; font-size:18px; text-align:center}
.magazine-top .magazine-top-tit .btn-purchase:before {content:''; display:inline-block; height:40px; width:1px; vertical-align:-13px}
.magazine-top .magazine-top-tit .btn-purchase.disabled {background:#999; text-decoration:none; pointer-events:none}
.magazine-top .magazine-top-cont {padding-top:35px}
.magazine-top .magazine-top-cont .desc-area {margin-bottom:23px; font-size:15px}
.magazine-top .magazine-top-cont li {position:relative; padding:3px 0 3px 10px}
.magazine-top .magazine-top-cont li:before {content:'·'; display:inline-block; position:absolute; top:1px; left:0}
.magazine-top .magazine-top-cont .bonus {position:relative; min-height:23px; padding-left:60px; font-size:13px; line-height:21px}
.magazine-top .magazine-top-cont .bonus em {display:inline-block; position:absolute; top:0; left:0; min-width:50px; height:23px; margin-right:3px; padding:0 10px; border:1px solid #999; border-radius:11px; overflow:hidden; line-height:1.2; text-align:center; vertical-align:-1px; box-sizing:border-box}
.magazine-top .magazine-top-cont .bonus em:before {content:''; display:inline-block; height:21px; width:1px; vertical-align:-6px}
.magazine-list {width:1040px; margin:0 auto}
.magazine-list > ul {margin:0 -65px}
.magazine-list > ul > li {float:left; width:260px; margin:0 65px 57px}
.magazine-list > ul:after {content:''; display:block; clear:both}
.magazine-list .thumb {position:relative; width:260px; height:319px; box-shadow:10px 10px 15px rgba(0,0,0,.2)}
.magazine-list .thumb > a {display:block; width:100%; height:100%}
.magazine-list .thumb > a img {width:100%; min-height:100%; object-fit:cover; object-position:top}
.magazine-list .thumb .btns {position:absolute; bottom:0; left:0; right:0; text-align:center; pointer-events:none}
.magazine-list .thumb .btns .btn-purchase {display:inline-block; min-width:150px; height:40px; background:#e11b6d; color:#fff; font-size:16px; text-align:center; pointer-events:auto}
.magazine-list .thumb .btns .btn-purchase:before {content:''; display:inline-block; height:40px; width:1px; vertical-align:-13px}
.magazine-list .txt-wrap {margin-top:30px}
.magazine-list .txt-wrap .label-status {display:inline-block; min-width:70px; height:23px; padding:0 10px; border:1px solid #999; border-radius:11px; overflow:hidden; background:#fff; color:#999; font-size:13px; line-height:1.2; text-align:center; vertical-align:-1px; box-sizing:border-box}
.magazine-list .txt-wrap .label-status:before {content:''; display:inline-block; height:21px; width:1px; vertical-align:-6px}
.magazine-list .txt-wrap .label-status.on {border-color:#e11b6d; color:#e11b6d}
.magazine-list .txt-wrap .magazine-num {margin:10px 0 7px; font-size:15px}
.magazine-list .txt-wrap .news-tit {max-height:52px; font-weight:bold; font-size:19px; -webkit-line-clamp:2; overflow:hidden}
.magazine-info {width:1040px; margin:0 auto; padding:100px 0; border-top:1px solid #e5e5e5}
.magazine-info-intro {width:800px; margin:0 auto}
.magazine-info-intro h2 {width:478px; height:131px; margin:0 auto; background:url(https://hkstatic.hankyung.com/img/tenasia/logo/logo-10star.png) no-repeat}
.magazine-info-intro p {margin-top:60px; font-size:17px; line-height:30px; text-align:center}
.magazine-info-list {width:800px; margin:110px auto 0}
.magazine-info-list li {position:relative; float:left; width:50%; height:268px; border:1px solid #696969; box-sizing:border-box}
.magazine-info-list li.magazine-info01 {background:url(https://tenasia.hankyung.com/resource/company/images/magazine_info01.jpg) no-repeat; background-size:cover}
.magazine-info-list li.magazine-info02 {background:url(https://tenasia.hankyung.com/resource/company/images/magazine_info02.jpg) no-repeat; background-size:cover}
.magazine-info-list li.magazine-info03 {background:url(https://tenasia.hankyung.com/resource/company/images/magazine_info03.jpg) no-repeat; background-size:cover}
.magazine-info-list li.magazine-info04 {background:url(https://tenasia.hankyung.com/resource/company/images/magazine_info04.jpg) no-repeat; background-size:cover}
.magazine-info-list li:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(75,75,75,.8)}
.magazine-info-list li dl {position:relative; color:#fff; text-align:center}
.magazine-info-list li dl dt {margin-top:65px; font-weight:bold; font-size:32px}
.magazine-info-list li dl dd {margin-top:14px; padding:0 10px; line-height:28px}
.magazine-info-list:after {content:''; display:block; clear:both}
.article-magazine {margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #e5e5e5}
.article-magazine-cont .desc-area {margin-top:30px}
.article-magazine-cont li {position:relative; padding:1px 0 1px 10px}
.article-magazine-cont li:before {content:'·'; display:inline-block; position:absolute; top:1px; left:0}
.article-magazine-cont .bonus {position:relative; min-height:30px; padding-left:75px; margin-top:20px; line-height:28px}
.article-magazine-cont .bonus em {display:inline-block; position:absolute; top:0; left:0; min-width:65px; height:30px; margin-right:3px; padding:0 10px; border:1px solid #999; border-radius:15px; font-style:normal; font-size:16px; line-height:1.2; text-align:center; vertical-align:1px; box-sizing:border-box}
.article-magazine-cont .bonus em:before {content:''; display:inline-block; height:30px; width:1px; vertical-align:-11px}
.article-magazine-cont .btns {margin-top:30px; padding:0 35px; text-align:center}
.article-magazine-cont .btn-purchase {display:inline-block; min-width:150px; height:50px; background:#e11b6d; color:#fff; font-size:18px; text-align:center}
.article-magazine-cont .btn-purchase:before {content:''; display:inline-block; height:50px; width:1px; vertical-align:-17px}
.article-magazine-cont .btn-purchase.disabled {background:#999; text-decoration:none; pointer-events:none}
/* 라이브 모듈 */
.live-module {width:100%; height:300px; margin-bottom:40px; background-color:#222; box-sizing:border-box}
.live-module .module-inner {display:table; table-layout:fixed}
.live-module .txt-cont {display:table-cell; width:560px; padding:20px 60px; color:#fff; vertical-align:middle; box-sizing:border-box}
.live-module .txt-cont .live-subject {margin-bottom:10px; font-weight:bold; font-size:17px; letter-spacing:0}
.live-module .live-tit a, .live-module .live-subject a {color:#fff}
.live-module .txt-cont .live-tit {display:block; display:-webkit-box; width:440px; max-height:85px; text-overflow:clip; overflow:hidden; word-break:keep-all; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-weight:bold; font-size:34px; line-height:42px}
.live-module .txt-cont .live-info {margin-top:30px; font-size:17px; letter-spacing:0}
.live-module .txt-cont .live-subject,
.live-module .txt-cont .live-info {display:block; width:440px; height:23px; text-overflow:clip; overflow:hidden; word-break:keep-all; word-wrap:break-word;}
.live-module .video-area {display:table-cell; width:480px; padding:20px 20px 20px 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%}
/* 반응형화면 */
/* error */
.error-section {position:relative; max-width:700px; margin:0 auto; padding:40px 0; text-align:center}
.error-contents {display:inline-block; margin:40px 0 0}
.error-contents .error-txt {font-weight:bold; font-size:24px}
.error-contents .error-txt:before {content:''; display:block; width:241px; height:200px; margin:0 auto 40px; background:url(https://hkstatic.hankyung.com/img/tenasia/w/img-error.png) no-repeat 0 0; animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform:translate3d(0, 0, 0); backface-visibility:hidden; perspective:1000px}
.error-contents .soluction {margin-top:40px; text-align:left}
.error-contents .soluction dt {margin-bottom:15px; font-weight:bold; font-size:20px}
.error-contents .soluction dd {margin-top:10px; font-size:17px}
.error-contents .soluction dd:before {content:''; display:inline-block; width:2px; height:2px; margin-right:5px; background:#222; vertical-align:5px}
.error-contents .soluction dd a, .error-contents .etc-cont .link-back {font-weight:700; text-decoration:underline; text-underline-offset:3px}
.error-section .sitemap-link ul {display:inline-block; padding:20px; background:#f3f3f3}
.error-section .sitemap-link li {display:inline-block; margin:0 14px; font-size:17px}
/* @keyframes shake - view.css와 중복 제거됨 */
.error-contents .etc-cont {margin-top:40px; text-align:left}
.error-contents .etc-cont .txt {font-size:17px}
/* sitemap */
.sitemap-section {max-width:700px; margin:0 auto; padding:40px 0}
.sitemap-section .sitemap-link {padding:35px 0; border-top:1px solid #e5e5e5}
.sitemap-section .sitemap-link .section-menu > li {float:left; margin-right:35px; font-size:17px}
.sitemap-section .sitemap-link .section-menu + .section-menu {margin-top:31px}
.sitemap-section .sitemap-link .section-menu:after {content:''; display:block; clear:both}
.article-archive-yy {margin:30px -14px 24px}
.article-archive-yy li {float:left; width:57px; margin:4px; text-align:center}
.article-archive-yy a {display:block; color:#e11b6d; font-size:17px; line-height:1.2; letter-spacing:0}
.article-archive-yy:after {content:''; display:block; clear:both}
.article-archive-mm {display:table; table-layout:fixed; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.article-archive-mm dl {display:table-cell; padding-bottom:10px; border-left:1px solid #e5e5e5}
.article-archive-mm dl:first-child {border-left:none}
.article-archive-mm dt,
.article-archive-mm dd {padding-right:15px; text-align:right}
.article-archive-mm dt {padding-top:10px; padding-bottom:9px; border-bottom:1px solid #e5e5e5; font-weight:bold}
.article-archive-mm dd ul {padding-top:11px}
.article-archive-mm dd li {padding:1px 0; color:#999; font-size:13px; letter-spacing:0}
.article-archive-mm dd li a {color:#e11b6d}
.article-archive-mm dd li + li {margin-top:3px}
.article-archive-dd li {position:relative; margin-bottom:20px; padding-left:10px}
.article-archive-dd li:before {content:'· '; position:absolute; top:1px; left:0; color:#e11b6d}
.article-archive-dd .news-tit {font-weight:normal; font-size:17px}
.article-archive-dd .news-tit a {color:#e11b6d}
/* 개인보호처리방침, 청소년보호정책, 이용약관 */
.policy-section {max-width:700px; margin:0 auto; padding:40px 0 60px; line-height:1.7em; word-break:keep-all}
.policy-content ol, .policy-content ul, .policy-content li {margin:unset; padding:unset}
.policy-content ol li {list-style-type:decimal}
.policy-content ul li {list-style-type:disc}
.policy-content li {margin-left:20px; padding-left:10px}
.policy-content li + li {margin-top:40px}
.policy-content p {margin-bottom:10px}
.policy-content a[href^="mailto:"] {text-decoration:underline; letter-spacing:0}
.policy-content p + ol, .policy-content p + ul {margin-top:40px}
.policy-content .policy-tit {font-weight:bold; margin-bottom:10px}
.policy-content .incharge-wrap {display:table; width:100%; border:1px solid #e5e5e5}
.policy-content .incharge-wrap .incharge {display:table-cell; width:50%}
.policy-content .incharge-wrap .incharge + .incharge {border-left:1px solid #e5e5e5}
.policy-content .incharge-wrap .incharge-tit {display:block; padding:5px 8px; border-bottom:1px solid #e5e5e5; background:#f3f3f3}
.policy-content .incharge-wrap .row {padding:5px 8px}
.policy-content .incharge-wrap .row .tit {display:inline-block; min-width:75px}
.policy-content .incharge-wrap .row + .row {padding-top:0}
.policy-content .incharge-wrap .row:first-of-type {padding-top:8px}
.policy-content .incharge-wrap .row:last-of-type {padding-bottom:8px}
/* TV텐 */
.tvten-wrap {width:auto; padding:30px 0 50px; background:#111; color:#fff}
.tvten-wrap .tvten-inner {width:1040px; margin:0 auto}
.tvten-wrap .cont-info {display:flex; align-items:center; justify-content:space-between; height:39px}
.tvten-wrap .cont-info .breadcrumb {margin:0}
.tvten-wrap .cont-info + .vod-components .vod-component,
.tvten-wrap .cont-info + .vod-component {margin-top:10px}
.tvten-wrap .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}
.tvten-wrap a {color:#fff}
.tvten-wrap .news-tit {font-weight:normal}
.tvten-wrap + .ad-bottom {margin-top:20px}
.tvten-wrap .thumb > a::after {content:''; width:69px; height:69px; position:absolute; right:10px; bottom:10px; background:url('https://hkstatic.hankyung.com/img/www/w/common/spr-icon-thumb@2x.png') no-repeat 0 0/400px 68px; overflow:hidden; text-indent:-9999px; pointer-events:none; transform-origin:right bottom}
.vod-component {margin-top:30px; border-top:1px solid #555}
.vod-component .component-inner {position:relative; padding-top:30px}
.vod-component .component-tit {margin-bottom:15px; font-size:20px}
.vod-component .thumb,
.vod-component .iframe-youtube {border-radius:8px}
.vod-component .thumb > a {display:block; position:relative; height:0; padding-bottom:56.25%; overflow:hidden}
.vod-component .thumb > a > img {position:absolute; top:50%; left:0; width:100%; min-height:100%; transform:translateY(-50%); object-fit:cover}
.vod-component .thumb > a::after {transform:scale(0.5)}
.vod-component .news-tit {width:245px; margin-top:10px}
.vod-component .news-tit > a {max-height:68px; font-size:24px; line-height:34px; -webkit-line-clamp:2}
.vod-component .vod-slide-page {position:absolute; top:30px; right:0; font-size:15px; letter-spacing:0}
.vod-component .vod-slide {position:relative; margin:0 -25px; padding:0 15px; height:285px; overflow:hidden}
.vod-component .vod-slide .item {width:245px; margin:0 10px}
.vod-component .vod-slide .slick-arrow {position:absolute; top:53px; z-index:-1; opacity:0; width:50px; height:50px; border-radius:50%; background:#888; color:transparent; font-size:0; overflow:hidden; transition:all ease .3s}
.vod-component .vod-slide .slick-arrow::before {content:''; display:inline-block; width:10px; height:10px; margin-left:5px; border-width:1px; border-style:solid}
.vod-component .vod-slide .slick-prev {left:0}
.vod-component .vod-slide .slick-prev:before {border-color:#fff transparent transparent #fff; transform:rotate(-45deg)}
.vod-component .vod-slide .slick-next {right:0}
.vod-component .vod-slide .slick-next:before {margin-left:10px; border-color:#fff #fff transparent transparent; transform:rotate(45deg) translate(-5px, 5px)}
.vod-component .vod-slide:hover .slick-arrow {z-index:2; opacity:1;}
.vod-components .vod-component {float:left}
.vod-components .vod-component .component-tit {text-overflow:ellipsis;  overflow:hidden; white-space:nowrap; max-width:245px}
.vod-component .vod-list {margin:0 -10px}
.vod-component .vod-list > .item {float:left; width:245px; margin:0 10px}
.vod-components .vod-component:first-child ~ .vod-component .component-inner {padding-left:20px}
.vod-components::after,
.vod-components .vod-list::after {content:''; display:block; clear:both}
.tenphoto-wrap .vod-component .thumb > a {padding-bottom:84.25%}
.tenphoto-wrap .vod-component .thumb > a > img {top:0; transform:none}
.tenphoto-wrap .vod-component .vod-slide .slick-arrow {top:83px}
.tenphoto-wrap .vod-component .vod-slide .thumb > a::after {display:none}
/* 기자페이지 */
.reporter-wrap .contents-wrap {padding-top:50px}
.reporter-wrap .reporter-head {position:relative; padding-top:35px;}
.reporter-wrap .reporter-head::before {z-index:-1; content:''; display:block; position:absolute; top:1px; left:0; right:0; height:215px; background-color:#e11b6d}
.reporter-wrap .breadcrumb li, .reporter-wrap .breadcrumb li a {color:#fff}
.reporter-wrap .reporter-info {display:table; position:relative; top:10px; width:820px; margin:0 auto; padding:40px 60px; border-radius:20px; border:1px solid #ddd; background-color:#fff; box-sizing:border-box}
.reporter-wrap .reporter-thumb, .reporter-wrap .reporter-cont {display:table-cell}
.reporter-wrap .reporter-thumb {display:table-cell; width:122px; vertical-align:top}
.reporter-wrap .reporter-thumb > div {overflow:hidden; width:122px; height:122px; border-radius:50%;}
.reporter-wrap .reporter-thumb img {width:100%; min-height:100%}
.reporter-wrap .reporter-cont {display:table-cell; padding-top:7px; padding-left:20px; color:#222}
.reporter-wrap .reporter-cont .name {display:block; margin-bottom:10px; font-size:20px; letter-spacing:-0.075em}
.reporter-wrap .reporter-cont > p {line-height:24px; font-size:15px;  letter-spacing:-0.075em}
.reporter-wrap .reporter-cont .mail {display:inline-block; margin-top:15px; padding-left:30px; color:#888; font-size:15px; text-decoration:underline; font-style:italic; background:url(https://hkstatic.hankyung.com/img/tenasia/w/icon-email.png) no-repeat left bottom}
/* 텐스타필드 */
.journalist-wrap .journalist-box {border-bottom:1px solid #ddd}
.journalist-wrap .journalist-box::after {content:''; display:block; clear:both}
.journalist-area {border-top:1px solid #ddd}
.journalist-area .journalist-info {float:left; width:205px; min-height:290px; padding:35px 20px 30px; background-color:#fbf1f5; text-align:center; box-sizing:border-box}
.journalist-area .journalist-info .thumb {display:inline-block; overflow:hidden; width:122px; height:122px; border-radius:50%;}
.journalist-area .journalist-info .thumb img {width:100%; min-height:100%;  object-fit:cover; object-position:top}
.journalist-area .journalist-info .name , .journalist-area .journalist-info .corner-tit {font-weight:700; letter-spacing:-0.075em}
.journalist-area .journalist-info .name {display:block; margin-top:10px; font-size:20px}
.journalist-area .journalist-info .corner-tit {display:block; margin-top:10px; color:#d8006a; font-size:15px}
.journalist-area .journalist-info .corner-tit a {color:#d8006a}
.journalist-area .journalist-info .corner-desc {margin-top:5px; color:#684a59; line-height:18px; font-size:13px; word-break:keep-all}
.journalist-wrap .journalist-cont {float:left; width:830px; padding:40px 0 0 40px; box-sizing:border-box}
.journalist-wrap .journalist-cont .slick-list {height:228px; overflow:hidden}
.journalist-area .journalist-slide .item {width:250px; margin:0 10px}
.journalist-area .journalist-slide .thumb > a {display:block; position:relative; width:250px; height:156px; overflow:hidden}
.journalist-area .journalist-slide .thumb > a > img {position:absolute; top:0; left:0; width:100%; min-height:100%}
.journalist-area .journalist-slide .news-tit {max-height:56px; margin-top:15px; line-height:28px; font-size:20px; -webkit-line-clamp:2; letter-spacing:-0.075em;}
.journalist-area .journalist-slide .slick-arrow {position:absolute; top:55px; z-index:-1; opacity:0; width:50px; height:50px; border-radius:50%; background:#888; color:transparent; font-size:0; overflow:hidden; transition:all ease .3s}
.journalist-area .journalist-slide .slick-arrow::before {content:''; display:inline-block; width:12px; height:12px; margin-left:6px; border-width:1px; border-style:solid}
.journalist-area .journalist-slide .slick-prev {left:-25px}
.journalist-area .journalist-slide .slick-prev:before {border-color:#fff transparent transparent #fff; transform:rotate(-45deg)}
.journalist-area .journalist-slide .slick-next {right:-25px}
.journalist-area .journalist-slide .slick-next:before {margin-left:7px; border-color:#fff #fff transparent transparent; transform:rotate(45deg) translate(-5px, 5px)}
.journalist-area .journalist-slide:hover .slick-arrow {z-index:2; opacity:1;}
/* 아티스트 탑텐 페이지 */
.topten-wrap {padding-bottom:130px; font-weight:500; color:#fff; text-align:center; background-color:#7359ff}
.topten-wrap .inner {max-width:690px; margin:0 auto}
.topten-wrap .point-color1 {color:#fffe8a}
.topten-wrap .point-color2 {color:#00ffba}
.topten-wrap .point-color3 {color:#ffaee7}
.topten-top {height:690px; padding-top:90px; background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/bg-top.png') no-repeat center top }
.topten-tit {display:inline-block; width:602px; height:224px; background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/img-tit.png') no-repeat center top}
.topten-subtit {display:block; width:603px; height:61px; margin:0 auto 25px; font-weight:700; font-size:52px; text-align:center; text-indent:-99999em; background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/img-subtit.png') no-repeat center top}
.topten-desc {margin:70px 30px 0; padding:0 34px; border-left:5px solid #fff; border-right:5px solid #fff; box-sizing:border-box; line-height:42px; font-size:29px}
.topten-desc > strong {display:block}
.topten-cont {margin-top:-180px; background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/bg-body.png') no-repeat center top; word-break:keep-all}
.topten-box {margin-top:65px}
.topten-sub-tit {display:inline-flex; align-items:center; margin-bottom:20px; padding:10px 30px 11px; border:2px solid #fff; border-radius:50rem; font-size:22px; box-sizing:border-box; line-height:1.2}
.topten-list li {line-height:30px; font-size:20px}
.topten-list.type2 li + li {margin-top:20px}
.topten-txt {line-height:32px; font-size:22px}
.topten-txt.top-style {position:relative; margin:30px 70px 0; padding-top:33px; border-top:1px solid #fff; }
.topten-txt.top-style::before {content:''; position:absolute; top:-15px; left:50%; width:30px; height:30px; transform:translateX(-50%); background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/ico-more.png') no-repeat center top/30px 30px}
.topten-box .btn-more {margin-top:15px; display:inline-block; color:#2b108f; font-weight:700; font-size:16px; text-decoration:underline; transform:rotate(0.03deg)}
.topten-box.mg-b {margin-bottom:80px}
.topten-box .btn-area {margin-top:20px}
.topten-box .btn {width:200px; height:60px; text-decoration:none}
.topten-box .btn + .btn {margin-left:15px}
.topten-box .btn.googleplay {background:url('https://hkstatic.hankyung.com/img/tenasia/m/topten/img-google.png') no-repeat center/200px auto}
.topten-box .btn.appstore {background:url('https://hkstatic.hankyung.com/img/tenasia/m/topten/img-app.png') no-repeat center/196px auto}
.benefits-list {display:flex; margin-top:30px; margin-bottom:100px}
.benefits-list .benefits-item {width:50%}
.benefits-list .benefits-item + .benefits-item {position:relative}
.benefits-list .benefits-item + .benefits-item::before {content:''; display:block; position:absolute; top:68px; left:0; width:2px; height:70%; background-color:rgba(156,138,255,.36)}
.benefits-list .benefits-item .tit {display:inline-block; border-radius:25rem; margin-bottom:20px; padding:9px 44px 10px; font-weight:900; font-size:18px; line-height:1.2; background-color:#210ac8}
.benefits-list .benefits-item .txt {line-height:26px; font-size:20px}
.benefits-list .benefits-item .txt span {display:block}
.benefits-list .benefits-item.item1 .txt {padding-bottom:85px; background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/ico-benefits1.png') no-repeat center bottom}
.benefits-list .benefits-item.item2 .txt {padding-bottom:85px; background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/ico-benefits2.png') no-repeat center bottom}
.benefits-list .benefits-item.item3 .txt {padding-bottom:85px; background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/ico-benefits3.png') no-repeat center bottom}
.artist-wrap {margin-bottom:60px}
.artist-wrap.boy-artist .artist-tit span {color:#11f1c1}
.artist-wrap.girl-artist .artist-tit span {color:#f2a2f0}
.artist-wrap.genre-artist .artist-tit span {color:#fffe8a}
.artist-tit {display:block; width:100%; padding:20px 0; border-top-left-radius:15px; border-top-right-radius:15px; font-weight:700; color:#fff; font-size:20px; text-align:center; background-color:#5c37ef; box-sizing:border-box}
.artist-tit span {font-weight:900; vertical-align:middle}
.artist-slide {position:relative; padding:15px 55px 25px; border-bottom-left-radius:15px; border-bottom-right-radius:15px;background-color:#9480ff; box-sizing:border-box}
.artist-slide .slick-arrow {display:block; position:absolute; top:45%; z-index:2; width:40px; height:50px; color:transparent; font-size:0; text-align:center; transform:translateY(-50%)}
.artist-slide .slick-prev {left:20px; border-radius:10px 0 0 10px}
.artist-slide .slick-next {right:20px; border-radius:0 10px 10px 0}
.artist-slide .slick-arrow::before {content:''; position:absolute; top:50%; left:0; width:20px; height:20px; transform:rotate(45deg) translateY(-50%)}
.artist-slide .slick-arrow:focus::before, .artist-slide .slick-arrow:hover::before {border-color:#fff}
.artist-slide .slick-prev:before {border-bottom:5px solid #846be4; border-left:5px solid #846be4}
.artist-slide .slick-next:before {border-top:5px solid #846be4; border-right:5px solid #846be4}
.artist-slide .slick-dots {margin-top:20px; text-align:center}
.artist-slide .slick-dots li {display:inline-block; width:12px; height:12px; border:3px solid #6847f3; border-radius:50%; text-indent:-9999px}
.artist-slide .slick-dots li.slick-active {border-color:#fff; background-color:#fff}
.artist-slide .slick-dots li + li {margin-left:8px}
.artist-wrap .btn-vote, .topten-box .btn-vote {display:inline-block; min-width:250px; margin-top:20px; padding:25px 0 26px; border-radius:20px; font-weight:900; font-size:24px; line-height:1; color:#fff; background-color:#ee2375}
/* .artist-list:after {content:''; display:block; clear:both}
.artist-list li {float:left; width:25%; margin-bottom:15px; text-align:center} */
.artist-list {display:flex; flex-wrap:wrap; gap:15px 0; text-align:center}
.artist-list .thumb {display:block; width:80px; height:80px; margin:0 auto; border-radius:50%; overflow:hidden}
.artist-list .name {display:inline-block; margin-top:10px; min-height:20px; font-weight:400; font-size:15px; vertical-align:top}
.artist-slide.type2 .artist-list li {width:20%}
.popup-wrap {z-index:9999; overflow:hidden; display:none; position:fixed; top:50%; left:50%; right:auto; bottom:auto; width:700px; height:550px; max-height:85vh; transform:translate(-50%, -50%); box-sizing:border-box; border-radius:15px; border:2px solid #fff; background-color:rgba(61,30,184,.95); box-sizing:border-box}
.popup-wrap.active {display:block}
.pop-cont {overflow-y:auto; margin:5px 0; padding:20px 35px 40px 32px; height:100%; line-height:1.6}
.pop-cont::-webkit-scrollbar{width:6px}
.pop-cont::-webkit-scrollbar-thumb{height:17%; background-color:#846be4; border-radius: 10px}
.pop-cont::-webkit-scrollbar-track{background-color: rgba(0,0,0,0)}
.pop-cont > h2 {margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #ddd; font-size:22px}
.pop-cont > strong {display:block; margin-bottom:10px; font-weight:700; font-size:16px; text-align:left}
.pop-cont .topten-tbl + strong {margin-top:25px}
.pop-cont > p {font-size:15px}
.pop-cont .mt20 {margin-top:20px}
.btn-pop-close {position:absolute; top:20px; right:38px; border:none}
.btn-pop-close::before,
.btn-pop-close::after {content:''; position:absolute; left:50%; top:0; width:2px; height:20px; background-color:#fff}
.btn-pop-close:before {transform:translate(-50%) rotate(45deg)}
.btn-pop-close:after {transform:translate(-50%) rotate(-45deg)}
.topten-tbl {width:100%; border-bottom:1px solid #fff}
.topten-tbl ul {text-align:left}
.topten-tbl ul li {padding-left:10px; text-indent:-10px}
.topten-tbl th, .topten-tbl td {color:#fff}
.topten-tbl th {padding:5px 0; border-bottom:1px solid #fff; font-size:15px}
.topten-tbl td {padding:5px; font-size:14px; vertical-align:middle}
.topten-tbl td + td {padding:5px 25px}
.topten-tbl tr:first-child td {padding-top:10px}
.topten-tbl tr:last-child td {padding-bottom:10px}
.topten-tbl td:first-child {font-weight:700}
.topten-tbl td.align-left {text-align:left}
/* 아티스트 탑텐 메인 모듈 */
/* .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 {margin-bottom:30px; padding:10px 20px 20px; box-sizing:border-box; background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/bg-main.jpg') no-repeat center top/cover;  font-weight:700}
.topten-module .topten-main-tit {display:inline-block; width:271px; height:30px; vertical-align:middle; background:url('https://hkstatic.hankyung.com/img/tenasia/w/topten/img-main-tit.png') no-repeat center}
.topten-module .topten-main-tit a {display:block; width:100%; height:100%}
.topten-module .topten-main-txt {display:inline-block; margin-left:5px; color:#fff; font-size:12px; vertical-align:-6px}
.topten-module .topten-head {position:relative; margin-bottom:13px}
.topten-module .topten-month {position:absolute; top:6px; right:0;}
.topten-module .topten-month span {display:inline-block; color:#fff; font-size:14px; vertical-align:middle; line-height:1}
.topten-module .topten-month span + span {position:relative; margin-left:10px; padding-left:13px}
.topten-module .topten-month span + span::before {content:''; display:block; position:absolute; top:0; left:0; width:1px; height:14px; background-color:#b4a6ff}
.topten-module .topten-menu {display:table; width:100%}
.topten-module .topten-menu li {display:table-cell; width:33.33%; vertical-align:middle; text-align:center; background-color:#3c2a6d}
.topten-module .topten-menu li button {width:100%; padding:10px 0; font-weight:700; line-height:23px; color:#cebcfc; font-size:15px}
.topten-module .topten-menu li.on {background-color:#2e25e2}
.topten-module .topten-menu li.on button {font-weight:900; color:#fff}
.topten-module .topten-menu li.on.menu1 span {color:#11f1c1}
.topten-module .topten-menu li.on.menu2 span {color:#f2a2f0}
.topten-module .topten-menu li.on.menu3 span {color:#fffe8a}
.topten-module .topten-tab-cont {position:relative; display:none; background-color:#fff; box-sizing:border-box}
.topten-module .topten-tab-cont.current {display:block}
.topten-module .topten-slide {position:relative; width:100%; height:140px; padding:10px 38px; box-sizing:border-box}
.topten-module .slick-arrow {display:block; position:absolute; top:45%; z-index:2; width:30px; height:40px; color:transparent; font-size:0; text-align:center; transform:translateY(-50%)}
.topten-module .slick-prev {left:15px; border-radius:10px 0 0 10px}
.topten-module .slick-next {right:15px; border-radius:0 10px 10px 0}
.topten-module .slick-arrow::before {content:''; position:absolute; top:50%; left:0; width:15px; height:15px; transform:rotate(45deg) translateY(-50%)}
.topten-module .slick-arrow:focus::before, .topten-module .slick-arrow:hover::before {border-color:#7359ff}
.topten-module .slick-prev:before {border-bottom:4px solid #dfdcec; border-left:4px solid #dfdcec}
.topten-module .slick-next:before {border-top:4px solid #dfdcec; border-right:4px solid #dfdcec}
.topten-module .topten-slide:only-child {display:flex; align-items:center}
.topten-module .topten-slide-item {position:relative; width:117px; text-align:center}
.topten-module .topten-slide-item .num {position:absolute; top:0; left:10px; font-weight:900; color:#000; font-size:17px; font-style:italic}
.topten-module .topten-slide-item.first .num {color:#ffae00}
.topten-module .topten-slide-item.second .num {color:#8f8f8f}
.topten-module .topten-slide-item.third .num {color:#dc630e}
.topten-module .topten-slide-item .thumb {overflow:hidden; width:65px; height:65px; margin:0 auto; border-radius:50%}
.topten-module .topten-slide-item .name {display:block; position:relative; /*width:76px;*/ height:30px; padding:3px 3px 0; font-weight:900; color:#000; font-size:13px; white-space:nowrap; letter-spacing:-0.045em}
.topten-module .topten-slide-item .name span {display:block; position:absolute; top:50%; left:50%; width:100%; letter-spacing:-0.039em; transform:translate(-50%,-50%)}
.topten-module .topten-slide-item.first::before, .topten-module .topten-slide-item.second::before, .topten-module .topten-slide-item.third::before {z-index:1; content:''; display:block; position:absolute; top:0; right:20px; width:26px; height:15px}
/* .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} */
.topten-module .topten-slide-item.first::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16' fill='none'%3E%3Cpath fill='%23F8D753' d='M13 15.092V3.422L9.484 8.447 2.718 5.853a.3.3 0 0 0-.4.346l1.935 8.659a.3.3 0 0 0 .293.234H13ZM13 15.092V3.422l3.516 5.026 6.766-2.595a.3.3 0 0 1 .4.346l-1.935 8.659a.3.3 0 0 1-.293.234H13ZM14.098 1.168a1.098 1.098 0 1 1-2.196 0 1.098 1.098 0 0 1 2.196 0ZM26 3.938a1.098 1.098 0 1 1-2.196 0 1.098 1.098 0 0 1 2.196 0ZM2.196 3.938a1.098 1.098 0 1 1-2.196 0 1.098 1.098 0 0 1 2.196 0Z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain}
.topten-module .topten-slide-item.second::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16' fill='none'%3E%3Cpath fill='%23A9A9A9' d='M13 15.092V3.422L9.484 8.447 2.718 5.853a.3.3 0 0 0-.4.346l1.935 8.659a.3.3 0 0 0 .293.234H13ZM13 15.092V3.422l3.516 5.026 6.766-2.595a.3.3 0 0 1 .4.346l-1.935 8.659a.3.3 0 0 1-.293.234H13ZM14.098 1.168a1.098 1.098 0 1 1-2.196 0 1.098 1.098 0 0 1 2.196 0ZM26 3.938a1.098 1.098 0 1 1-2.196 0 1.098 1.098 0 0 1 2.196 0ZM2.196 3.938a1.098 1.098 0 1 1-2.196 0 1.098 1.098 0 0 1 2.196 0Z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain}
.topten-module .topten-slide-item.third::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='16' fill='none'%3E%3Cpath fill='%23F3AD76' d='M13 15.092V3.422L9.484 8.447 2.718 5.853a.3.3 0 0 0-.4.346l1.935 8.659a.3.3 0 0 0 .293.234H13ZM13 15.092V3.422l3.516 5.026 6.766-2.595a.3.3 0 0 1 .4.346l-1.935 8.659a.3.3 0 0 1-.293.234H13ZM14.098 1.168a1.098 1.098 0 1 1-2.196 0 1.098 1.098 0 0 1 2.196 0ZM26 3.938a1.098 1.098 0 1 1-2.196 0 1.098 1.098 0 0 1 2.196 0ZM2.196 3.938a1.098 1.098 0 1 1-2.196 0 1.098 1.098 0 0 1 2.196 0Z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain}
.topten-module .total-point {display:block; margin-top:3px; color:#522de8; font-size:13px; text-decoration:underline; cursor:pointer}
.topten-module .point-detail {opacity:0; display:block; min-width:114px; margin:2px 0 5px 1px; padding:5px 6px; text-align:left; box-shadow:0px 0px 2px 0px rgba(158,158,158,.77); background-color:#fff; box-sizing:border-box;}
.topten-module .total-point:hover + .point-detail {opacity:1}
.topten-module .point-detail > p {line-height:16px; font-size:11px; color:#3a3a3a}
.topten-module .point-detail .detail1 span {color:#ff9600}
.topten-module .point-detail .detail2 span {color:#1bd3a4}
.topten-module .point-detail .detail3 span {color:#e374e0}
.topten-module .topten-link {position:absolute; left:0; bottom:7px; width:100%; padding:0 40px; font-size:12px; text-align:center}
.topten-module .topten-link > a {display:block; width:100%; border-top:1px solid #dad3ff; padding-top:6px; font-weight:900; box-sizing:border-box; text-decoration:none}
.topten-module .toptenSlide {display:flex; overflow:hidden;}
.topten-module .toptenSlide .topten-tab-cont {display:flex}
.topten-module .toptenSlide .topten-slide {display:flex; flex-wrap:wrap; gap:8px 0; height:218px}
.topten-module .toptenSlide .topten-slide-item {flex:0 0 auto; width:20%}
.topten-module .toptenSlide .topten-link {bottom:10px}
.topten-module .toptenSlide .slick-arrow {top:0; width:40px; height:100%; transform:none; background:#fff}
.topten-module .toptenSlide .slick-arrow.slick-next {right:0}
.topten-module .toptenSlide .slick-arrow.slick-prev {left:0}
.topten-module .toptenSlide .slick-prev:before {left:8px}
.topten-module .toptenSlide:has(.topten-link) .topten-slide {align-content:flex-start; height:248px}
.fixed-area {position:fixed; bottom:90px; left:50%; margin-left:472px}
.fixed-area .btn-basic {display:flex; align-items:center; justify-content:center; min-width:120px; height:50px; padding:0 13px; border-radius:100px; font-weight:700; color:#fff; font-size:16px; background:rgba(34, 34, 34, 0.80); box-sizing:border-box}
.fixed-area .btn-basic + .btn-basic {margin-top:12px}
.fixed-area .btn-basic.btn-tta {background-size:40px 16px; background-position:center; background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M31.872 5.52c.152 0 .304.022.45.07a1.46 1.46 0 0 1 .956 1.837l-2.335 7.557a1.47 1.47 0 0 1-1.854.945 1.464 1.464 0 0 1-.862-.723 1.438 1.438 0 0 1-.093-1.114l2.335-7.557a1.47 1.47 0 0 1 1.404-1.016h-.001Zm1.066-3.956a4.07 4.07 0 0 1 3.692 2.437c.02.044.037.092.053.14l3.245 9.937c.12.371.09.768-.09 1.115a1.477 1.477 0 0 1-1.315.795 1.47 1.47 0 0 1-1.403-1.012l-.605-1.853H34.51a1.47 1.47 0 0 1-1.476-1.461 1.47 1.47 0 0 1 1.476-1.462h1.051l-1.422-4.354c-.538-1.357-1.814-1.36-2.575-1.362h-1.862a1.47 1.47 0 0 1-1.476-1.461 1.47 1.47 0 0 1 1.476-1.462h3.237v.003ZM15.391 0a1.48 1.48 0 0 1 1.352.874c.263.59.78.68.99.69H25.093a1.47 1.47 0 0 1 1.476 1.462 1.47 1.47 0 0 1-1.476 1.461h-3.087v9.855a1.47 1.47 0 0 1-1.476 1.461 1.47 1.47 0 0 1-1.476-1.461V4.487h-1.322a4.07 4.07 0 0 1-3.693-2.436 1.454 1.454 0 0 1 .757-1.925c.189-.083.389-.124.593-.124L15.391 0ZM1.478 0a1.48 1.48 0 0 1 1.351.874c.264.59.78.68.991.69H11.18a1.47 1.47 0 0 1 1.476 1.462 1.47 1.47 0 0 1-1.476 1.461H8.093v9.855a1.47 1.47 0 0 1-1.476 1.461 1.47 1.47 0 0 1-1.476-1.461V4.487H3.82A4.07 4.07 0 0 1 .126 2.051 1.441 1.441 0 0 1 .1.933C.245.568.522.283.884.124 1.073.041 1.273 0 1.478 0Z' clip-rule='evenodd'/%3E%3C/svg%3E")}
/* 라이브영상 톱 영역 */
.news-top.live-news {height:650px}
.news-top.live-news .live-badge {display:inline-block; margin-bottom:15px; padding:2px 13px 3px; border-radius:4px; font-weight:700; font-size:15px; color:#fff; background-color:#f53419; box-sizing:border-box}
.news-top.live-news .live-thumb {overflow:hidden; position:absolute; top:0; left:50%; width:370px; height:650px; margin-left:-485px}
.news-top.live-news iframe {width:100%; height:100%}
.news-top.live-news .txt-wrap {top:140px}

/* media query */
@media screen and (max-width:700px) {
    /* error */
    .error-contents .error-txt:before {background:url(https://hkstatic.hankyung.com/img/tenasia/w/img-error@2x.png) no-repeat 50% 0; background-size:241px 200px}
    .error-section .sitemap-link {text-align:left}
    .error-section .sitemap-link ul {display:flex; flex-wrap:wrap; padding:10px 20px}
    .error-section .sitemap-link li {flex:0 0 25%; margin:5px 0}
    /* sitemap */
    .sitemap-section .sitemap-link {padding-top:25px}
    .sitemap-section .sitemap-link .section-menu > li {width:33.33336%; min-height:25px; margin-top:10px; margin-right:0}
    .sitemap-section .sitemap-link .section-menu + .section-menu {margin-top:21px}
    .article-archive-mm {display:block; border:none}
    .article-archive-mm dl {display:block; padding-bottom:0; border-left:none}
    .article-archive-mm dl + dl {margin-top:25px}
    .article-archive-mm dt,
    .article-archive-mm dd {padding-right:0}
    .article-archive-mm dt {padding:0; border:none; text-align:left}
    .article-archive-mm dd ul {padding-top:11px}
    .article-archive-mm dd li {float:left; width:40px; margin-top:3px}
    .article-archive-mm dd ul:after {content:''; display:block; clear:both}
    /* 개인보호처리방침, 청소년보호정책, 이용약관 */
    .policy-content .incharge-wrap .incharge {display:block; width:100%}
    .policy-content .incharge-wrap .incharge + .incharge {border-left:none; border-top:1px solid #e5e5e5}
}
@media screen and (max-width:500px) {
    .error-section .sitemap-link li {flex:0 0 50%}
    .sitemap-section .sitemap-link .section-menu > li {width:50%}
}
@media screen and (max-width:410px) {
    .error-contents .error-txt {font-size:22px}
}
@media screen and (max-width:359px) {
    .error-contents .error-txt {font-size:20px}
    .error-contents .error-txt:before {background-size:contain}
}