@charset "UTF-8";

/* 
 * 마켓인사이트 개편 : 2021.06
 */

/* 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}
ol,ul,li {list-style:none}
img,fieldset,iframe {border:none; vertical-align:top}
img {max-width:100%}
i,em,address,optgroup {font-style:normal}
hr {display:none}
input,button,select,textarea,label {vertical-align:middle}
input::-ms-clear{display:none}
textarea {resize:none}
button {border:none; border-radius:0; background:transparent; cursor:pointer}
table {border-collapse:collapse; border-spacing:0}
caption {width:0; height:0; overflow:hidden; color:transparent; text-indent:-9999px}
legend, .blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption,main {display:block}
a {color:#222; text-decoration:none}
a:hover {text-decoration:underline}
/* Typography */
body, button, input, select, option, textarea, th, td {color:#222; font-size:14px; font-weight:400; font-family:'Lato','Noto Sans KR','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',Dotum,'굴림',Gulim,Verdana,Arial,sans-serif}
h1,h2,h3,h4,h5,h6 {font-weight:700; font-size:inherit}
strong, .bold {font-weight:700}
.exbold {font-weight:900}
/* Skip-nav */
.skip-nav a {display:block; height:0; margin:0 auto; overflow:hidden; font-size:0; text-align:center; background:#294161; color:#fff}
.skip-nav a:hover, .skip-nav a:active, .skip-nav a:focus {height:30px; font-size:15px; line-height:30px}

/* IR */
.btn-allmenu::before,
.header .btn-open-search::before,
.header .btn-search::before,
.notice-wrap .contact-info > dl::before,
.quick-link li a::before,
.icon-new,
.article-util [class^="btn-"]::before,
.article-guide::before,
.article-figure .btn-img-big,
.ib-wrap .photo-list li .btn-img-big,
.author-wrap .thumb::before,
.author-wrap .author-email::before,
.file-down,
.step-list .step-tit::before,
.btn-line.down span::before,
.file-area a::after,
.file-area .btn-files::before,
.date-area > span::before,
.new-load > span,
.precent-date .datepicker,
.newshistory-wrap .txt p::before,
.aside-search .btn-search,
.aside-box .cetner-list .tel::before,
.aside-box .cetner-list .email::before,
.search-wrap .search-inp::before,
.article-share a,
.main-box .box-tit.link-txt > a.btn-realtime::after {
    background-image:url('https://static.hankyung.com/img/marketinsight/common/spr-icon.svg?v=202210181336');
    background-repeat:no-repeat;
}
.logo-market {display:inline-block; width:248px; height:45px; background:url('https://static.hankyung.com/img/marketinsight/common/logo-market.svg') no-repeat 0 0/contain}
.logo-f-market {display:inline-block; width:143px; height:24px; background:url('https://static.hankyung.com/img/marketinsight/common/logo-f-market.svg') no-repeat 0 0/contain}

/* UI Common */
/* layout */
body {background:#f7f7f7}
#wrap {min-width:1200px}
.layout-inner {max-width:1200px; margin:0 auto}
.container .layout-inner {max-width:800px; margin:0 auto}

.cont-row {display:table; table-layout:fixed; width:100%}
.cont-row > .col {display:table-cell}
/* button */
a[class^="btn-"],
button[class^="btn-"] {display:inline-block; vertical-align:middle; box-sizing:border-box}
/* icon */
[class^="icon-"] {display:inline-block}
.icon-new {width:14px; height:14px; overflow:hidden; text-indent:-9999px; background-position:-180px 0; vertical-align:-2px}
/* form */
.inp-txt {-webkit-border-radius:0; -webkit-appearance:none}
.inp-txt::placeholder {color:#777}
.inp-txt:-ms-input-placeholder {color:#777}
.inp-txt::-ms-input-placeholder {color:#777}
/* header-footer sitemap menu */
.sitemap-menu .service-wrap {display:-webkit-box; display:-ms-flexbox; display:flex}
.sitemap-menu .service-wrap + .service-wrap {margin-top:45px}
.sitemap-menu .sv-cate .sv-tit {display:block; font-size:16px; line-height:24px}
.sitemap-menu .sv-cate .sv-list li {margin-top:11px}
.sitemap-menu .sv-cate .sv-list a {color:#999; line-height:14px}
.sitemap-menu .sv-cate .sv-tit + .sv-tit {margin-top:18px}
.sitemap-menu .sv-cate + .sv-cate {margin-left:40px}

/* 브라우저 지원 안내(lte IE9) */
.ie-wrap #wrap {display:none}
.ie-wrap .browser-support-info {display:block}
.browser-support-info {display:none; min-width:1200px; background:#16394d}
.browser-support-info .layout-inner {position:relative; max-width:1180px; margin:0 auto; padding:17px 0 19px}
.browser-support-info .info-txt {float:left; width:800px; color:#fff; font-size:15px; line-height:24px}
.browser-support-info .browser-list {float:left; margin-left:10px; padding-top:3px}
.browser-support-info .browser-list > a {float:left; width:42px; height:40px}
.browser-support-info .browser-list > a + a {margin-left:29px}
.browser-support-info .layout-inner:after {content:''; display:block; clear:both}
.browser-support-info .btn-close-info {position:absolute; top:26px; right:20px; width:30px; height:30px}
.browser-support-info .btn-close-info::before,
.browser-support-info .btn-close-info::after {content:''; display:inline-block; width:1px; height:26px; background:#fff}
.browser-support-info .btn-close-info::before {transform:rotate(45deg)}
.browser-support-info .btn-close-info::after {transform:rotate(-45deg)}

/* contents */
.thumb {position:relative; overflow:hidden} 
.thumb > a {display:block; position:relative; width:100%; height:100%}
.thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top}

.people-wrap .thumb, .view-wrap .thumb {border:1px solid #e7e7e7; background-color:#f7f7f7}
.people-wrap .thumb > a, .view-wrap .thumb > a {text-align:center}
.people-wrap .thumb img, .view-wrap .thumb img {width:auto; max-width:100%; height:100%}

.news-category {min-height:17px; margin-bottom:10px}
.news-category,
.news-category a {color:#28528a}
.news-tit,
.lead {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-break:keep-all; word-wrap:break-word; -webkit-box-orient:vertical}
.lead {color:#666; line-height:24px; letter-spacing:-0.025em}

.ellip {display:block; display:-webkit-box; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical}

.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%}

.slick-slide {outline:none}

.banner-area {max-width:1200px; margin:50px auto; text-align:center}
.banner-area.col2 {display:flex; justify-content:space-between}
.banner-area.col2 .col {width:580px; height:90px}
.banner-area.col2 .col img {height:100%}

/* Header */
.header-cont {position:relative; max-width:1200px; margin:0 auto}
.header .logo {min-height:94px; padding-top:26px; text-align:center; box-sizing:border-box}
.header .logo > a {vertical-align:top}
.header .logo .logo-market {margin-left:27px}
.header .btn-allmenu {position:absolute; top:31px; left:-10px; padding:10px}
.header .btn-allmenu::before {content:''; display:inline-block; width:21px; height:17px; overflow:hidden; background-position:0 0; vertical-align:top}
/* allmenu */
body.open-allmenu {overflow-x:hidden}
.layer-allmenu {display:none; position:absolute; top:0; left:0; right:0; margin:0 calc(50% - 50vw); border-bottom:1px solid #dedede; z-index:99999}
.layer-allmenu:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; background:rgba(255,255,255,0.95); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px)}
.allmenu-inner {position:relative; max-width:1200px; padding:105px 0 60px; margin:0 auto; box-sizing:border-box}
.allmenu-inner .btn-close-allmenu {position:absolute; top:36px; left:-1px; width:22px; height:26px}
.allmenu-inner .btn-close-allmenu::before,
.allmenu-inner .btn-close-allmenu::after {content:''; position:absolute; top:0; left:50%; width:3px; height:26px; background-color:#222}
.allmenu-inner .btn-close-allmenu:before {transform:translate(-50%) rotate(45deg)}
.allmenu-inner .btn-close-allmenu:after {transform:translate(-50%) rotate(-45deg)}
.layer-allmenu.active {display:block}
@media screen and (max-width:1200px) {
    .layer-allmenu {margin:0}    
}
/* search */
.header .total-search {position:absolute; top:31px; left:46px}
.header .btn-open-search {padding:8px}
.header .btn-open-search::before,
.header .btn-search::before {content:''; display:inline-block; width:21px; height:21px; overflow:hidden; background-position:-31px 0; vertical-align:top}
.header .layer-search {display:none; position:absolute; top:-7px; left:-2px; z-index:2; width:300px}
.header .layer-search .inp-txt {width:100%; height:50px; padding:0 50px 0 20px; border:1px solid #ddd; box-sizing:border-box; outline:none}
.header .layer-search .btn-search {position:absolute; top:1px; right:1px; height:48px; padding:0 14px}
/* util area */
.header .util-area {position:absolute; top:40px; right:0}
.header .util-area .user-menu > li {position:relative; float:left}
.header .util-area .user-menu > li + li {margin-left:9px; padding-left:10px}
.header .util-area .user-menu > li + li::before {content:''; position:absolute; top:50%; left:0; width:1px; height:11px; background:#e4e4e4; transform:translateY(-50%)}
.header .util-area .user-menu a {color:#777}
.header .util-area .user-menu::after {content:''; display:block; clear:both}
/* gnb */
.gnb {border-top:1px solid #ddd}
.gnb .txt-kr {font-weight:400; letter-spacing:-0.08em}
.gnb > ul {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:49px}
.gnb > ul > li + li {margin-left:50px}
.gnb > ul > li > a {font-weight:700; font-size:15px}
.gnb .icon-new {position:relative}
.free .gnb {border-bottom:1px solid #222}
.free .gnb > ul > li > a {font-size:16px}

/* lnb */
.lnb .logo-section {padding:15px 0 25px; font-size:32px; text-align:center}
.lnb > ul {display:flex; justify-content:center; width:100%; padding-top:15px; border-top:1px solid #e7e7e7}
.lnb > ul > li > a {display:inline-block; height:17px; padding-bottom:13px; border-bottom:4px solid #f7f7f7; line-height:19px; font-size:16px}
.lnb > ul > li.on > a {border-bottom-color:#222; font-weight:700; text-decoration:none}
.lnb > ul > li + li {margin-left:28px}

/* lnb 하위메뉴 */
.lnb-dropdown {position:relative}
.lnb-dropdown .lnb-dropdown-toggle {cursor:pointer; user-select:none}
.lnb-dropdown .lnb-dropdown-toggle::after {content:''; display:inline-block; width:0; height:0; margin-left:5px; border-width:4px; border-style:solid; border-color:#bbb transparent transparent transparent}
.lnb-dropdown .lnb-dropdown-menu {position:absolute; top:35px; left:-20px; min-width:140px; border:1px solid #c2c2c2; background:#f7f7f7; text-align:left; box-shadow:3px 3px 5px rgba(0,0,0,.2); box-sizing:border-box; opacity:0; visibility:hidden; z-index:-1; transform-origin:left top;}	
.lnb-dropdown .lnb-dropdown-menu::before {content:''; position:absolute; top:-10px; left:0; right:0; height:10px}
.lnb-dropdown .lnb-dropdown-menu ul {padding:10px 20px}
.lnb-dropdown .lnb-dropdown-menu li {padding:6px 0; font-size:14px; white-space:nowrap}
.lnb-dropdown:hover .lnb-dropdown-menu {opacity:1; visibility:visible; z-index:10; animation:.2s alternate slideDown}
.lnb-dropdown:hover .lnb-dropdown-toggle::after {position:relative; top:-4px; border-color:transparent transparent #bbb transparent}

@keyframes slideDown {
    0% { transform:scaleY(0) }
    100% { transform:scaleY(1) }
  }

/* sub header */
.sub .header-inner {position:relative; border-bottom:1px solid #222; background:#f7f7f7}
.sub .header .header-cont {min-height:50px; padding-top:15px}
.sub .header .btn-allmenu,
.sub .header .total-search {top:20px}
.sub .header .logo {top:25px}
.sub .header .total-search {left:35px}
.sub .header .logo {position:absolute; left:85px; min-height:0; padding-top:0; text-align:left}
.sub .header .logo .logo-market {width:120px; height:22px; margin-left:0}
.sub .header .util-area {top:30px}
.sub .gnb {position:absolute; top:29px; left:50%; width:825px; border:none; transform:translateX(-375px)}
.sub .gnb > ul {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height:auto}
.sub .gnb > ul > li + li {margin-left:19px}
.sub.free .header .logo {left:94px}
.sub.free .gnb {transform:translateX(-335px)}

.sticky .sub .header {height:62px !important}
.sticky .sub .header-inner {position:fixed; top:0; left:0; right:0; z-index:100; min-width:1200px}
.sticky .sub .header .header-cont {padding-top:11px}
.sticky .sub .header .btn-allmenu,
.sticky .sub .header .total-search {top:11px}
.sticky .sub .header .logo {top:16px}
.sticky .sub .gnb {display:none}
.sticky .sub .util-area {top:20px}
.sticky .lnb {position:absolute; top:16px; left:50%; width:800px; border:none; transform:translateX(-355px)}
.sticky .lnb .logo-section {float:left; padding:0; font-size:21px; text-align:left}
.sticky .lnb > ul {float:left; justify-content:left; width:auto; margin-left:40px; padding-top:5px; border:none}
.sticky .lnb > ul > li + li {margin-left:22px}
.sticky .lnb > ul > li > a {padding-bottom:19px; font-size:14px}
/* .header .logo,
.header .btn-allmenu,
.header .total-search,
.header .util-area, */
/* .sub .gnb,
.lnb .logo-section,
.lnb > ul {transition:all ease .1s} */

/* Footer */
.notice-wrap {padding:30px 0; background:#2b2b2b; color:#fff}
.notice-wrap a {color:#fff}
.notice-wrap .layout-inner {display:flex; justify-content:space-between}
.notice-wrap .notice dt {float:left; margin-right:15px; padding-top:2px; font-weight:700; color:#999} 
.notice-wrap .notice dt a {color:#999}
.notice-wrap .notice dd {float:left}
.notice-wrap .notice dd li {width:340px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.notice-wrap .notice dd li + li {margin-top:10px}
.notice-wrap .notice::after {content:''; display:block; clear:both}
.notice-wrap .contact-info > dl {position:relative; float:left; margin-left:50px; padding-left:50px}
.notice-wrap .contact-info > dl::before {content:''; position:absolute; top:0; left:0; width:30px; height:30px}
.notice-wrap .contact-info::after {content:''; display:block; clear:both}
.notice-wrap .contact-info dt {height:28px; font-size:16px}
.notice-wrap .contact-info dd {font-size:12px}
.notice-wrap .contact-info dd .time {display:inline-block; width:70px}
.notice-wrap .contact-info > dl.tel-info::before {background-position:0 -36px}
.notice-wrap .contact-info > dl.email-info::before {background-position:-40px -36px}
.notice-wrap .contact-info > dl.tel-info dt {font-weight:700; font-size:17px}
.notice-wrap .contact-info.only {margin:0 auto}
.notice-wrap .contact-info.only > dl {margin-right:50px; margin-left:0}
.notice-wrap .contact-info.only > dl::before {top:-3px}
.notice-wrap .contact-info.only dt, .notice-wrap .contact-info.only dd {display:inline-block}
.notice-wrap .contact-info.only dt {vertical-align:middle}
.notice-wrap .contact-info.only dd {margin-left:20px; vertical-align:2px;}

.footer-wrap {padding:30px 0; background:#222; color:#fff}
.footer-wrap a {color:#fff}
.footer-wrap .sitemap-menu .service-wrap + .service-wrap {margin-top:40px}
.footer-wrap .foot-logo {margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid #4e4e4e}
.footer {margin-top:60px; padding-top:20px; border-top:1px solid #4e4e4e; color:#777; font-size:12px}
.footer a {color:#777}
.footer .foot-link > a,
.footer .foot-link > span {margin-right:20px}
.footer .foot-cont,
.footer .family-site,
.footer .copyright {margin:16px 0 0}
.footer .family-site dt,
.footer .family-site dd {display:inline-block}
.footer .family-site dt {font-weight:700}
.footer .family-site dd {margin-left:20px}
.footer .foot-cont span {margin-right:5px}
.footer .foot-cont-tit {margin-bottom:3px}

.btn-top-wrap {position:fixed; bottom:0; left:50%; width:1px; height:0}
.btn-top-wrap .btn-position {position:absolute; bottom:100px; right:-640px}
.btn-top-wrap .btn-top {position:fixed; z-index:10; display:inline-block; width:50px; height:50px; border-radius:50%; background:rgba(136,136,136,.7)}
.btn-top-wrap .btn-top::before {content:''; display:inline-block; position:absolute; top:calc(50% + 5px); left:50%; width:15px; height:15px; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(45deg) translate(-50%, -50%); transform-origin:left top}

/* 지수 */
.stock-marquee-wrap {height:39px; background:#222}
.stock-marquee {position:relative; width:1200px; height:39px; margin:0 auto; overflow:hidden; white-space:nowrap; box-sizing:border-box}
.stock-marquee .stock-item-list {display:flex; flex-flow:row nowrap; align-items:center; height:36px}
.stock-marquee .stock-item-list li {flex:0 0 auto} 
.stock-marquee .stock-item-list li + li {margin-left:50px}
.stock-marquee .stock-item-list li > a {color:#fff; text-decoration:none}
.stock-marquee .name {font-weight:400}
.stock-marquee .num {margin:0 8px}
.stock-marquee .up {color:#ff5b5b}
.stock-marquee .down {color:#65a2f6}
.stock-marquee .hold {color:#888}

/* Main */
.main-top {position:relative; padding:50px 0}
.main-top::before {content:''; position:absolute; top:50px; left:50%; bottom:56px; width:1px; background:#ddd; transform:translateX(-50%)}
.main-top .layout-inner {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.main-headline {width:580px}
.main-headline .thumb {width:580px; height:300px}
.main-headline .news-category {margin:17px 0 0}
.main-headline .news-tit {max-height:96px; margin-top:15px; font-size:36px; line-height:48px; -webkit-line-clamp:2; letter-spacing:-0.05em}
.main-headline .news-category + .news-tit {margin-top:10px}
.main-top-major {width:580px; padding-left:40px}
.main-top-major .news-item + .news-item {margin-top:25px; padding-top:25px; border-top:1px solid #ddd}
.main-top-major .news-cont {display:flex; justify-content:space-between; margin-bottom:10px}
.main-top-major .news-cont .txt-cont {flex:1 0 auto; width:calc(100% - 140px)}
.main-top-major .news-cont .thumb {flex:0 0 auto; width:120px; height:75px; margin:6px 0 0 20px}
.main-top-major .news-cont .news-category {margin:-3px 0 3px}
.main-top-major .news-cont .news-tit {max-height:76px; font-size:28px; line-height:38px; -webkit-line-clamp:2; letter-spacing:-0.05em}
.main-top-major .lead {height:110px; line-height:26px; font-size:15px; -webkit-line-clamp:4}

.major-thumb-news .layout-inner {padding:30px 0 0; border-top:2px solid #ddd}
.major-thumb-news ul {margin:0 -20px}
.major-thumb-news ul > li {float:left; width:270px; margin:0 20px}
.major-thumb-news ul:after {content:''; display:block; clear:both}
.major-thumb-news .thumb {width:270px; height:169px; margin-bottom:16px}
.major-thumb-news .news-category {margin-bottom:6px}
.major-thumb-news .news-tit {max-height:56px; -webkit-line-clamp:2; font-weight:400; font-size:20px; line-height:28px}

.issue-keyword {width:1200px; height:80px; margin:50px auto; padding:15px 50px; border:4px solid #ddd; background:#fff; box-sizing:border-box}
.issue-keyword dt {float:left; width:110px; border-right:1px solid #ddd; font-weight:700; font-size:16px; line-height:20px; color:#28528a}
.issue-keyword dd {float:right; width:950px; white-space:nowrap}
.issue-keyword .keyword-marquee {width:950px; height:40px; overflow:hidden}
.issue-keyword .keyword-item-list {display:inline-flex; flex-flow:row nowrap; align-items:center; height:40px}
.issue-keyword .keyword-item-list li {flex:0 0 auto} 
.issue-keyword .keyword-item-list li + li {margin-left:60px}
.issue-keyword .keyword-item-list a {font-size:16px}

.league-table {margin:50px auto; background:#294161; color:#fff; max-width:1200px; padding:0 40px; box-sizing:border-box}
.league-table a {color:#fff}
.league-table .layout-inner {position:relative}
.league-table .main-tit-wrap {float:left}
.league-table .main-tit {margin-bottom:10px; font-size:24px}
.league-table .quarter {font-size:13px}
.league-table .league-data {float:right; width:890px}
.league-table .league-data dl {float:left; width:270px; font-size:16px}
.league-table .league-data dt {display:flex; align-items:center; justify-content:center; height:44px; margin-bottom:20px; background:#1f3554}
.league-table .league-data dl + dl {margin-left:40px}
.league-table .league-data li {display:table; table-layout:fixed; width:100%; padding:0 5px; box-sizing:border-box}
.league-table .league-data li > span {display:table-cell; white-space:unset}
.league-table .league-data li > span .ellip {height:24px; line-height:24px}
.league-table .league-data li .rank {width:20px}
.league-table .league-data li .co {padding-right:5px}
.league-table .league-data li .sum {width:90px; text-align:right}
.league-table .league-data li .num {width:35px; text-align:right}
.league-table .league-data li + li {margin-top:7px}
.league-table .layout-inner::after {content:''; display:block; clear:both}

/* 뉴스모듈 */
.main-news-tmp {position:relative; margin:50px 0}
.main-news-tmp::before {content:''; display:block; width:1200px; height:2px; margin:0 auto 50px; background:#ddd}
.main-news-tmp .news-category {display:inline-block; min-height:22px}
.main-news-tmp .news-tit {font-weight:400; max-height:72px; font-size:24px; line-height:36px; -webkit-line-clamp:2; letter-spacing:-0.05em}
.league-table + .main-news-tmp::before {display:none}
/* 뉴스모듈 - 텍스트 타입 */
.major-news {position:relative}
.major-news::before, 
.major-news.col-3::after {content:''; position:absolute; top:0; bottom:0; left:50%; width:1px; background:#ddd}
.major-news .col {padding:0 20px}
.major-news .col:first-child {padding-right:20px}
.major-news .col:last-child {padding-left:20px}
.major-news.col-3::before {margin-left:-200px}
.major-news.col-3::after {margin-left:200px}
.major-news .cont-row + .cont-row {margin-top:30px}
.major-news + .major-news {margin-top:30px; padding-top:30px; border-top:1px solid #ddd}
.major-news + .major-news::before,
.major-news + .major-news::after {top:30px}
/* 뉴스모듈 - 이미지 타입 */
.nt-default .nt-list {float:right; width:780px}
.nt-default .thumb-cont {float:left; width:373px}
.nt-default .thumb-cont .thumb {width:373px; height:233px; margin-bottom:15px}
.nt-default .thumb-cont .news-tit {max-height:80px; font-size:28px; line-height:40px}
.nt-default::after {content:''; display:block; clear:both}

.nt-thumb-bundle > ul {margin:0 -20px}
.nt-thumb-bundle > ul > li {float:left; width:270px; margin:0 20px}
.nt-thumb-bundle > ul > li:nth-child(1) .news-tit,
.nt-thumb-bundle > ul > li:nth-child(2) .news-tit {max-height:56px; font-size:20px; line-height:28px}
.nt-thumb-bundle > ul > li:nth-child(3) {width:580px}
.nt-thumb-bundle .thumb {width:270px; height:169px; margin-bottom:15px}
.nt-thumb-bundle > ul > li:nth-child(3) .news-item {display:flex; align-items:center; width:100%}
.nt-thumb-bundle > ul > li:nth-child(3) .thumb {flex:0 0 auto; width:184px; height:115px; margin-bottom:0}
.nt-thumb-bundle > ul > li:nth-child(3) .thumb > a {height:115px; overflow:hidden}
.nt-thumb-bundle > ul > li:nth-child(3) .txt-cont {display:table-cell; vertical-align:top}
.nt-thumb-bundle > ul > li:nth-child(3) .thumb + .txt-cont {padding-left:20px}
.nt-thumb-bundle > ul > li:nth-child(3) .news-item + .news-item {margin-top:30px}
.nt-thumb-bundle > ul:after {content:''; display:block; clear:both}

.major-thumb-list ul {margin:-15px -20px}
.major-thumb-list ul > li {float:left; width:580px; margin:15px 20px}
.major-thumb-list ul::after {content:''; display:block; clear:both}
.major-thumb-list .news-item {display:flex; align-items:center; width:100%; min-height:115px}
.major-thumb-list .news-item > div {vertical-align:top}
.major-thumb-list .news-item > .thumb {flex:0 0 auto; width:184px; height:115px}
.major-thumb-list .news-item > .thumb > a {height:115px}
.major-thumb-list .news-item > .thumb + .txt-cont {padding:0 30px 0 15px}

.nt-list .news-item::after {content:''; display:block; clear:both}
.nt-list .news-item + .news-item {margin-top:30px; padding-top:30px; border-top:1px solid #ddd}
.nt-list .thumb {float:left; width:224px; height:141px; margin-right:20px}
.nt-list .news-tit {margin-bottom:6px; padding-top:5px; -webkit-line-clamp:1; line-height:50px}
.nt-list .lead {max-height:72px; -webkit-line-clamp:3}
.main-news-tmp .nt-list .news-category {min-height:auto; margin-bottom:0}
/* .nt-thumb-col3 > ul {display:flex; justify-content:space-between}
.nt-thumb-col3 > ul > li {flex:0 0 auto; width:373px}
.nt-thumb-col3 .thumb {width:373px; height:233px; margin-bottom:15px}
.nt-thumb-col3 .news-tit {max-height:80px; font-size:28px; line-height:40px}
.nt-photo {display:flex; justify-content:space-between; align-items:center}
.nt-photo .thumb {flex:0 0 auto; width:580px; height:363px}
.nt-photo .txt-cont {flex:1; padding:0 70px; text-align:center}
.nt-photo .news-tit {max-height:96px; margin:5px 0 35px; font-size:36px; line-height:48px}
.nt-photo .lead {max-height:72px; -webkit-line-clamp:3} */

.main-component {margin:50px 0}
.main-component.bg {margin:0; padding:50px 0; background:#ededed}
.main-component.bg + .main-component.bg {background:inherit}
.main-component.bg + .league-table {margin-top:0}
.main-component .main-tit {margin-bottom:30px; padding-bottom:10px; border-bottom:2px solid #222; font-size:24px}
.main-component .news-category {display:inline-block; min-height:22px}
.main-component .news-tit {font-weight:400; max-height:72px; font-size:24px; line-height:36px; -webkit-line-clamp:2; letter-spacing:-0.05em}
.main-component .lead {max-height:72px; -webkit-line-clamp:3}

.spotlight-cont {display:flex; justify-content:space-between}
.spotlight-cont .news-tit {height:72px}

.main-spotlight-a .news-item {flex:0 0 auto; width:373px}
.main-spotlight-a .thumb-cont {display:flex; justify-content:space-between; margin-top:15px}
.main-spotlight-a .thumb-cont .lead {flex:1 0 auto; width:calc(100% - 120px);  margin-top:-4px}
.main-spotlight-a .thumb-cont .thumb {flex:0 0 auto; width:100px; height:63px; margin-left:20px}

.main-spotlight-b .news-item:first-child {flex:0 0 auto; width:373px}
.main-spotlight-b .news-item:first-child .thumb {width:373px; height:233px; margin-bottom:25px}
.main-spotlight-b .news-item:first-child .lead {max-height:48px; margin-top:20px; -webkit-line-clamp:2}
.main-spotlight-b .major-news {flex:0 0 auto; width:788px} 
.main-spotlight-b .major-news .col:first-child {padding-left:0}
.main-spotlight-b .major-news .col:last-child {padding-right:0}
.main-spotlight-b .major-news .lead {margin-top:10px}
.main-spotlight-b .major-news + .major-news {margin-top:34px; padding-top:33px}

.main-column {display:flex; justify-content:space-between}
.main-column .news-item {flex:0 0 auto; width:374px}
.main-column .news-tit {height:72px}
.main-column .thumb-cont {display:flex; justify-content:space-between; margin-top:15px}
.main-column .thumb-cont .lead {flex:1 0 auto; width:calc(100% - 110px);  margin-top:-4px}
.main-column .thumb-cont .thumb {flex:0 0 auto; width:84px; height:84px; border-radius:50%; margin:-15px 10px 0 16px}

.mobile-hk .main-tit {position:relative; z-index:2; margin:0; padding:0; border:none}
.mobile-hk {padding-bottom:50px; background:#f3f3f3}
.mobile-hk-slide {height:300px; margin-top:-30px; padding:0 50px; overflow:hidden}
.mobile-hk-slide .slick-list {margin:0; padding:0 !important; height:300px; overflow:hidden}
.mobile-hk-slide .item > a,
.mobile-hk-slide .item .thumb {display:inline-block}
.mobile-hk-slide .item .page {display:block; margin-bottom:8px}
.mobile-hk-slide .item.slick-center {padding:60px 0 0}
.mobile-hk-slide .item.slick-center > a {transform:scale(1.3)}
.mobile-hk-slide .item.slick-center .page {font-weight:700; transform:scale(0.8)}
.mobile-hk-slide .item {padding-top:70px; text-align:center}
.mobile-hk-slide .item > a {transition:all .2s ease}
.mobile-hk-slide .item img {width:110px; height:165px; border:1px solid #ddd; box-sizing:border-box}
.mobile-hk-slide .slick-arrow {position:absolute; top:calc(50% + 20px); padding:0 10px; color:transparent; font-size:0; text-align:center}
.mobile-hk-slide .slick-arrow:before {content:''; display:inline-block; width:40px; height:40px; border-width:1px; border-style:solid}
.mobile-hk-slide .slick-prev {left:10px}
.mobile-hk-slide .slick-prev:before {border-color:#222 transparent transparent #222; transform:rotate(-45deg)}
.mobile-hk-slide .slick-next {right:0}
.mobile-hk-slide .slick-next:before {border-color:#222 #222 transparent transparent; transform:rotate(45deg) translate(-5px, 5px)}

.preview-hk {display:flex; justify-content:space-between}
.preview-hk .news-item {flex:0 0 auto; width:374px}
.preview-hk .news-item li + li {margin-top:30px; padding-top:30px; border-top:1px solid #ddd}
.preview-hk .news-tit {height:72px}

.main-box .box-tit > a,
.main-box .box-tit > span,
.main-box .box-tit.link-txt {display:flex; align-items:center; position:relative; height:50px; padding:0 30px; background:#294161; color:#fff; font-size:16px}
.main-box .box-tit > a::after, .main-box .box-tit.link-txt::after {content:''; position:absolute; top:50%; right:30px; width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg) translateY(-50%)}
.main-box .box-cont {background:#fff}

.main-box .box-tit.link-txt > a.tit {padding:0}
.main-box .box-tit.link-txt > a.tit::after {display:none}
.main-box .box-tit.link-txt > a.btn-realtime {padding-left:15px; padding-right:20px; font-weight:400; font-size:14px; background-color:transparent}
.main-box .box-tit.link-txt > a.btn-realtime::after {content:''; display:block; position:absolute; top:52%; right:0; width:17px; height:17px; border:none; transform:translateY(-50%) scale(0.8); background-position:-396px -89px;}
.main-box.deal-schedule {height:390px}
.main-box.deal-schedule iframe {height:100%}

.main-etc-section {height:390px; margin:50px 0; overflow:hidden}
.main-etc-section > .layout-inner {display:flex; justify-content:space-between}
.main-etc-section > .layout-inner > .col {flex:0 0 auto; width:374px}
.main-etc-section .scroll-cont {position:relative; height:340px; overflow-y:auto}
.main-etc-section .scroll-cont::before {content:''; position:absolute; top:0; left:30px; bottom:0; width:1px; background:#ddd}
.main-etc-section .history-news {padding:28px 0 0}
.main-etc-section .history-news li {position:relative; padding:0 30px 0 93px; font-size:16px}
.main-etc-section .history-news li::before {content:''; position:absolute; top:50%; left:28px; width:5px; height:5px; border-radius:50%; background:#ddd; transform:translateY(-50%)}
.main-etc-section .history-news li .datetime {position:absolute; top:0; left:45px; font-size:14px; line-height:24px}
.main-etc-section .history-news li .news-tit {max-height:24px; font-weight:400; line-height:24px; -webkit-line-clamp:1}
.main-etc-section .history-news li + li {margin-top:20px}
.main-etc-section .history-news li.today,
.main-etc-section .history-news li.today a {color:#28528a}

.main-etc-section .quick-link .box-cont {height:130px}
.main-etc-section .quick-link ul {display:flex; align-items:center; height:80px; padding-top:25px; text-align:center}
.main-etc-section .quick-link li {flex:1; font-size:16px}
.main-etc-section .quick-link li a::before {content:''; display:block; margin:0 auto 15px}
.main-etc-section .quick-link li:nth-child(1) a::before {width:38px; height:24px; background-position:-72px 0}
.main-etc-section .quick-link li.preview a {line-height:20px}
.main-etc-section .quick-link li.preview:nth-child(1) a::before {width:38px; height:30px; margin-bottom:10px; background-position:-200px 5px}
.main-etc-section .quick-link li:nth-child(2) a::before {width:16px; height:24px; background-position:-121px 0}
.main-etc-section .quick-link li:nth-child(3) a::before {width:24px; height:24px; background-position:-147px 0}
.main-etc-section .quick-link li + li {border-left:1px solid #ddd}

.main-etc-section .job {margin-top:30px}
.main-etc-section .job .box-cont {height:130px}
.main-etc-section .job ul {padding:17px 30px 0 28px}
.main-etc-section .job li {text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

.list-dot li {position:relative; padding-left:10px; font-size:16px}
.list-dot li::before {content:''; position:absolute; left:0; top:11px; width:2px; height:2px; border-radius:1px; background:#222}
.list-dot li + li {margin-top:8px}

/* SUB */
.sub #contents {padding:30px 0 50px}
/* sub module */
.sub-component {margin:50px 0}
.sub-component .main-tit {margin-bottom:25px; padding-bottom:10px; border-bottom:2px solid #222; font-size:20px}
.sub-component.bg {padding:50px 0; background:#ededed}
/* sub module : 마켓인사이트 pick */
.marketinsight-pick ul {display:flex; flex-wrap:wrap; justify-content:space-between}
.marketinsight-pick li {flex:0 0 auto; width:240px}
.marketinsight-pick li:nth-child(3) ~ li {margin-top:30px}
.marketinsight-pick .thumb {width:240px; height:150px; margin-bottom:10px}
.marketinsight-pick .news-tit {max-height:56px; margin-top:10px; font-weight:normal; font-size:20px; line-height:28px; -webkit-line-clamp:2}

/* LIST */
.news-list-top .layout-inner {display:flex; justify-content:space-between}
.news-list-top .list-headline {flex:0 0 auto; width:371px; max-height:381px; padding-bottom:10px}
.news-list-top .list-headline .thumb {width:371px; height:235px}
.news-list-top .list-headline .news-category {margin:17px 0 7px}
.news-list-top .list-headline .news-tit {max-height:80px; font-size:30px; line-height:40px; -webkit-line-clamp:2; letter-spacing:-0.05em}
.news-list-top .list-top-major {flex:0 0 auto; width:379px}
.news-list-top .list-top-major li {margin-top:-3px; padding:30px 0}
.news-list-top .list-top-major li:first-child {padding-top:0}
.news-list-top .list-top-major li + li {border-top:1px solid #e7e7e7}
.news-list-top .list-top-major .news-tit {max-height:64px; margin:7px 0 12px;  font-size:24px; line-height:32px; -webkit-line-clamp:2}
.news-list-top .list-top-major .lead{max-height:48px; -webkit-line-clamp:2}
.news-list-top + .news-list-wrap .news-list {padding-top:10px; border-top:1px solid #222}
.news-list-top .list-headline.no-thumb .news-category {margin-top:0}
.news-list-top .list-headline.no-thumb .lead {max-height:224px; margin-top:20px; line-height:28px; -webkit-line-clamp:8}
.news-list-top .date {padding-top:5px; color:#999; font-size:13px;}

.news-list > li {display:flex; justify-content:space-between; align-items:center; padding:30px 0; border-bottom:1px solid #e7e7e7}
.news-list .thumb {flex:0 0 auto; width:200px; height:125px; margin-right:30px}
.news-list .txt-cont {flex:1 0 auto; width:calc(100% - 230px); transform:translateY(-3px)}
.news-list .news-tit {max-height:56px; margin:10px 0; font-weight:normal; font-size:24px; line-height:28px; -webkit-line-clamp:2}
.news-list .lead {max-height:48px; -webkit-line-clamp:2}
.news-list .date {padding-top:5px; color:#999; font-size:13px}
.sub-component.bg + .news-list-wrap .news-list > li:first-child {padding-top:0}

.sub .news-list .news-tit {margin-top:0}
.free-news-list .news-list .news-tit {max-height:28px; -webkit-line-clamp:1}

/* paging */
.paging {display:flex; justify-content:center; align-items:center; margin-top:38px}
.paging a, .paging strong {display:inline-block; margin:0 8px}
.paging strong {min-width:26px; line-height:26px; border:1px solid #222; background:#fff; text-align:center; box-sizing:border-box; white-space:nowrap}
.paging [class^="btn-"] {padding:6px}
.paging [class^="btn-"]::before {content:''; display:inline-block; width:8px; height:8px; border-top:1px solid #222}
.paging .btn-prev-page::before {border-left:1px solid #222; transform:rotate(-45deg)}
.paging .btn-next-page::before {border-right:1px solid #222; transform:rotate(45deg)}
.paging .btn-prev-page.off::before, .paging .btn-next-page.off::before {border-color:#888}

.news-list-wrap + .paging {margin-bottom:50px}

/* VIEW */
.article-view {position:relative}
.article-view .file-area {position:absolute; top:7px; right:-70px; float:none}
.article-view .file-area .layer-files {top:27px}
.article-view .file-area .layer-files .file-item {font-size:15px}
.article-view .file-area .btn-files em {margin-left:2px}
.article-view .file-area .btn-files::before {margin-right:3px; transform:scale(0.8)}
.article-view .file-area .layer-files {padding:15px 15px 10px}
.free .article-view .file-area {right:0}
.article-head {position:relative; margin:0 -70px; padding:15px 0 20px; border-bottom:1px solid #e7e7e7}
.article-head .article-tit {margin-bottom:10px; font-size:40px; line-height:1.4; text-align:center; word-break:keep-all; word-wrap:break-word}
.article-head .article-subtit {color:#555; font-size:20px; line-height:1.6; text-align:center}
.article-head .article-subtit p {display:inline-block; text-align:left}
.article-head .date-info {margin-top:38px; color:#777; font-size:13px; text-align:center}
.article-head .date-info .date {margin-left:6px}
.article-head .date-info > span + span::before {content:'|'; margin:0 9px 0 8px; color:#d9d9d9}
.article-head .article-util {position:absolute; right:0; bottom:10px}

.article-util [class^="btn-"] {display:inline-flex; align-items:center; justify-content:center; width:45px; height:45px; margin-left:2px; border:1px solid #cacaca; border-radius:50%; background:#fafafa}
.article-util [class^="btn-"]::before {content:''; display:inline-block}
.article-util .btn-scrap::before {width:12px; height:18px; background-position:0 -88px}
.article-util .btn-scrap.on::before {background-position:-345px -88px}
.article-util .btn-print::before {width:21px; height:19px; background-position:-26px -88px}
.article-util .btn-font-plus::before {width:20px; height:17px; background-position:-103px -88px}
.article-util .btn-font-minus::before {width:17px; height:11px; background-position:-68px -90px}
.article-util .btn-share::before {width:21px; height:23px; background-position:-313px -87px}
.article-share {z-index:1; display:none; position:absolute; border:1px solid #c6c6c6; background-color:#fafafa; box-sizing:border-box}
.article-share.active {display:block}
.article-share .share-box {display:flex; justify-content: space-between;}
.article-head .article-share {z-index:10; bottom:-112px; right:0; width:185px; height:101px; padding:15px 20px; box-shadow:0px 2px 2px 0px rgba(189,189,189,.59)}
.article-body-wrap .article-share {z-index:-1; top:2px; left:20px; width:228px; height:45px; padding:7px 5px 7px 32px; border-top-right-radius:25px; border-bottom-right-radius:25px}
.article-share .share-box + .share-box {margin-top:10px}
.article-share a {display:inline-block; width:29px; height:30px}
.article-share .share-url {background-position:0 -239px}
.article-share .share-msg {background-position:-32px -239px}
.article-share .share-facebook {background-position:-64px -239px}
.article-share .share-twitter {background-position:-96px -239px}
.article-share .share-twitter.twitter-x {background:url('https://static.hankyung.com/resource/common/img/icon/icon-twitter-cir-x.svg') no-repeat 50% 50%/28px 28px}
.article-share .share-naver {background-position:-129px -239px}
.article-share .share-band {background-position:-161px -239px}

.article-body-wrap {position:relative}
.article-body {padding:53px 68px 35px; font-size:19px; line-height:1.7}
.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 hr {display:block; margin:35px 0}
.article-body table {max-width:100%; margin:35px 0}
.article-body table th,
.article-body table td {border:1px solid #ddd; font-size:inherit}
.article-body table th,
.article-body table td {padding:8px}
.article-body blockquote {position:relative; margin:35px 0; padding:19px 29px; border:3px solid #c3c3c3; background:#fff}
.article-body blockquote::before {content:''; display:block; width:30px; height:20px; margin-bottom:13px; background-color:#666; clip-path:path('M0,12.9C0,0.2,12.4,0,12.4,0C6.7,3.2,7.8,6.2,7.5,8.5c2.8,0.4,5,2.9,5,5.9c0,3.6-2.9,5.7-5.9,5.7 C3.2,20,0,17.4,0,12.9z M14.8,12.9C14.8,0.2,27.2,0,27.2,0c-5.7,3.2-4.6,6.2-4.8,8.5c2.8,0.4,5,2.9,5,5.9c0,3.6-2.9,5.7-5.9,5.7 C18,20,14.8,17.4,14.8,12.9z')}
.article-body blockquote .svg-quote {fill:#666; display:block; width:28px; height:20px; margin-bottom:13px}
.article-body .sm-point {text-decoration:none !important}
.article-body .sm-point > span {letter-spacing:0}
.article-body .sm-point.hold {color:#222; box-shadow:inset 0 -1px 0 #222}
.article-body .sm-point.up, .article-body .sm-point.max {color:#ff000a !important; box-shadow:inset 0 -1px 0 #ff585b}
.article-body .sm-point.down, .article-body .sm-point.min {color:#457fff !important; box-shadow:inset 0 -1px 0 #0070cf}
.article-body .marker {color:inherit; line-height:1.8; text-decoration:none !important; box-shadow:inset 0 -8px 0 #c0edff; -webkit-transition:background .15s cubic-bezier(.33,.66,.66,1); transition:background .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)}
.article-body .marker:hover {background:#c0edff}
.article-body a {}
.article-body-wrap .article-util {z-index:10; position:absolute; top:100px; left:-70px; width:45px}
.article-body-wrap .article-util [class^="btn-"] {z-index:10; margin:2px 0}
.article-body-wrap.fixed .article-util {position:fixed; top:150px; left:auto; transform:translateX(-70px)}

.article-body .article-guide {margin-bottom:35px; color:#2d50af; font-size:15px; text-align:center}
.article-body .article-guide::before {content:''; display:inline-block; width:15px; height:15px; margin-right:3px; background-position:-137px -88px; vertical-align:-1px}
.article-body .article-guide > span {border-bottom:1px solid #d4dcf1}
.article-body .article-guide > span strong {color:#ee4c4c}
.article-copyright {padding:0 68px; font-size:17px}

.article-figure {margin:15px -68px 35px; text-align:center}
.article-figure.figure-r {float:right; margin:15px -68px 15px 20px}
.article-figure.figure-l {float:left; margin:15px 20px 15px -68px}
.figure-img {position:relative; display:inline-block; max-width:inherit}
.figure-img img {max-width:100%}
.figure-img .btn-img-big {position:absolute; right:0; bottom:0; width:39px; height:39px; background-position:-263px -85px}
.figure-caption {max-width:100%; margin:8px auto 0; color:#999; font-size:0.8em; line-height:1.5; text-align:left}

.article-video {margin:35px -68px}
.youtube {position:relative; height:0; padding-bottom:56.25%; overflow:hidden}
.youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%}

.hk-sub-headline {display:block; display:-webkit-box; -webkit-box-orient:vertical; margin:35px 0; padding:12px 0 15px; border-top:2px solid #c4c4c4; border-bottom:1px solid #ddd; font-style:normal; font-weight:bold; font-size:1.1em; line-height:1.6; word-break:keep-all; word-wrap:break-word}

.author-wrap {display:flex; margin:35px 0; padding:20px 28px; background:#fff}
.author-wrap .thumb {flex:0 0 auto; width:75px; height:75px; margin-right:15px; border-radius:50%;}
.author-wrap .thumb::before {content:''; display:block; width:100%; height:100%; background-position:-169px -69px}
.author-wrap .thumb .author-photo {position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit:cover; object-position:left top}
.author-wrap .thumb.nothumb::before {background-position:-156px -53px; transform:scale(1.6)}
.author-wrap .author-info {flex:1 0 auto; width:calc(100% - 63px); padding-top:3px}
.author-wrap .author-name {float:left; margin-right:15px}
.author-wrap .author-email {float:left}
.author-wrap .author-email::before {content:''; display:inline-block; width:17px; height:12px; margin-right:7px; background-position:-235px -88px; font-size:12px; vertical-align:-2px}
.author-wrap .author-desc {clear:both; padding:3px 0 0; color:#666; font-size:13px; word-break:break-all}

.article-module-wrap{padding:90px 68px 0}
.article-module {margin:35px 0}
.article-module-tit {position:relative; margin-bottom:18px}
.article-module-tit::before {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#ddd; transform:translateY(-50%)}
.article-module-tit > strong {position:relative; display:inline-block; padding-right:19px; background:#f7f7f7; font-size:16px}
.article-tag a {display:inline-block; height:28px; margin:0 9px 9px 0; padding:0 9px; border:1px solid #e5e5e5; background:#fff; font-size:13px; line-height:25px; box-sizing:border-box; white-space:nowrap}

.article-module-rel ul {margin:-10px -20px}
.article-module-rel li {float:left; width:312px; min-height:223px; margin:10px 20px}
.article-module-rel li .thumb {width:312px; height:165px}
.article-module-rel li .news-tit {max-height:48px; margin-top:10px; font-size:18px; line-height:24px; -webkit-line-clamp:2; font-weight:400}
.article-module-rel ul::after {content:''; display:block; clear:both}
.article-module-rel li.no-thumb .news-tit {margin-top:0; max-height:60px; line-height:30px; font-size:22px}
.article-module-rel li.no-thumb .lead {margin-top:15px; height:146px; color:#888; font-size:14px; -webkit-line-clamp:6; }

.article-rel-list .article-module-tit {margin-bottom:0}
.article-rel-list .news-list > li {padding:15px 0}
.article-rel-list .news-list .thumb {width:150px; height:85px; margin-right:15px}
.article-rel-list .news-list .news-tit {max-height:28px; margin:0 0 5px; font-size:17px; -webkit-line-clamp:1}
.article-rel-list .news-list .lead {max-height:36px; line-height:19px; color:#888; font-size:13px}

.layer-article {position:fixed; top:50%; left:50%; z-index:10; padding:50px; border:1px solid #d7d7d7; background:#f7f7f7; transform:translate(-50%, -50%); box-sizing:border-box}
.layer-article .btn-close-layer {position:absolute; top:17px; right:18px; width:15px; height:15px}
.layer-article .btn-close-layer::before,
.layer-article .btn-close-layer::after {content:''; position:absolute; top:0; left:50%; width:2px; height:15px; background-color:#222}
.layer-article .btn-close-layer:before {transform:translate(-50%) rotate(45deg)}
.layer-article .btn-close-layer:after {transform:translate(-50%) rotate(-45deg)}f
.layer-article .msg {font-size:20px; text-align:center}
.layer-article .msg strong {color:#28528a}
.layer-article .btn-layer-action {margin-top:30px; text-align:center}
.layer-article .btn-layer-action a {display:inline-block; height:43px; padding:0 22px; background:#28528a; color:#fff; font-size:15px; line-height:42px}

.layer-article-scrap {min-width:340px}
.layer-article-scrap .msg {font-size:18px; text-align:center}


/* 무료 메인, 서브 */
/*.free .gnb {border-bottom:1px solid #222}*/
.free .footer {margin-top:0; padding-top:0; border-top:none}
.free .footer-wrap {padding:30px 0 65px}
.main.free .header .logo, .sub.free .header .logo {left:0}
.sticky .free .lnb, .sub.free .gnb {left:45%}
.main.free #contents {padding:40px 0 185px}
.sub.free #contents {padding:60px 0 110px}
.free .layout-inner {display:table; width:100%; table-layout:fixed}
.main.free .layout-inner {max-width:1210px}
.free .cont-free, .free .aside-free {display:table-cell; vertical-align: top;}
.free .cont-free {max-width:785px}
.free .cont-free .main-tit {margin-bottom:12px; font-size:28px}

.btn-line.more {min-width:142px; background-color:#f7f7f7}
.btn-line.more span {position:relative; padding-right:8px}
.btn-line.more span::before {content:''; position:absolute; top:50%; right:0; width:7px; height:7px; border-top:1px solid #222; border-right:1px solid #222; transform:rotate(45deg) translateY(-50%)}
    
/* 무료 메인 슬라이드 */
.main-slide .slick-track {display:flex; align-items:top;}
.main-slide {position:relative; width:100%; height:450px; margin:0 auto 30px; padding-bottom:30px; border-bottom:1px solid #ddd; color:#fff; text-align:center}
.main-slide .main-slide-list {height:435px}
.main-slide .main-slide-list .slick-list {height:100%; box-sizing:border-box}
.main-slide .main-slide-list .item {position:relative; width:700px; height:325px; margin:0 15px; padding:140px 60px 0; font-size:30px; line-height:60px; box-sizing:border-box; background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%}

.main-slide .main-slide-list .item.item1 {background-image:url('https://static.hankyung.com/img/marketinsight/w/bg-slide01.jpg')}
.main-slide .main-slide-list .item.item2 {background-image:url('https://static.hankyung.com/img/marketinsight/w/bg-slide02.jpg')}
.main-slide .main-slide-list .item.item3 {background-image:url('https://static.hankyung.com/img/marketinsight/w/bg-slide03.jpg')}
.main-slide .main-slide-list .item.item4 {background-image:url('https://static.hankyung.com/img/marketinsight/w/bg-slide04.jpg')}
.main-slide .main-slide-list .item.item5 {background-image:url('https://static.hankyung.com/img/marketinsight/w/bg-slide05.jpg')}
/* .main-slide .main-slide-list .slick-current.item,
.main-slide .main-slide-list .slick-clone-current.item, */
.main-slide .slick-slide[aria-hidden="true"][tabindex="-1"] + .slick-center,
.main-slide .slick-slide[data-index="-1"] .slick-center {width:920px; height:425px; box-shadow:0 2px 3px 1px #c3c3c3; animation:3.5s linear 0s alternate zoomIn;}
.main-slide .slick-slide[aria-hidden="true"][tabindex="-1"] + .slick-center .slide-num,
.main-slide .slick-slide[data-index="-1"] .slick-center .slide-num {opacity:1}
.main-slide .main-slide-list .item strong {display:inline-block; font-size:45px; padding-bottom:40px; border-bottom:1px solid #909098}
.slide-num {opacity:0; display:inline-block; position:absolute; top:55px; left:50%; transform:translateX(-50%); width:40px; height:40px; border:1px solid #fff; line-height:41px; font-weight:700; font-size:18px; text-align:center; box-sizing:border-box}
.slide-num::before {content:""; display:block; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%) rotate(130deg); width:16px; height:1px; background-color:#fff}
.main-slide .slide-cont {display:inline-block; opacity:0; transform:translateY(30%)}
/* .main-slide .main-slide-list .slick-current .slide-cont,
.main-slide .main-slide-list .slick-clone-current .slide-cont, */
.main-slide .slick-slide[aria-hidden="true"][tabindex="-1"] + .slick-center .slide-cont,
.main-slide .slick-slide[data-index="-1"] .slick-center .slide-cont {opacity:1; transform:translateY(0); animation:1s linear 0s alternate slideUp}

@keyframes zoomIn {
    from {
        background-size:130% 130%;
    }
    to {
        background-size:100% 100%;
    }
}
@keyframes slideUp {
    from {
        opacity:0;
        transform:translateY(30%);
    }
    to {
        opacity:1;
        transform:translateY(0);
    }
}

.slide-info {position:absolute; bottom:100px; left:50%; transform:translateX(-50%)}
.slide-nav, .slide-btn, .slide-status {display:inline-block; vertical-align:middle}
.slide-nav > span {display:inline-block; font-weight:700; color:#fff; font-size:18px; vertical-align:middle}
.slide-nav .slide-bar {overflow:hidden; position:relative; width:105px; height:5px; margin:0 13px; background-color:#ddd}
.slide-nav .pro-bar {position:absolute; bottom:0; left:0; width:100%; height:100%; background:#2675dd}

.slide-btn {margin-left:40px}
.slide-btn .btn-prev, .slide-btn .btn-next {position:absolute; top:50%; transform:translateY(-50%); color:#fff; font-size:14px}
.slide-btn .btn-prev::before, .slide-btn .btn-next::before {content:""; display:block; position:absolute; top:-5px; width:50px; height:1px; background-color:#fff}
.slide-btn .btn-prev {left:322px}
.slide-btn .btn-next {right:320px}
.slide-btn .btn-prev::before {right:0}
.slide-btn .btn-next::before {left:0}
.slide-status {margin-left:25px}
.slide-status .btn-play {display:none; border:1px solid #fff; padding:2px 3px 2px 4px}
.slide-status .btn-play::before {content:''; display:block; width:0; height:0; border:8px solid transparent; border-right-width: 0; border-left-color: #fff}
.slide-status .btn-pause {display:block}
.slide-status .btn-pause::before {content:'||'; display:inline-block; width:15px; height:20px; border:1px solid #fff; color:#fff}
.slide-status.active .btn-play {display:block}
.slide-status.active .btn-pause {display:none} 

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .slide-btn .btn-prev::before, .slide-btn .btn-next::before {position:static; margin-bottom:10px}
    .slide-btn .btn-prev {left:25.6%; text-align:right}
    .slide-btn .btn-next {right:25.6%; text-align:left}
}

/* 무료 메인 탭메뉴 */
.tab-menu {display:table; width:100%}
.tab-menu li {display:table-cell; min-width:88px; height:50px; border:1px solid #c4c4c4; text-align:center; background-color:#fff}
.tab-menu li + li {border-left:none}
.tab-menu li.on {border-color:#28528a; font-weight:700; background-color:#28528a}
.tab-menu li > a {display:block; width:100%; height:100%; padding:14px 18px; font-size:17px; box-sizing:border-box}
.tab-menu li.on > a {color:#fff}

/* 무료 우측모듈 */
.aside-free {width:375px; padding-left:40px}
.aside-search {position:relative; border-bottom:2px solid #444;}
.aside-search .inp-txt {outline:none; width:100%; height:50px; padding-right:45px; padding-left:10px; border:0; font-size:16px; background-color:transparent; box-sizing:border-box}
.aside-search .inp-txt::placeholder {color:#b0b0b0; font-size:16px}
.aside-search .inp-txt:-ms-input-placeholder {color:#b0b0b0; font-size:16px}
.aside-search .inp-txt::-ms-input-placeholder {color:#b0b0b0; font-size:16px}
.aside-search .btn-search {position:absolute; top:5px; right:0; width:45px; height:45px; background-position:-21px 11px}
.banner-info {display:block}
.banner-ad {margin-top:35px}
.banner-ad .banner {display:block;}
.banner-ad .banner + .banner {margin-top:10px}
.main.free .banner-ad {margin-top:10px}
.main.free .aside-box {margin-top:30px}
.aside-box {margin-top:35px}
.aside-box .aside-tit {position:relative; border-bottom:2px solid #222}
.aside-box .aside-tit > a,
.aside-box .aside-tit > span {display:flex; align-items:center; position:relative; height:55px; font-size:20px}
.aside-box .aside-tit > a::after {content:''; position:absolute; top:50%; right:5px; width:8px; height:8px; border-top:1px solid #222; border-right:1px solid #222; transform:rotate(45deg) translateY(-50%)}
.aside-box .list-dot {padding-top:10px}
.aside-box .list-dot li {display:flex; justify-content:space-between; line-height:40px; font-size:15px}
.aside-box .list-dot li::before {top:18px}
.aside-box .list-dot li + li {margin-top:0}
.aside-box .ellip {width:267px; height:40px}
.aside-box .ellip + .date {color:#999; font-size:13px}
.aside-box .cetner-list li {display:flex;     justify-content:space-between; align-items:center; margin-top:16px}
.aside-box .cetner-list .tel, .aside-box .cetner-list .email {position:relative; padding-left:43px; font-weight:700; font-size:20px}
.aside-box .cetner-list .tel::before, .aside-box .cetner-list .email::before {content:""; display:block; position:absolute; top:-1px; left:0; width:31px; height:32px;}
.aside-box .cetner-list .tel::before {top:-2px; background-position:0 -36px}
.aside-box .cetner-list .email::before {background-position:-40px -36px}
.aside-box .cetner-list .email + span {display:inline-block; text-align:right}
.aside-box .time-info > span {display:block; line-height:20px; font-weight:700; color:#444; font-size:13px}
.aside-box .time-info > span em {display:inline-block; width:65px; font-weight:400}
.main.free .login-box + .aside-box {margin-top:35px}
.login-box {padding:35px 40px; background-color:#eee; box-sizing:border-box}
.login-box .aside-tit {font-weight:400; font-size:22px}
.login-box .inp-txt {outline:none; width:100%; height:40px; margin-top:14px; border:none; border-bottom:1px solid #222; font-size:17px; background-color:#eee;  -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.login-box .inp-txt:-webkit-autofill,
.login-box .inp-txt:-webkit-autofill:hover,
.login-box .inp-txt:-webkit-autofill:focus,
.login-box .inp-txt:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s; font-size:inherit;}
.login-box .inp-txt:-webkit-autofill::first-line {font-size:17px}
.login-box .inp-txt::placeholder {color:#a4a4a4; font-size:13px}
.login-box .inp-txt:-ms-input-placeholder {color:#a4a4a4; font-size:13px}
.login-box .inp-txt::-ms-input-placeholder {color:#a4a4a4; font-size:13px}

.login-box .login-chk {display:flex; margin-top:12px; justify-content:space-between; align-items:center}
.login-box .check-agree {display:inline-block;}
.login-box .check-agree label {font-weight:400}
.login-box .btn-small {height:40px; padding:7px 18px; font-size:15px; background-color:#28528a}
.login-box .login-info {margin-top:35px; text-align:center}
.login-box .login-info > span, .login-box .login-info > a {display:inline-block; font-weight:700}
.login-box .login-info > span + span, .login-box .login-info > a + a  {position:relative; margin-left:22px; padding-left:29px; font-weight:700; font-size:14px}
.login-box .login-info > span + span::before, .login-box .login-info > a + a::before {content:""; display:block; position:absolute; top:4px; left:0; width:1px; height:12px; background-color:#a8a8a8}

.aside-box.league {margin:15px 0 35px}
.aside-box.league .aside-tit {display:table; width:100%}
.aside-box.league .aside-tit .term {font-weight:400; color:#999; font-size:12px; text-align:right}
.aside-box.league .aside-tit .term , .aside-box.league .aside-tit > a, .aside-box.league .aside-tit > span {display:table-cell; vertical-align:middle;}
.aside-box.league .league-cont {width:370px; height:225px}
.aside-box.league .aside-tit > a::after {display:none}

/* 무료 LIST */
.free .news-list > li {padding:25px 0}

/* 무료 VIEW */
.free .article-head {margin:0}

/* SPOTLIGHT */
#contents.spotlight {padding-top:200px}
.spotlight {position:relative; background:url('https://static.hankyung.com/img/marketinsight/w/spotlight-bg-cont.png?v=20210608') no-repeat 50% 0; background-attachment:fixed}
.spotlight .tit-spotlight {margin-bottom:230px; padding-top:40px; font-size:80px; text-align:center}
.spotlight .tit-spotlight .tit-in {position:relative}
.spotlight .tit-spotlight .tit-in::before {content:''; position:absolute; top:50%; left:75px; z-index:-1; width:100px; height:100px; margin-top:-50px; background:url('https://static.hankyung.com/img/marketinsight/w/spotlight-bg-tit.png') no-repeat 0 0/contain}
.spotlight .tit-spotlight span {display:block; letter-spacing:0.275em}
.spotlight-list {margin:0 -75px}
.spotlight-list li {position:relative; float:left; width:300px; height:494px; margin:0 75px 95px; transition:all ease-in-out .3s}
.spotlight-list li:nth-child(3n - 1) {margin-top:-150px}
.spotlight-list li::before {content:''; position:absolute; top:5px; left:5px; width:290px; height:290px; border-radius:100px; box-shadow:25px 25px 35px 0 #5cc21e; opacity:.2; transition:all ease .3s}
.spotlight-list li > a {text-decoration:none}
.spotlight-list .thumb {position:relative; width:301px; height:301px; border-radius:110px; transition:all ease .3s}
.spotlight-list .thumb img {clip-path:url(#objClip)}
.spotlight-list .spot-tit,
.spotlight-list .spot-desc {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-break:keep-all; word-wrap:break-word; -webkit-box-orient:vertical; text-align:center; -webkit-line-clamp:2; letter-spacing:-0.05em; transition:all ease .2s}
.spotlight-list .spot-tit {position:relative; max-height:100px; margin-top:30px; font-weight:700; font-size:40px; line-height:50px}
.spotlight-list .spot-desc {max-height:44px; margin-top:20px; color:#888; font-size:14px; line-height:22px}
.spotlight-list li:nth-child(9n - 8)::before {box-shadow:25px 25px 35px 0 #5cc21e}
.spotlight-list li:nth-child(9n - 7)::before {box-shadow:25px 25px 35px 0 #5e80ff}
.spotlight-list li:nth-child(9n - 6)::before {box-shadow:25px 25px 35px 0 #8a35fe}
.spotlight-list li:nth-child(9n - 5)::before {box-shadow:25px 25px 35px 0 #3bcbea}
.spotlight-list li:nth-child(9n - 4)::before {box-shadow:25px 25px 35px 0 #ffb503}
.spotlight-list li:nth-child(9n - 3)::before {box-shadow:25px 25px 35px 0 #ea3b60}
.spotlight-list li:nth-child(9n - 2)::before {box-shadow:25px 25px 35px 0 #b535fe}
.spotlight-list li:nth-child(9n - 1)::before {box-shadow:25px 25px 35px 0 #fe6e35}
.spotlight-list li:hover .thumb {transform:scale(0.99) translate(2px, 2px)}
.spotlight-list li:hover::before {transform:scale(0.99); opacity:.4}
.spotlight-list li:hover .spot-tit,
.spotlight-list li:hover .spot-desc {transform:translate(0, -2px); -webkit-font-smoothing:antialiased}
.spotlight-list::after {content:''; display:block; clear:both}

/* 고객센터 */
.no-pd {padding:0}
.va-t {vertical-align:top}
.ta-c {text-align:center}
.ta-l {text-align:left}
.ta-r {text-align:right}
#contents.board {padding-top:92px; padding-bottom:138px}
#contents.board.question {padding-bottom:320px}
.cont-box {padding:0 75px; box-sizing:border-box}
.cont-box .cont-tit {margin-bottom:45px; line-height:55px; font-weight:700; font-size:42px; letter-spacing:-0.025em}
.cont-box .cont-desc {margin-bottom:60px; line-height:25px; font-size:19px; letter-spacing:-0.05em;}
.cont-box .cont-tit + .cont-desc {margin-top:-30px}
.cont-box .inp-txt {width:100%; height:43px; padding:10px 16px; border:1px solid #c4c4c4; box-sizing:border-box}
.cont-box .inp-txt::placeholder {color:#a4a4a4; font-size:13px}
.cont-box .inp-txt:-ms-input-placeholder {color:#a4a4a4; font-size:13px}
.cont-box .inp-txt::-ms-input-placeholder {color:#a4a4a4; font-size:13px}
.cont-box textarea.inp-txt {height:320px}
.basic-table {width:100%; table-layout:fixed; border-top:2px solid #222; border-bottom:1px solid #c4c4c4; text-align:left}
.basic-table + .basic-table {margin-top:46px}
.basic-table tr + tr {border-top:1px solid #e4e4e4}
.basic-table th {font-weight:700}
.basic-table th, .basic-table td {font-size:16px; padding:10px 20px}
.basic-table th + td {padding:9px 30px 9px 0}
.basic-table thead th {background-color:#f2f2f2}
.basic-table.row-style th, .basic-table.row-style td {padding:19px 30px; font-size:17px}
.basic-table.row-style th {font-size:17px; background-color:#f2f2f2}
.basic-table.row-style td {font-weight:700; font-size:17px}
.basic-table.row-style td .tel {font-size:22px}
.basic-table.row-style td .email {display:inline-block; margin-left:27px; font-size:20px}
.basic-table.row-style td .question-info {color:#999; line-height:27px; font-weight:400; font-size:14px}
.basic-table.row-style td .question-info span + span {margin-left:4px}
.basic-table.row-style td > em {display:inline-block; margin-right:25px; font-weight:400}
.basic-table.list-style {text-align:center}
.basic-table.list-style thead tr {border-bottom:1px solid #e4e4e4}
.basic-table.list-style th {padding:15px 20px}
.basic-table.list-style th, .basic-table.list-style td {font-size:15px}
.basic-table.list-style td {padding:9px 20px}
.btns-area {margin-top:34px; text-align:center}
.btn-basic {height:45px; padding:10px 26px; line-height:25px; color:#fff; font-size:15px; background-color:#28528a}
.btn-small {height:30px; padding:0 10px; line-height:25px; color:#fff; background-color:#444}
.btn-small.line {min-width:60px; border:1px solid #222; color:#222; background-color:#fff}
.attachments-area {position:relative}
.attachments-area .inp-txt {padding-right:100px; background-color:#f2f2f2; box-sizing:border-box}
.attachments-area .btn-small {position:absolute; top:6px; right:8px; min-width:80px; font-size:12px}

/* 고객센터 - 공지사항 */
.select-area {display:inline-block; position:relative}
.select-area::after {content:""; display:inline-block; position:absolute; top:7px; right:0; width:0; height:0; border-style:solid; border-width:6px 5px; border-color:#000 transparent transparent transparent;}
.select-area select {outline:0; width:75px; padding:0 10px; border:0; border-radius:0; font-size:15px; background-color:transparent; box-sizing:border-box; appearance:none}
.select-area select::-ms-expand {display:none}

.cont-box .notice-search {position:relative; width:370px; margin:0 auto 35px; padding:10px 65px 10px 0; border-bottom:1px solid #000}
.cont-box .notice-search .inp-sch {outline:0; width:290px; height:30px; padding-left:15px; border:0; font-size:15px; background-color:transparent; box-sizing: border-box;}
.cont-box .inp-sch::placeholder {color:#b0b0b0; font-size:14px}
.cont-box .inp-sch:-ms-input-placeholder {color:#b0b0b0; font-size:14px}
.cont-box .inp-sch::-ms-input-placeholder {color:#b0b0b0; font-size:14px}
.cont-box .notice-search .btn-small {position:absolute; top:10px; right:0; width:60px; background-color:#28528a}
.cont-box .file-down {display:inline-block; width:23px; height:24px; background-position:-27px -126px}
.cont-box .notice-tit {display:block; width:550px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board-nodata {padding:25px 0 150px; box-sizing:border-box}

/* 고객센터 - 공지사항 뷰 */
.notice-view-top {border-top:2px solid #222; padding:25px 40px; background-color:#fff; box-sizing:border-box}
.notice-view-top::after {content:""; display:block; clear:both}
.notice-view-top .notice-view-tit {display:block; margin-bottom:20px; font-size:22px}
.file-area {float:right; position:relative; min-width:35%; z-index:2; font-size:15px; text-align:right}
.file-area .btn-files {font-weight:700; font-size:15px}
.file-area .btn-files::before {content:""; display:inline-block; width:23px; height:25px; margin-right:5px; background-position:-27px -125px; vertical-align:-7px}
.file-area .btn-files em {margin-left:6px}
.file-area .layer-files {display:none; position:absolute; right:0; top:33px; max-width:300px; padding:15px 25px; border:1px solid #ddd; background:#fff; text-align:left}
.file-area .layer-files .file-item {position:relative; text-decoration:underline;font-family:'Noto Sans KR'; font-size:13px}
.file-area .layer-files .file-item > a {display:inline-block; border-bottom:1px solid transparent; text-decoration:none}
.file-area .layer-files .file-item > a > span {display:table-cell; white-space:nowrap; vertical-align:middle} 
.file-area .layer-files .file-item > a > .filename {white-space:unset}
.file-area .layer-files .file-item > a:hover,
.file-area .layer-files .file-item > a:focus {border-bottom:1px solid #222}
.file-area .layer-files .file-item + .file-item {margin-top:5px}
.file-area .layer-files.active {display:block}
.notice-view-top .desc {display:inline-block; color:#777; font-size:13px}
.notice-view-top .desc + .desc {position:relative; margin-left:20px; padding-left:18px}
.notice-view-top .desc + .desc::before {content:""; display:block; position:absolute; top:4px; left:0; width:1px; height:13px; background-color:#ddd}
.notice-view-top .desc span {margin-right:13px}
.notice-view-top .desc a {display:inline-block; color:#777}
.notice-view-cont {padding:40px; box-sizing:border-box}
.notice-view-cont, .notice-view-cont p, .notice-view-cont ul li {line-height:31px; font-size:15px}
.notice-view-cont p + p {margin-top:30px;}
.notice-view-history {padding:0 40px; background-color:#fff; box-sizing:border-box}
.notice-view-history li {padding:22px 0; font-weight:700; font-size:15px}
.notice-view-history li + li {border-top:1px solid #f2f2f2}
.notice-view-history li p {display:inline-block; font-weight:400; color:#888}
.notice-view-history .prev, .notice-view-history .next {position:relative; margin-right:70px; padding-right:50px; font-size:14px; vertical-align:middle}
.notice-view-history .prev:hover, .notice-view-history .next:hover {text-decoration:none}
.notice-view-history .prev::before {content:''; position:absolute; top:7px; right:0; width:7px; height:7px; border-top:1px solid #000; border-left:1px solid #000; transform:rotate(45deg)}
.notice-view-history .next::before {content:''; position:absolute; top:3px; right:0; width:7px; height:7px; border-bottom:1px solid #000; border-right:1px solid #000; transform:rotate(45deg)}
.notice-view-history + .btns-area {margin-top:58px}
.notice-view-history + .btns-area .btn-line {min-width:75px; font-weight:700}
.view-history-tit {display:inline-block; width:82%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle}

/* 유료가입 안내 - 가입절차 */
#contents.join {padding-top:92px; padding-bottom:170px}
.list-dash > li {line-height:21px}
.list-dash > li::before {content:"-"; display:inline-block; margin-right:8px; color:#000; vertical-align:top}
.list-dash > li + li {margin-top:4px}
.cont-box .list-dash > li {font-size:14px}
.step-area {padding:30px 0 44px; border-top:2px solid #222; border-bottom:1px solid #c4c4c4}
.sub-tit {display:block; margin-bottom:12px; line-height:25px; font-size:22px}
.step-area .bg-box {background-color:#f2f2f2}
.step-area .bg-box + .sub-tit {margin-top:35px}
.product-area::after, .product-top .product-info::after, .num-list::after {content:""; display:block; clear:both}
.step-list {display:flex; justify-content: space-between; width:100%; padding:25px 35px; box-sizing:border-box}
.step-list li {flex:0 0 auto; max-width:190px; height:100%; text-align:center; box-sizing:border-box; vertical-align:top}
.step-list li + li {position:relative}
.step-list li + li::before {content:''; position:absolute; top:80px; left:-80px; width:11px; height:11px; border-top:3px solid #000; border-right:3px solid #000; transform:rotate(45deg)}
.step-list li .step-tit {display:inline-block; position:relative; min-width:140px; max-width:180px; height:40px; padding-top:90px; line-height:18px; font-weight:700; font-size:16px}
.step-list li .step-tit::before {content:""; display:block; position:absolute; top:0; left:50%; width:60px; height:60px; margin:0 auto; transform:translateX(-50%)}
.step-list li.step1 .step-tit::before {background-position:8px -167px}
.step-list li.step2 .step-tit::before {left:56%; width:75px; background-position:-148px -162px}
.step-list li.step2-2 .step-tit::before {background-position:-65px -168px}
.step-list li.step3 .step-tit::before {left:56%; height:65px; background-position:-236px -157px}
.step-list li.step4 .step-tit::before {top:10px; left:55%; width:85px; background-position:-310px -156px}
.step-list li + li .step-tit::before {background-position:0 -155px}
.step-list .num {display:block; position:relative; margin-bottom:15px; font-weight:900; line-height:18px; font-size:13px; text-align:left; vertical-align:top}
.step-list .num::before {content:""; display:block; position:absolute; left:-1px; bottom:-2px; width:17px; height:1px; background-color:#000}
.step-list .step-desc {display:block; line-height:16px; font-size:13px; text-align:left}
.step-list .step-desc span {display:inline-block; line-height:20px}
.step-list.type2 .num {margin-bottom:10px}
.step-list.type2 li + li::before {top:70px; left:-63px}
.step-list.type2 li .step-tit {min-width:110px; padding-top:85px}
.service-tit {display:block; margin-top:85px; padding-bottom:5px; line-height:40px; letter-spacing:-0.025em; font-size:24px}
.product-area {padding-top:30px; border-top:2px solid #222}
.product-box {float:left; width:515px; padding:50px 40px 50px 45px; background-color:#fff; box-sizing:border-box}
.product-box + .product-box {margin-left:17px}
.product-box:nth-child(2n+1) {margin-left:0}
.product-box:nth-child(2n) ~ .product-box {margin-top:17px}
.product-box:first-child {margin-top:0}
.product-box .product-tit {font-weight:700; font-size:26px}
.product-top {position:relative; margin-bottom:35px}
.product-top .product-info {position:absolute; top:7px; right:0}
.product-top .product-info li {float:left; padding:0 9px; border:1px solid #666; border-radius:2px; line-height:19px; font-weight:700; font-size:12px; box-sizing:border-box;}
.product-top .product-info li + li {margin-left:5px}
.product-tit + .product-desc {margin-top:15px}
.product-desc {height:44px; margin-bottom:21px; line-height:22px; color:#666; font-size:15px}
.product-box .price-area {text-align:right}
.price-area .price-info, .price-area .price {display:block}
.price-area .price-info {color:#999; font-size:12px}
.price-area .price {color:#28528a; font-size:25px}
.price-area .price > span {display:inline-block; margin-left:5px; color:#222; font-weight:500; font-size:17px; vertical-align:3px;}
.service-desc {margin-top:12px; margin-bottom:20px; color:#999; font-size:12px}
.num-list {display:inline-block; vertical-align:middle}
.num-list li {float:left; margin-left:15px; font-size:13px}
.num-list li > em {padding:1px 5px; border:1px solid #c4c4c4; line-height:18px}

/* 유료가입 안내 - 회원가입 */
.btn-line {min-width:177px; height:44px; padding:9px 22px 11px; line-height:25px; border:1px solid #222; font-size:15px; background-color:#fff}
.btn-line.down span {display:inline-block; position:relative; width:100%; height:100%; padding-right:27px; font-weight:700; box-sizing:border-box}
.btn-line.down span::before {overflow:hidden; content:""; display:block; position:absolute; top:6px; right:0; width:20px; height:15px; background-position:-65px -125px; transform:scale(1.4);}
.btns-area [class^="btn-"] + [class^="btn-"] {margin-left:8px}

.check-agree label {display:inline-block; position:relative; padding-left:27px; font-weight:700; font-size:14px; cursor:pointer}
.check-agree label:before {content:''; display:inline-block; position:absolute; top:2px; left:0; width:18px; height:18px; border:1px solid #000; background-color:#fff; box-sizing:border-box}
.check-agree input[type="checkbox"] {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.check-agree input[type="checkbox"]:checked + label:before {border-color:#222; background:#222 url(https://static.hankyung.com/img/mypage/common/check@2x.png) no-repeat 52% 50%; background-size:11px 10px}

.terms-box {margin-top:50px; border-bottom:1px solid #e4e4e4}
.terms-box .check-agree {padding:15px; text-align:right}
.terms-box + .terms-box {margin-top:60px}
.terms-box + .btns-area {margin-top:65px}
.terms-cont {overflow-y:scroll; height:330px; padding:35px 40px; border:1px solid #e4e4e4; line-height:22px; font-size:14px; background-color:#fff; box-sizing:border-box}
.terms-cont em {display:block}
.terms-cont em.bold, .terms-cont > ol {margin-bottom:22px}
.terms-cont > p + em, .terms-cont > ul + em  {margin-top:25px}

/* 유료가입 안내 - FAQ */
.faq-wrap {border-top:2px solid #222}
.faq-list li {border-bottom:1px solid #abadb1}
.faq-list .faq-question, .faq-list .faq-answer {padding:15px 48px; letter-spacing:-0.025em; box-sizing:border-box}
.faq-list .faq-question::before, .faq-list .faq-answer::before {content:""; display:inline-block; margin-right:45px; line-height:25px; font-family: 'Noto Sans KR'; font-weight:700; font-size:22px}
.faq-list .faq-question {display:block; line-height:25px; font-size:18px}
.faq-list .faq-question::before {content:"Q"; color:#222; vertical-align:-2px}
.faq-list .faq-answer {border-top:1px solid #e4e4e4; color:#666; font-size:15px; background-color:#fff}
.faq-list .faq-answer::before {content:"A"; color:#cfcfcf; vertical-align:-4px}

/* MY PAGE - My Keyword */
#contents.mypage {padding-top:92px; padding-bottom:170px}
.keyword-list {display:flex; justify-content:space-between}
.keyword-left, .keyword-right {width:50%}
.keyword-right {margin-left:70px}
.keyword-num {display:inline-block; width:36px; margin-right:20px; font-style:italic; font-weight:700; color:#666; font-size:27px; vertical-align:middle; text-align:right}
.keyword-box {display:inline-block; position:relative; width:87%; vertical-align:middle}
.keyword-box::before {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#999}
.keyword-box.active::before {background-color:#222}
.inp-keyword {outline:none; width:100%; padding:15px 60px 15px 0; border:0; font-size:20px; box-sizing:border-box; background-color:transparent}
.inp-keyword::placeholder {color:#a4a4a4}
.inp-keyword:-ms-input-placeholder {color:#a4a4a4}
.inp-keyword::-ms-input-placeholder {color:#a4a4a4}
.inp-keyword + .btn-small {display:inline-block; position:absolute; bottom:10px; right:0; width:60px; padding:0 15px; background-color:#28528a}
.keyword-item + .keyword-item {margin-top:17px}
.keyword-item .tag-box {display:inline-block; position:relative; width:87%; padding-right:30px; vertical-align:middle; box-sizing:border-box}
.keyword-item .keyword-tag {display:inline-block; padding:8px 20px 7px; border:1px solid #838383; line-height:33px; font-weight:700; font-size:20px; box-sizing:border-box; background-color:#fff}
.keyword-item .btn-delete {position:absolute; top:14px; right:0px; width:25px; height:25px}
.keyword-item .btn-delete::before,
.keyword-item .btn-delete::after {content:''; position:absolute; top:0px; left:50%; width:3px; height:24px; background-color:#222}
.keyword-item .btn-delete:before {transform:translate(-50%) rotate(45deg)}
.keyword-item .btn-delete:after {transform:translate(-50%) rotate(-45deg)}

/* MY PAGE - My Scrap News */
.news-list.scrap-list {border-top:2px solid #222}
.news-list.scrap-list > li {position:relative; padding-right:100px}
.news-list.scrap-list .scrap-info {display:block; position:relative; flex:0 0 auto; min-width:103px; min-height:130px; height:100%; padding-right:10px; margin-right:45px; border-right:1px solid #ddd; box-sizing:border-box}
.news-list.scrap-list .scrap-info > span {display:block}
.news-list.scrap-list .scrap-info .num {font-weight:900; font-size:14px}
.news-list.scrap-list .scrap-info .date {position:absolute; left:0; bottom:0; color:#666; font-size:13px}
.news-list.scrap-list .news-tit {letter-spacing:-0.05em}
.news-list.scrap-list .txt-cont {width:calc(100% - 375px)}
.scrap-list .scrap-delete {position:absolute; top:30px; right:0; width:100px; text-align:right}
.scrap-list .btn-delete {position:relative; width:37px; height:37px; border:1px solid #222}
.scrap-list .btn-delete::before,
.scrap-list .btn-delete::after {content:''; position:absolute; top:12px; left:50%; width:2px; height:13px; background-color:#222}
.scrap-list .btn-delete:before {transform:translate(-50%) rotate(45deg)}
.scrap-list .btn-delete:after {transform:translate(-50%) rotate(-45deg)}
.scrap-nodata {padding:65px 0 70px; border-top:2px solid #222; border-bottom:1px solid #d7d7d7; text-align:center; box-sizing:border-box}
.scrap-nodata p {margin-bottom:17px; line-height:22px; font-size:16px}
.scrap-nodata .btn-line {min-width:166px; height:55px; border-color:#c4c4c4; font-weight:700; color:#222; line-height:34px}

/* MY PAGE - 기기초기화 */
#contents.mypage.newpw {padding-bottom:230px}
.basic-table.list-style + .list-dash {margin-top:25px}
.btn-clear {padding:5px 7px; border:1px solid #c4c4c4; font-size:15px; box-sizing:border-box; background-color:#fff}

/* 유료 고객센터 - 회원탈퇴 */
.board.userout .basic-table td .txt {line-height:39px}
.board.userout .basic-table + .btns-area {margin-top:60px}

/* 검색 */
#contents.search {padding-bottom:170px}
.search-wrap {position:relative; width:690px; margin:0 auto; padding:40px 0 50px}
.search-wrap::after {content:""; display:block; clear:both}
.search-wrap .search-inp {float:left; position:relative; width:575px;}
.search-wrap .search-inp .inp-txt {width:100%; height:50px; padding:0 50px 0 20px; border:1px solid #ddd; box-sizing:border-box; outline:none; font-weight:700; font-size:22px}
.search-wrap .search-inp::before {content:""; display:block; position:absolute; top:15px; right:17px; width:25px; height:25px; background-position:-29px 0}
.search-wrap .search-inp .btn-search {position:absolute; top:1px; right:1px; width:54px; height:48px; padding:0 14px}
.search-wrap .search-inp .btn-search::before {width:22px}
.search-option {float:left; margin-left:9px}
.search-option .btn-option {width:105px; height:50px; border:1px solid #ddd; font-size:15px; background-color:#fff}
.search-option .btn-option span {display:inline-block; position:relative; padding-right:15px; font-weight:700}
.search-option .btn-option span::before {content:''; display:block; position:absolute; top:5px; right:0; width:6px; height:6px; border-bottom:2px solid #000; border-right:2px solid #000; transform:rotate(45deg)}
.search-option .btn-option.active span::before {top:9px; border-top:2px solid #000; border-left:2px solid #000; border-bottom:none; border-right:none}
.search-option .option-area {z-index:1; display:none; position:absolute; bottom:-150px; left:0; padding:27px 24px 22px 24px; border:3px solid #d5d5d5; width:690px; min-height:187px; background-color:#fff; box-sizing:border-box;}
.search-option .option-area.active {display:block}
.search-option .option-area li + li {margin-top:27px}
.search-option .option-area em {display:inline-block; margin-right:17px; font-weight:700; font-size:15px; vertical-align:middle}
.search-option .radio-box {display:inline-block}
.search-option .radio-box + .radio-box {margin-left:10px}
.search-option .radio-box label {display:inline-block; position:relative; padding-left:25px; font-family:'Noto Sans KR'; font-size:14px; cursor:pointer}
.search-option .radio-box label:before {content:''; display:inline-block; position:absolute; top:2px; left:0; width:18px; height:18px; border-radius:50px; border:1px solid #363636; background-color:#fff; box-sizing:border-box}
.search-option .radio-box input[type="radio"] {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.search-option .radio-box input[type="radio"]:checked + label:after {content:''; display:block; position:absolute; top:6px; left:4px; width:10px; height:10px; border-radius:50px; border-color:#222; background-color:#363636}
.search-option .btns-area {margin-top:15px;padding-top:20px; border-top:1px solid #e7e6e6}
.search-option .btns-area .btn-small {padding:0 18px; background-color:#28528a}
.date-area {display:inline-block; vertical-align:middle}
.date-area .datepicker {outline:none; width:90px; height:100%; padding-right:18px; padding-left:5px;  border:none}
.date-area > span {display:inline-block; position:relative; height:30px; margin:0 5px}
.date-area > span::before {content:""; display:block; position:absolute; top:7px; right:0; width:20px; height:20px; background-position:0 -126px; transform:scale(0.9); pointer-events:none}
.date-area > span::after {content:""; display:block; position:absolute; left:0; bottom:0x; width:100%; height:1px; background-color:#222}
.date-area > span:last-child {margin-right:0}
.search-top {position:relative; padding:15px 0; border-bottom:1px solid #aaa; box-sizing:border-box;}
.search-top .search-tit, .search-top .search-total, .search-top .check-agree {display:inline-block; vertical-align:middle}
.search-top .search-tit {font-size:24px}
.search-top .search-total {margin-left:10px; margin-right:10px; font-size:15px; vertical-align:-7px}
.search-top .search-total > span {color:#28528a}
.search-top .check-agree label {padding-left:23px; font-weight:400; font-size:15px; vertical-align:-6px}
.search-top .search-sort {position:absolute; top:25px; right:0}
.search-top .search-sort > a {display:inline-block; font-size:15px}
.search-top .search-sort > a.on {font-weight:700; color:#28528a}
.search-top .search-sort > a  + a {position:relative; margin-left:5px; padding-left:11px}
.search-top .search-sort > a  + a::before {content:""; display:block; position:absolute; top:6px; left:0; width:1px; height:12px; background-color:#d6d6d6}
.search-word {display:inline-block; color:#222; background-color:#c0edff}
.search-nodata {width:385px; margin:0 auto; text-align:center}
.search-nodata > p {margin-bottom:10px; line-height:50px; font-weight:700; font-size:22px}
.search-nodata .search-keyword {color:#28528a}
.search-nodata .list-dash {text-align:left}
.search-nodata .list-dash li, .search-nodata .list-dash li::before  {color:#888}

.search-free .search-top {padding-top:0}
.search-free .search-top .search-sort {top:10px}

/* LATEST NEWS */
#contents.latestnews {padding-bottom:110px}
.latest-date {padding:30px 0; box-sizing:border-box; text-align:center}
.latest-list {position:relative; margin-top:15px; padding-left:90px; border-top:2px solid #222; border-bottom:1px solid #222}
.latest-list::before {content:""; display:block; position:absolute; top:0; left:55px; width:1px; height:100%; background-color:#ddd}
.latest-list .news-list > li {position:relative}
.latest-list .news-list > li:last-child {border-bottom:none}
.latest-list .news-list > li .time {position:absolute; top:41px; left:-90px; font-weight:700; color:#28528a; font-size:15px}
.latest-list .news-list > li .time::after {content:""; display:inline-block; width:10px; height:10px; margin-left:12px; border-radius:50px; vertical-align:2px; background-color:#28528a}
.latest-list .news-list .news-tit {margin:0 0 10px}
.latest-list .news-category {margin-bottom:3px}
.precent-date {display:inline-block; width:262px; margin-left:35px; margin-right:25px}
.precent-date .date {position:relative}
.precent-date .date .date-txt {outline:none; width:100%; padding-right:35px; border:none; font-weight:700; font-size:32px; text-align:center; background-color:transparent; box-sizing:border-box}
.precent-date .datepicker {cursor:pointer; display:inline-block; position:relative;  position:absolute; top:5px; right:0; width:20px; height:20px; text-indent:-99999px; vertical-align:middle; border:none; background-position:1px -125px}
.precent-date .date span {font-size:27px}
.latest-date .btn-prev, .latest-date .btn-next {display:inline-block; position:relative; width:16px; height:40px; vertical-align:middle; cursor:pointer}
.latest-date .btn-prev::before {content:''; position:absolute; top:16px; left:4px; width:13px; height:13px; border-bottom:2px solid #000; border-left:2px solid #000; transform:rotate(45deg)}
.latest-date .btn-next::before {content:''; position:absolute; top:16px; right:4px; width:13px; height:13px; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(45deg)}
.latest-date .btn-prev.off::before, .latest-date .btn-next.off::before {border-color:#888}
.latest-date + .ta-r .check-agree, .latest-date + .ta-r .new-load {display:inline-block; vertical-align:middle}
.latest-date + .ta-r .new-load {position:relative; margin-left:13px;padding-left:10px;}
.latest-date + .ta-r .new-load::before {content:""; display:block; position:absolute; top:3px; left:0; width:1px; height:15px; background-color:#999}
.latest-date + .ta-r .new-load span {padding-left:24px; background-position:-192px -125px}
.latest-date + .ta-r .check-agree label, .latest-date + .ta-r .new-load span {font-weight:400; font-size:13px}

/* datepicker style */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button {border:none; font-size:12px; text-align:center}
html .ui-button.ui-state-disabled:hover, .ui-state-default.ui-state-hover {color:#222; background-color:#d3e6ff}
html .ui-button.ui-state-disabled:active, .ui-state-default.ui-state-active {border:1px solid #28528a; font-weight:700; color:#fff; background-color:#28528a}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:1px solid #28528a; font-weight:700; color:#28528a; background-color:#fff}
.ui-datepicker table thead tr {display:table; width:100%; border-left:7px solid #fff; border-right:7px solid #fff; border-bottom:1px solid #f2f2f2; box-sizing:border-box}
.ui-datepicker.ui-widget-content {padding:0; border-radius:0; z-index:1000 !important}
.ui-datepicker .ui-datepicker-header {padding:6px 10px; border-radius:0; border:0}
.ui-datepicker table thead {border-bottom:1px solid #d5d5d5}
.ui-datepicker table thead tr th {padding:0.2em 0.3em; color:#28528a; font-family:'Noto Sans KR'; font-size:12px}
.ui-datepicker td {width:28px}
.ui-datepicker .ui-datepicker-title {line-height:21px; font-family:'Noto Sans KR'; color:#222; font-size:13px}
.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {background-image:none !important; background-color:#fff}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top:4px}
.ui-datepicker .ui-datepicker-prev {left:6px}
.ui-datepicker .ui-datepicker-next {right:6px}
.ui-datepicker .ui-datepicker-prev span::after, .ui-datepicker .ui-datepicker-next span::after {top:4px}
.ui-datepicker .ui-datepicker-prev span::after {content: ' '; left:6px; height:0; width:0; position:absolute; border:4px solid transparent; border-left-width:0; border-right-color:#28528a}
.ui-datepicker .ui-datepicker-next span::after {content: ' '; right:6px; height:0; width:0; position:absolute; border:4px solid transparent; border-right-width:0; border-left-color:#28528a}
.ui-datepicker .ui-datepicker-calendar {margin-bottom:12px}
.ui-datepicker-calendar tbody tr {display:table; width:100%; border-top:3px solid #fff; border-left:7px solid #fff; border-right:7px solid #fff; box-sizing:border-box}

/* 에러 페이지 */
.error {width:580px; margin:0 auto; padding:120px 0 315px; text-align:center}
.error .main-txt {display:block; font-weight:700; font-size:24px}
.error .main-txt::before {content:"!"; display:block; width:72px; height:72px; margin:0 auto 30px; border-radius:50px; border:6px solid #999; text-align:center; font-weight:700; color:#999; font-size:49px; box-sizing:border-box}
.error .txt-box {margin-top:22px; padding:35px 0; background-color:#eee; box-sizing: border-box}
.error .txt-box > p {line-height:24px; letter-spacing:-0.05em; font-size:16px}
.error .btn-line {min-width:130px; height:45px;}

/* IB 기업정보 */
#contents.company {padding-top:80px; padding-bottom:280px}
.company .basic-table.list-style {text-align:center}
.company .basic-table.list-style td {height:75px; padding:2px 4px; word-break:keep-all; word-wrap:break-word; -webkit-box-orient: vertical}
.company .basic-table.list-style td.td-img {padding:0}
.company .basic-table.list-style td.td-img img {height:72px; object-fit:contain}
.company .cont-box .cont-tit {letter-spacing:0}
.comp-option {position:relative; margin-top:-40px; margin-bottom:25px}
.comp-option .comp-info:after {content:''; display:block; clear:both}
.comp-option .comp-info a {display:inline-block; vertical-align:middle}
.comp-option .comp-info li {float:left; font-size:15px}
.comp-option .comp-info li + li {position:relative; margin-left:11px; padding-left:15px;}
.comp-option .comp-info li + li::before {content:''; display:block; position:absolute; top:5px; left:0; width:1px; height:12px; background-color:#f7f7f7}
.comp-option .select-area {position:absolute; top:-10px; right:0; width:175px; border-bottom:1px solid #000}
.comp-option .select-area select {cursor:pointer; width:100%; padding:0 14px 13px 10px;}
.comp-option + .write-date {margin-bottom:15px; color:#999; font-size:13px; text-align:right}

/* News History */
.newshistory-wrap {text-align:center}
.newshistory-wrap .txt {padding:10px 0; border-top:2px solid #abadb1; border-bottom:1px solid #d9dbe0;  line-height:18px; font-size:14px; background-color:#d9dbe0; box-sizing:border-box}
.newshistory-wrap .txt p {display:inline-block; position:relative; padding-left:30px}
.newshistory-wrap .txt p::before {content:""; display:block; position:absolute;  top:0; left:0; width:20px; height:20px; background-position:-101px -124px}
.newshistory-wrap .txt span {color:#28528a}
.newshistory-date {padding:10px 0; border-bottom:1px solid #d9dbe0; background-color:#f2f2f2; box-sizing:border-box}
.newshistory-date .latest-date {display:inline-block; padding:0}
.newshistory-date .precent-date {width:140px; margin-right:16px; margin-left:28px}
.newshistory-date .precent-date .datepicker {top:2px}
.newshistory-date .precent-date .date .date-txt {padding-right:30px; font-size:20px}
.newshistory-date .select-area {margin-right:25px; border-bottom:1px solid #222}
.newshistory-date .select-area::after {top:6px; right:6px; border-width:8px ​5px}
.newshistory-date .select-area select {cursor:pointer; width:100%; padding:0 24px 5px 12px}
.newshistory-date .latest-date .btn-prev::before, .newshistory-date .latest-date .btn-next::before {width:8px; height:8px; border-width:3px}
.newshistory-date .latest-date + .btn-small.line {margin-left:23px}
.history-btn .btn-history {z-index:10; position:fixed; top:50%; width:95px; height:95px; border:1px solid #c4c4c4; background-color:#f2f2f2; transform:translateY(-50%)}
.history-btn .btn-history.prev {left:30px}
.history-btn .btn-history.next {right:30px}
.history-btn .btn-history.prev::before, .history-btn .btn-history.next::before {content:''; position:absolute; top:50%; width:13px; height:13px; transform:translateY(-50%) rotate(45deg)}
.history-btn .btn-history.prev::before {left:40px; border-bottom:2px solid #abadb1; border-left:2px solid #abadb1}
.history-btn .btn-history.next::before {right:40px; border-top:2px solid #abadb1; border-right:2px solid #abadb1}

/* 개인정보취급방침, 이용약관 */
#contents.privacy {padding-top:90px; padding-bottom:140px}
#contents.terms {padding-top:90px; padding-bottom:270px}
.bg-cont {margin-bottom:35px; padding:40px 55px; background-color:#eee; box-sizing:border-box}
.bg-cont > em {display:block; font-size:16px}
.bg-cont > em + ol {margin-top:20px}
.bg-cont ol li {line-height:32px; font-size:16px}
.bg-cont + .cont-area em.bold {display:block; margin:30px 0; font-size:20px}
.bg-cont + .cont-area > ol, .bg-cont + .cont-area ul {margin-bottom:30px}
.bg-cont + .cont-area ul li, .bg-cont + .cont-area ol li, .bg-cont + .cont-area p, .bg-cont + .cont-area em {line-height:28px; font-size:15px}

/* PC 등록 */
#contents.newpc {padding-top:90px; padding-bottom:230px}
.newpc .step-area {margin-top:-20px; padding:75px 0 55px; border-bottom:none}
.newpc .step-list li {z-index:1; position:relative}
.newpc .step-list li.active::after {z-index:-1; content:""; display:block; position:absolute; top:-43px; left:-35px; width:228px; height:294px; border:3px solid #28528a; background-color:#fff}
.newpc .step-list li.step3 + li.step4::before {left:-52px}
.newpc .step-list li .emphasis {display:block; margin-top:18px; font-weight:700; color:#28528a; font-size:16px}

/* 인증프로그램 설치 */
#contents.install {padding-top:55px; padding-bottom:155px}
.install-area {position:relative; border-top:2px solid #222; border-bottom:1px solid #ddd}
.install-area::before {content:""; display:block; position:absolute; top:-183px; right:0; width:380px; height:163px; background:url(//static.hankyung.com/img/marketinsight/w/install-bg.png) no-repeat}
.install-area .install-tit {font-weight:700; font-size:20px}
.install-head {position:relative; padding:37px 30px; border-bottom:1px solid #ddd; box-sizing:border-box}
.install-head .btn-basic {position:absolute; top:22px; right:30px; height:60px; padding:18px 45px; line-height:25px; font-size:18px}
.install-head .install-tit + span {display:inline-block; font-weight:700;  color:#28528a; font-size:20px}
.install-step {padding:35px 30px 50px; box-sizing:border-box;}
.install-cont {display:flex; margin-top:13px}
.install-list {flex:1 0 auto; padding-left:10px}
.install-list li {line-height:28px; font-size:16px }
.install-list > li + li {margin-top:12px}
.install-list li p + .tit {margin-top:15px}
.install-list .tit {display:block; padding-left:15px; text-indent:-13px}
.install-list .tit .bold {display:inline-block; margin-right:4px}
.install-list .install-file {display:block; margin-top:10px; color:#28528a}
.install-list li .tel {display:inline-block; margin-left:3px; font-weight:700}
.list-square li {position:relative; padding-left:13px}
.list-square li::before {content:""; display:block; position:absolute; top:12px; left:0; width:5px; height:5px; background-color:#999}
.underline {text-decoration:underline;}

/* 서비스안내 - Introduction */
#contents.serviceinfo {padding-top:90px !important}
.serviceinfo .product-box {padding:57px 40px 57px 45px}
.serviceinfo .product-tit {font-size:18px}
.serviceinfo .product-desc {margin-bottom:0; font-size:13px}
.serviceinfo-list {border-top:2px solid #222; border-bottom:1px solid #abadb1}
.serviceinfo-list li {display:table; width:100%}
.serviceinfo-list li + li {border-top:1px solid #e4e4e4}
.serviceinfo-list .num-tit, .serviceinfo-list .num-cont {display:table-cell; vertical-align:middle}
.serviceinfo-list .num-tit { width:110px; font-family: 'Noto Sans KR'; color:#cfcfcf; font-size:49px; font-style:italic; text-align:center}
.serviceinfo-list .num-cont {padding:25px 30px; letter-spacing:-0.05em; box-sizing:border-box}
.serviceinfo-list .num-cont em {line-height:25px; font-size:19px}
.serviceinfo-list .num-cont p {margin-top:15px; color:#666; line-height:22px; font-size:14px}
.serviceinfo-bg {margin-top:110px; padding:55px 75px 65px; background-color:#f3f3f3; box-sizing:border-box}
.serviceinfo-bg .layout-inner {padding:0 75px; box-sizing:border-box}
.serviceinfo-bg .service-tit {margin-top:0; margin-bottom:30px}
.serviceinfo-bg .video-area {width:749px; height:421px; margin:0 auto}

/* 서비스 안내 - News Service */
.visual-area {padding:30px 0 40px; border-top:2px solid #222; border-bottom:1px solid #e4e4e4; text-align:center; box-sizing:border-box}
.visual-area .visual-tit {display:table; width:100%; height:220px; background-size:cover}
.visual-area .visual-tit.newsservice {background:url('https://static.hankyung.com/img/marketinsight/w/newsservice-bg.jpg') no-repeat}
.visual-area .visual-tit.deal {background:url('https://static.hankyung.com/img/marketinsight/w/dealtracker-bg.jpg') no-repeat}
.visual-area .visual-tit.global {background:url('https://static.hankyung.com/img/marketinsight/w/global-bg.jpg') no-repeat}
.visual-area .visual-tit.earlyhk {background:url('https://static.hankyung.com/img/marketinsight/w/earlyhk-bg.jpg') no-repeat}
.visual-area .visual-tit p {display:table-cell; line-height:32px; color:#fff; font-size:22px; vertical-align:middle}
.visual-area .visual-txt {margin-top:25px; line-height:25px; font-size:16px}
.img-info-list {margin-top:45px; margin-bottom:65px}
.img-info-list::after {content:''; display:block; clear:both}
.img-info-list .hk-tit {display:block; margin-bottom:25px; font-size:28px; text-align:center}
.img-info-list .info-item {float:left; width:492px}
.img-info-list .info-item + .info-item {margin-left:65px}
.img-info-list .info-item .img-area {width:492px; height:288px}
.img-info-list .info-item .img-cont > em {display:block; margin-top:25px; margin-bottom:10px; line-height:30px; font-weight:700; font-size:18px}
.img-info-list .info-item .img-cont > p {line-height:20px; color:#999; font-size:14px; word-break:keep-all}
.img-info-list.only .info-item {float:none; display:table; width:100%}
.img-info-list.only .info-item .img-area, .img-info-list.only .info-item .img-cont {display:table-cell; vertical-align:middle}
.img-info-list.only .info-item .img-area {padding-right:50px}
.img-info-list.only .info-item .img-cont {padding-top:50px}
.img-info-list.only .info-item .img-cont > em {margin-top:0; margin-bottom:35px}
.img-info-list + .list-dash {margin-top:-25px}
.img-info-list + .list-dash li, .img-info-list + .list-dash > li::before {color:#999}

/* Deal */
.surface-rel-area {margin-top:40px; padding-bottom:65px}
.surface-rel-area .rel-tit {display:block; padding-bottom:15px; border-bottom:1px solid #888; font-weight:700; color:#222; line-height:28px; font-size:24px}
.surface-rel-area .news-list > li {padding:25px 0}
.surface-rel-area .news-list .news-tit {margin:8px 0 9px; font-size:20px}
.surface-rel-area .btn-line.more {margin-top:35px; min-width:140px; height:50px; font-weight:700; font-size:14px}
.surface-rel-area .btn-line.more span {padding-right:6px}

/* IB대상 */
#contents.ib-wrap {padding:75px 0 130px}
.ib-wrap .sub-tit {margin-top:30px; margin-bottom:15px}
.ib-wrap .cont-box .cont-tit {margin-bottom:25px; padding-bottom:25px; border-bottom:2px solid #000; line-height:40px}
.ib-wrap .cont-box .cont-tit::after,
.ib-wrap .photo-list::after,
.ib-wrap .ib-rel-box::after {content:''; display:block; clear:both}
.ib-wrap .select-area {cursor:pointer; float:right; border-bottom:1px solid #222; font-size:15px}
.ib-wrap .select-area::after {top:16px; right:14px}
.ib-wrap .select-area select {cursor:pointer; width:125px; padding-bottom:7px}
.ib-wrap .basic-table {border-width:1px; text-align:center}
.ib-wrap .basic-table.row-style td {font-weight:400}

.ib-wrap .photo-area {padding-bottom:25px; border-bottom:1px solid #eaeaea}
.ib-wrap .photo-item + .photo-item {margin-top:19px}
.ib-wrap .photo-list li {float:left; position:relative; width:245px; height:145px; border:1px solid #e1e1e1}
.ib-wrap .photo-list li  + li {margin-left:19px}
.ib-wrap .photo-list li img {clip-path:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; min-height:auto; max-width:100%; max-height:100%}
.ib-wrap .photo-list li .btn-img-big {position:absolute; bottom:8px; right:8px; width:40px; height:40px; background-position:-262px -84px}

.ib-wrap .ib-rel-box + .ib-rel-box {margin-top:22px}
.ib-wrap .ib-rel-box .ib-rel-item {display:block; float:left; position:relative; width:245px; height:352px; box-sizing:border-box}
.ib-wrap .ib-rel-box .ib-rel-item + .ib-rel-item {margin-left:23px}
.ib-wrap .ib-rel-box .ib-rel-item img {clip-path:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; min-height:auto; max-width:100%; max-height:100%}
.ib-wrap .btn-line.more {min-width:120px}
.ib-wrap .btn-line.more span {padding-right:12px; font-weight:700}
.ib-wrap .btn-line.more span::before {top:33%; border-top:none; border-bottom:1px solid #222}

.ib-wrap .btns-area {margin-top:16px}
.ib-wrap .ib-rel-area {padding-bottom:33px; border-bottom:1px solid #eaeaea}
.ib-wrap .major-thumb-list {margin-top:33px}

.ib-wrap .major-thumb-list ul > li {width:505px; height:120px; margin:10px 20px}
.ib-wrap .major-thumb-list ul > li .news-tit {max-height:56px; line-height:28px; font-weight:400; font-size:20px;  -webkit-line-clamp:2}
.ib-wrap .major-thumb-list .news-item .txt-cont {vertical-align:middle}
.ib-wrap .major-thumb-list .news-item > .thumb {width:200px; height:120px}
.ib-wrap .major-thumb-list .news-item > .thumb > a {overflow:hidden; position:relative; height:120px; border:1px solid #e1e1e1; box-sizing:border-box; background-color:#fff}
.ib-wrap .major-thumb-list .news-item > .thumb > a img {clip-path:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; min-height:auto; max-width:100%; max-height:100%}

/* 팝업 */
.layer-wrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999999; align-items:center; justify-content:center; background:rgba(0,0,0,.5)}
.layer-wrap.active {display:flex}
.layer-wrap .cont-box {padding:0}
.layer-wrap .cont-tit {margin-bottom:15px; line-height:1; font-size:28px}
.layer-wrap .cont-desc {margin-bottom:20px; line-height:20px; font-size:13px}
.layer-wrap .cont-box .cont-tit + .cont-desc {margin-top:0}
.layer-wrap .basic-table {border-bottom:2px solid #222}
.layer-wrap .basic-table th + td {padding-right:0}
.layer-wrap .basic-table th {padding:0 10px 0 0}
.layer-wrap .pop-cont {position:relative; max-width:600px; height:calc(100vh - 115px); max-height:437px; padding:40px; background-color:#fff; box-sizing:border-box; overflow-y:auto}
.layer-wrap .btn-pop-close {position:absolute; top:35px; right:40px; width:20px; border:none}
.layer-wrap .btn-pop-close::before,
.layer-wrap .btn-pop-close::after {content:''; position:absolute; left:50%; top:0; width:3px; height:23px; background-color:#000}
.layer-wrap .btn-pop-close:before {transform:translate(-50%) rotate(45deg)}
.layer-wrap .btn-pop-close:after {transform:translate(-50%) rotate(-45deg)}
.layer-wrap .btns-area {margin-top:20px}

@media screen and (min-width:1800px) {
    .slide-btn .btn-prev {left:506px}
    .slide-btn .btn-next {right:505px}
}