@charset "UTF-8";

/* 간소화헤더, 푸터 반영 */

.hk-header--simplify {margin-bottom:30px; border-radius:10px}
.hk-header--simplify .header__inner {flex-direction:row; align-items:center; gap:32px; padding:0 20px}
.hk-header--simplify .logo__area {min-height:60px}
.hk-header--simplify .logo__area .service__tit::before {height:20px; margin:0 20px}


.footer--simplify {margin-top:40px}

/* 기자페이지 */
.overflow-hidden {overflow:hidden; transform:none}
html {min-width:1200px; background:#fff}
html.overflow-hidden {height:100vh}
.header {display:flex; align-items:center; position:relative; z-index:2; margin-bottom:20px; min-height:35px; padding:8px 15px; background-color:#142c67; box-sizing:border-box}

.logo-hk {display:inline-block; width:60px; height:15px; vertical-align:middle; background:url('https://static.hankyung.com/img/logo/logo-hk.svg') no-repeat left center/contain; filter:grayscale(100%) brightness(10); -webkit-filter:grayscale(100%) brightness(10)}
.login-area {position:absolute; top:50%; right:15px; transform:translateY(-50%)}
.login-area svg, .login-area .txt {display:inline-block; vertical-align:middle}
.login-area svg {width:12px; height:12px; margin-right:4px; vertical-align:-2px}
.login-area .svg-icon {fill:#fff}
.login-area .txt {color:#fff; font-size:12px}
.login-link:hover {text-decoration:none}
.hk__icon-x {width:25px; height:25px}

.news-tit, .lead {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-break:break-all; word-wrap:break-word; -webkit-box-orient:vertical}
.thumb {position:relative; overflow:hidden; border-radius:10px}
.thumb > a {display:block; position:relative; width:100%; height:100%}
.thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top}

.box {padding:25px 15px; border:1px solid #ddd; border-radius:10px; background:#fff; box-shadow:3px 3px 6px rgba(0,0,0,.05); box-sizing:border-box}
.box + .box {margin-top:30px}
.reporter-box li + li {margin-top:15px; padding-top:15px; border-top:1px solid #ddd}
.reporter-box .cont-col {display:flex; justify-content:space-between; align-items:center}
.reporter-box .cont-col:first-child {align-items:flex-start}
.reporter-img {position:relative; flex:0 0 auto; overflow:hidden; width:75px; height:75px; margin-right:13px; border-radius:50%}
.reporter-img::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border-radius:100%; border:1px solid rgba(0,0,0,.07)}
.reporter-img img {width:100%; height:100%; object-fit:cover; object-position:center top }
.reporter-info {display:flex; align-items:center; width:95%}
.reporter-name {width:calc(100% - 88px); padding-right:5px; box-sizing:border-box}
.reporter-name .name {display:block; margin-bottom:7px; line-height:24px; font-size:24px; word-break:keep-all;}
.reporter-name .name .small-txt {margin-left:4px; font-size:14px}
.reporter-name .team {font-size:14px}
.reporter-name .email {display:block; display:-webkit-box; margin-top:7px; color:var(--hk-text-secondary); font-size:12px; word-break:keep-all; word-wrap:break-word; text-overflow:clip; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:1; letter-spacing:0}
.reporter-subs-num {font-size:16px}
.reporter-subs-num .txt-num {display:inline-block; margin-left:5px}
.btn-journalist-subscribe .txt, .btn-journalist-subscribe svg {display:inline-block; vertical-align:middle}
.btn-journalist-subscribe .txt {margin-right:5px; font-size:16px}
.btn-journalist-subscribe svg {vertical-align:-2px}
.reporter-info-txt {color:var(--hk-text-secondary); line-height:24px; font-size:14px}
.reporter-end-txt {padding-top:10px; color:#121212; font-size:16px; text-align:center}
.reporter-box li + li.reporter-contact {border-top:none}
.reporter-contact a, .reporter-sns {display:inline-block; vertical-align:middle}
.reporter-contact a {margin-right:30px}
.category-tit {display:block; margin-top:40px; padding:12px 0 15px; border-top:2px solid #121212; font-size:17px; box-sizing:border-box}

.reporter-info.leave .reporter-img {width:50px; height:50px}

.article-btn-group {display:none}
.news-list-slide {display:flex; margin-right:-15px}
.news-list-slide .slick-track {display:flex}
.news-list-slide .slick-list {height:210px; overflow:hidden}
.news-list-slide .item {width:220px; margin-right:15px}
.news-list-slide .thumb {overflow:hidden; width:220px; height:138px; border-radius:10px}
.news-list-slide .thumb > a::before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:10px; border:1px solid rgba(0,0,0,.15); box-sizing:border-box}
.news-list-slide .txt-cont {margin-top:10px}
.news-list-slide .news-tit {font-weight:500; line-height:25px; font-size:17px; line-height:1.45; /*max-height:50px;*/ -webkit-line-clamp:2}
.news-list-slide .news-tit a {display:block}
.news-list-slide .item.no-thumb {display:flex; align-items:center; height:198px; padding:0 27px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box}
.news-list-slide .item.no-thumb .news-tit {line-height:28px; font-size:19px; max-height:84px; -webkit-line-clamp:3}
.news-list-slide .item.no-thumb .txt-cont {margin-top:0}

.popular-news-wrap + .written-news-wrap {margin-top:37px; padding-top:15px; border-top:1px solid #ddd}
.written-news-wrap .tab-wrap {display:none}
.news-list li {padding:10px 0; box-sizing:border-box}
.news-list li + li {border-top:1px solid #ddd}
.news-list .icon-premium2 {vertical-align:-4px}
.news-list .news-cont {display:flex}
.news-list .txt-cont {flex:1 1 auto; width:calc(100% - 180px)}
.news-list .news-tit {font-weight:normal; font-size:19px; line-height:25px; /*max-height:50px; -webkit-line-clamp:2*/}
.news-list .news-info {margin-top:3px}
.news-list .lead {display:none}
.news-list .txt-date {font-size:12px; letter-spacing:0; font-family:Tahoma, sans-serif}
.news-list .thumb {flex:0 0 auto; width:80px; height:50px; margin:5px 0 0 15px; border-radius:8px}
.news-list .thumb > a::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:8px; box-sizing:border-box; pointer-events:none}
.news-list .thumb img {width:100%; height:100%; max-width:100%; min-height:100%; max-height:100%;  object-fit: cover}
.news-list .txt-date, .login-tool-comment svg , .login-tool-comment .txt, .login-tool-comment {display:inline-block}
.login-tool-comment {margin-left:8px}
.login-tool-comment svg {vertical-align:-3px}

.btn-more-wrap {margin:30px 0 50px; background:#fff; text-align:center}
.btn-more-wrap .btn-more {display:block; width:100%; padding:15px 0; border:1px solid #ddd; border-radius:6px; font-weight:bold; font-size:17px; box-sizing:border-box}
.btn-more-wrap .btn-more::after {content:''; display:inline-block; width:6px; height:6px; margin-left:5px; border-bottom:1px solid #121212; border-right:1px solid #121212; vertical-align:4px; transform:rotate(45deg)}

/* tab */
.tab-wrap {height:40px; margin-bottom:20px}
.tab-type1 {display:inline-flex; min-width:100%; box-sizing:border-box}
.tab-type1 > li {flex:1 1 auto; width:50%}
.tab-type1 > li > a {display:block; height:40px; margin:0 -1px; padding:0 10px; border:1px solid #ddd; background:#fff; font-size:17px; 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:700}

/* modal */
.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,.75); animation:fade-out .3s forwards}
.hk-modal:not(.modal-photoviewer) {touch-action:none; height:100vh}
.hk-modal-inner {padding:40px 30px 30px; box-sizing:border-box}
.hk-modal .hk-modal-inner {position:fixed; left:0; bottom:0; right:0; border-radius:10px 10px 0 0; background:#fff; animation:modalScaleDown .3s cubic-bezier(.6, 0, .4, 1) forwards; touch-action:auto}
.hk-modal .hk-modal-header {margin-top:-20px; padding:0 20px 30px; text-align:center}
.hk-modal .hk-modal-tit {font-weight:bold; font-size:20px; line-height:1.2}
.hk-modal .hk-modal-body {padding:0 20px}
.hk-modal .hk-modal-header + .hk-modal-body {padding-top:0}
.hk-modal .modal-btn-close {position:absolute; top:9px; right:9px; padding:10px}
.modal-btn-confirm {display:inline-flex; align-items:center; box-sizing:border-box; justify-content:center; width:100%; height:40px; border-radius:8px; background-color:#ff761b; font-weight:700; color:#fff; font-size:17px}
.hk-modal .msg {font-size:20px; text-align:center}
.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}
.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}

/* 개인정보 레이어 추가 */
.layer-my {position:absolute; top:25px; right:0; max-width:610px; width:calc(100vw - 30px); border:1px solid #c3c3c3; border-radius:5px; background:#fff; font-size:14px; box-shadow:3px 3px 5px rgba(0,0,0,.2); box-sizing:border-box; visibility:hidden; transform:scale(.5); z-index:-1; opacity:0; transition:all cubic-bezier(.25, .1, .25, 1.3) .2s}
.layer-my.active {visibility:visible; z-index:9999; transform:scale(1); opacity:1}
.layer-my .user-info {padding:25px 19px; text-align:center}
.layer-my .user-info .account-info .email {letter-spacing:0; overflow:visible; white-space:unset; text-overflow:unset; word-break:break-all}
.layer-my .user-info .account-info .email .txt {display:inline; color:#121212; font-size:13px}
.layer-my .btns {margin-top:20px}
.layer-my .btns [class^="btn-"] {display:inline-block; width:90px; height:35px; margin:0 3px; border:1px solid #c3c3c3; border-radius:20px; line-height:33px; box-sizing:border-box} 
.layer-my .subscription-info {padding:25px 19px; border-top:1px solid #ddd}
.layer-my .subscription-info .details dt {margin-bottom:10px; font-weight:bold; font-size:15px}
.layer-my .subscription-info .details dd {position:relative; margin-top:5px; padding:0 75px 0 7px; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.layer-my .subscription-info .details dd::before {content:'·'; position:absolute; top:0; left:0}
.layer-my .subscription-info .details dd .badge-subscribing {position:absolute; top:0; right:0; width:70px; height:25px; border-radius:50rem; background:#f3f3f3; font-size:12px; text-align:center}
.layer-my .mypages-area {display:flex; align-items:center; justify-content:center; margin:0 -5px 25px}
.layer-my .mypages-area > a {flex:0 0 auto; display:inline-flex; justify-content:center; width:calc(50% - 10px); margin:0 5px; border-radius:10px; background:#ff761b; color:#fff; font-size:14px; line-height:35px; white-space:nowrap}
.layer-my .mypages-area > a:only-child {width:calc(100% - 10px)}
.layer-my .mypages-area > a.new > span {position:relative}
.layer-my .mypages-area > a.new > span::before {content:''; position:absolute; top:8px; left:-11px; width:7px; height:7px; border-radius:100%; background:#ff0000}

@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-share .view-share-list {display:grid; grid-template-columns:repeat(4, 1fr); grid-column-gap:20px; grid-row-gap:10px; padding:0 30px; text-align:center}
.modal-share [class^="btn-share-"]::before {content:''; display:inline-block; width:40px; height:40px; background-repeat:no-repeat; background-size:contain; background-position:50% 50%}
.modal-share [class^="btn-share-"] .txt {display:block; margin-top:5px; color:#888; font-size:11px; white-space:nowrap}
.modal-share .btn-share-kakao::before {background-image:url('https://static.hankyung.com/img/www/w/news/view/icon-share-kakaotalk.svg')}
.modal-share .btn-share-facebook::before {background-image:url('https://static.hankyung.com/img/www/w/news/view/icon-share-facebook.svg')}
.modal-share .btn-share-twitter::before {background-image:url('https://static.hankyung.com/img/www/w/news/view/icon-share-twitter.svg')}
.modal-share .btn-share-url::before {background-image:url('https://static.hankyung.com/img/www/w/news/view/icon-share-url.svg')}
.modal-share .btn-share-naver::before {background-image:url('https://static.hankyung.com/img/www/w/news/view/icon-share-naver.svg')}
.modal-share .btn-share-band::before {background-image:url('https://static.hankyung.com/img/www/w/news/view/icon-share-band.svg')}
.modal-share .btn-share-mail::before {background-image:url('https://static.hankyung.com/img/www/w/news/view/icon-share-mail.svg')}

.no-news {padding-top:70px}
.no-news .msg {padding:115px 0 100px; background:url('https://static.hankyung.com/img/www/w/my-pages/img-no-data.png') no-repeat 50% 0/260px 160px; text-align:center; color:#999; font-size:17px}

.select-paging {margin-top:15px}
/* .select-paging .btn-prev,
.select-paging .btn-next {width:47px}
.select-paging .page-btn .btn-first,
.select-paging .page-btn .btn-last,
.select-paging .page-btn .txt {display:none}
@media screen and (min-width:740px) {
    .select-paging .page-btn .btn-first,
    .select-paging .page-btn .btn-last {display:inline-flex}
    .select-paging .page-btn .txt {display:inline}
    .select-paging .btn-prev,
    .select-paging .btn-next {width:90px}
} */

/* @media all and (min-width:768px) { */
	.hk-modal .hk-modal-inner {position:relative; min-width:375px; border-radius:10px; overflow:hidden}
    .hk-modal.show .hk-modal-inner {animation:none}
    .modal-btn-confirm {font-weight:500; font-size:16px}

    .modal-alert .hk-modal-inner {width:380px}
    .modal-alert .hk-modal-body {font-size:18px; text-align:center}

    .layer-my {max-width:300px}
/* } */

/* PC */
/* @media all and (min-width:1180px) { */
    /* body,button,input,select,option,textarea,table,th,td {font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif} */
    
    .header {margin-bottom:30px; padding:20px; border-radius:10px}

    .footer-module {padding:0}

    .logo-hk {width:80px; height:20px}
    .login-link {color:#fff}
    .login-area {right:25px}
    .login-area svg {/*width:17px; height:17px;*/ vertical-align:middle}
    .login-area .txt {font-size:14px}
    .container {padding:0}

    .box {padding:30px 30px 35px; box-shadow:3px 3px 6px rgba(0,0,0,.1); box-sizing:border-box}
    .container-boxed {display:flex; justify-content:space-between; align-items:flex-start}
    .container-boxed .reporter-box {/*position:sticky; top:30px;*/ flex:1 1 auto; width:380px; margin-right:60px}
    .contents-box {flex:0 0 auto; width:calc(100% - 440px)}
    .reporter-wrap {min-width:1180px; max-width:1180px; margin:0 auto; padding-top:50px}
    .reporter-img {width:90px; height:90px}
    .reporter-name {width:calc(100% - 100px)}
    .reporter-name .name {margin-bottom:6px; line-height:30px; letter-spacing:-0.1em}
    .reporter-name .name .small-txt {font-size:16px}
    .reporter-name .email {margin-top:5px}
    .reporter-contact {position:relative; padding-right:70px}
    .reporter-contact a {margin-right:0}
    .reporter-sns a + a {margin-left:30px}
    .btn-journalist-subscribe svg {vertical-align:middle}
    .reporter-box .btn-share-tool {margin-top:10px}

    .tit-box-wrap {position:relative}
    .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; min-width:38px; height:30px}
    .article-btn-group.btn-nav {position:absolute; top:10px; right:0}
    .article-btn-group.btn-nav > [class^="btn-"]::before {content:''; display:inline-block; width:6px; height:6px}
    .article-btn-group.btn-nav .btn-prev::before {margin-left:3px; border-top:2px solid #121212; border-left:2px solid #121212; transform:rotate(-45deg)}
    .article-btn-group.btn-nav .btn-next::before {margin-right:3px; border-top:2px solid #121212; border-right:2px solid #121212; transform:rotate(45deg)}

    .category-tit {margin-top:0; border-top:0; font-size:20px}
    .news-list-slide {overflow:hidden; margin:0 -10px}
    .news-list-slide .item {width:230px !important; /*height:210px;*/ margin:0 12px}
    .news-list-slide .item.no-thumb {height:210px}
    .news-list-slide .item.no-thumb .news-tit {font-size:20px}
    .news-list-slide .thumb {width:230px; height:144px}
    .news-list-slide .news-tit {/*max-height:56px;*/ line-height:28px; font-size:20px; letter-spacing:-0.1em}
    
    .tab-wrap {height:50px; margin-bottom:20px}
    .tab-type1 {display:flex}
    .tab-type1 > li > a {height:50px; font-size:16px; line-height:48px}
    
    .news-list-wrap li {padding:15px 0 20px}
    .news-list li + li {border-top:none}
    .news-list .thumb {width:140px; height:88px; margin:5px 0 0 40px}
    .news-list .news-tit {/*max-height:100%;*/ font-weight:normal; font-size:20px; line-height:34px}
    .news-list .lead {display:block; max-height:36px; margin-top:5px; line-height:18px; font-size:12px; -webkit-line-clamp:2}
    .news-list .news-info {margin-top:7px}

    .btn-more-wrap {margin:10px 0 100px}
    .btn-more-wrap .btn-more {width:320px; height:50px; margin:0 auto; border-radius:10px; font-size:15px}
    .btn-more-wrap .btn-more::after {margin-left:7px}

    /* ad */
    .ad-bottom {max-width:1180px; margin:30px auto; padding-top:35px; border-top:2px solid #ddd; text-align:center; box-sizing:border-box}
    
    .foot-inner {max-width:1180px}

    .hk-modal .hk-modal-header {display:none}

    .no-news {padding-top:90px}
    .no-news .msg {padding:125px 0 100px; font-size:20px}

/* } */

/* 기자 응원하기 버튼 */
.reporter-box .box + .reporter-btn-area {margin-top:25px}
.reporter-btn-area .btn-cheering {display:flex; align-items:center; justify-content:center; width:100%; height:44px; padding:8px 12px 8px 16px; border-radius:10px; color:#fff; background-color:#436F91; box-sizing:border-box}
.reporter-btn-area .btn-cheering::after {content:''; display:inline-block; width:16px; height:16px; margin-left:4px; background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='chevron-down'%3E%3Cpath id='Icon' d='M4 6L8 10L12 6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%/contain}
.reporter-btn-area .btn-cheering + .btn-cheering {margin-top:10px}
.reporter-btn-area .btn-cheering.close::after {transform:rotate(180deg)}
.reporter-btn-area .btn-cheering .txt {font-weight:700; font-size:14px}
.reporter-btn-area .btn-cheering .txt::before {content:''; display:inline-block; width:28px; height:28px; margin-right:5px; vertical-align:-8px; background:url('https://static.hankyung.com/resource/www/reporter/img/icon-cheering.svg') no-repeat left center/contain}
.reporter-btn-area .btn-cheering.close .txt::before {display:none}